:root{color-scheme:dark;--bg:#15171c;--fg:#f2f2f4;--muted:#a7aab5;--line:#363942;--accent:#d6ed85;font-family:Arial,Helvetica,sans-serif;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,label,summary{touch-action:manipulation}button,.filebutton{font:inherit;font-size:13px;font-weight:600;min-height:44px;border:1px solid var(--line);background:#22252d;color:var(--fg);padding:10px 17px;cursor:pointer;border-radius:3px}button:hover,.filebutton:hover{background:#353a44}button:focus-visible,input:focus-visible,summary:focus-visible,.filebutton:focus-within{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#15171c}.primary:hover{background:#e8ffa1}main{max-width:1600px;margin:auto;padding:26px 42px 122px}header{display:flex;align-items:center;gap:44px;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{color:var(--fg);text-decoration:none;font-size:32px;font-weight:900;letter-spacing:-1.2px}.brand span{display:block;color:var(--muted);font:10px/2 monospace;letter-spacing:2.1px}header p{color:var(--muted);font-size:14px;line-height:1.4;margin:0}header>button{margin-left:auto}.eyebrow,.jobs>span{font:10px monospace;letter-spacing:1.5px;color:var(--muted)}.sourcebar{display:flex;align-items:center;gap:12px;padding:20px 0}.sourcebar>div{min-width:260px}.sourcebar strong{display:block;margin:7px 0;font-size:14px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sourcebar #duration{color:var(--muted);font:11px monospace}.sourcebar svg{height:54px;flex:1;min-width:40px;margin-left:24px}.filebutton{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}.filebutton input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.jobs{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px}.jobs>span{margin-right:18px}.jobs button{background:transparent}.jobs button.active{border-color:var(--accent);color:var(--accent)}.jobs #neutral{margin-left:auto;color:var(--muted)}.editor-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 15px}h1{font-size:30px;letter-spacing:-.7px;margin:0}.editor-head>span{font-size:12px;line-height:1.6;color:var(--muted);text-align:right}.mobile-only{display:none}.time-ruler{display:grid;grid-template-columns:180px repeat(5,1fr);font:9px monospace;letter-spacing:1px;color:var(--muted);padding:0 22px 10px 0}.time-ruler span:not(:first-child){text-align:center}.band{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line);min-height:88px;background:linear-gradient(90deg,color-mix(in srgb,var(--band) 8%,#15171c),#15171c 90%)}.band:last-child{border-bottom:1px solid var(--line)}.band-title{padding:16px 0;color:var(--band)}.band-title b{font-size:23px;letter-spacing:-.5px;display:block}.band-title span{font:10px monospace;display:block;color:var(--muted);margin-top:6px}.band-edit{position:relative;min-width:0;padding:4px 22px 4px 0}.band svg{width:100%;height:78px;display:block;touch-action:none;overflow:visible}.band path.curve{fill:none;stroke:var(--band);stroke-width:2;vector-effect:non-scaling-stroke}.band path.area{fill:var(--band);opacity:.09}.band line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.band circle{fill:var(--band);stroke:var(--bg);stroke-width:2;vector-effect:non-scaling-stroke}.band-edit details{margin:0}.band-edit summary{font:10px monospace;color:var(--muted);min-height:24px;cursor:pointer;padding:4px 0}.point-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:4px 0 10px}.point-controls label,.timing label{font:11px monospace;color:var(--muted)}output{font-variant-numeric:tabular-nums}.point-controls output,.timing output{float:right;color:var(--fg)}input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--band,var(--accent));cursor:ew-resize}.lower{display:grid;grid-template-columns:1fr 260px;gap:36px;margin-top:17px}.lower summary{cursor:pointer;min-height:44px;font-size:12px;font-weight:600;padding:12px 0}.timing{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.recipes p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 12px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:16px 42px;background:#1c1f26;border-top:1px solid #454952;z-index:5}.transport{display:flex;gap:8px;align-items:center}.ab{display:flex;margin-left:10px}.ab button{border-radius:0;background:transparent}.ab [aria-pressed=true]{background:#414738;border-color:var(--accent);color:var(--accent)}.playback{flex:1;max-width:360px}.progress{height:3px;background:#41454e;margin-bottom:9px}.progress i{display:block;height:100%;width:0;background:var(--accent)}#clock{font:10px monospace;color:var(--muted)}#status{font-size:11px;line-height:1.5;color:var(--muted);margin-left:auto;max-width:320px}body.busy #upload{pointer-events:none}@media(min-width:1300px){main{padding-top:20px}header{padding-bottom:17px}.sourcebar{padding:12px 0}.editor-head{margin-top:18px}.band{min-height:82px}.band svg{height:56px}}@media(max-width:700px){main{padding:18px 18px 150px}header{gap:12px;flex-wrap:wrap;padding-bottom:15px}.brand{font-size:25px}.brand span{font-size:8px;letter-spacing:1.4px}header p{display:none}header>button{padding:9px 12px;font-size:12px}.sourcebar{flex-wrap:wrap;gap:8px;padding:16px 0}.sourcebar>div{min-width:100%;}.sourcebar svg{margin-left:5px;max-width:120px}.sourcebar button,.sourcebar .filebutton{padding:9px 12px}.jobs{flex-wrap:wrap;gap:6px}.jobs>span{width:100%;margin-bottom:4px}.jobs button{font-size:11px;padding:9px 10px}.jobs #neutral{margin-left:0}.editor-head{margin:21px 0 14px;gap:15px}h1{font-size:24px}.mobile-only{display:block}.editor-head>span{font-size:10px;max-width:135px}.time-ruler{display:none}.band{grid-template-columns:68px 1fr;min-height:108px}.band-title{padding-top:21px}.band-title b{font-size:17px}.band-title span{font-size:8px;line-height:1.5;max-width:60px}.band-edit{padding:9px 10px 5px 0}.band svg{height:72px}.band-edit summary{min-height:44px;padding-top:12px;font-size:9px}.point-controls{grid-template-columns:1fr;gap:0}.point-controls label{display:block}.lower{grid-template-columns:1fr;gap:0;margin-top:8px}.timing{grid-template-columns:1fr 1fr;gap:6px 20px}footer{padding:12px 18px;gap:8px;flex-wrap:wrap}.transport{width:100%;justify-content:space-between;gap:5px}.transport button{padding:9px 13px;font-size:12px}.ab{margin-left:0}.playback{width:100%;max-width:none;flex-basis:100%;display:flex;gap:10px;align-items:center}.progress{flex:1;margin:0}#status{max-width:none;width:100%;font-size:10px;margin:0;min-height:15px}.band:focus-within{border-color:var(--band)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}