body{background-color:#f0f0f0;font-family:Arial,sans-serif;margin:0;padding:0}.app{margin:0 auto;max-width:800px;padding:20px;text-align:center}header{background-color:#007bff;border-radius:5px;color:#fff;justify-content:space-between;margin-bottom:20px;padding:10px 20px}.user-info,header{align-items:center;display:flex}.user-info{gap:10px}button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(:disabled){background-color:#218838}.grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);margin:20px auto;max-width:500px}.pixel{background-color:#fff;border:1px solid #ccc;cursor:pointer;height:40px;width:40px}.pixel.selected{background-color:#007bff}.selection-controls{display:flex;gap:10px;justify-content:center;margin-top:20px}
/*# sourceMappingURL=main.bef99c45.css.map*/