@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--surface: #151316;--surface-dim: #0f0e10;--surface-bright: #3b383c;--surface-container-lowest: #0f0e10;--surface-container-low: #1d1b1e;--surface-container: #211f22;--surface-container-high: #2b292c;--surface-container-highest: #363437;--slate-surface: #1b191c;--slate-elevated: #312e33;--on-surface: #e7e1e5;--on-surface-variant: #cbc3d7;--outline: #958ea0;--outline-variant: #494454;--electric-violet: #8b5cf6;--cyber-teal: #2dd4bf;--spectral-yellow: #f6cf46;--narrative-coral: #ff5a36;--batch-green: #00ff66;--spectral-cyan: #00e5ff;--primary: var(--electric-violet);--on-primary: #ffffff;--secondary: var(--cyber-teal);--error: #ffb4ab;--success: #34d399;--bg-dark: var(--surface);--bg-card: var(--surface-container);--bg-card-hover: var(--surface-container-high);--border-glass: var(--outline-variant);--border-glass-glow: var(--electric-violet);--accent-cyan: var(--cyber-teal);--accent-purple: var(--electric-violet);--accent-pink: var(--narrative-coral);--accent-green: var(--batch-green);--accent-gradient: var(--electric-violet);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--outline);--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius-sm: 2px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--nav-width: 64px;--inspector-width: 320px;--tcp-width: 200px;--header-height: 48px;--toolstrip-height: 36px;--status-height: 28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.01em;color:var(--on-surface)}.label-caps{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--outline)}.mono-data{font-family:var(--font-mono);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.glass-card,.panel{background:var(--slate-elevated);border:1px solid #454147;border-radius:var(--radius-lg);box-shadow:none;backdrop-filter:none}.glass-card:hover,.panel:hover{border-color:var(--outline-variant)}.well{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);box-shadow:inset 0 1px 2px #00000073}.btn-primary{background:var(--electric-violet);color:var(--on-primary);font-family:var(--font-body);font-weight:600;font-size:12px;padding:8px 14px;border-radius:var(--radius);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:none;transition:background .15s ease,border-color .15s ease}.btn-primary:hover{background:#9b6dff;transform:none;box-shadow:none}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary,.btn-ghost{background:transparent;color:var(--on-surface);font-family:var(--font-body);font-weight:500;font-size:12px;padding:7px 12px;border-radius:var(--radius);border:1px solid var(--outline-variant);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-secondary:hover,.btn-ghost:hover{border-color:var(--cyber-teal);color:var(--cyber-teal);background:#2dd4bf0f}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--on-surface-variant);cursor:pointer}.btn-icon:hover{color:var(--on-surface);background:var(--surface-container-high)}.btn-icon.active{color:var(--cyber-teal);background:#2dd4bf1f;border-color:#2dd4bf59}.btn-export{background:var(--narrative-coral);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:12px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-export:hover{filter:brightness(1.08)}.btn-export:disabled{opacity:.45;cursor:not-allowed;filter:none}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.pulse{animation:pulse-glow 2s infinite}.daw-shell{display:flex;flex-direction:column;height:100vh;min-height:100vh;background:var(--surface);color:var(--on-surface);overflow:hidden;border:none;border-radius:0}.daw-header{height:var(--header-height);min-height:var(--header-height);display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 12px;background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);flex-wrap:nowrap;overflow:visible;position:relative;z-index:50}.daw-brand{display:flex;align-items:center;gap:10px;min-width:140px;flex-shrink:0}.daw-brand-mark{width:28px;height:28px;border-radius:var(--radius);background:var(--electric-violet);display:flex;align-items:center;justify-content:center;flex-shrink:0}.daw-brand-title{font-size:13px;font-weight:700;margin:0;letter-spacing:.02em}.daw-brand-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--outline)}.daw-mode-switch{display:flex;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:2px;gap:2px;flex-shrink:0}.daw-transport{display:flex;align-items:center;gap:4px;flex-shrink:0}.daw-mode-btn{padding:6px 12px;border:none;border-radius:2px;background:transparent;color:var(--on-surface-variant);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.daw-mode-btn[data-active=multitrack]{background:var(--spectral-cyan);color:#0b0d14}.daw-mode-btn[data-active=narrative]{background:var(--narrative-coral);color:#0b0d14}.daw-mode-btn[data-active=batch]{background:var(--batch-green);color:#0b0d14}.daw-transport-play{width:32px;height:32px;border-radius:var(--radius);border:none;background:var(--electric-violet);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.daw-transport-play[data-playing=true]{background:var(--narrative-coral)}.daw-timecode{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);padding:4px 10px;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--cyber-teal);letter-spacing:.04em;margin-left:8px}.daw-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:1;min-width:0;position:relative;z-index:50}.daw-status{height:var(--status-height);min-height:var(--status-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);font-size:11px;color:var(--on-surface-variant)}.daw-body{flex:1;display:flex;min-height:0;overflow:hidden}.daw-nav{width:var(--nav-width);min-width:var(--nav-width);background:var(--surface-container-low);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px}.daw-nav-btn{width:44px;height:44px;border-radius:var(--radius);border:none;background:transparent;color:var(--outline);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.daw-nav-btn:hover{color:var(--on-surface);background:var(--surface-container-high)}.daw-nav-btn.active{color:#fff;background:var(--electric-violet)}.daw-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-dim)}.daw-toolstrip{height:var(--toolstrip-height);min-height:var(--toolstrip-height);display:flex;align-items:center;gap:4px;padding:0 8px;background:var(--surface-container);border-bottom:1px solid var(--outline-variant)}.daw-toolstrip .divider{width:1px;height:18px;background:var(--outline-variant);margin:0 6px}.daw-tool-btn{height:28px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--on-surface-variant);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.daw-tool-btn:hover{background:var(--surface-container-high);color:var(--on-surface)}.daw-tool-btn.active{background:#2dd4bf24;border-color:#2dd4bf66;color:var(--cyber-teal)}.daw-tool-btn:disabled{opacity:.4;cursor:not-allowed}.daw-canvas{flex:1;min-height:0;overflow:auto;position:relative}.daw-inspector{width:var(--inspector-width);min-width:var(--inspector-width);background:var(--surface-container-low);border-left:1px solid var(--outline-variant);display:flex;flex-direction:column;overflow:hidden}.daw-inspector-header{padding:10px 12px;border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between}.daw-inspector-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.daw-module{background:var(--slate-elevated);border:1px solid #454147;border-radius:var(--radius-lg);padding:12px}.daw-module.active{border-color:var(--electric-violet)}.daw-module-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.daw-module-title .dot{width:6px;height:6px;border-radius:50%;background:var(--cyber-teal)}.daw-footer-status{height:22px;min-height:22px;display:flex;align-items:center;gap:16px;padding:0 12px;background:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);font-family:var(--font-mono);font-size:10px;color:var(--cyber-teal);letter-spacing:.04em}.daw-dropzone{margin:48px auto;max-width:480px;padding:40px 28px;border:1px dashed var(--outline-variant);border-radius:var(--radius-lg);text-align:center;background:var(--surface-container-low);cursor:pointer}.daw-dropzone:hover{border-color:var(--cyber-teal)}.daw-clip{border-radius:var(--radius-sm);border-width:1px;border-style:solid;box-shadow:none}.daw-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--spectral-cyan);z-index:20;pointer-events:none}.daw-playhead.narrative{background:var(--narrative-coral)}.spectral-layout{display:flex;flex:1;height:100%;min-height:0;overflow:hidden}.spectral-tools{width:40px;min-width:40px;background:var(--surface-container);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px}.spectral-canvas-wrap{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0a0c;position:relative}.spectral-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--outline-variant);flex-shrink:0}.spectral-wave-strip{height:56px;min-height:56px;display:flex;align-items:flex-end;gap:1px;padding:6px 8px;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);position:relative;overflow:hidden}.spectral-wave-bar{flex:1;background:var(--spectral-cyan);opacity:.75;border-radius:0;min-width:1px}.spectral-wave-empty{width:100%;text-align:center;color:var(--outline);font-family:var(--font-mono);font-size:10px;align-self:center}.spectral-wave-sel{position:absolute;top:0;bottom:0;background:#00e5ff26;border-left:1px dashed var(--spectral-cyan);border-right:1px dashed var(--spectral-cyan);pointer-events:none}.spectral-main-canvas{flex:1;min-height:0;display:flex;flex-direction:column}.spectral-bottom{height:120px;min-height:120px;display:flex;border-top:1px solid var(--outline-variant);background:var(--slate-surface);flex-shrink:0}.spectral-layers{width:36%;min-width:180px;border-right:1px solid var(--outline-variant);display:flex;flex-direction:column}.spectral-history{flex:1;display:flex;flex-direction:column;min-width:0}.spectral-bottom-h{height:28px;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--outline)}.spectral-bottom-body{flex:1;overflow-y:auto;padding:6px 8px}.spectral-layer-row{width:100%;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--on-surface-variant);font-size:12px;text-align:left;cursor:pointer}.spectral-layer-row:hover{background:var(--surface-container-high)}.spectral-layer-row.active{background:#8b5cf629;border-color:#8b5cf673;color:var(--on-surface)}.spectral-layer-swatch{width:8px;height:8px;border-radius:1px;flex-shrink:0}.rx-module-list{display:flex;flex-direction:column;gap:4px}.rx-module-btn{width:100%;text-align:left;padding:8px 10px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:11px;font-weight:600;cursor:pointer}.rx-module-btn:hover:not(:disabled){border-color:var(--spectral-cyan);color:var(--spectral-cyan)}.rx-module-btn:disabled{opacity:.4;cursor:not-allowed}.rx-panel{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.rx-instant{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);cursor:pointer;padding:6px 8px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container-lowest)}.rx-instant:has(input:checked){border-color:var(--spectral-yellow);color:var(--spectral-yellow)}.rx-search{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius)}.rx-search input{flex:1;border:none;outline:none;background:transparent;color:var(--on-surface);font-size:12px;font-family:var(--font-body)}.rx-module-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.rx-mod{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--on-surface-variant);cursor:pointer}.rx-mod span{display:flex;flex-direction:column;gap:1px;min-width:0}.rx-mod strong{font-size:11px;font-weight:600;color:inherit}.rx-mod em{font-style:normal;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--outline);font-family:var(--font-mono)}.rx-mod:hover{background:var(--surface-container-high);color:var(--on-surface)}.rx-mod.active{background:#00e5ff1a;border-color:#00e5ff59;color:var(--spectral-cyan)}.rx-params{margin-top:4px}.rx-mode-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.rx-mode-chip{padding:4px 8px;border:1px solid var(--outline-variant);border-radius:2px;background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.rx-mode-chip.active{border-color:var(--spectral-cyan);color:#0a0a0c;background:var(--spectral-cyan)}.rx-findings{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:140px;overflow-y:auto}.rx-finding{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:var(--surface-container-lowest);font-size:11px}.rx-finding strong{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.rx-finding.severe strong{color:#f36}.rx-finding.minor strong{color:var(--spectral-cyan)}.rx-finding.ok strong{color:var(--outline)}.rx-finding span{color:var(--on-surface-variant);font-size:11px}.rx-file-tabs{display:flex;align-items:stretch;gap:0;overflow-x:auto;border-bottom:1px solid var(--outline-variant);background:var(--surface-container);flex-shrink:0}.rx-file-tab{display:inline-flex;align-items:center;gap:6px;max-width:180px;padding:8px 12px;border:none;border-right:1px solid var(--outline-variant);background:transparent;color:var(--on-surface-variant);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.rx-file-tab.active{background:#0a0a0c;color:var(--on-surface);box-shadow:inset 0 -2px 0 var(--spectral-cyan)}.rx-file-tab.muted{cursor:default;color:var(--outline)}.rx-file-tab.toggle{margin-left:auto;border-right:none;border-left:1px solid var(--outline-variant)}.underlord-panel{display:flex;flex-direction:column;gap:10px;height:100%}.underlord-chips{display:flex;flex-wrap:wrap;gap:6px}.underlord-chip{padding:5px 8px;border-radius:var(--radius);border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:11px;cursor:pointer}.underlord-chip:hover{border-color:var(--narrative-coral);color:var(--narrative-coral)}.narrative-shell{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0;overflow:hidden;background:#111113}.narrative-sidebar{border-right:1px solid var(--outline-variant);background:var(--surface-container-low);padding:12px;overflow-y:auto}.narrative-stage{overflow-y:auto;padding:24px 32px}@media (max-width: 960px){.daw-nav,.daw-inspector{display:none}.daw-header{flex-wrap:wrap;height:auto;min-height:var(--header-height);padding:8px}}.sep-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e1432bf,#08070ceb);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:24px;animation:sepFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes sepFadeIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sep-modal-container{position:relative;width:100%;max-width:1120px;max-height:92vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#16131f,#0e0c14);border:1px solid rgba(147,51,234,.35);border-radius:20px;box-shadow:0 30px 80px -15px #000000e6,0 0 60px #8b5cf638,inset 0 1px #ffffff1f;overflow:hidden;color:var(--on-surface);font-family:var(--font-body)}.sep-close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#191621d9;border:1px solid rgba(255,255,255,.12);color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sep-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5;transform:scale(1.05)}.sep-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;background:linear-gradient(180deg,#1c1728e6,#120f1ad9);border-bottom:1px solid rgba(139,92,246,.2);position:relative}.sep-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),rgba(236,72,153,.5),transparent)}.sep-header-left{display:flex;align-items:center;gap:14px}.sep-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6 45%,#ec4899);color:#fff;box-shadow:0 6px 20px #8b5cf666,inset 0 1px 1px #fff6;position:relative;overflow:hidden}.sep-header-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 60%)}.sep-header-title-row{display:flex;align-items:center;gap:10px}.sep-header-title{font-size:16px;font-weight:800;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.sep-badge-pro{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;background:linear-gradient(135deg,#ec489940,#8b5cf64d);color:#f472b6;border:1px solid rgba(236,72,153,.55);box-shadow:0 0 14px #ec48994d}.sep-header-desc{font-size:12px;color:#94a3b8;margin-top:3px;display:flex;align-items:center;gap:8px}.sep-tabs-bar{display:flex;align-items:center;gap:4px;padding:5px;background:#0c0a12d9;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:inset 0 2px 4px #0006}.sep-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:600;font-family:var(--font-body);color:#94a3b8;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.sep-tab-btn:hover{color:#f8fafc;background:#ffffff0f}.sep-tab-btn.active-finder{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;box-shadow:0 4px 16px #6366f166,inset 0 1px #ffffff40;border-color:#ffffff2e}.sep-tab-btn.active-transcriber{background:linear-gradient(135deg,#d97706,#ea580c);color:#fff;font-weight:700;box-shadow:0 4px 16px #f59e0b66,inset 0 1px #ffffff40;border-color:#ffffff2e}.sep-tab-btn.active-balancer{background:linear-gradient(135deg,#9333ea,#db2777);color:#fff;font-weight:700;box-shadow:0 4px 16px #db277766,inset 0 1px #ffffff40;border-color:#ffffff2e}.sep-tab-btn.active-beats{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;font-weight:700;box-shadow:0 4px 16px #10b98166,inset 0 1px #ffffff40;border-color:#ffffff2e}.sep-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:22px;background:radial-gradient(circle at top right,rgba(99,102,241,.05) 0%,transparent 60%),radial-gradient(circle at bottom left,rgba(236,72,153,.04) 0%,transparent 60%)}.sep-body::-webkit-scrollbar{width:8px}.sep-body::-webkit-scrollbar-track{background:#0e0c1499}.sep-body::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.sep-body::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.sep-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-radius:16px;background:linear-gradient(135deg,#6366f124,#8b5cf614,#14111cb3);border:1px solid rgba(139,92,246,.35);box-shadow:0 8px 24px #0000004d;position:relative;overflow:hidden}.sep-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.sep-banner-transcriber{background:linear-gradient(135deg,#f59e0b26,#ea580c14,#14111cb3);border-color:#f59e0b66}.sep-banner-balancer{background:linear-gradient(135deg,#db277726,#a855f714,#14111cb3);border-color:#db277766}.sep-banner-beats{background:linear-gradient(135deg,#10b98126,#0d948814,#14111cb3);border-color:#10b98166}.sep-banner-info{display:flex;flex-direction:column;gap:6px}.sep-banner-title-row{display:flex;align-items:center;gap:10px}.sep-banner-title{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em}.sep-banner-tag{display:inline-flex;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;border-radius:999px;background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.4);box-shadow:0 0 10px #10b98133}.sep-banner-tag-amber{background:#f59e0b33;color:#fde68a;border-color:#f59e0b66;box-shadow:0 0 10px #f59e0b33}.sep-banner-desc{font-size:12.5px;color:#cbd5e1;max-width:620px;line-height:1.5}.sep-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 22px;border-radius:12px;font-size:12px;font-weight:800;font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #8b5cf666,inset 0 1px #ffffff4d;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;position:relative;overflow:hidden}.sep-cta-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:skew(-20deg);transition:all .6s ease}.sep-cta-btn:hover:not(:disabled):after{left:150%}.sep-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #8b5cf699,inset 0 1px #fff6;filter:brightness(1.1)}.sep-cta-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.sep-cta-btn-amber{background:linear-gradient(135deg,#d97706,#ea580c,#7c3aed);box-shadow:0 4px 20px #d9770666,inset 0 1px #ffffff4d}.sep-cta-btn-amber:hover:not(:disabled){box-shadow:0 8px 28px #d9770699}.sep-cta-btn-purple{background:linear-gradient(135deg,#9333ea,#db2777,#6366f1);box-shadow:0 4px 20px #db277766,inset 0 1px #ffffff4d}.sep-cta-btn-purple:hover:not(:disabled){box-shadow:0 8px 28px #db277799}.sep-cta-btn-emerald{background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 4px 20px #10b98166,inset 0 1px #ffffff4d}.sep-cta-btn-emerald:hover:not(:disabled){box-shadow:0 8px 28px #10b98199}.sep-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.sep-stat-card{display:flex;flex-direction:column;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#1c1826bf,#13101ab3);border:1px solid rgba(139,92,246,.2);box-shadow:0 4px 14px #00000040;position:relative;overflow:hidden;transition:all .2s ease}.sep-stat-card:hover{border-color:#8b5cf673;transform:translateY(-1px)}.sep-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf699,#ec489999)}.sep-stat-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.sep-stat-val{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;font-family:var(--font-mono);margin-top:6px}.sep-stat-indigo{color:#c7d2fe}.sep-stat-purple{color:#e9d5ff}.sep-stat-pink{color:#fbcfe8}.sep-stat-emerald{color:#a7f3d0}.sep-segments-container{display:flex;flex-direction:column;gap:14px}.sep-segments-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.sep-section-title{font-size:11.5px;font-weight:800;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.sep-link-btn{font-size:12px;font-weight:700;color:#a5b4fc;background:none;border:none;cursor:pointer;transition:all .15s ease;padding:2px 6px;border-radius:4px}.sep-link-btn:hover{color:#fff;background:#6366f126}.sep-segments-list{display:flex;flex-direction:column;gap:10px}.sep-segment-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:14px;background:#16131eb3;border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0003}.sep-segment-card:hover{background:#1e192ad9;border-color:#8b5cf666;transform:translate(2px)}.sep-segment-card.selected{background:linear-gradient(135deg,#6366f133,#8b5cf626,#16131ee6);border-color:#8b5cf6b3;box-shadow:0 6px 20px #8b5cf640}.sep-segment-left{display:flex;align-items:center;gap:14px}.sep-checkbox{width:19px;height:19px;border-radius:5px;cursor:pointer;accent-color:#8b5cf6}.sep-segment-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid rgba(139,92,246,.4);color:#c4b5fd;box-shadow:0 2px 8px #8b5cf633}.sep-segment-info{display:flex;flex-direction:column;gap:4px}.sep-segment-title-row{display:flex;align-items:center;gap:8px}.sep-segment-title{font-size:14px;font-weight:800;color:#fff}.sep-badge-key{padding:2px 8px;font-size:10px;font-weight:800;border-radius:6px;background:#a855f738;color:#d8b4fe;border:1px solid rgba(168,85,247,.4);font-family:var(--font-mono)}.sep-badge-bpm{padding:2px 8px;font-size:10px;font-weight:800;border-radius:6px;background:#3b82f638;color:#93c5fd;border:1px solid rgba(59,130,246,.4);font-family:var(--font-mono)}.sep-segment-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#94a3b8;font-family:var(--font-mono)}.sep-match-pct{color:#34d399;font-weight:800;display:inline-flex;align-items:center;gap:4px}.sep-audition-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:11.5px;font-weight:700;font-family:var(--font-body);background:#1e1a28e6;border:1px solid rgba(255,255,255,.12);color:#f1f5f9;cursor:pointer;transition:all .2s ease}.sep-audition-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#ffffff4d;color:#fff;box-shadow:0 4px 12px #6366f166;transform:scale(1.02)}.sep-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border-radius:16px;background:linear-gradient(180deg,#18142066,#0e0c1399);border:1px dashed rgba(139,92,246,.3);text-align:center;gap:12px}.sep-empty-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#c4b5fd;box-shadow:0 6px 20px #8b5cf633}.sep-empty-title{font-size:15px;font-weight:700;color:#fff}.sep-empty-desc{font-size:12.5px;color:#94a3b8;max-width:440px;line-height:1.5}.sep-extraction-settings{display:flex;flex-direction:column;gap:18px;padding:20px 24px;border-radius:16px;background:linear-gradient(180deg,#1a1624cc,#120f19cc);border:1px solid rgba(139,92,246,.25);box-shadow:0 6px 20px #0000004d}.sep-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.sep-option-group{display:flex;flex-direction:column;gap:9px}.sep-option-label-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#f1f5f9}.sep-option-sublabel{font-size:11px;color:#94a3b8;font-weight:500}.sep-toggle-btn-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sep-mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:600;font-family:var(--font-body);background:#0e0c14cc;border:1px solid rgba(255,255,255,.08);color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sep-mode-btn:hover{background:#262034cc;color:#fff;border-color:#ffffff29}.sep-mode-btn.active{background:linear-gradient(135deg,#8b5cf64d,#ec489933);border-color:#a855f7;color:#fff;font-weight:700;box-shadow:0 4px 14px #a855f74d}.sep-faders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.sep-fader-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,#1c1726d9,#100e16e6);border:1px solid rgba(139,92,246,.22);box-shadow:0 6px 20px #00000059;position:relative;overflow:hidden}.sep-fader-header{display:flex;align-items:center;justify-content:space-between}.sep-fader-label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff}.sep-dot-pink{width:9px;height:9px;border-radius:50%;background:#ec4899;box-shadow:0 0 10px #ec4899}.sep-dot-purple{width:9px;height:9px;border-radius:50%;background:#a855f7;box-shadow:0 0 10px #a855f7}.sep-dot-indigo{width:9px;height:9px;border-radius:50%;background:#6366f1;box-shadow:0 0 10px #6366f1}.sep-fader-val{font-family:var(--font-mono);font-size:13.5px;font-weight:800}.sep-range-slider{width:100%;height:7px;border-radius:4px;background:#0c0a10f2;outline:none;cursor:pointer;accent-color:#a855f7;box-shadow:inset 0 1px 3px #0009}.sep-slider-ticks{display:flex;justify-content:space-between;font-size:10px;font-family:var(--font-mono);color:#64748b;font-weight:600}.sep-fader-presets{display:flex;gap:8px}.sep-preset-btn{flex:1;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;background:#120f18d9;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .15s ease}.sep-preset-btn:hover{background:#8b5cf640;border-color:#8b5cf680;color:#fff}.sep-beats-grid{display:flex;flex-wrap:wrap;gap:7px}.sep-beat-chip{padding:6px 11px;border-radius:8px;font-size:11px;font-family:var(--font-mono);font-weight:700;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.sep-beat-chip:hover{background:#059669;color:#fff;border-color:#059669;box-shadow:0 4px 12px #10b98166;transform:scale(1.04)}.msv-container{display:flex;flex-direction:column;border-radius:16px;background:#0b0910;border:1px solid rgba(139,92,246,.25);overflow:hidden;box-shadow:0 14px 40px #0009}.msv-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:linear-gradient(180deg,#16121ef2,#0e0c14f2);border-bottom:1px solid rgba(255,255,255,.08)}.msv-header-left{display:flex;align-items:center;gap:14px}.msv-key-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b59}.msv-key-title{font-size:15px;font-weight:800;color:#fff}.msv-scale-list{display:flex;align-items:center;gap:5px;margin-top:4px}.msv-scale-chip{padding:2px 7px;border-radius:6px;font-size:10px;font-family:var(--font-mono);background:#1a1622d9;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-weight:600}.msv-scale-chip.root{background:#f59e0b40;border-color:#f59e0b;color:#fef3c7;font-weight:800;box-shadow:0 0 10px #f59e0b4d}.msv-controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.msv-mode-toggle{display:flex;padding:3px;background:#0c0a10d9;border:1px solid rgba(255,255,255,.1);border-radius:10px}.msv-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;font-size:11.5px;font-weight:700;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .2s ease}.msv-mode-btn.active{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;box-shadow:0 2px 10px #f59e0b66}.msv-zoom-wrap{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:8px;background:#0e0c14cc;border:1px solid rgba(255,255,255,.1);font-size:11px;color:#94a3b8}.msv-zoom-btn{background:none;border:none;color:#fff;font-weight:800;font-size:14px;cursor:pointer;padding:0 4px;line-height:1}.msv-zoom-btn:hover{color:#fbbf24}.msv-download-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:11.5px;font-weight:700;font-family:var(--font-body);text-decoration:none;background:#10b9812e;border:1px solid rgba(16,185,129,.4);color:#6ee7b7;cursor:pointer;transition:all .2s ease}.msv-download-btn:hover{background:#059669;color:#fff;border-color:#059669;box-shadow:0 4px 14px #10b98166}.msv-download-btn-indigo{background:#6366f12e;border-color:#6366f166;color:#c7d2fe}.msv-download-btn-indigo:hover{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 4px 14px #6366f166}.msv-instruments-bar{display:flex;align-items:center;gap:8px;padding:10px 22px;background:#100d16d9;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.msv-inst-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;background:#1a1622cc;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.msv-inst-btn:hover{color:#fff;border-color:#ffffff40;background:#262032e6}.msv-inst-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#000;font-weight:800;box-shadow:0 2px 12px #f59e0b66}.msv-chords-bar{display:flex;align-items:center;gap:10px;padding:8px 22px;background:#0a080fe6;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.msv-chord-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:7px;font-size:11.5px;font-family:var(--font-mono);font-weight:800;background:#1e1928f2;border:1px solid rgba(245,158,11,.3);color:#fde68a;cursor:pointer;transition:all .2s ease}.msv-chord-tag:hover{border-color:#f59e0b;background:#f59e0b40;box-shadow:0 0 12px #f59e0b4d;transform:translateY(-1px)}.msv-viewport{position:relative;min-height:420px;max-height:620px;overflow:auto;padding:26px;background:#06050a}.msv-staff-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;background:#120f18d9;border:1px solid rgba(139,92,246,.2);box-shadow:0 6px 20px #00000080;margin-bottom:20px}.msv-staff-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.msv-staff-title-row{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:800;color:#fff}.msv-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#0a080ef2;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#94a3b8}.msv-inspector-val{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);color:#fde68a}