.page-shell.svelte-emjsd4{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.page-shell.svelte-emjsd4 .tool-layout{height:auto;flex:1;min-height:0}@media (max-width: 699px){.page-shell.svelte-emjsd4{overflow-y:auto}}.nav-bar.svelte-emjsd4{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff}.stage.svelte-emjsd4{width:100%;height:100%;display:flex;align-items:center;justify-content:center}svg.svelte-emjsd4{width:100%;height:100%}svg.svelte-emjsd4:focus-visible{outline:2px solid #145666;outline-offset:2px}.kb-cursor.svelte-emjsd4{display:none}svg.svelte-emjsd4:focus-visible .kb-cursor:where(.svelte-emjsd4),svg.svelte-emjsd4:focus .kb-cursor:where(.svelte-emjsd4){display:block}.wall-hit.svelte-emjsd4{stroke:transparent;pointer-events:stroke;cursor:pointer}.wall-hit.svelte-emjsd4:hover{stroke:#b4530940}svg.paint.svelte-emjsd4 .strand-color:where(.svelte-emjsd4){pointer-events:stroke;cursor:pointer}svg.weave.svelte-emjsd4 .strand-color:where(.svelte-emjsd4){pointer-events:none}.controls.svelte-emjsd4{display:flex;flex-direction:column;gap:.75rem}.control-group.svelte-emjsd4{display:flex;flex-direction:column;gap:.35rem}.panel.svelte-emjsd4{display:flex;flex-direction:column;gap:.45rem;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem .5rem .5rem;background:#fafafa}.panel.svelte-emjsd4 .control-label:where(.svelte-emjsd4){margin-top:-.15rem}.control-label.svelte-emjsd4{font-size:.75rem;font-weight:600;color:#374151}.mode-toggle.svelte-emjsd4{display:flex;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb}.mode-btn.svelte-emjsd4{flex:1;padding:.5rem 1rem;border:none;background:#fff;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.mode-btn.svelte-emjsd4:hover{background:#f3f4f6}.mode-btn.active.svelte-emjsd4{background:#145666;color:#fff}.color-palette.svelte-emjsd4{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch.svelte-emjsd4{width:24px;height:24px;border-radius:50%;border:1px solid #e5e7eb;cursor:pointer;transition:border-color .15s,transform .15s}.color-swatch.svelte-emjsd4:hover{transform:scale(1.15)}.color-swatch.selected.svelte-emjsd4{border-color:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #1a1a1a}.palette-select.svelte-emjsd4{width:100%;padding:.35rem .5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer}.tok-row.svelte-emjsd4{display:flex;gap:.3rem;flex-wrap:wrap}.tok-btn.svelte-emjsd4{min-width:32px;height:28px;font-family:monospace;font-size:.9rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;color:#1a1a1a}.tok-btn.svelte-emjsd4:hover{background:#f3f4f6}.tok-btn.active.svelte-emjsd4{background:#145666;border-color:#145666;color:#fff}.tok-chip.svelte-emjsd4{min-width:22px;height:22px;padding:0 4px;font-family:monospace;font-size:.8rem;border:1px solid #cbd5e1;border-radius:4px;background:#f8fafc;color:#145666;cursor:pointer}.tok-chip.svelte-emjsd4:hover{background:#fee2e2;border-color:#dc2626}.action-buttons.svelte-emjsd4{display:flex;flex-direction:column;gap:.35rem}.btn-row.svelte-emjsd4{display:flex;gap:.35rem}.btn-row.svelte-emjsd4 button{flex:1}.stats.svelte-emjsd4{display:flex;flex-direction:column;gap:.15rem;font-size:.7rem;color:#6b7280;font-family:monospace;border-top:1px solid #e5e7eb;padding-top:.5rem}