.pixel_container{flex-direction:column;gap:32px;width:100%;min-width:0;display:flex}.pixel_controls{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.pixel_control-group{flex-direction:column;gap:8px;min-width:0;display:flex}.pixel_kicker{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--primary);opacity:.75;font-size:.7rem;font-weight:700}.pixel_grid-buttons,.pixel_tool-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pixel_palette{flex-direction:column;gap:16px;display:flex}.pixel_palette-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.pixel_palette-header h2{font-family:var(--font-display);margin:2px 0 0;font-size:1.2rem;line-height:1.35}.pixel_custom-color{cursor:pointer;opacity:.75;align-items:center;gap:8px;font-size:.82rem;display:flex}.pixel_custom-color input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:38px;height:30px;padding:0}.pixel_palette-swatches{flex-wrap:wrap;gap:10px;display:flex}.pixel_palette-swatch{cursor:pointer;border:2px solid #0000;border-radius:7px;width:34px;height:34px;padding:0;transition:transform .15s,border-color .15s}.pixel_palette-swatch:hover{transform:translateY(-2px)}.pixel_palette-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--background,#fff)}.pixel_editor{flex-direction:column;gap:14px;width:100%;display:flex}.pixel_editor-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.pixel_editor-heading h2{font-family:var(--font-display);margin:2px 0 0;font-size:1.3rem;line-height:1.35}.pixel_mode{border:1px solid var(--border);opacity:.75;border-radius:6px;padding:6px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.pixel_canvas-wrapper{box-sizing:border-box;border:1px solid var(--border);background:repeating-conic-gradient(var(--surface,#f5f5f5) 0% 25%, transparent 0% 50%) 50% / 24px 24px;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:28px;display:flex;overflow:auto}.pixel_canvas{aspect-ratio:1;border:2px solid var(--border);touch-action:none;background:0 0;flex:none;width:min(70vw,620px);display:grid;overflow:hidden}.pixel_cell{border:.5px solid var(--border);cursor:crosshair;appearance:none;touch-action:none;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:block}.pixel_cell:hover{outline:1px solid var(--primary);outline-offset:-1px}.pixel_export-canvas{display:none}.tool-info{flex-direction:column;gap:24px;width:100%;display:flex}@media (max-width:900px){.pixel_controls{flex-direction:column;align-items:stretch;gap:18px}.pixel_canvas{width:min(80vw,560px)}}@media (max-width:640px){.pixel_container{gap:28px}.pixel_palette-header{align-items:flex-start}.pixel_palette-header h2{font-size:1.05rem}.pixel_palette-swatch{width:30px;height:30px}.pixel_canvas-wrapper{padding:12px}.pixel_canvas{width:min(92vw,500px)}.pixel_editor-heading h2{font-size:1.1rem}.pixel_mode{font-size:.7rem}}@media (max-width:380px){.pixel_container{gap:24px}.pixel_canvas-wrapper{padding:8px}.pixel_canvas{width:94vw}.pixel_palette-swatches{gap:7px}.pixel_palette-swatch{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.pixel_container *,.pixel_container :before,.pixel_container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}