:root{color-scheme:dark;--bg:#0c0d10;--panel:#15171b;--panel-2:#1b1e23;--line:#292d34;--muted:#8d949e;--text:#f5f7f8;--lime:#c8ff4d;--cyan:#5ae1e8;--orange:#ff875a;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 75% 0,rgba(90,225,232,.08),transparent 30rem),var(--bg);min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom))}button,input,select{font:inherit}button,a{touch-action:manipulation}.topbar{height:68px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,13,16,.86);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:750;letter-spacing:-.03em}.brand-mark,.cover{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);color:#111;font-weight:900}.engine-badge{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.engine-badge i{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}main{width:min(1160px,calc(100% - 36px));margin:auto}.hero{padding:clamp(56px,8vw,104px) 0 44px}.eyebrow{margin:0 0 12px;color:var(--lime);font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(40px,7vw,84px);line-height:.98;letter-spacing:-.065em;margin:0;max-width:1000px}.hero h1 em{font-style:normal;color:var(--muted)}.hero-copy{color:#a8aeb7;line-height:1.65;max-width:650px;font-size:clamp(15px,2vw,18px);margin:26px 0 0}.upload-panel{min-height:190px;border:1px dashed #3c424b;background:rgba(21,23,27,.75);border-radius:var(--radius);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:30px;transition:.2s border-color,.2s background}.upload-panel.dragging{border-color:var(--lime);background:rgba(200,255,77,.06)}.upload-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:var(--panel-2);font-size:30px;color:var(--lime)}.upload-panel strong,.upload-panel span{display:block}.upload-panel strong{font-size:18px}.upload-panel span,.upload-panel small{color:var(--muted);margin-top:6px}.upload-panel small{grid-column:2/4;font-size:12px}.button{border:0;border-radius:12px;min-height:46px;padding:0 19px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{color:#12140d;background:var(--lime)}.button.secondary{color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.button.wide{width:100%}.workspace,.mix-section{padding:70px 0 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;margin:0}.section-heading h2 span{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:10px}.actions{display:flex;gap:10px}.empty-state{border:1px solid var(--line);border-radius:var(--radius);padding:42px;text-align:center;color:var(--muted)}.track-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.track{display:grid;grid-template-columns:38px minmax(190px,1fr) minmax(130px,2fr) repeat(4,minmax(64px,.5fr)) 42px;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.track:last-child{border:0}.track-number{font:600 12px ui-monospace,monospace;color:var(--muted)}.track-title{min-width:0}.track-title strong,.track-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title small,.metric span{color:var(--muted);font-size:11px;margin-top:4px}.waveform{height:34px;width:100%;display:block}.metric strong,.metric span{display:block}.metric strong{font:650 13px ui-monospace,monospace}.status{font-size:11px;color:var(--muted)}.status.analyzed{color:var(--lime)}.remove{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;width:40px;height:40px}.job-panel{padding:16px 18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:14px}.job-panel div{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.job-panel strong{color:var(--lime)}progress{width:100%;height:5px;border:0;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:#292d34}progress::-webkit-progress-value{background:var(--lime)}.timeline-wrap{overflow-x:auto;padding:12px 0 24px;scrollbar-color:var(--lime) var(--panel)}.timeline{display:flex;align-items:center;min-width:max-content;padding:26px 10px}.timeline-track{width:220px;height:108px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px;position:relative}.timeline-track strong{display:block;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-track small{color:var(--muted);display:block;margin-top:8px}.timeline-energy{position:absolute;bottom:0;left:0;height:3px;background:var(--lime);border-radius:0 2px 2px 14px}.transition-marker{width:110px;height:76px;margin:0 -14px;position:relative;z-index:2;border:1px solid rgba(200,255,77,.45);color:var(--text);background:#22281b;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);cursor:pointer;padding:10px;font-size:10px}.transition-marker strong{color:var(--lime);display:block;margin-bottom:5px;text-transform:uppercase}.timeline-help{color:var(--muted);font-size:12px}.sheet{position:fixed;inset:0;z-index:50;display:none}.sheet.open{display:block}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.sheet-card{position:absolute;right:0;top:0;height:100%;width:min(440px,100%);overflow:auto;background:var(--panel);border-left:1px solid var(--line);padding:32px}.sheet-handle{display:none}.sheet-title{display:flex;align-items:start;justify-content:space-between;margin-bottom:28px}.sheet-title h2{margin:0;font-size:27px;letter-spacing:-.04em}.icon-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:24px}.sheet-card>label{display:block;color:var(--muted);font-size:12px;margin:20px 0}.sheet-card select{display:block;width:100%;margin-top:8px;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);padding:0 12px}.sheet-card input[type=range]{width:100%;accent-color:var(--lime);margin-top:12px}.sheet-card output{float:right;color:var(--text)}.sheet-card .toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);margin:0;color:var(--text)}.toggle small{display:block;color:var(--muted);margin-top:4px}.toggle input{width:24px;height:24px;accent-color:var(--lime)}.inspector{width:min(520px,100%)}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inspector-box{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px}.inspector-box small,.inspector-box strong{display:block}.inspector-box small{color:var(--muted);margin-bottom:7px}.reason{line-height:1.6;color:#bdc2c9;margin:22px 0}.score{font-size:42px;color:var(--lime);letter-spacing:-.05em}.mini-player{position:fixed;z-index:30;bottom:14px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 28px));height:70px;border:1px solid #383d45;border-radius:17px;background:rgba(27,30,35,.94);backdrop-filter:blur(20px);display:grid;grid-template-columns:1fr 50px;align-items:center;padding:8px 10px;box-shadow:0 18px 50px rgba(0,0,0,.4)}.mini-main{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:12px;text-align:left;min-width:0}.mini-main span:nth-child(2){min-width:0}.mini-main strong,.mini-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-main small{color:var(--muted);margin-top:3px}.play-button{width:46px;height:46px;border:0;border-radius:50%;background:var(--lime);color:#111;cursor:pointer}.mini-player>input{position:absolute;bottom:0;left:16px;width:calc(100% - 32px);height:3px;accent-color:var(--lime)}.player-full{position:fixed;inset:0;z-index:60;background:radial-gradient(circle at 50% 20%,#27321a,var(--bg) 42%);display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px}.player-full.open{display:flex}.player-close{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px}.large-cover{width:min(44vh,330px);aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,var(--lime),#70a91d);color:#111;display:grid;place-items:center;font-size:120px;font-weight:900;box-shadow:0 30px 80px rgba(0,0,0,.4);position:relative}.large-cover span{position:absolute;bottom:20px;font:800 11px ui-monospace,monospace;letter-spacing:.25em}.player-full h2{margin:3px 0;font-size:30px}.player-full>p:not(.eyebrow){color:var(--muted);margin:4px}.player-full>input{width:min(520px,100%);accent-color:var(--lime);margin-top:25px}.time-row{display:flex;justify-content:space-between;width:min(520px,100%);color:var(--muted);font:11px ui-monospace,monospace}.player-controls{display:flex;align-items:center;gap:36px;margin:20px}.player-controls button{border:0;background:none;color:var(--text);font-size:18px;width:48px;height:48px}.player-controls .large{background:var(--lime);color:#111;width:64px;height:64px}.volume{display:flex;gap:14px;color:var(--muted);font-size:12px;width:min(360px,100%)}.volume input{flex:1;accent-color:var(--lime)}.player-full .button{max-width:360px;margin-top:24px}.toast{position:fixed;z-index:80;top:82px;left:50%;transform:translateX(-50%);background:#292e25;border:1px solid rgba(200,255,77,.4);padding:12px 18px;border-radius:11px;box-shadow:0 10px 30px #0008;font-size:13px}
@media(max-width:820px){main{width:min(100% - 28px,680px)}.hero{padding-top:48px}.upload-panel{grid-template-columns:auto 1fr}.upload-panel .button{grid-column:1/3}.upload-panel small{grid-column:1/3}.track{grid-template-columns:30px minmax(130px,1fr) repeat(3,58px) 40px}.track .wave-cell,.track .energy-metric{display:none}.section-heading{align-items:start}.actions{flex-direction:column}.actions .button{min-width:145px}.sheet-card{top:auto;bottom:0;right:0;width:100%;height:auto;max-height:92dvh;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:14px 20px calc(24px + env(safe-area-inset-bottom))}.sheet-handle{display:block;width:42px;height:4px;border-radius:2px;background:#4a4f58;margin:0 auto 20px}}
@media(max-width:540px){.engine-badge{font-size:0}.engine-badge:after{content:"DSP";font-size:10px}.hero h1 br{display:none}.hero-copy{font-size:15px}.upload-panel{padding:22px 18px}.upload-icon{width:48px;height:48px}.workspace,.mix-section{padding-top:52px}.section-heading{display:block}.actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.track-list{border:0;background:transparent;display:grid;gap:10px}.track{border:1px solid var(--line)!important;border-radius:14px;grid-template-columns:26px minmax(120px,1fr) 52px 52px 38px;padding:13px 10px;gap:8px}.track .duration-metric{display:none}.metric strong{font-size:12px}.metric span{font-size:9px}.mini-player{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px)}.timeline-track{width:185px}.large-cover{width:min(72vw,300px)}}
@media(max-width:350px){main{width:calc(100% - 20px)}.track{grid-template-columns:22px minmax(105px,1fr) 48px 36px}.track .key-metric{display:none}.button{padding:0 12px}.hero h1{font-size:37px}.actions .button{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.track-title a{color:var(--text);text-decoration:none}.track-title a:hover,.track-title a:focus{color:var(--lime)}.player-waveform{width:min(520px,100%);height:70px;margin-top:20px}.player-waveform+input{margin-top:12px}
.timeline-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x}.player-full{overflow-y:auto}
@media(max-height:700px){.player-full{justify-content:flex-start;padding-top:60px}.large-cover{width:min(35vh,200px)}.player-waveform{height:50px;margin-top:10px}.player-controls{margin:10px}.player-full .button{margin-top:12px}}
.mix-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.timeline-track .used-range{color:#c3c8ce;font:10px ui-monospace,monospace}.cue-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0;padding:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px}.cue-route div{min-width:0}.cue-route small,.cue-route strong{display:block}.cue-route small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.cue-route strong{color:var(--lime);text-transform:capitalize}.cue-route>span{color:var(--muted);font-size:20px}.reason-list{color:#c7ccd2;line-height:1.5;padding-left:20px;margin:18px 0}.reason-list li{margin:7px 0}.score-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:16px}.score-breakdown div{display:flex;justify-content:space-between;gap:10px;background:var(--panel-2);padding:11px 13px;text-transform:capitalize}.score-breakdown span{color:var(--muted);font-size:11px}.score-breakdown strong{font:12px ui-monospace,monospace;color:var(--lime)}
@media(max-width:540px){.mix-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.mix-actions .button{padding:0 10px;font-size:13px}.cue-route{grid-template-columns:1fr;padding:13px}.cue-route>span{transform:rotate(90deg);justify-self:center}.score-breakdown{grid-template-columns:1fr}.inspector-grid{grid-template-columns:1fr}}