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