.board.svelte-6mrm5c{width:min(100%,760px);max-height:100%;aspect-ratio:100 / 75;display:block;touch-action:none}.board.svelte-6mrm5c:focus-visible{outline:none}.board.kb.svelte-6mrm5c:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.panel.svelte-6mrm5c{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.75rem .5rem .5rem}.stats.svelte-6mrm5c{display:flex;gap:1.5rem;font-size:.9rem}.stats.svelte-6mrm5c .info-value:where(.svelte-6mrm5c){font-variant-numeric:tabular-nums}.sliders.svelte-6mrm5c{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:30rem}.sliders.svelte-6mrm5c>*{flex:1 1 12rem;min-width:0}.mode-toggle.svelte-6mrm5c{display:flex;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.mode-btn.svelte-6mrm5c{flex:1;padding:.45rem 1.4rem;border:none;background:#fff;font-size:.8rem;font-weight:500;cursor:pointer}.mode-btn.svelte-6mrm5c:hover{background:#f3f4f6}.mode-btn.active.svelte-6mrm5c{background:var(--brand);color:#fff}.mode-btn.svelte-6mrm5c:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.paint-controls.svelte-6mrm5c{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:20rem}.swatches.svelte-6mrm5c{display:flex;flex-wrap:wrap;gap:.4rem}.swatch.svelte-6mrm5c{width:24px;height:24px;border-radius:50%;border:1px solid #e5e7eb;cursor:pointer}.swatch.svelte-6mrm5c:hover{border-color:var(--brand)}.swatch.selected.svelte-6mrm5c{border:2px solid var(--brand);transform:scale(1.15)}.swatch.svelte-6mrm5c:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.icon-row.svelte-6mrm5c{display:flex;gap:.6rem;justify-content:center}.tgl-btn.svelte-6mrm5c{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:var(--brand);cursor:pointer;touch-action:manipulation}.tgl-btn.svelte-6mrm5c:hover{border-color:var(--brand)}.tgl-btn.active.svelte-6mrm5c{background:var(--brand);border-color:var(--brand);color:#fff}.tgl-btn.svelte-6mrm5c:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.paint-controls.svelte-6mrm5c>button{width:100%;justify-content:center}.view-toggles.svelte-6mrm5c{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:center}.actions.svelte-6mrm5c{display:flex;flex-direction:column;gap:.5rem;align-items:center}.btn-row.svelte-6mrm5c{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:100%}.btn-row.svelte-6mrm5c>*{min-width:0}.sidebar-mode .panel.svelte-6mrm5c{width:100%;padding:0;align-items:stretch}.sidebar-mode .stats.svelte-6mrm5c{display:grid;grid-template-columns:1fr;gap:.35rem}.sidebar-mode .stats.svelte-6mrm5c .info-item:where(.svelte-6mrm5c){display:flex;justify-content:space-between}.sidebar-mode .sliders.svelte-6mrm5c{flex-direction:column;gap:.75rem;max-width:none}.sidebar-mode .sliders.svelte-6mrm5c>*{flex:0 0 auto}.sidebar-mode .paint-controls.svelte-6mrm5c{max-width:none}.sidebar-mode .view-toggles.svelte-6mrm5c{flex-direction:column;align-items:flex-start;gap:.5rem}.sidebar-mode .icon-row.svelte-6mrm5c{justify-content:flex-start}.sidebar-mode .actions.svelte-6mrm5c{align-items:stretch}.sidebar-mode .btn-row.svelte-6mrm5c>*{flex:1}.sidebar-mode .mode-toggle.svelte-6mrm5c{width:100%}