@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html{font-size:14px}body{min-height:100vh;margin:0;padding:0}#root{min-height:100vh}:root{--bg:#0a0a10;--surface:#12121c;--surface-2:#1a1a28;--border:#223;--text:#cde;--text-dim:#678;--accent:#4cf;--accent-2:#f84;--danger:#f44;--success:#4c8;--warning:#fc4}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{border-radius:6px;flex-shrink:0}.brand h1{letter-spacing:-.5px;font-size:20px;font-weight:700}.brand .brand-slash{color:var(--accent);opacity:.8;font-size:24px;font-weight:300}.brand .accent{color:var(--accent)}.brand .version{color:var(--text-dim);background:var(--surface-2);border-radius:4px;padding:2px 8px;font-size:11px}.tabs{gap:4px;display:flex}.tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .15s}.tab:hover{color:var(--text);border-color:#345}.tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.import-btn{border-style:dashed;margin-left:8px}.app-main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:24px}.panel{flex-direction:column;gap:16px;display:flex}.panel h2{font-size:18px;font-weight:600}.panel-desc{color:var(--text-dim);font-size:13px}.panel-loading{color:var(--text-dim);text-align:center;padding:48px 24px}.spectrogram-pair{flex-direction:column;gap:8px;display:flex}.file-upload{border:2px dashed var(--border);text-align:center;border-radius:10px;padding:24px;transition:all .2s}.file-upload:hover{border-color:var(--accent);background:#44ccff08}.file-upload-inner{color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;display:flex}.file-upload-inner svg{color:var(--accent);opacity:.6}.key-selector{flex-direction:column;gap:6px;display:flex}.key-selector label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.key-selector-row{align-items:center;gap:10px;display:flex}.key-selector-row select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px}.key-selector-row .key-label{color:var(--accent);font-size:15px;font-weight:600}.key-info{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.key-info .sep{opacity:.3}.checkbox-row{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.btn-primary{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:10px 24px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-self:flex-start;padding:8px 20px;font-size:13px;transition:all .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.progress-bar{background:var(--surface-2);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.error{color:var(--danger);background:#ff44441a;border:1px solid #ff44444d;border-radius:6px;padding:10px 14px;font-size:13px}.lufs-info{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:16px}.lufs-info h3{color:var(--accent);margin-bottom:10px;font-size:14px}.lufs-grid{color:var(--text-dim);grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.lufs-grid b{color:var(--text)}.lufs-normalisation-note{border-top:1px solid var(--border);color:var(--text-dim);margin-top:10px;padding-top:10px;font-size:11.5px;line-height:1.5}.lufs-norm-gain{color:var(--accent-2);font-weight:700}.ref-loaded{color:var(--success);background:#44cc8814;border:1px solid #44cc8840;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.ref-loaded b{color:var(--text)}.ref-date{color:var(--text-dim);margin-left:auto;font-size:11px}.ref-missing{color:var(--warning);background:#ffcc4414;border:1px solid #ffcc4440;border-radius:6px;padding:10px 14px;font-size:13px}.metrics-block{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:16px}.metrics-block h4{align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.grade{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.grade-excellent{color:var(--success);background:#44cc8826}.grade-good{color:var(--accent);background:#44ccff26}.grade-warn{color:var(--warning);background:#ffcc4426}.grade-bad{color:var(--danger);background:#ff444426}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metrics-grid>div{flex-direction:column;gap:2px;display:flex}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.metric-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.key-diff-notice{color:var(--warning);background:#ffcc440f;border:1px solid #fc43;border-radius:6px;padding:10px 14px;font-size:13px;line-height:1.5}.key-diff-notice b{color:var(--text)}.key-warning{border:1px solid #ff884440;border-left:3px solid var(--accent-2);color:var(--text);background:#ff884414;border-radius:6px;padding:12px 16px;font-size:13px;line-height:1.6}.eq-recommendations{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:14px;padding:20px;display:flex}.eq-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.eq-header h3{color:var(--accent);font-size:15px}.eq-assessment{color:var(--text-dim);font-size:12px;font-style:italic}.eq-summary{color:var(--text);font-size:13px;line-height:1.7}.eq-no-bands{text-align:center;color:var(--success);padding:20px;font-size:14px}.bloom-section{flex-direction:column;gap:10px;display:flex}.bloom-section-title{color:var(--accent-2);align-items:center;gap:8px;font-size:14px;display:flex}.bloom-section-title:before{content:"";background:var(--accent-2);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.bloom-section-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.bloom-list{flex-direction:column;gap:10px;display:flex}.bloom-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.bloom-card.bloom-critical{border-left:3px solid var(--danger);background:#ff44440a}.bloom-card.bloom-warning{border-left:3px solid var(--accent-2);background:#ff884408}.bloom-card.bloom-caution{border-left:3px solid var(--warning)}.bloom-header{align-items:center;gap:10px;display:flex}.bloom-severity{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:700}.bloom-severity.bloom-critical{color:var(--danger);background:#ff444426}.bloom-severity.bloom-warning{color:var(--accent-2);background:#ff884426}.bloom-severity.bloom-caution{color:var(--warning);background:#ffcc4426}.bloom-title{color:var(--text);font-size:13px;font-weight:600}.bloom-stats{flex-wrap:wrap;gap:20px;display:flex}.bloom-stat{flex-direction:column;gap:2px;display:flex}.bloom-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.bloom-stat-value{color:#f64;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.bloom-desc{color:var(--text-dim);font-size:13px;line-height:1.6}.bloom-advice{border:1px solid var(--border);background:#ffffff05;border-radius:6px;padding:12px 14px}.bloom-advice h5{color:var(--accent);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:12px}.bloom-advice ul{flex-direction:column;gap:8px;list-style:none;display:flex}.bloom-advice li{color:var(--text);padding-left:16px;font-size:13px;line-height:1.6;position:relative}.bloom-advice li:before{content:"";background:var(--accent);opacity:.5;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.eq-band-list{flex-direction:column;gap:10px;display:flex}.eq-band-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .15s;display:flex}.eq-band-card:hover{border-color:#345}.eq-band-high{border-left:3px solid var(--accent-2)}.eq-band-medium{border-left:3px solid var(--accent)}.eq-band-low{border-left:3px solid #456}.eq-band-investigate{background:#886ecc0a;border-left:3px solid #886ecc}.eq-band-investigate-tag{text-transform:uppercase;letter-spacing:.5px;color:#886ecc;background:#886ecc26;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.eq-band-plugin-hint-investigate{background:#886ecc0f}.eq-band-plugin-hint-investigate .eq-plugin-label{color:#886ecc}.investigate-section{flex-direction:column;gap:10px;display:flex}.investigate-section-title{color:#886ecc;align-items:center;gap:8px;font-size:14px;display:flex}.investigate-section-title:before{content:"";background:#886ecc;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.investigate-section-desc{color:var(--text-dim);margin-bottom:4px;font-size:12px;line-height:1.5}.eq-band-header{align-items:center;gap:10px;display:flex}.eq-band-number{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.eq-band-type{color:var(--text);background:#ffffff0f;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.eq-band-region{color:var(--text-dim);font-size:11px}.eq-band-priority{text-transform:uppercase;letter-spacing:.5px;color:var(--accent-2);background:#ff88441f;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.eq-band-params{flex-wrap:wrap;gap:20px;display:flex}.eq-param{flex-direction:column;gap:2px;display:flex}.eq-param-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.eq-param-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.eq-band-desc{color:var(--text-dim);font-size:13px;line-height:1.6}.eq-band-plugin-hint{color:var(--text-dim);background:#44ccff0a;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.eq-plugin-label{color:var(--accent);white-space:nowrap;font-weight:600}.eq-quick-ref{margin-top:4px}.eq-quick-ref h4{color:var(--text-dim);margin-bottom:8px;font-size:13px}.eq-quick-table{font-variant-numeric:tabular-nums;border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:0;font-size:12px;display:flex;overflow:hidden}.eq-quick-header,.eq-quick-row{grid-template-columns:30px 90px 80px 80px 50px 80px;align-items:center;gap:8px;padding:7px 12px;display:grid}.eq-quick-header{background:var(--surface-2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.eq-quick-row{border-top:1px solid var(--border);color:var(--text)}.eq-quick-row:hover{background:#44ccff08}.guide-btn{margin-left:auto;border-color:var(--accent)!important;color:var(--accent)!important}.guide-btn:hover{background:#44ccff1a!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;width:90vw;max-width:720px;max-height:85vh;padding:32px 36px;animation:.25s modal-slide-up;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0009}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:28px;line-height:1;transition:color .15s,background .15s;position:absolute;top:12px;right:16px}.modal-close:hover{color:var(--text);background:#ffffff0f}.guide-title{color:var(--text);margin-bottom:24px;padding-right:32px;font-size:20px;font-weight:700}.guide-title .brand-slash{font-size:22px}.guide-body{flex-direction:column;gap:20px;display:flex}.guide-section h3{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:700}.guide-section p,.guide-section li,.guide-section dd{color:var(--text-dim);font-size:13px;line-height:1.65}.guide-section ol,.guide-section ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.guide-section b{color:var(--text);font-weight:600}.guide-section em{color:var(--accent-2);font-style:normal;font-weight:600}.guide-dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.guide-dl dt{color:var(--text);padding-top:2px;font-size:13px;font-weight:600}.guide-dl dd{margin:0}.guide-tips{background:#44ccff0a;border:1px solid #44ccff1f;border-radius:8px;padding:16px}.guide-tips h3{margin-bottom:10px}.app-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);padding:16px 24px;font-size:12px}.spectrum-chart-wrapper{position:relative}.spectrum-chart-wrapper canvas{cursor:crosshair}.spectrogram-wrapper{flex-direction:column;gap:6px;display:flex}.spectrogram-canvas-container{position:relative}.spectrogram-canvas-container canvas{cursor:crosshair}.spectrogram-tooltip{pointer-events:none;border:1px solid var(--border);z-index:10;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a10eb;border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;display:flex;position:absolute}.spectrogram-tooltip-row{align-items:baseline;gap:8px;display:flex}.spectrogram-tooltip-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);min-width:32px;font-size:9px;font-weight:700}.spectrogram-tooltip-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.spectrogram-controls{align-items:center;gap:16px;padding:0 60px;display:flex}.spectrogram-contrast{flex:1;align-items:center;gap:8px;display:flex}.spectrogram-contrast-end{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;text-align:center;flex-shrink:0;width:28px;font-size:10px;font-weight:600}.spectrogram-contrast-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-left:8px;font-size:10px}.spectrogram-contrast-track{flex:1;align-items:center;display:flex;position:relative}.spectrogram-contrast-notch{background:var(--text-dim);opacity:.4;pointer-events:none;border-radius:1px;width:2px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrogram-contrast-track input[type=range]{appearance:none;background:var(--surface-2);border:1px solid var(--border);border-radius:2px;outline:none;width:100%;height:4px}.spectrogram-contrast-track input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #44ccff4d}.spectrogram-contrast-track input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #44ccff4d}.spectrogram-zoom{flex-shrink:0;align-items:center;gap:6px;display:flex}.spectrogram-zoom-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.spectrogram-zoom-btn:hover:not(:disabled){background:var(--surface-1);border-color:var(--accent)}.spectrogram-zoom-btn:disabled{opacity:.35;cursor:default}.spectrogram-zoom-label{color:var(--text-dim);white-space:nowrap;margin-left:4px;font-size:10px}canvas{max-width:100%;display:block}.spectrogram-canvas-container canvas{width:auto!important;height:auto!important}