.play-btn.svelte-1y71c66{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:none;border:none;cursor:pointer;color:var(--text);padding:0}.play-btn.svelte-1y71c66:hover{color:var(--accent)}svg.svelte-1y71c66{display:block;flex-shrink:0}.label.svelte-1y71c66{display:none}@media(min-width:640px)and (min-height:500px){.play-btn.svelte-1y71c66{width:100%;height:auto;justify-content:flex-start;padding:.7rem .85rem;gap:.6rem;font-size:.88rem;border-radius:0}.play-btn.svelte-1y71c66:hover{color:var(--text);background:var(--btn-bg)}svg.svelte-1y71c66{width:18px;height:18px}.label.svelte-1y71c66{display:inline}}.settings.svelte-1u3w06f{display:flex;flex-direction:column;gap:.85rem;width:100%}.settings-title.svelte-1u3w06f{font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text)}.desc.svelte-1u3w06f{font-size:.72rem;color:var(--text-muted);line-height:1.35}.row.svelte-1u3w06f{display:flex;flex-direction:column;gap:.2rem;cursor:default}.lbl.svelte-1u3w06f{font-size:.82rem;color:var(--text)}.slider-row.svelte-1u3w06f{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}input[type=range].svelte-1u3w06f{flex:1;min-width:0;height:3px;accent-color:var(--accent);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}input[type=range].svelte-1u3w06f::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer}input[type=range].svelte-1u3w06f::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.val.svelte-1u3w06f{font-size:.78rem;color:var(--text);font-variant-numeric:tabular-nums;min-width:4rem;text-align:right}.style-row.svelte-1u3w06f{display:flex;gap:.25rem}.style-btn.svelte-1u3w06f{flex:1;font-size:.75rem;padding:.3rem .4rem;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:5px;color:var(--btn-text);cursor:pointer}.style-btn.active.svelte-1u3w06f{background:var(--accent);border-color:var(--accent);color:var(--bg)}.style-btn.svelte-1u3w06f:hover:not(.active){border-color:var(--text-muted);color:var(--text)}.checkbox-row.svelte-1u3w06f{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.checkbox-row.svelte-1u3w06f input[type=checkbox]:where(.svelte-1u3w06f){accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0;margin-top:.1rem}.checkbox-text.svelte-1u3w06f{display:flex;flex-direction:column;gap:.15rem}.action-row.svelte-1u3w06f{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.15rem}.action-btn.svelte-1u3w06f{font-size:.78rem;padding:.3rem .65rem;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:5px;color:var(--btn-text);cursor:pointer}.action-btn.svelte-1u3w06f:hover{border-color:var(--text-muted);color:var(--text)}.visualizer-wrap.svelte-10476qw{width:min(480px,90vw,70dvh);aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-canvas)}@media(min-width:640px)and (min-height:500px){.visualizer-wrap.svelte-10476qw{width:min(90dvh,100%)}}canvas.svelte-10476qw{width:100%;height:100%;display:block;cursor:pointer}:root{--bg: #eae6e0;--bg-canvas: #dedad4;--text: #1a1814;--text-muted: #5e5954;--border: #cdc8c0;--accent: #3d6fe0;--accent-glow: rgba(61, 111, 224, .3);--btn-bg: #e0dbd4;--btn-border: #bfb9b0;--btn-text: #2e2a24;--c-dot: #aaa49c;--c-dot-branch: #6e92e8;--c-dot-vocal: #8a837a;--c-current: #1a1814;--c-arc-dim: rgba(30, 24, 16, .18);--c-arc-bright: rgba(61, 111, 224, .7);--c-text: #8a847c}@media(prefers-color-scheme:dark){:root{--bg: #1e1e22;--bg-canvas: #26262c;--text: #dddad4;--text-muted: #96938c;--border: #34343c;--accent: #7c9ef8;--accent-glow: rgba(124, 158, 248, .3);--btn-bg: #2c2c34;--btn-border: #44444e;--btn-text: #c0bdb6;--c-dot: #44444e;--c-dot-branch: #4a5e8a;--c-dot-vocal: #5a585c;--c-current: #f0ede8;--c-arc-dim: rgba(200, 196, 220, .14);--c-arc-bright: rgba(124, 158, 248, .8);--c-text: #58565c}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100dvh}.app.svelte-1n46o8q{display:flex;flex-direction:column;min-height:100dvh}header.svelte-1n46o8q{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);gap:.75rem;flex-shrink:0}h1.svelte-1n46o8q{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}main.svelte-1n46o8q{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:1rem;min-width:0}.time-display.svelte-1n46o8q{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;padding:.35rem .75rem}.nav-box.svelte-1n46o8q{display:flex;flex-direction:row;align-items:center;gap:.5rem}.nav-item.svelte-1n46o8q{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.35rem .75rem;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:6px;color:var(--btn-text);cursor:pointer;white-space:nowrap}.nav-item.svelte-1n46o8q:hover{color:var(--text);border-color:var(--text-muted)}.nav-loading.svelte-1n46o8q{display:none}@media(min-width:640px)and (min-height:500px){.app.svelte-1n46o8q{flex-direction:row;height:100dvh;overflow:hidden}header.svelte-1n46o8q{flex-direction:column;align-items:flex-start;justify-content:flex-start;width:17rem;flex-shrink:0;height:100dvh;border-bottom:none;border-right:1px solid var(--border);background:var(--bg-canvas);padding:1.25rem 1rem;gap:0}h1.svelte-1n46o8q{margin-bottom:1rem}main.svelte-1n46o8q{height:100dvh;overflow:hidden}.nav-box.svelte-1n46o8q{flex-direction:column;gap:0;width:100%;border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0}.nav-box.svelte-1n46o8q>:where(.svelte-1n46o8q)+:where(.svelte-1n46o8q){border-top:1px solid var(--border)}.nav-item.svelte-1n46o8q,.time-display.svelte-1n46o8q{width:100%;padding:.7rem .85rem;background:none;border:none;border-radius:0;font-size:.88rem;color:var(--text);justify-content:flex-start}.nav-item.svelte-1n46o8q:hover{background:var(--btn-bg);border-color:transparent}.time-display.svelte-1n46o8q{color:var(--text-muted);cursor:default;font-size:1.1rem;letter-spacing:-.02em}.nav-loading.svelte-1n46o8q{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;font-size:.82rem;color:var(--text-muted)}.error-sm.svelte-1n46o8q{display:block;margin-top:.75rem;font-size:.78rem;color:#c0392b;line-height:1.4}}.loading-main.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media(min-width:640px)and (min-height:500px){.loading-main.svelte-1n46o8q{display:none}}.spinner.svelte-1n46o8q{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1n46o8q-spin .8s linear infinite}.spinner-sm.svelte-1n46o8q{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1n46o8q-spin .8s linear infinite;flex-shrink:0}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}.loading-step.svelte-1n46o8q{color:var(--text-muted);font-size:.88rem}.loading-hint.svelte-1n46o8q{color:var(--text-muted);font-size:.78rem;opacity:.7}.intro.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:26rem;padding:1rem}.intro-tagline.svelte-1n46o8q{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;color:var(--text)}.intro-desc.svelte-1n46o8q{font-size:.9rem;color:var(--text-muted);line-height:1.6}.intro-actions.svelte-1n46o8q{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-top:.25rem}.intro-btn.svelte-1n46o8q{font-size:.88rem;padding:.55rem 1.1rem;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:7px;color:var(--btn-text);cursor:pointer}.intro-btn.primary.svelte-1n46o8q{background:var(--accent);border-color:var(--accent);color:#fff}.intro-btn.svelte-1n46o8q:hover:not(.primary){border-color:var(--text-muted);color:var(--text)}.intro-btn.primary.svelte-1n46o8q:hover{opacity:.88}.intro-hint.svelte-1n46o8q{font-size:.78rem;color:var(--text-muted);opacity:.7}main.dragging.svelte-1n46o8q .intro:where(.svelte-1n46o8q){outline:2px dashed var(--accent);outline-offset:8px;border-radius:8px}main.dragging.svelte-1n46o8q .visualizer-wrap{outline:2px dashed var(--accent);outline-offset:-4px}.error.svelte-1n46o8q{color:#c0392b;font-size:.88rem;max-width:400px;text-align:center}.gear-btn.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;color:var(--text-muted);flex-shrink:0;padding:0}.gear-btn.svelte-1n46o8q:hover{color:var(--text)}.settings-panel.svelte-1n46o8q{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-canvas);flex-shrink:0}.sidebar-middle.svelte-1n46o8q{display:flex;align-items:center;flex-shrink:0}.settings-sidebar.svelte-1n46o8q{display:none}@media(min-width:640px)and (min-height:500px){.sidebar-middle.svelte-1n46o8q{flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;flex-direction:column;align-items:flex-start;width:100%;gap:.75rem;padding-bottom:1rem;padding-right:.5rem}.settings-panel.svelte-1n46o8q{display:none}.settings-sidebar.svelte-1n46o8q{display:block;width:100%}}