:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#090e19;color:#ecf2ff;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 4%,#28213f 0,transparent 38%),radial-gradient(circle at 95% 30%,#103044 0,transparent 25%),#090e19;min-height:100vh}
.studio{max-width:940px;margin:0 auto;padding:30px 26px 85px}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:60px}.back{color:#bcb0ff;text-decoration:none;font-size:.95rem}.back:hover{text-decoration:underline}
.language{border:1px solid #526079;background:#1a2337;color:#eef2ff;cursor:pointer;padding:10px 16px;border-radius:12px}.eyebrow{letter-spacing:.13em;color:#79d7c1;font-weight:800;font-size:.73rem}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;letter-spacing:-.045em;max-width:820px;margin:18px 0 24px}.intro{color:#bac8dc;line-height:1.7;max-width:770px}.privacy{margin:24px 0 28px;color:#c0e7d9;background:#10302b75;border:1px solid #2f6b60;border-radius:16px;padding:18px;line-height:1.6}
.panel{border:1px solid #2d3d55;border-radius:22px;background:#11192aee;margin:18px 0;padding:24px 26px;box-shadow:0 12px 45px #0002}h2{font-size:1.3rem;letter-spacing:-.015em;margin:0 0 18px}
input[type=file]{display:block;width:100%;margin:12px 0 10px;color:#d8e7fa;font:inherit}input[type=file]::file-selector-button{background:#303054;color:#f4f2ff;border:1px solid #7163ad;padding:10px 16px;border-radius:10px;cursor:pointer;margin-right:14px}
.file-label{display:block;color:#cbd9f0;font-weight:650}.hint{font-size:.88rem;color:#9baac4;line-height:1.65}.filename{font-size:.9rem;color:#b1e2d3;overflow-wrap:anywhere}
canvas{display:block;width:100%;height:156px;max-width:100%;border-radius:13px;background:#0b1220;border:1px solid #273952;margin-top:20px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0}.metric{border-radius:12px;border:1px solid #303e55;background:#172235;padding:12px}.metric strong{display:block;color:#e5f3ff;font-size:1rem;font-variant-numeric:tabular-nums;overflow-wrap:break-word}.metric span{font-size:.73rem;color:#9eafc9;line-height:1.5}
.settings{display:grid;gap:14px}.settings label:not(.check){font-weight:650;color:#d1dded}.settings select{width:100%;border:1px solid #465876;background:#1a2437;color:#f0f6ff;padding:13px;border-radius:12px;font:inherit}.check{display:flex;align-items:flex-start;gap:10px;color:#bdcbe2;font-size:.9rem;line-height:1.6}.check input{width:18px;height:18px;accent-color:#82debf;flex:none}
.primary,.secondary{margin:20px 10px 10px 0;padding:13px 21px;font:inherit;font-weight:650;border-radius:12px;cursor:pointer}.primary{border:0;color:#071620;background:#8de0c7}.secondary{border:1px solid #8c85d8;color:#e9e4ff;background:#343052}.primary:disabled,.secondary:disabled{opacity:.43;cursor:not-allowed}.status{font-size:.9rem;color:#aebdd4}.status.error{color:#ffb5b5}.audio-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audio-pair label{display:block;color:#b9d7e8;font-weight:650;margin:0 0 10px}.audio-pair audio{width:100%;min-height:44px}footer{text-align:center;color:#7386a3;margin:35px auto;font-size:.76rem}
:focus-visible{outline:3px solid #c8b3ff;outline-offset:3px}@media(max-width:620px){.studio{padding:24px 16px 55px}.studio-header{margin-bottom:38px}.panel{padding:19px 15px}.audio-pair{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

#noiseStart{max-width:180px;background:#14273d;color:#f3f7fd;border:1px solid #526780;border-radius:8px;padding:9px;font:inherit}
#noiseReport:not(:empty){border-left:3px solid #85dbc0;padding:8px 12px;background:rgba(133,219,192,.08)}

#referenceStatus.error{color:#ffb5b5;border-left:3px solid #f7a0a0;padding-left:12px}
#matchInfo:not(:empty){margin:6px 0 15px;color:#a9cfc4}