:root{--c-bg-base:#101313;--c-bg-surface:#171c1c;--c-bg-elevated:#202727;--c-bg-overlay:#2a3333;--c-bg-input:#111717;--c-primary:#6fe3c0;--c-primary-h:#a0f2d8;--c-primary-muted:#6fe3c01f;--c-primary-glow:#6fe3c040;--c-primary-dim:#6fe3c00f;--c-waveform:#ff4b6e;--c-waveform-prog:#6fe3c0;--c-waveform-stem-0:#ff4b6e;--c-waveform-stem-1:#4ecdc4;--c-waveform-stem-2:#ffe66d;--c-waveform-stem-3:#a29bfe;--c-waveform-stem-4:#6bcb77;--c-waveform-stem-5:#fd9644;--c-danger:#ff817c;--c-danger-muted:#ff817c1a;--c-green:#2ed573;--c-orange:#ffa502;--c-blue:#4ecdc4;--c-text-1:#edf4f1;--c-text-2:#b0bfba;--c-text-3:#8faaa0;--c-text-inv:#101313;--c-border:#cde9df1f;--c-border-focus:#6fe3c073;--c-border-hover:#ffffff1f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-ui:"Bahnschrift", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--text-xs:11px;--text-sm:12px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-glow:0 0 16px var(--c-primary-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-mid:.24s;--dur-slow:.4s;--header-h:64px;--analysis-h:36px;--mode-nav-h:48px;--transport-h:52px;--chain-w:370px;--stems-h:240px;--stem-vocals-bg:#ff4b6e14;--stem-drums-bg:#4ecdc414;--stem-bass-bg:#ffe66d14;--stem-other-bg:#fd964414;--c-match-high:#ff4b6e;--c-match-mid:#ffa502;--c-match-low:#2ed573;--c-scan-glow:#4ecdc44d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-ui);font-size:var(--text-md);color:var(--c-text-1);background:var(--c-bg-base);-webkit-user-select:none;user-select:none;height:100dvh;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}canvas{display:block}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-hover);border-radius:2px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chain-modules::-webkit-scrollbar{width:8px}.stems-panel::-webkit-scrollbar{width:8px}.meters-panel::-webkit-scrollbar{width:8px}.chain-modules::-webkit-scrollbar-track{background:0 0}.stems-panel::-webkit-scrollbar-track{background:0 0}.meters-panel::-webkit-scrollbar-track{background:0 0}.chain-modules::-webkit-scrollbar-thumb{background:var(--c-bg-overlay);border-radius:var(--r-full)}.stems-panel::-webkit-scrollbar-thumb{background:var(--c-bg-overlay);border-radius:var(--r-full)}.meters-panel::-webkit-scrollbar-thumb{background:var(--c-bg-overlay);border-radius:var(--r-full)}.chain-modules::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}.stems-panel::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}.meters-panel::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}#app{grid-template-rows:var(--header-h) var(--analysis-h) var(--mode-nav-h) 1fr var(--transport-h);grid-template-columns:1fr var(--chain-w);height:100dvh;display:grid;overflow:hidden}#app.mode-antitheft .chain-panel{display:none}#app.mode-antitheft .workspace,#app.mode-antitheft .mode-panel{grid-column:1/-1}.header{align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);z-index:10;grid-column:1/-1;display:flex}.logo{font-size:var(--text-lg);color:var(--c-primary);letter-spacing:-.5px;flex-shrink:0;font-weight:700}.logo span{color:var(--c-text-2);font-weight:400}.upload-zone{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border:1px dashed var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast);flex:1;max-width:480px;display:flex;position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--c-primary);background:var(--c-primary-dim)}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.upload-icon{color:var(--c-primary);font-size:18px}.upload-text{font-size:var(--text-sm);color:var(--c-text-2)}.upload-text strong{color:var(--c-text-1)}.upload-formats{font-size:var(--text-xs);color:var(--c-text-3)}.upload-filename{font-size:var(--text-sm);color:var(--c-text-1);font-weight:500}.header-actions{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.ab-toggle{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);align-items:center;display:flex;overflow:hidden}.ab-btn{font-size:var(--text-sm);color:var(--c-text-2);transition:color var(--dur-fast), background var(--dur-fast);padding:6px 14px;font-weight:600}.ab-btn:hover:not(.active){color:var(--c-text-1);background:var(--c-bg-overlay)}.ab-btn.active{color:var(--c-text-1);background:var(--c-primary)}.ab-btn.snap-btn{color:var(--c-text-3);opacity:.6;border-left:1px solid var(--c-border)}.ab-btn.snap-btn:hover{opacity:1;color:var(--c-text-1);background:var(--c-bg-overlay)}.ab-btn.snap-btn.snap-filled{opacity:1;color:var(--c-primary)}.header-btn{align-items:center;gap:var(--sp-2);padding:6px var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-2);transition:border-color var(--dur-fast), color var(--dur-fast);display:flex}.header-btn:hover:not(:disabled){border-color:var(--c-border-hover);color:var(--c-text-1)}.header-btn:disabled{opacity:.35;cursor:not-allowed}.export-controls{align-items:center;gap:var(--sp-2);display:flex}.export-select{padding:6px var(--sp-2);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-2);cursor:pointer}.export-select:hover:not(:disabled){border-color:var(--c-border-hover);color:var(--c-text-1)}.export-select:disabled,.export-select.inactive{opacity:.35;cursor:not-allowed;pointer-events:none}.export-watermark{width:130px;padding:6px var(--sp-2);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-1)}.export-watermark::placeholder{color:var(--c-text-3)}.export-watermark:focus{border-color:var(--c-primary);outline:none}.export-bitdepth{padding:6px var(--sp-2);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-2);cursor:pointer}.export-bitdepth:hover{border-color:var(--c-border-hover);color:var(--c-text-1)}.header-btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-text-inv)}.header-btn.primary:hover:not(:disabled){background:var(--c-primary-h);border-color:var(--c-primary-h)}.header-btn.primary:disabled{opacity:.4;cursor:not-allowed}.mode-nav{padding:0 var(--sp-5);background:var(--c-bg-base);border-bottom:1px solid var(--c-border);grid-column:1/-1;align-items:center;gap:0;display:flex}.mode-tab{padding:0 var(--sp-5);height:var(--mode-nav-h);font-size:var(--text-sm);color:var(--c-text-3);transition:color var(--dur-fast), border-color var(--dur-fast);white-space:nowrap;border-bottom:2px solid #0000;font-weight:500}.mode-tab:hover{color:var(--c-text-2)}.mode-tab.active{color:var(--c-text-1);border-bottom-color:var(--c-primary)}.mode-nav-auth{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex;position:relative}.auth-menu{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:180px;padding:var(--sp-2);z-index:1000;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0006}.auth-menu-email{font-size:var(--text-xs);color:var(--c-text-3);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-2);word-break:break-all}.auth-menu-logout{text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);color:var(--c-text-1);border-radius:var(--r-sm);transition:background var(--dur-fast)}.auth-menu-logout:hover{background:var(--c-primary-dim);color:var(--c-primary)}.auth-avatar{border-radius:var(--r-full);background:var(--c-primary);width:28px;height:28px;color:var(--c-text-inv);font-size:var(--text-xs);cursor:pointer;border:1px solid var(--c-primary);justify-content:center;align-items:center;font-weight:700;display:flex}.auth-login-pill{padding:4px var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--c-text-2);transition:border-color var(--dur-fast), color var(--dur-fast)}.auth-login-pill:hover{border-color:var(--c-primary);color:var(--c-primary)}.mode-panel{grid-column:1;overflow:hidden auto}.analysis-bar{align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--c-bg-elevated);border-bottom:1px solid var(--c-border);font-size:var(--text-xs);font-family:var(--font-mono);grid-column:1/-1;display:flex;overflow:hidden}.analysis-pill{align-items:center;gap:var(--sp-2);padding:3px var(--sp-3);background:var(--c-bg-overlay);border-radius:var(--r-full);border:1px solid var(--c-border);white-space:nowrap;transition:border-color var(--dur-fast);display:flex}.analysis-pill:hover{border-color:var(--c-border-hover)}.analysis-label{color:var(--c-text-3);letter-spacing:.03em}.analysis-value{color:var(--c-text-1);font-variant-numeric:tabular-nums;transition:color var(--dur-mid);font-weight:700}.analysis-value.updated{animation:flash-value .5s var(--ease-out)}.analysis-conf-track{background:var(--c-border);border-radius:0 0 var(--r-full) var(--r-full);height:2px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.analysis-conf-fill{width:0%;height:100%;transition:width var(--dur-slow) var(--ease-out);background:currentColor;display:block}.analysis-pill{position:relative}.analysis-pill.genre .analysis-value{color:var(--c-primary)}.analysis-pill.genre .analysis-conf-fill{background:var(--c-primary)}.analysis-pill.bpm .analysis-value{color:var(--c-blue)}.analysis-pill.bpm .analysis-conf-fill{background:var(--c-blue)}.analysis-pill.key .analysis-value{color:var(--c-green)}.analysis-pill.key .analysis-conf-fill{background:var(--c-green)}.analysis-pill.lufs .analysis-value{color:var(--c-orange)}.analysis-sep{color:var(--c-border)}.analysis-status{align-items:center;gap:var(--sp-2);color:var(--c-text-3);margin-left:auto;display:flex}#status-text.status-error{color:var(--c-danger);font-weight:600}.analysis-dot{background:var(--c-text-3);border-radius:50%;width:6px;height:6px}.analysis-dot.active{background:var(--c-green);animation:2s infinite pulse}.analysis-dot.processing{background:var(--c-orange);animation:.8s infinite pulse}.workspace{flex-direction:column;grid-area:4/1;min-width:0;min-height:0;display:flex;overflow:hidden}.main-waveform-panel{min-height:0;padding:var(--sp-4) var(--sp-4) 0;background:var(--c-bg-base);flex-direction:column;flex:1;display:flex}.waveform-toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);min-width:0;display:flex}.waveform-label{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.waveform-zoom{align-items:center;gap:var(--sp-1);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);flex-shrink:0;margin-left:auto;padding:3px;display:flex;box-shadow:inset 0 1px #ffffff08}.waveform-zoom-label{padding:0 var(--sp-2);color:var(--c-text-3);font-family:var(--font-mono);letter-spacing:.12em;font-size:9px}.icon-btn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--c-text-3);transition:color var(--dur-fast), background var(--dur-fast);justify-content:center;align-items:center;display:flex}.icon-btn:hover:not(:disabled){color:var(--c-text-1);background:var(--c-bg-elevated)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.waveform-zoom .icon-btn{background:var(--c-bg-input);color:var(--c-text-2);border:1px solid #0000}.waveform-zoom .icon-btn:hover:not(:disabled){border-color:var(--c-border-hover);background:var(--c-bg-overlay)}.waveform-zoom-value{min-width:38px;padding:0 var(--sp-2);color:var(--c-text-1);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}.waveform-trim{align-items:center;gap:var(--sp-1);display:flex}.icon-btn.active{color:var(--c-primary);background:var(--c-bg-elevated)}.waveform-trim-value{padding:0 var(--sp-2);color:var(--c-text-2);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}#waveform-main{border-radius:var(--r-md);background:var(--c-bg-surface);flex:1;min-height:0;position:relative;overflow:hidden}.waveform-empty{justify-content:center;align-items:center;gap:var(--sp-3);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0}.waveform-empty-bars{opacity:.18;align-items:flex-end;gap:3px;height:36px;display:flex}.waveform-empty-bar{background:var(--c-waveform);border-radius:2px;width:3px}.waveform-empty-text{font-size:var(--text-xs);color:var(--c-text-3);letter-spacing:.06em;text-transform:uppercase}.waveform-empty:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e8003c0a,#0000);width:40%;height:100%;animation:3s linear infinite waveform-idle-scan;position:absolute;top:0;left:-100%}.album-panel{height:var(--stems-h);border-top:1px solid var(--c-border);background:var(--c-bg-surface);flex-shrink:0;overflow-y:auto}.album-head{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);flex-wrap:wrap;display:flex}.album-title-label{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;margin-right:auto;font-weight:600}#album-export-btn,#album-align-btn{padding:4px var(--sp-3);font-size:var(--text-xs)}.album-target{font-size:var(--text-xs);color:var(--c-text-3);align-items:center;gap:4px;display:flex}.album-target input{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-sm);width:56px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--c-text-1);padding:3px 6px}.album-count{font-size:var(--text-xs);color:var(--c-text-3);font-family:var(--font-mono)}.album-cols,.album-row{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);grid-template-columns:32px 1fr 72px 84px 64px 120px 88px;display:grid}.album-cols{font-size:var(--text-xs);color:var(--c-text-3);border-bottom:1px solid var(--c-border)}.album-row{border-bottom:1px solid var(--c-border);font-size:var(--text-sm);transition:background var(--dur-fast)}.album-row:hover{background:var(--c-bg-elevated)}.album-row .ac-num{font-family:var(--font-mono);color:var(--c-text-3)}.album-row .ac-title{color:var(--c-text-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-row .ac-lufs{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-text-2)}.album-row input[type=number]{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-sm);width:100%;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--c-text-1);padding:3px 6px}.album-row input.ac-isrc{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-sm);width:100%;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--c-text-1);letter-spacing:.04em;padding:3px 6px}.album-row input.ac-isrc::placeholder{color:var(--c-text-3);letter-spacing:0}.album-row .ac-ops{justify-content:flex-end;gap:4px;display:flex}.album-op-btn{border-radius:var(--r-sm);border:1px solid var(--c-border);width:22px;height:22px;color:var(--c-text-3);transition:all var(--dur-fast);justify-content:center;align-items:center;font-size:11px;display:flex}.album-op-btn:hover:not(:disabled){border-color:var(--c-border-hover);color:var(--c-text-1)}.album-op-btn:disabled{opacity:.3;cursor:not-allowed}.album-op-btn.remove:hover{border-color:var(--c-primary);color:var(--c-primary)}.album-empty{justify-content:center;align-items:center;gap:var(--sp-2);height:140px;color:var(--c-text-3);text-align:center;padding:0 var(--sp-6);flex-direction:column;display:flex}.album-empty-icon{opacity:.4;font-size:28px}.album-empty-text{font-size:var(--text-sm);max-width:420px}.stems-panel{height:var(--stems-h);border-top:1px solid var(--c-border);background:var(--c-bg-surface);flex-shrink:0;overflow-y:auto}.stems-header{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:var(--sp-4);font-weight:600;display:flex}.stems-header-spacer{flex-shrink:0;width:180px}.stems-header-waveform{flex:1}.stems-header-controls{text-align:right;flex-shrink:0;width:120px}.stem-empty{justify-content:center;align-items:center;gap:var(--sp-3);height:160px;color:var(--c-text-3);flex-direction:column;display:flex}.stem-empty-icon{opacity:.3;font-size:32px}.stem-empty-text{font-size:var(--text-sm)}.stem-track{border-bottom:1px solid var(--c-border);height:38px;transition:background var(--dur-fast);align-items:center;display:flex}.stem-track:hover{background:var(--c-bg-elevated)}.stem-track.muted{opacity:.4}.stem-info{align-items:center;gap:var(--sp-2);width:180px;padding:0 var(--sp-4);flex-shrink:0;display:flex}.stem-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stem-icon{font-size:14px}.stem-name{font-size:var(--text-sm);color:var(--c-text-1);font-weight:500}.stem-type{font-size:var(--text-xs);color:var(--c-text-3)}.stem-waveform{flex:1;height:100%;position:relative;overflow:hidden}.stem-controls{justify-content:flex-end;align-items:center;gap:var(--sp-2);width:120px;padding:0 var(--sp-3);flex-shrink:0;display:flex}.stem-vol{width:60px;height:3px;accent-color:var(--c-primary);cursor:pointer}.stem-btn{border-radius:var(--r-sm);border:1px solid var(--c-border);width:24px;height:24px;color:var(--c-text-3);transition:all var(--dur-fast);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.stem-btn:hover{border-color:var(--c-border-hover);color:var(--c-text-1)}.stem-btn.active-mute{background:var(--c-text-3);color:var(--c-bg-base);border-color:var(--c-text-3)}.stem-btn.active-solo{background:var(--c-primary);color:var(--c-text-inv);border-color:var(--c-primary)}.chain-panel{background:var(--c-bg-surface);border-left:1px solid var(--c-border);flex-direction:column;grid-area:4/2;min-height:0;display:flex;overflow:hidden}.chain-header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);align-items:center;gap:var(--sp-3);display:flex}.chain-title{font-size:var(--text-sm);color:var(--c-text-2);font-weight:600}.preset-select{padding:3px var(--sp-3);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-2);cursor:pointer;flex:1}.chain-modules{min-height:220px;padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;flex:56%;display:flex;overflow-y:auto}.module-card{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);flex-shrink:0;overflow:hidden}.module-card:hover:not(.unimplemented){border-color:var(--c-border-hover)}.module-card.active{border-color:var(--c-primary-glow);box-shadow:inset 3px 0 0 var(--c-primary)}.module-card.unimplemented{opacity:.5;filter:saturate(.2)}.module-card.unimplemented .knob-wrap{pointer-events:none}.module-card.unimplemented .module-toggle{cursor:not-allowed}.phase-badge{letter-spacing:.05em;color:var(--c-orange);border:1px solid var(--c-orange);border-radius:var(--r-sm);vertical-align:middle;margin-left:4px;padding:0 4px;font-size:9px;font-weight:600;display:inline-block}.module-card.bypassed{opacity:.42;filter:saturate(.3);border-style:dashed}.module-card.bypassed .module-head:after{content:"BYPASS";letter-spacing:.1em;color:var(--c-text-3);padding-right:var(--sp-3);margin-left:auto;font-size:9px}.module-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);cursor:pointer;display:flex}.module-toggle{cursor:pointer;flex-shrink:0;width:28px;height:14px;position:relative}.module-toggle input{opacity:0;width:0;height:0}.module-toggle-track{background:var(--c-bg-overlay);border-radius:var(--r-full);border:1px solid var(--c-border);transition:background var(--dur-fast);position:absolute;inset:0}.module-toggle-thumb{background:var(--c-text-3);width:8px;height:8px;transition:transform var(--dur-fast), background var(--dur-fast);border-radius:50%;position:absolute;top:2px;left:2px}.module-toggle input:checked~.module-toggle-track{background:var(--c-primary-muted);border-color:var(--c-primary)}.module-toggle input:checked~.module-toggle-thumb{background:var(--c-primary);transform:translate(14px)}.module-name{font-size:var(--text-sm);color:var(--c-text-1);flex:1;font-weight:600}.module-name-cn{font-size:var(--text-xs);color:var(--c-text-3)}.module-expand{color:var(--c-text-3);transition:transform var(--dur-fast);font-size:10px}.module-card.expanded .module-expand{transform:rotate(180deg)}.module-body{padding:var(--sp-3);border-top:1px solid var(--c-border);display:none}.module-card.expanded .module-body{display:block}.meters-panel{border-top:1px solid var(--c-border);padding:var(--sp-3);align-content:start;gap:var(--sp-3);background:linear-gradient(180deg, #ffffff05, transparent 120px), var(--c-bg-surface);flex:44%;grid-template-columns:minmax(108px,.78fr) minmax(0,1.22fr);grid-template-areas:"title title""readings readings""corr corr""gonio graph""gonio platforms";min-height:230px;display:grid;overflow-y:auto}.meters-title{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.08em;grid-area:title;margin-bottom:0;font-weight:600}.corr-meter{grid-area:corr;margin-bottom:0}.corr-meter-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.corr-meter-title{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em}.corr-meter-value{font-size:var(--text-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-text-2);font-weight:700}.corr-meter-value.warn{color:var(--c-primary)}.corr-meter-track{background:linear-gradient(90deg, var(--c-primary) 0%, var(--c-orange) 35%, var(--c-green) 50%, var(--c-blue) 100%);opacity:.5;border-radius:4px;height:8px;position:relative}.corr-meter-zero{background:var(--c-text-3);opacity:.5;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.corr-meter-needle{background:var(--c-text-1);border-radius:2px;width:3px;margin-left:-1.5px;transition:left .1s linear;position:absolute;top:-2px;bottom:-2px;left:50%;box-shadow:0 0 4px #0009}.corr-meter-scale{color:var(--c-text-3);font-size:9px;font-family:var(--font-mono);justify-content:space-between;margin-top:2px;display:flex}.gonio-meter{grid-area:gonio;min-width:0;margin-bottom:0}.gonio-meter-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.gonio-meter-title{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em}.gonio-wrap{aspect-ratio:1;background:radial-gradient(circle at 50% 50%, #4ecdc414, transparent 64%), var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;min-height:108px;overflow:hidden;box-shadow:inset 0 0 24px #00000073}.gonio-wrap canvas{width:100%;height:100%;display:block}.loudness-graph-meter{grid-area:graph;min-width:0;margin-bottom:0}.loudness-graph-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.loudness-graph-title{font-size:var(--text-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em}.loudness-graph-wrap{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);width:100%;height:72px;overflow:hidden}.loudness-graph-wrap canvas{width:100%;height:100%;display:block}.lufs-platforms{min-width:0;padding:var(--sp-2);background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);flex-direction:column;grid-area:platforms;gap:5px;display:flex}.platform-row{align-items:center;gap:var(--sp-1);font-size:9px;font-family:var(--font-mono);display:flex}.platform-name{width:54px;color:var(--c-text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.platform-target{width:43px;color:var(--c-text-3);white-space:nowrap}.platform-bar-wrap{background:var(--c-bg-overlay);border-radius:3px;flex:1;height:6px;overflow:hidden}.platform-bar{border-radius:3px;height:100%;transition:width .1s linear}.platform-bar.ok{background:var(--c-green)}.platform-bar.warn{background:var(--c-orange)}.platform-bar.over{background:var(--c-danger)}.platform-status{text-align:center;width:12px;font-size:10px}.lufs-readings{gap:var(--sp-2);grid-area:readings;grid-template-columns:1fr 1fr;margin-bottom:0;display:grid}.lufs-reading{background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);text-align:center;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000080}.lufs-reading:before{content:"";background:var(--c-text-3);opacity:.25;height:2px;transition:background var(--dur-mid), opacity var(--dur-mid);border-radius:0 0 2px 2px;position:absolute;top:0;left:20%;right:20%}.lufs-reading.live:before{background:var(--c-green);opacity:.9}.lufs-reading-label{font-size:var(--text-xs);color:var(--c-text-3);letter-spacing:.04em;margin-bottom:2px}.lufs-reading-value{font-size:var(--text-xl);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-text-1);transition:color var(--dur-mid);font-weight:700}.lufs-reading-value.warn{color:var(--c-orange)}.lufs-reading-value.over{color:var(--c-primary);text-shadow:0 0 12px var(--c-primary-glow)}.transport{align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);background:var(--c-bg-surface);border-top:1px solid var(--c-border);grid-column:1/-1;display:flex}.transport-time{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--c-text-1);min-width:120px;font-weight:700}.transport-time .time-total{color:var(--c-text-3);font-size:var(--text-md)}.transport-controls{align-items:center;gap:var(--sp-2);display:flex}.transport-btn{border-radius:var(--r-md);width:36px;height:36px;color:var(--c-text-2);border:1px solid var(--c-border);transition:all var(--dur-fast);justify-content:center;align-items:center;font-size:13px;display:flex}.transport-btn:hover{background:var(--c-bg-elevated);color:var(--c-text-1);border-color:var(--c-border-hover)}.transport-btn:active{transform:scale(.94)}.transport-btn.play-btn{background:var(--c-primary);border-color:var(--c-primary);width:44px;height:44px;color:var(--c-text-inv);box-shadow:0 0 16px var(--c-primary-glow);font-size:15px}.transport-btn.play-btn:hover{background:var(--c-primary-h);border-color:var(--c-primary-h);box-shadow:0 0 24px var(--c-primary-glow)}.transport-btn.active{background:var(--c-bg-elevated);color:var(--c-primary);border-color:var(--c-primary)}.transport-progress{background:var(--c-bg-overlay);cursor:pointer;height:5px;transition:height var(--dur-fast);box-sizing:content-box;background-clip:content-box;border-radius:3px;flex:1;padding:10px 0;position:relative}.transport-progress:hover{height:8px}.transport-progress-fill{background:linear-gradient(90deg, var(--c-primary), var(--c-primary-h));pointer-events:none;border-radius:3px;height:auto;transition:width 50ms linear;position:absolute;top:10px;bottom:10px;left:0}.transport-progress-fill:after{content:"";width:12px;height:12px;box-shadow:0 0 8px var(--c-primary-glow);transition:transform var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)scale(0)}.transport-progress:hover .transport-progress-fill:after{transform:translateY(-50%)scale(1)}.transport-right{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.vol-knob-wrap{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--c-text-3);display:flex}#processing-overlay{z-index:100;justify-content:center;align-items:center;gap:var(--sp-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fe6;flex-direction:column;display:none;position:fixed;inset:0}#processing-overlay.visible{display:flex}.processing-wave{align-items:flex-end;gap:4px;height:40px;display:flex}.processing-wave-bar{background:var(--c-primary);border-radius:2px;width:4px;animation:1s ease-in-out infinite wave-bar}.processing-wave-bar:first-child{height:20%;animation-delay:0s}.processing-wave-bar:nth-child(2){height:40%;animation-delay:.1s}.processing-wave-bar:nth-child(3){height:80%;animation-delay:.2s}.processing-wave-bar:nth-child(4){height:100%;animation-delay:.3s}.processing-wave-bar:nth-child(5){height:80%;animation-delay:.4s}.processing-wave-bar:nth-child(6){height:40%;animation-delay:.5s}.processing-wave-bar:nth-child(7){height:20%;animation-delay:.6s}.processing-wave-bar:nth-child(8){height:40%;animation-delay:.5s}.processing-wave-bar:nth-child(9){height:60%;animation-delay:.4s}.processing-wave-bar:nth-child(10){height:90%;animation-delay:.3s}.processing-wave-bar:nth-child(11){height:60%;animation-delay:.2s}.processing-wave-bar:nth-child(12){height:30%;animation-delay:.1s}.processing-step{font-size:var(--text-md);color:var(--c-text-2)}.processing-step strong{color:var(--c-text-1)}.processing-progress-bar{background:var(--c-bg-overlay);border-radius:2px;width:280px;height:3px;overflow:hidden}.processing-progress-fill{background:var(--c-primary);height:100%;transition:width .3s var(--ease-out);border-radius:2px}.knob-wrap{cursor:ns-resize;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.knob-svg{overflow:visible}.knob-label{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:9px}.knob-value{font-size:10px;font-family:var(--font-mono);color:var(--c-text-2);text-align:center}.eq-canvas-wrap{background:var(--c-bg-input);border-radius:var(--r-sm);width:100%;height:120px;margin-bottom:var(--sp-3);cursor:crosshair;position:relative;overflow:hidden}#eq-canvas{width:100%;height:100%}.eq-bands{gap:var(--sp-2);grid-template-columns:repeat(5,1fr);display:grid}.eq-band{flex-direction:column;align-items:center;gap:4px;display:flex}.eq-linphase-row{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0;font-size:var(--text-xs);color:var(--c-text-2);cursor:pointer;display:flex}.eq-linphase-row input{accent-color:var(--c-primary);cursor:pointer}.eq-match-row{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.eq-match-btn{padding:5px var(--sp-3);background:var(--c-bg-overlay);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-2);cursor:pointer;transition:border-color var(--dur-fast), color var(--dur-fast);flex-shrink:0;font-weight:600}.eq-match-btn:hover{border-color:var(--c-primary);color:var(--c-text-1)}.eq-match-status{font-size:var(--text-xs);color:var(--c-text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eq-match-status.err{color:var(--c-primary-h)}.spectrum-wrap{background:var(--c-bg-input);border-radius:var(--r-sm);width:100%;height:60px;margin-top:var(--sp-3);overflow:hidden}#spectrum-canvas{width:100%;height:100%}.spectrogram-wrap{border-radius:var(--r-sm);width:100%;height:96px;margin-top:var(--sp-2);background:#04040e;overflow:hidden}#spectrogram-canvas{width:100%;height:100%;display:block}.comp-controls{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.mbc-xovers{justify-content:space-around;gap:var(--sp-3);margin:var(--sp-3) 0;padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border);display:flex}.mbc-band{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.mbc-band-label{width:40px;font-size:var(--text-xs);color:var(--c-text-2);letter-spacing:.04em;flex-shrink:0;font-weight:700}.mbc-band .knob-wrap{flex:1}.comp-controls{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-border)}.comp-gr-canvas{background:var(--c-bg-input);border-radius:var(--r-sm);width:100%;height:80px;margin-bottom:var(--sp-3)}.comp-gr-label{font-size:var(--text-xs);color:var(--c-text-3);text-align:center;font-family:var(--font-mono);margin-top:4px}.gr-meter{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}.gr-meter-bar{background:var(--c-bg-input);border-radius:3px;flex:1;height:6px;overflow:hidden}.gr-meter-fill{background:var(--c-green);border-radius:3px;width:0%;height:100%;transition:width .1s linear,background .1s linear}.gr-meter-fill.active{background:var(--c-orange)}.gr-meter-fill.heavy{background:var(--c-danger)}.gr-meter-label{font-size:var(--text-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-text-3);text-align:right;min-width:72px}.vinyl-format-select{gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.vinyl-format-btn{padding:var(--sp-2);background:var(--c-bg-overlay);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-3);text-align:center;cursor:pointer;transition:all var(--dur-fast);flex:1;font-weight:600}.vinyl-format-btn.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-muted)}.vinyl-warnings{gap:var(--sp-2);flex-direction:column;display:flex}.vinyl-warning{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--c-bg-overlay);display:flex}.vinyl-warning.ok{color:var(--c-green)}.vinyl-warning.warn{color:var(--c-orange);background:#ffa50214}.vinyl-warning.error{color:var(--c-danger);background:var(--c-danger-muted)}.vinyl-time-bar-wrap{background:var(--c-bg-overlay);height:8px;margin:var(--sp-2) 0;border-radius:4px;overflow:hidden}.vinyl-time-bar{border-radius:4px;height:100%;transition:width .3s,background .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes wave-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes flash-value{0%{background:var(--c-primary-muted);border-radius:var(--r-sm)}60%{background:var(--c-primary-muted)}to{background:0 0}}@keyframes waveform-idle-scan{0%{left:-100%}to{left:120%}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--c-bg-overlay);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-1);white-space:normal;overflow-wrap:break-word;text-align:center;pointer-events:none;z-index:50;opacity:0;visibility:hidden;max-width:min(240px,100vw - 24px);transition:opacity var(--dur-fast) var(--ease-out) .3s, transform var(--dur-fast) var(--ease-out) .3s, visibility 0s .3s;padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(2px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (max-width:900px){:root{--chain-w:280px}.waveform-zoom-label{display:none}.meters-panel{grid-template-columns:1fr;grid-template-areas:"title""readings""corr""gonio""graph""platforms"}.gonio-wrap{aspect-ratio:16/10}.works-library,.antitheft-settings{width:240px}}@media (max-width:680px){html,body{max-width:100%;overflow-x:hidden}body{overflow-y:auto}#app{grid-template-rows:auto auto auto auto auto;grid-template-columns:1fr;min-width:0;max-width:100vw;height:auto;min-height:100dvh;overflow:visible}.main-waveform-panel{min-height:220px}.waveform-toolbar{flex-wrap:wrap}.waveform-zoom{justify-content:flex-end;width:100%;margin-left:0}.waveform-zoom-label{margin-right:auto;display:inline}.chain-panel{border-left:none;border-top:1px solid var(--c-border);grid-area:5/1;height:auto;overflow:visible}.chain-modules,.meters-panel{flex:none;min-height:0;overflow:visible}.meters-panel{grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);grid-template-areas:"title title""readings readings""corr corr""gonio graph""gonio platforms"}.workspace{grid-area:4/1}.antitheft-panel{flex-direction:column;height:auto;overflow:visible}.works-library{border-right:none;border-bottom:1px solid var(--c-border);width:100%}.works-list{max-height:40vh}.scan-main{min-height:55vh}.antitheft-settings{border-left:none;border-top:1px solid var(--c-border);width:100%}:root{--stems-h:150px}.header{gap:var(--sp-2);width:100%;min-width:0;max-width:100vw;padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;overflow:hidden}.header .upload-zone{min-width:160px}.header-actions{contain:inline-size;scrollbar-width:none;flex:1 0 100%;min-width:0;max-width:100%;margin-left:0;overflow:auto hidden}.header-actions::-webkit-scrollbar{display:none}.upload-formats{display:none}.ab-btn{padding:5px 10px}.analysis-bar{gap:var(--sp-2);width:100%;min-width:0;max-width:100vw;padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;overflow:visible}.analysis-sep{display:none}.analysis-pill{flex:auto;justify-content:center}.analysis-status{flex:1 0 100%;justify-content:flex-end;margin-left:0}.album-panel{height:auto;min-height:var(--stems-h);overflow:visible}.album-head{flex-wrap:wrap;align-items:center}.album-title-label{flex:auto}.album-target{order:3}#album-align-btn,#album-export-btn{flex:120px;order:4}.album-cols{display:none}.album-row{gap:var(--sp-2);padding:var(--sp-3);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"num title ops"".lufs ops"".gain ops"".gap ops"".isrc ops"}.album-row .ac-num{grid-area:num}.album-row .ac-title{grid-area:title}.album-row .ac-lufs{grid-area:lufs}.album-row .ac-gain{grid-area:gain}.album-row .ac-gap{grid-area:gap}.album-row .ac-isrc{grid-area:isrc}.album-row .ac-ops{flex-direction:column;grid-area:ops;justify-content:center;align-self:stretch}.album-row .ac-gain:before{content:"增益 ";color:var(--c-text-3)}.album-row .ac-gap:before{content:"間隙 ";color:var(--c-text-3)}.album-row .ac-isrc:before{content:"ISRC ";color:var(--c-text-3);font-size:var(--text-xs)}.album-op-btn{width:32px;height:32px}.transport{z-index:1;height:auto;padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;grid-row:6;row-gap:0;position:relative;box-shadow:0 -4px 16px #00000059}.transport-progress{flex-basis:100%;order:-1}.transport-time{min-width:0}}.stems-mode-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.stems-ai-zone{padding:var(--sp-5) var(--sp-6);background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);align-items:center;gap:var(--sp-5);display:flex}.stems-ai-btn{align-items:center;gap:var(--sp-3);padding:10px var(--sp-6);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);font-size:var(--text-sm);color:var(--c-text-2);transition:all var(--dur-fast);white-space:nowrap;font-weight:600;display:flex}.stems-ai-btn:hover:not(:disabled){border-color:var(--c-blue);color:var(--c-blue);background:#4ecdc40f}.stems-ai-btn:disabled{opacity:.35;cursor:not-allowed}.stems-ai-btn.processing{border-color:var(--c-blue);color:var(--c-blue);animation:1.5s infinite stems-btn-pulse}@keyframes stems-btn-pulse{0%,to{box-shadow:0 0 #4ecdc400}50%{box-shadow:0 0 0 6px #4ecdc426}}@keyframes stem-card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.stems-ai-info{flex:1}.stems-ai-title{font-size:var(--text-sm);color:var(--c-text-1);margin-bottom:3px;font-weight:600}.stems-ai-desc{font-size:var(--text-xs);color:var(--c-text-3)}.demucs-progress-wrap{align-items:center;gap:var(--sp-4);flex:1;display:none}.demucs-progress-wrap.visible{display:flex}#demucs-canvas{border-radius:var(--r-md);background:var(--c-bg-base)}.demucs-eta{font-size:var(--text-xs);color:var(--c-text-3);font-family:var(--font-mono);white-space:nowrap}.stems-processing-grid{padding:var(--sp-4) var(--sp-5);gap:var(--sp-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;display:grid;overflow-y:auto}.stem-proc-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--dur-fast);animation:stem-card-in .28s var(--ease-out) both;animation-delay:var(--stem-card-delay,0s);overflow:hidden}.stem-proc-card:hover{border-color:var(--c-border-hover)}.stem-proc-head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border);display:flex}.stem-proc-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stem-proc-name{font-size:var(--text-sm);color:var(--c-text-1);font-weight:600}.stem-proc-type{font-size:var(--text-xs);color:var(--c-text-3);margin-left:auto}.stem-proc-waveform{background:var(--c-bg-base);height:56px;margin:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);overflow:hidden}.stem-proc-body{padding:0 var(--sp-4) var(--sp-3)}.stem-mini-eq{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.stem-eq-band{flex-direction:column;align-items:center;gap:4px;display:flex}.stem-eq-label{color:var(--c-text-3);font-size:9px;font-family:var(--font-mono);text-transform:uppercase}.stem-eq-slider{writing-mode:vertical-lr;appearance:none;background:var(--c-bg-overlay);border-radius:var(--r-full);cursor:pointer;direction:rtl;outline:none;width:4px;height:52px}.stem-eq-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-primary);cursor:pointer;border-radius:50%;width:12px;height:12px}.stem-eq-value{color:var(--c-text-3);font-size:9px;font-family:var(--font-mono)}.stem-comp-row{gap:var(--sp-2);font-size:var(--text-xs);grid-template-columns:1fr 1fr;display:grid}.stem-comp-field{flex-direction:column;gap:3px;display:flex}.stem-comp-label{color:var(--c-text-3);font-size:9px;font-family:var(--font-mono);text-transform:uppercase}.stem-comp-input{width:100%;padding:3px var(--sp-2);background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-2);font-family:var(--font-mono)}.stem-comp-input:focus{border-color:var(--c-border-focus);outline:none}.stem-proc-footer{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-3);border-top:1px solid var(--c-border);display:flex}.stem-proc-vol{accent-color:var(--c-primary);flex:1;height:3px}.stems-bounce-bar{padding:var(--sp-4) var(--sp-5);background:var(--c-bg-surface);border-top:1px solid var(--c-border);justify-content:flex-end;align-items:center;gap:var(--sp-4);display:flex}.bounce-status{font-size:var(--text-xs);color:var(--c-text-3)}.bounce-btn{align-items:center;gap:var(--sp-2);padding:10px var(--sp-6);background:var(--c-primary);border:1px solid var(--c-primary);border-radius:var(--r-lg);font-size:var(--text-sm);color:var(--c-text-inv);transition:all var(--dur-mid) var(--ease-out);font-weight:700;display:flex}.bounce-btn:not(:disabled){box-shadow:0 0 16px #e8003c40}.bounce-btn:not(:disabled):hover{background:var(--c-primary-h);transform:translateY(-1px);box-shadow:0 0 24px #e8003c66}.bounce-btn:disabled{opacity:.35;cursor:not-allowed}.antitheft-panel{gap:0;height:100%;display:flex;overflow:hidden}.guest-mode-banner{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--text-xs);color:var(--c-text-3);align-items:center;gap:var(--sp-2);background:#ffe66d14;border-bottom:1px solid #ffe66d33;flex-shrink:0;line-height:1.5;display:flex}.url-detect-section{padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-border);background:var(--c-bg-elevated);flex-shrink:0}.url-detect-head{margin-bottom:var(--sp-2)}.url-detect-title{font-size:var(--text-sm);color:var(--c-text-1);margin-bottom:2px;font-weight:600;display:block}.url-detect-subtitle{font-size:var(--text-xs);color:var(--c-text-3);line-height:1.4;display:block}.url-detect-input-row{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.url-detect-input{padding:6px var(--sp-3);background:var(--c-bg-base);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-1);flex:1;min-width:0}.url-detect-input:focus{border-color:var(--c-primary);outline:none}.url-detect-btn{padding:6px var(--sp-3);background:var(--c-primary);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-inv);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0}.url-detect-btn:hover:not(:disabled){background:var(--c-primary-h)}.url-detect-btn:disabled{opacity:.5;cursor:not-allowed}.url-detect-result{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--c-bg-base);border:1px solid var(--c-border);border-radius:var(--r-md)}.url-result-row{gap:var(--sp-3);margin-bottom:var(--sp-2);align-items:center;display:flex}.url-result-thumb{object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;width:56px;height:56px}.url-result-info{min-width:0}.url-result-platform{font-size:var(--text-xs);color:var(--c-primary);font-weight:600;display:block}.url-result-title{font-size:var(--text-sm);color:var(--c-text-1);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.url-result-author{font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px}.url-result-note{font-size:var(--text-xs);color:var(--c-text-3);border-top:1px solid var(--c-border);padding-top:var(--sp-2);line-height:1.4}.url-result-error{font-size:var(--text-sm);color:var(--c-primary);padding:var(--sp-1) 0}.result-album-art{object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;width:36px;height:36px}.works-library{background:var(--c-bg-surface);border-right:1px solid var(--c-border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.works-library-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);align-items:center;gap:var(--sp-3);display:flex}.works-library-title{font-size:var(--text-sm);color:var(--c-text-1);font-weight:600}.works-add-btn{align-items:center;gap:var(--sp-1);padding:4px var(--sp-3);background:var(--c-primary);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--c-text-inv);transition:background var(--dur-fast);margin-left:auto;font-weight:600;display:flex}.works-add-btn:hover{background:var(--c-primary-h)}.works-list{padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.work-card{padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-fast), background var(--dur-fast)}.work-card:hover{border-color:var(--c-border-hover)}.work-card.active{border-color:var(--c-primary);background:var(--c-primary-dim)}.work-card-title{font-size:var(--text-sm);color:var(--c-text-1);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:600;overflow:hidden}.work-card-meta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--c-text-3);font-family:var(--font-mono);display:flex}.work-card-fp{align-items:center;gap:4px;display:flex}.fp-dot{background:var(--c-text-3);border-radius:50%;width:6px;height:6px}.fp-dot.ok{background:var(--c-green)}.fp-dot.processing{background:var(--c-orange);animation:1s infinite pulse}.work-card-actions{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.work-scan-btn{background:var(--c-bg-overlay);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-text-2);transition:all var(--dur-fast);flex:1;padding:5px 0;font-weight:600}.work-scan-btn:hover{border-color:var(--c-blue);color:var(--c-blue)}.work-scan-btn.full{color:var(--c-text-3)}.work-scan-btn.full:hover{border-color:var(--c-primary);color:var(--c-primary)}.work-scan-btn.scanning{border-color:var(--c-blue);color:var(--c-blue);animation:1.5s infinite stems-btn-pulse}.work-del-btn{border:1px solid var(--c-border);border-radius:var(--r-sm);width:28px;height:28px;color:var(--c-text-3);font-size:var(--text-sm);transition:all var(--dur-fast);background:0 0;justify-content:center;align-items:center;display:flex}.work-del-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.works-empty{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center;flex-direction:column;flex:1;display:flex}.works-empty-icon{opacity:.3;font-size:32px}.works-empty-text{font-size:var(--text-sm);color:var(--c-text-3);line-height:1.6}.scan-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.scan-statusbar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-base);border-bottom:1px solid var(--c-border);flex-shrink:0;display:flex}.scan-radar-mini{opacity:.85;border-radius:50%;flex-shrink:0;width:40px;height:40px}.scan-statusbar-info{flex:1;min-width:0}.scan-statusbar-title{font-size:var(--text-sm);color:var(--c-text-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.scan-statusbar-sub{font-size:var(--text-xs);color:var(--c-text-3);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scan-statusbar-stats{gap:var(--sp-4);flex-shrink:0;display:flex}.scan-stat{flex-direction:column;align-items:center;gap:1px;display:flex}.scan-stat-value{font-size:var(--text-md);color:var(--c-primary);font-weight:700;font-family:var(--font-mono);line-height:1}.scan-stat-label{color:var(--c-text-3);font-size:10px}.result-section-head{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1);margin-top:var(--sp-2);background:var(--c-bg-surface);z-index:1;display:flex;position:sticky;top:0}.result-section-head:first-child{margin-top:0}.result-section-label{font-size:var(--text-xs);letter-spacing:.02em;font-weight:700}.result-section-head.exact .result-section-label{color:var(--c-green,#4ecdc4)}.result-section-head.cover .result-section-label{color:#fa0}.result-section-count{font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:var(--r-full);padding:1px 7px}.result-section-head.exact .result-section-count{color:var(--c-green,#4ecdc4);background:#4ecdc426}.result-section-head.cover .result-section-count{color:#fa0;background:#ffaa0026}.result-section-head.exact{border-left:3px solid var(--c-green,#4ecdc4)}.result-section-head.cover{border-left:3px solid #fa0}.scan-results-head{padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--c-border);background:var(--c-bg-surface);align-items:center;gap:var(--sp-3);display:flex}.scan-results-title{font-size:var(--text-sm);color:var(--c-text-1);font-weight:600}.scan-results-count{background:var(--c-primary-muted);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--c-primary);font-weight:600;font-family:var(--font-mono);padding:2px 8px}.scan-results-list{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.scan-result-item{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);animation:result-slide-in .2s var(--ease-out) both;display:flex}@keyframes result-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-similarity{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono);text-align:right;min-width:52px}.result-similarity.high{color:var(--c-match-high)}.result-similarity.mid{color:var(--c-match-mid)}.result-similarity.low{color:var(--c-match-low)}.result-info{flex:1;min-width:0}.result-title{font-size:var(--text-sm);color:var(--c-text-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.result-meta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px;display:flex}.result-platform{background:var(--c-bg-overlay);border-radius:var(--r-sm);font-family:var(--font-mono);padding:1px 6px}.result-link{border:1px solid var(--c-border);border-radius:var(--r-sm);width:28px;height:28px;color:var(--c-text-3);transition:all var(--dur-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:12px;text-decoration:none;display:flex}.result-link:hover{border-color:var(--c-blue);color:var(--c-blue)}.result-links{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;max-width:45%;margin-left:auto;display:flex}.result-link-chip{border:1px solid var(--c-border);border-radius:var(--r-full);color:var(--c-text-2);white-space:nowrap;transition:all var(--dur-fast);background:0 0;padding:2px 8px;font-size:11px;text-decoration:none}.result-link-chip:hover{border-color:var(--c-blue);color:var(--c-blue)}.result-link-chip.search{opacity:.85;border-style:dashed}.result-evidence-btn{border-radius:var(--r-full);border:1px solid var(--c-primary);background:var(--c-primary);color:var(--c-text-inv);white-space:nowrap;cursor:pointer;padding:2px 8px;font-size:11px;font-weight:600}.result-evidence-btn:hover:not(:disabled){background:var(--c-primary-h);border-color:var(--c-primary-h)}.result-evidence-btn:disabled{opacity:.6;cursor:default}.result-no-link{color:var(--c-text-3);font-size:11px}.result-source{border-radius:var(--r-full);margin-left:4px;padding:1px 6px;font-size:10px}.result-source.exact{color:var(--c-green,#4ecdc4);background:#4ecdc426}.result-source.cover{color:#fa0;background:#ffaa0026}.scan-empty{justify-content:center;align-items:center;gap:var(--sp-3);color:var(--c-text-3);font-size:var(--text-sm);padding:var(--sp-8);text-align:center;flex-direction:column;flex:1;display:flex}.scan-empty-icon{opacity:.2;font-size:32px}.antitheft-settings{background:var(--c-bg-surface);border-left:1px solid var(--c-border);width:280px;padding:var(--sp-5);gap:var(--sp-5);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.settings-section-title{font-size:var(--text-xs);color:var(--c-text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--sp-3);align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;font-weight:700;display:flex}.settings-apply-link{font-size:var(--text-xs);letter-spacing:0;text-transform:none;color:var(--c-primary);white-space:nowrap;margin-left:auto;font-weight:600;text-decoration:none}.settings-apply-link:hover{text-decoration:underline}.api-key-field{gap:var(--sp-2);flex-direction:column;display:flex}.api-key-input-wrap{gap:var(--sp-2);display:flex}.api-key-input{padding:7px var(--sp-3);background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-1);font-family:var(--font-mono);transition:border-color var(--dur-fast);flex:1}.api-key-input:focus{border-color:var(--c-border-focus);outline:none}.api-key-save{padding:7px var(--sp-3);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--c-text-2);transition:all var(--dur-fast);font-weight:600}.api-key-save:hover{border-color:var(--c-primary);color:var(--c-primary)}.api-key-save.saved{border-color:var(--c-green);color:var(--c-green)}.api-key-hint{font-size:var(--text-xs);color:var(--c-text-3);line-height:1.5}.api-key-status{font-size:var(--text-xs);color:var(--c-text-3);margin:4px 0 2px;line-height:1.5}.api-key-status.saved{color:var(--c-green,#4ecdc4)}.api-key-status.error{color:var(--c-danger)}.api-key-status.pending{color:var(--c-text-2)}.scan-provenance{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-xs);border:1px solid #0000;line-height:1.5}.scan-provenance.real{color:var(--c-green,#4ecdc4);background:#4ecdc414;border-color:#4ecdc44d}.scan-provenance.demo{color:#fa0;background:#ffaa0014;border-color:#ffaa004d}.scan-provenance.pending{color:var(--c-text-2);background:var(--c-bg-elevated)}.scan-provenance.error{color:var(--c-danger);background:var(--c-danger-muted);border-color:var(--c-danger)}.scan-howto{padding:var(--sp-3) var(--sp-4);background:var(--c-bg-base);border-top:1px solid var(--c-border);font-size:var(--text-xs);color:var(--c-text-2);flex-shrink:0;max-height:40%;margin:0;overflow-y:auto}.scan-howto summary{cursor:pointer;color:var(--c-text-1);-webkit-user-select:none;user-select:none;font-weight:600}.scan-howto-list{margin:var(--sp-3) 0 var(--sp-2);padding-left:1.2em;line-height:1.7}.scan-howto-list li{margin-bottom:4px}.scan-howto-privacy{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--c-border);color:var(--c-text-3);line-height:1.6}.tutorial-toggle{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--c-text-2);transition:all var(--dur-fast);font-weight:600;display:flex}.tutorial-toggle:hover{border-color:var(--c-border-hover);color:var(--c-text-1)}.tutorial-toggle[aria-expanded=true]{border-color:var(--c-blue);color:var(--c-blue)}.tutorial-toggle-arrow{transition:transform var(--dur-fast);margin-left:auto}.tutorial-toggle[aria-expanded=true] .tutorial-toggle-arrow{transform:rotate(180deg)}.tutorial-body{padding:var(--sp-3) var(--sp-4);background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:0 0 var(--r-md) var(--r-md);font-size:var(--text-xs);color:var(--c-text-2);border-top:none;line-height:1.7;display:none}.tutorial-body.open{display:block}.tutorial-step{gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.tutorial-step-num{background:var(--c-primary);width:18px;height:18px;color:var(--c-text-inv);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;font-weight:700;display:flex}.tutorial-link{color:var(--c-blue);text-decoration:underline}.notify-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px solid var(--c-border);display:flex}.notify-label{font-size:var(--text-sm);color:var(--c-text-2);flex:1}.notify-sub{font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px}.auth-required-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;justify-content:center;align-items:center;gap:var(--sp-5);background:#0a0a0fd9;flex-direction:column;display:none;position:absolute;inset:0}.auth-required-overlay.visible{display:flex}.auth-required-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-10);text-align:center;align-items:center;gap:var(--sp-4);flex-direction:column;max-width:380px;display:flex}.auth-required-icon{background:var(--c-primary-muted);border-radius:var(--r-full);justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.auth-required-title{font-size:var(--text-xl);color:var(--c-text-1);font-weight:700}.auth-required-desc{font-size:var(--text-sm);color:var(--c-text-3);line-height:1.6}.auth-cta-btn{padding:12px var(--sp-8);background:var(--c-primary);border-radius:var(--r-lg);font-size:var(--text-sm);color:var(--c-text-inv);transition:background var(--dur-fast);width:100%;font-weight:700}.auth-cta-btn:hover{background:var(--c-primary-h)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal-card{background:var(--c-bg-surface);border:1px solid var(--c-border);border-radius:var(--r-xl);width:min(400px,90vw);padding:var(--sp-8);gap:var(--sp-4);box-shadow:var(--shadow-md), 0 0 60px #e8003c14;flex-direction:column;display:flex}.modal-title{font-size:var(--text-xl);color:var(--c-text-1);font-weight:700}.modal-sub{font-size:var(--text-sm);color:var(--c-text-3);margin-top:-var(--sp-2)}.modal-close{top:var(--sp-4);right:var(--sp-4);width:28px;height:28px;color:var(--c-text-3);transition:color var(--dur-fast);justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute}.modal-close:hover{color:var(--c-text-1)}.modal-card{position:relative}.form-field{gap:var(--sp-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);color:var(--c-text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.form-input{padding:10px var(--sp-4);background:var(--c-bg-input);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--c-text-1);transition:border-color var(--dur-fast)}.form-input:focus{border-color:var(--c-border-focus);outline:none}.modal-submit-btn{background:var(--c-primary);border-radius:var(--r-lg);font-size:var(--text-sm);color:var(--c-text-inv);transition:background var(--dur-fast);margin-top:var(--sp-2);padding:12px;font-weight:700}.modal-submit-btn:hover:not(:disabled){background:var(--c-primary-h)}.modal-submit-btn:disabled{opacity:.4;cursor:not-allowed}.auth-backend-notice{padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--text-xs);color:#fa0;margin-bottom:var(--sp-3);background:#ffaa0014;border:1px solid #ffaa004d;line-height:1.5}.auth-backend-notice code{background:#ffaa001f;border-radius:3px;padding:1px 4px;font-size:.95em}.stems-backend-notice{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-xs);color:#fa0;background:#ffaa000f;border:1px solid #fa03;line-height:1.5}.stems-backend-notice code{background:#ffaa001f;border-radius:3px;padding:1px 4px;font-size:.9em}.auth-login-pill.backend-unavailable{opacity:.6;border-color:#fa06}.modal-divider{align-items:center;gap:var(--sp-3);color:var(--c-text-3);font-size:var(--text-xs);display:flex}.modal-divider:before,.modal-divider:after{content:"";background:var(--c-border);flex:1;height:1px}.modal-google-btn{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);font-size:var(--text-sm);color:var(--c-text-1);justify-content:center;align-items:center;gap:var(--sp-3);transition:border-color var(--dur-fast);padding:10px;font-weight:500;display:flex}.modal-google-btn:hover{border-color:var(--c-border-hover)}.auth-tabs{border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-4);gap:0;display:flex}.auth-tab{font-size:var(--text-sm);color:var(--c-text-3);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px}.auth-tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}@keyframes radar-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--demucs-bar-0:var(--c-waveform-stem-0);--demucs-bar-1:var(--c-waveform-stem-1);--demucs-bar-2:var(--c-waveform-stem-2);--demucs-bar-3:var(--c-waveform-stem-5)}.final-preview-panel{background:var(--c-bg-surface);border-bottom:1px solid var(--c-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:none;padding:10px 20px;font-size:12px}.final-preview-panel[open]{top:calc(var(--header-h) + var(--analysis-h) + var(--mode-nav-h) + 6px);left:16px;right:calc(var(--chain-w) + 16px);z-index:40;border:1px solid var(--c-border-hover);border-radius:10px;max-height:calc(100dvh - 200px);position:absolute;overflow-y:auto;box-shadow:0 16px 48px #0009}.final-preview-panel summary{cursor:pointer;font-weight:600}.final-preview-panel p{color:var(--c-text-2);margin:12px 0;line-height:1.6}.final-preview-panel label{align-items:center;gap:8px;margin:8px 16px 8px 0;display:inline-flex}.final-preview-panel audio{max-width:65vw;height:36px}.final-preview-panel select{border:1px solid var(--c-border);border-radius:6px;padding:8px}.final-preview-panel a{color:var(--c-primary);margin-left:12px}.stems-import-label{color:var(--c-text-2);padding:12px 24px;font-size:12px;line-height:1.8}.stems-import-label input{max-width:100%;margin-top:6px;display:block}.stems-processing-grid{grid-auto-rows:max-content;min-height:0}.stem-proc-card{min-height:350px}.stem-proc-card>label{align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.stem-pan{min-width:0;accent-color:var(--c-primary);flex:1}.stems-bounce-bar{flex-wrap:wrap;flex-shrink:0}.bounce-status.status-error{color:var(--c-danger)}.header .upload-zone{min-width:140px;max-height:44px}#upload-text-wrap{flex-direction:column;min-width:0;display:flex}#upload-text-wrap>span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.upload-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.header-actions{flex-shrink:1;min-width:0;overflow-x:auto}.eq-bands{grid-template-columns:repeat(2,minmax(0,1fr))}.eq-band{min-width:0}.stems-source{border-bottom:1px solid var(--c-border);padding:12px 24px;font-size:12px;line-height:1.7}.stems-source p{overflow-wrap:anywhere;margin:6px 0}.stems-source label{cursor:pointer;color:var(--c-primary)}.stem-switches{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.stem-switches label{align-items:center;gap:4px;display:flex}.stem-switches input{accent-color:var(--c-primary)}.mode-stems .chain-panel{display:none}.mode-stems #mode-stems{grid-column:1/-1}.stems-mode-panel{overflow-y:auto}.stems-mode-panel>*{flex-shrink:0}.stems-processing-grid{flex:1 0 auto;overflow:visible}.stems-ai-zone{padding:12px 24px}.stems-bounce-bar{z-index:2;position:sticky;bottom:0}@media (max-width:680px){.final-preview-panel[open]{max-height:none;margin:8px;position:relative;inset:auto}.final-preview-panel audio{width:65vw}.stems-processing-grid{grid-template-columns:1fr}}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.header{gap:16px}.logo{letter-spacing:-.7px;flex-shrink:0;font-size:22px}.header .upload-zone{background:var(--c-bg-input);border-style:solid;border-radius:8px}.header-btn,.transport-btn,.modal-submit-btn{transition:background .14s,border-color .14s,transform .14s}.header-btn{white-space:nowrap;flex-shrink:0;min-height:34px}.header-actions>*{flex-shrink:0}.header-btn.primary,.transport-btn.play-btn{color:var(--c-text-inv);box-shadow:none}button:active:not(:disabled){transform:translateY(1px)}.mode-nav{background:var(--c-bg-base);align-items:center;gap:8px;padding-inline:20px}.mode-tab{border-bottom:0;border-radius:6px;height:34px;padding:0 16px}.mode-tab.active{background:var(--c-bg-overlay);color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-border-hover)}.analysis-bar{background:var(--c-bg-input)}.chain-panel{background:var(--c-bg-base)}.chain-header{padding:16px}.chain-title{letter-spacing:1.5px}.chain-modules{padding:12px}.module-card{background:var(--c-bg-surface);box-shadow:none;border-radius:9px;margin-bottom:10px}.module-card.active{border-color:var(--c-border-hover)}.module-card.expanded{border-color:#6fe3c04d}.module-head{min-height:46px;padding:12px}.module-name{letter-spacing:.2px;font-size:13px}.module-body{background:var(--c-bg-input);padding:16px 12px}.module-card.bypassed{opacity:.7}.knob-wrap.parameter-control{cursor:default;align-items:stretch;gap:7px;width:100%;min-width:0}.parameter-control .knob-label{text-align:left;color:var(--c-text-2);font-size:11px;line-height:1.5}.parameter-slider{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:28px}.parameter-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--c-primary) var(--fill), var(--c-bg-overlay) var(--fill));border-radius:4px;height:4px}.parameter-slider::-webkit-slider-thumb{appearance:none;background:#edf4f1;border:1px solid #101313;border-radius:3px;width:8px;height:18px;margin-top:-7px;box-shadow:0 1px 4px #0008}.parameter-slider::-moz-range-track{background:var(--c-bg-overlay);height:4px}.parameter-slider::-moz-range-progress{background:var(--c-primary);height:4px}.parameter-slider::-moz-range-thumb{background:#edf4f1;border:1px solid #101313;border-radius:3px;width:8px;height:18px}.parameter-entry{align-items:center;gap:4px;display:flex}.parameter-number{border:1px solid var(--c-border);background:var(--c-bg-surface);width:100%;min-width:0;color:var(--c-text-1);font:12px var(--font-mono);font-variant-numeric:tabular-nums;border-radius:5px;padding:7px 6px}.parameter-number:hover{border-color:var(--c-border-hover)}.parameter-number[aria-invalid=true]{border-color:var(--c-danger)}.parameter-reset{border:1px solid var(--c-border);min-height:30px;color:var(--c-text-2);cursor:pointer;border-radius:5px;flex:0 0 28px}.parameter-reset:hover{background:var(--c-bg-overlay);color:var(--c-primary)}.stem-proc-card,.settings-card{box-shadow:none;border-radius:10px}.antitheft-panel{flex:1;min-height:0}.guest-mode-banner{height:auto}.works-library,.antitheft-settings{background:var(--c-bg-surface)}.stems-processing-grid{gap:16px;padding:16px 24px}.stems-source,.stems-import-label{color:var(--c-text-2)}.stems-bounce-bar{background:var(--c-bg-surface);border-top:1px solid var(--c-border-hover)}.album-row{border-bottom:1px solid var(--c-border);padding-block:10px}.transport{background:var(--c-bg-input);border-top:1px solid var(--c-border-hover)}.session-privacy{flex-shrink:0;font-size:12px}.session-privacy summary{cursor:pointer;color:var(--c-text-2);border:1px solid var(--c-border);border-radius:6px;padding:10px 8px}.session-privacy[open] summary{color:var(--c-primary);border-color:var(--c-primary)}.session-privacy-body{top:calc(var(--header-h) + 8px);background:var(--c-bg-elevated);border:1px solid var(--c-border-hover);z-index:80;border-radius:12px;width:min(380px,100vw - 40px);max-height:calc(100dvh - 100px);padding:20px;line-height:1.8;position:absolute;left:20px;overflow-y:auto;box-shadow:0 16px 40px #0009}.session-privacy-body strong{font-size:16px;display:block}.session-privacy-body p{color:var(--c-text-2);margin:12px 0}.session-privacy-body label{align-items:center;gap:8px;margin-block:16px;display:flex}.session-privacy-body button{border-color:var(--c-primary);justify-content:center;width:100%}.session-privacy-body input{accent-color:var(--c-primary)}#session-file-status{overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.module-card.expanded .module-body,.session-privacy[open] .session-privacy-body{animation:.16s ease-out panel-enter}@keyframes panel-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:1100px){:root{--chain-w:320px}.header{gap:8px;padding-inline:12px}.header-actions{gap:6px}}@media (max-width:680px){:root{--header-h:112px}.header{flex-wrap:wrap;align-content:center;gap:6px 10px;padding-block:8px;overflow:visible}.header .upload-zone{flex:1;min-width:100px}.header-actions{flex-basis:100%;min-height:38px;margin-left:0}.mode-nav{gap:3px;padding-inline:8px}.mode-tab{padding-inline:10px}.stems-processing-grid{padding:12px}.antitheft-panel{flex-direction:column;height:auto;overflow:visible}.chain-panel,.chain-modules,.meters-panel{overflow:visible}.chain-modules,.meters-panel{flex:none}}.ab-btn.active,.works-add-btn,.modal-submit-btn{color:var(--c-text-inv)}.api-key-save{white-space:nowrap;flex-shrink:0}.parameter-control .knob-label{text-transform:none}