:root{--bg: #0b0b0e;--surface: rgba(28, 28, 35, .86);--surface2: rgba(39, 39, 48, .92);--surface3: #111116;--border: rgba(255, 255, 255, .095);--border-strong: rgba(255, 255, 255, .16);--text: #f1ede4;--dim: #8a8790;--muted: #615f69;--accent: #d9963f;--accent2: #9b6223;--blue: #62b8ff;--amber: #efaa45;--green: #58d29c;--red: #f06464;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 18% -10%,rgba(217,150,63,.18),transparent 32rem),radial-gradient(circle at 90% 0%,rgba(98,184,255,.08),transparent 30rem),linear-gradient(180deg,#121217 0%,var(--bg) 48%,#070709 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:44px 20px 64px}.app-header{text-align:center;margin-bottom:24px}.brand-kicker{margin-bottom:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.app-header h1{font-size:clamp(34px,5vw,58px);font-weight:850;letter-spacing:.12em;color:var(--text);text-transform:uppercase;line-height:.95;text-shadow:0 18px 60px rgba(217,150,63,.18)}.app-header p{max-width:640px;margin:14px auto 0;font-size:13px;color:var(--dim);letter-spacing:.02em}.tabs{display:flex;gap:4px;margin-bottom:22px;background:#ffffff0b;border:1px solid var(--border);border-radius:999px;padding:5px;box-shadow:inset 0 1px #ffffff0a}.tab{padding:10px 30px;background:transparent;border:none;cursor:pointer;color:var(--dim);font-size:12px;font-weight:800;letter-spacing:.08em;border-radius:999px;text-transform:uppercase;transition:background .15s,color .15s,box-shadow .15s}.tab:hover{color:var(--text)}.tab.active{background:linear-gradient(180deg,#f2b35c,var(--accent));color:#140c03;box-shadow:0 8px 28px #d9963f42}.content{width:100%;max-width:1200px}.tab-body{width:100%;display:flex;flex-direction:column;gap:18px}.app-footer{margin-top:28px;font-size:11px;color:var(--muted);text-align:center}.drop-zone{width:100%;border:1px dashed var(--border-strong);border-radius:18px;padding:42px 24px;text-align:center;cursor:pointer;background:linear-gradient(180deg,#ffffff0f,#ffffff08),var(--surface3);box-shadow:inset 0 1px #ffffff0a;transition:border-color .2s,background .2s,transform .2s}.drop-zone:hover{transform:translateY(-1px);border-color:#d9963f73}.drop-zone.drag-over{border-color:var(--accent);background:#d9963f1a}.drop-zone.loaded{border-style:solid;border-color:#58d29c8c}.drop-zone.disabled{opacity:.42;filter:grayscale(.55);cursor:not-allowed;pointer-events:none}.drop-zone .dz-tag{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.drop-zone.a .dz-tag{color:var(--blue)}.drop-zone.b .dz-tag{color:var(--amber)}.drop-zone .dz-title{font-size:17px;font-weight:750;margin-bottom:5px}.drop-zone .dz-sub{font-size:12px;color:var(--dim)}.drop-zone .dz-file{margin-top:10px;font-size:12px;color:var(--accent)}.drop-zone.a .dz-file{color:var(--blue)}.drop-zone.b .dz-file{color:var(--amber)}.drop-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.drop-pair{grid-template-columns:1fr}}.drop-pair .drop-zone{padding:28px 16px}.panel{width:100%;background:linear-gradient(180deg,#ffffff0e,#ffffff06),var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 18px 55px #0000002e}.panel-title{font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ui-disabled{opacity:.44;filter:grayscale(.55);pointer-events:none}.params-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}@media(max-width:480px){.params-grid{grid-template-columns:1fr}}.param{display:flex;flex-direction:column;gap:7px}.param-header{display:flex;justify-content:space-between;align-items:baseline}.param-label{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#aaa4ad}.param-value{font-size:12px;font-weight:600;color:var(--accent);min-width:50px;text-align:right}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1c;border-radius:999px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(180deg,#f3c071,var(--accent));box-shadow:0 0 0 4px #d9963f2e;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid rgba(217,150,63,.18);cursor:pointer}select{width:100%;background:#0a0a0e85;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:13px;cursor:pointer;outline:none;box-shadow:inset 0 1px #ffffff09}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d9963f1f}select:disabled{opacity:.52;color:#77737c;cursor:not-allowed}.primary-btn{width:100%;padding:15px 18px;background:linear-gradient(180deg,#f0b25f,var(--accent));color:#140c03;font-size:13px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:14px;cursor:pointer;box-shadow:0 14px 34px #d9963f38,inset 0 1px #ffffff47;transition:transform .15s,box-shadow .15s,filter .15s}.primary-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 18px 42px #d9963f47,inset 0 1px #ffffff52}.primary-btn:disabled{background:#ffffff14;color:#5f5c63;cursor:not-allowed;box-shadow:none}.primary-btn.copied{background:var(--green);color:#001a00}.process-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.secondary-btn{width:100%;padding:15px 18px;background:#ffffff0b;color:#e0ba82;font-size:13px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(217,150,63,.38);border-radius:14px;cursor:pointer;box-shadow:inset 0 1px #ffffff0e;transition:background .2s,border-color .2s,transform .15s}.secondary-btn:hover:not(:disabled){transform:translateY(-1px);background:#d9963f1a;border-color:var(--accent)}.secondary-btn:disabled{border-color:var(--border);color:#555;cursor:not-allowed;transform:none}.download-btn{flex-shrink:0;padding:12px 22px;background:linear-gradient(180deg,#75e8b3,var(--green));color:#03150b;font-size:12px;font-weight:850;border:none;border-radius:12px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s,filter .15s}.download-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.download-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:grayscale(.65)}.download-btn.small{padding:8px 18px;font-size:12px;align-self:flex-start}.portion-selector{display:flex;flex-direction:column;gap:10px}.portion-selector.disabled{pointer-events:none}.portion-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666678}.portion-header strong{color:var(--accent);font-size:12px;letter-spacing:.04em;text-transform:none}.portion-canvas{width:100%;height:150px;display:block;border-radius:14px;background:#0e0e13;border:1px solid var(--border);cursor:ew-resize;box-shadow:inset 0 1px #ffffff09}.portion-canvas.dragging{border-color:var(--accent)}.portion-hint{font-size:11px;color:var(--muted);text-align:center}.progress-track{height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000059}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent2),#f2b35c,var(--accent));border-radius:999px;transition:width .1s linear;box-shadow:0 0 22px #d9963f6b}.progress-label{margin-top:10px;font-size:11px;color:var(--dim);text-align:center}.result-panel{width:100%;background:linear-gradient(135deg,rgba(88,210,156,.12),transparent 45%),var(--surface);border:1px solid rgba(88,210,156,.3);border-radius:18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 18px 55px #0000002e}.result-info{font-size:12px;color:var(--dim);line-height:1.6}.result-info strong{color:var(--green);font-size:13px;display:block;margin-bottom:2px}.badges{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.badge{font-size:10px;padding:5px 9px;background:#ffffff0e;border:1px solid var(--border);border-radius:999px;color:#b3adb6;letter-spacing:.06em;text-transform:uppercase}.export-actions{display:flex;align-items:flex-end;gap:14px;flex-shrink:0}.export-format{min-width:220px}.ab-player{display:flex;flex-direction:column;gap:14px}.waveform-compare{width:100%;height:190px;display:block;background:#0e0e13;border:1px solid var(--border);border-radius:14px;cursor:pointer;box-shadow:inset 0 1px #ffffff09}.ab-controls{display:grid;grid-template-columns:48px 1fr 108px;gap:10px;align-items:stretch}.transport{display:flex;align-items:center;gap:12px}.play-btn{width:48px;min-height:48px;flex-shrink:0;border-radius:14px;background:linear-gradient(180deg,#f0b25f,var(--accent));color:#140c03;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px #d9963f33;transition:transform .15s,filter .15s}.play-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.play-btn:disabled{background:var(--border);color:#555;cursor:not-allowed}.ab-switch{border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:border-color .15s,background .15s,color .15s}.ab-switch span{display:block;margin-top:3px;font-size:10px;font-weight:600;color:#ffffff8c;letter-spacing:.06em}.ab-switch.listening-a{border-color:var(--blue);box-shadow:inset 0 0 0 1px #4a9edd40}.ab-switch.listening-b{border-color:var(--amber);box-shadow:inset 0 0 0 1px #e8a03040}.ab-switch:hover:not(:disabled){background:#303039}.ab-switch:disabled{opacity:.45;cursor:not-allowed}.loop-btn{border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--dim);cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.loop-btn.active{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px #4cc49433}.loop-btn:disabled{opacity:.45;cursor:not-allowed}.time{font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums;min-width:34px}.seek{flex:1}.ab-hint{font-size:11px;color:#555565;text-align:center}@media(max-width:560px){.ab-controls{grid-template-columns:48px 1fr}.loop-btn{grid-column:1 / -1;min-height:38px}}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th{text-align:left;color:var(--dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px 8px}.stats-table th.col-a{color:var(--blue)}.stats-table th.col-b{color:var(--amber)}.stats-table td{padding:5px 8px}.stats-table tr:nth-child(2n) td{background:var(--surface2)}.metric{color:var(--dim);font-size:11px}.val-a{color:var(--blue);font-weight:600}.val-b{color:var(--amber);font-weight:600}.val-diff{color:var(--green);font-weight:600}.val-warn{color:var(--red);font-weight:600}.val-n{color:var(--red)}.dim{color:var(--dim)}.diag{font-size:11px}.band-table td{font-variant-numeric:tabular-nums}.spectrum-canvas{width:100%;height:680px;display:block;background:var(--surface2);border-radius:6px}.legend{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.sw{width:24px;height:3px;border-radius:2px}.sw-a{background:var(--blue)}.sw-b{background:var(--amber)}.sw-n{background:var(--red);opacity:.8;height:2px}.null-panel{display:flex;flex-direction:column;gap:14px}.null-stats{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.null-stats strong{font-weight:700}.null-audio{width:100%;accent-color:var(--accent)}.report-panel{display:flex;flex-direction:column;gap:10px}.report-box{width:100%;min-height:120px;max-height:320px;overflow-y:auto;background:#0e0e14;border:1px solid var(--border);border-radius:5px;padding:12px 14px;font-family:Menlo,Consolas,monospace;font-size:11px;color:#b0b0c0;line-height:1.55;white-space:pre;resize:vertical}@media(max-width:760px){.app{padding:30px 14px 46px}.process-actions{grid-template-columns:1fr}.result-panel,.export-actions{flex-direction:column;align-items:stretch}.export-format{min-width:0}.download-btn{width:100%}}@media(max-width:520px){.app-header h1{letter-spacing:.07em}.tabs{width:100%}.tab{flex:1;padding:10px 14px}.panel{border-radius:16px;padding:18px}.drop-zone{padding:30px 16px}}