:root{color-scheme:dark;--bg:#141819;--panel:#1b1f21;--border:#3c4141;--muted:#a7adaf;--gold:#d6b36a;--green:#75dfa0;--amber:#f0c361;--red:#ff7777}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#252a2a,var(--bg) 65%);color:#f3f0e8;font:15px system-ui,-apple-system,Segoe UI,sans-serif}button,select,input{font:inherit}button{border:1px solid #555c5d;border-radius:8px;padding:11px 18px;background:linear-gradient(#2b3032,#1c2022);color:inherit;cursor:pointer;min-height:44px}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.gold,.segments .selected,.ab .selected{color:#211c12;background:linear-gradient(#efd393,#ba914c);border-color:#e0bd78}.badge{font-size:10px;letter-spacing:1.2px;color:var(--gold);border:1px solid #5e543d;padding:8px 12px;border-radius:20px}header{max-width:1550px;padding:30px 32px 15px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font:clamp(32px,4vw,57px) Georgia,serif;letter-spacing:6px;color:#e7c986;margin:0}.wordmark{letter-spacing:7px;font-size:12px;color:var(--gold);margin-top:7px}.head-actions{display:flex;gap:15px;align-items:center}main{max-width:1550px;margin:auto;padding:0 32px}nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 0 32px;color:var(--muted)}nav i{width:12%;height:1px;background:#4b5050}nav .active{color:var(--gold)}.layout{display:flex;gap:22px;align-items:start}.studio{min-width:0;flex:1}.panel{background:linear-gradient(120deg,#212628,#1a1e20);border:1px solid var(--border);border-radius:11px;padding:22px;margin-bottom:16px}.track-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.track-head h2{font:27px Georgia,serif;word-break:break-word;margin:0 0 8px}p{color:var(--muted);line-height:1.65;margin:6px 0}.buttons{display:flex;gap:10px;flex-shrink:0}.source-options{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:18px 0}.source-options select{padding:6px;font-size:12px}select{background:#23292b;color:inherit;border:1px solid #535b5d;border-radius:7px;padding:10px}.audio-area{display:flex;gap:25px}.wave-container{flex:1;min-width:0;position:relative}canvas{width:100%;height:220px;display:block;background:#121718;border-radius:5px}.legend{display:flex;gap:18px;font-size:12px;margin-top:10px}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.markers{position:absolute;top:0;left:0;right:0;height:220px;pointer-events:none}.markers button{position:absolute;top:4px;min-height:24px;font-size:10px;padding:2px 5px;border-color:var(--red);color:var(--red);pointer-events:auto;background:#331b1b;transform:translateX(-50%)}.output{width:90px;flex-shrink:0;text-align:center;font-size:11px;letter-spacing:1px}.output small{display:block;letter-spacing:0;font-size:9px;color:var(--muted);margin-top:5px}.meters{display:flex;gap:6px;justify-content:center;margin-top:15px}.meter{height:165px;width:18px;background:#111516;position:relative;overflow:hidden;border:1px solid #39403e}.meter i{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(to top,#348a53 0%,#75dfa0 65%,#f0c361 85%,#ff7777 99%)}.scale{font-size:9px;line-height:36px;color:var(--muted);margin-top:-9px}.transport{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.round{border-radius:50%;color:var(--gold);font-size:22px;padding:5px;width:50px;height:50px;border-color:var(--gold)}#time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.transport>input{flex:1;min-width:40px}.ab{display:flex;gap:0}.ab button{font-size:12px;padding:9px 13px;border-radius:0}.ab button:first-child{border-radius:7px 0 0 7px}.ab button:last-child{border-radius:0 7px 7px 0}.preview-options{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:14px;align-items:center}.preview-options label{display:flex;align-items:center;gap:6px}#volume{width:100px}input[type=range]{accent-color:var(--gold);cursor:pointer;height:24px}input[type=checkbox]{accent-color:var(--gold)}input[type=number]{background:#171b1d;border:1px solid #51595a;border-radius:6px;color:#eee;padding:8px;width:80px;text-align:center;font-variant-numeric:tabular-nums}.choices{display:grid;grid-template-columns:1fr 1.4fr;gap:15px}.choices .panel{padding:18px}.choices h3{font-size:14px;font-weight:400;margin:0 0 12px}.segments{display:flex;gap:8px}.segments button{flex:1;padding:9px}.slider-row{display:flex;gap:12px;align-items:center;margin-top:9px}.slider-row input[type=range]{flex:1;min-width:30px}.slider-row input[type=number]{width:70px}.ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-right:100px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.actions .gold{font-weight:650;flex:1}.check strong{font-size:18px}.check p{font-size:13px;margin:6px 0 0}.check.good{border-color:#539d6d;background:#172d20}.check.warn{border-color:#b38d3e;background:#302819}.check.bad{border-color:#b95e5e;background:#321e1e}.check.neutral{border-color:#505b5f}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 12px}.metrics>div{padding:0 12px;border-right:1px solid var(--border)}.metrics>div:last-child{border:0}.metrics span{color:var(--muted);font-size:11px;display:block}.metrics strong{font-size:23px;font-weight:450;display:block;margin:8px 0}.metrics small{font-size:9px;color:var(--muted)}summary{cursor:pointer;padding:6px 0}#report{font-size:13px;line-height:1.8;color:var(--muted)}#report h4{color:#eee;margin-bottom:5px}#report button{font-size:11px;min-height:30px;padding:4px 8px;margin:3px}.fineprint{font-size:11px;margin:16px 4px;line-height:1.8}#drawer{width:310px;flex-shrink:0;position:sticky;top:16px}.drawer-title{display:flex;justify-content:space-between;align-items:center}.drawer-title h2{font-size:23px;color:#e7c986;margin:0}.drawer-title button{padding:0;min-width:35px;font-size:23px;border:0;background:none}#drawer p{font-size:12px}.control{margin:26px 0}.control label{display:block;margin-bottom:10px}.control .hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:6px}.control .slider-row{gap:8px}.control input[type=number]{width:74px}.unit{font-size:11px;color:var(--muted)}#drawer details{margin-top:24px;border-top:1px solid var(--border);padding-top:14px}.small{font-size:11px}.job>div{display:flex;justify-content:space-between;align-items:center}.job p{font-size:12px}progress{width:100%;accent-color:var(--gold);height:12px;margin-top:15px}dialog{max-width:530px;width:90%;background:#202628;color:#eee;border:1px solid var(--gold);border-radius:12px;padding:30px}dialog::backdrop{background:#000b}dialog p{margin:15px 0}footer{text-align:center;color:#a59679;font:16px Georgia,serif;letter-spacing:1px;padding:22px 0 35px}footer span{display:block;font:11px system-ui;letter-spacing:0;color:var(--muted);margin-top:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#ead6ad;color:#252016;max-width:90%;padding:14px 22px;border-radius:9px;z-index:10;box-shadow:0 5px 40px #0008}.drag{outline:2px dashed var(--gold)}[hidden]{display:none!important}@media(max-width:1150px){.layout{flex-direction:column}#drawer{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}#drawer>.drawer-title,#drawer>p,#drawer>details{grid-column:1/-1}.head-actions .badge{display:none}}@media(max-width:700px){header{padding:22px 16px}main{padding:0 14px}h1{font-size:30px;letter-spacing:4px}.wordmark{font-size:8px;letter-spacing:4px}.panel{padding:16px}.track-head{align-items:start;flex-direction:column}.track-head h2{font-size:24px}.source-options{align-items:start;flex-direction:column}.choices{grid-template-columns:1fr}.transport{flex-wrap:wrap}.transport>input{min-width:110px}.ab{margin-left:auto}.preview-options{flex-wrap:wrap}.audio-area{gap:10px}.output{width:65px}.metrics{grid-template-columns:1fr 1fr;gap:20px 0}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:20px}nav{font-size:12px;gap:10px}.actions button{flex:1;white-space:nowrap;font-size:13px}#drawer{display:block}.legend{font-size:10px;gap:12px}.markers button{font-size:8px}.buttons button{font-size:13px}}
a{color:#e1c587}a:focus-visible{outline:2px solid var(--gold)}