.board.svelte-wmry59{width:min(100%,760px);max-height:100%;aspect-ratio:1;display:block;touch-action:none}.board.svelte-wmry59:focus,.board.svelte-wmry59:focus-visible,.board.svelte-wmry59 :where(.svelte-wmry59):focus,.board.svelte-wmry59 :where(.svelte-wmry59):focus-visible{outline:none}.board.kb.svelte-wmry59:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.panel.svelte-wmry59{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:.75rem .5rem .5rem}.sliders.svelte-wmry59{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:30rem}.sliders.svelte-wmry59>*{flex:1 1 12rem;min-width:0}.top-row.svelte-wmry59{display:flex;align-items:center;gap:.6rem}.help-btn.svelte-wmry59{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.95rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;font-family:ui-serif,Georgia,serif;padding:0}.help-btn.svelte-wmry59:hover{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.help-btn.svelte-wmry59:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.modal.svelte-wmry59{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;z-index:110;padding:1rem}.modal-card.svelte-wmry59{position:relative;background:var(--paper);border-radius:16px;padding:1.5rem 1.75rem 1.25rem;box-shadow:0 18px 50px #0f172a40;max-width:460px;width:100%;font-size:.88rem;line-height:1.5;color:var(--ink)}.modal-card.svelte-wmry59 p:where(.svelte-wmry59){margin:0 0 .5rem}.modal-close.svelte-wmry59{position:absolute;top:.45rem;right:.6rem;width:32px;height:32px;border-radius:50%;border:none;background:transparent;font-size:1.4rem;color:var(--ink-soft);cursor:pointer;line-height:1;padding:0}.modal-close.svelte-wmry59:hover{color:var(--ink)}.modal-close.svelte-wmry59:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.modal-title.svelte-wmry59{font-size:1.3rem;font-weight:800;color:var(--brand);margin:0 0 .75rem;letter-spacing:-.01em}.mode-toggle.svelte-wmry59{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.mode-btn.svelte-wmry59{flex:1;padding:.45rem 1.4rem;border:none;background:var(--paper);font-size:.8rem;font-weight:500;cursor:pointer}.mode-btn.svelte-wmry59:hover{background:var(--paper-soft)}.mode-btn.active.svelte-wmry59{background:var(--brand);color:var(--on-brand)}.mode-btn.svelte-wmry59:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.paint-controls.svelte-wmry59{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:20rem}.swatches.svelte-wmry59{display:flex;flex-wrap:wrap;gap:.4rem}.swatch.svelte-wmry59{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);cursor:pointer}@media (pointer: coarse){.swatch.svelte-wmry59{width:32px;height:32px}.help-btn.svelte-wmry59{width:40px;height:40px}.mode-btn.svelte-wmry59{padding:.7rem 1.4rem}}.swatch.svelte-wmry59:hover{border-color:var(--brand)}.swatch.selected.svelte-wmry59{border:2px solid var(--brand);transform:scale(1.15)}.swatch.svelte-wmry59:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.paint-controls.svelte-wmry59>button{width:100%;justify-content:center}.view-toggles.svelte-wmry59{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 1.25rem;justify-content:center}.actions.svelte-wmry59{display:flex;flex-direction:column;gap:.5rem;align-items:center}.btn-row.svelte-wmry59{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:100%}.btn-row.svelte-wmry59>*{min-width:0}.sidebar-mode .panel.svelte-wmry59{width:100%;padding:0;align-items:stretch}.sidebar-mode .sliders.svelte-wmry59{flex-direction:column;gap:.75rem;max-width:none}.sidebar-mode .sliders.svelte-wmry59>*{flex:0 0 auto}.sidebar-mode .paint-controls.svelte-wmry59{max-width:none}.sidebar-mode .view-toggles.svelte-wmry59{grid-template-columns:1fr;justify-content:start;gap:.5rem}.sidebar-mode .actions.svelte-wmry59{align-items:stretch}.sidebar-mode .btn-row.svelte-wmry59>*{flex:1}.sidebar-mode .mode-toggle.svelte-wmry59{flex:1}