:root{font-family:Arial,Helvetica,sans-serif;color:#e5ebe2;background:#10201f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.file-button{min-height:44px;border:1px solid #43544d;background:transparent;color:#e5ebe2;border-radius:3px;padding:10px 14px;cursor:pointer}button:hover:not(:disabled),.file-button:hover{background:#293e32;border-color:#c2ed88}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.file-button:focus-within{outline:2px solid #c2ed88;outline-offset:4px}a{color:inherit;text-decoration:none}.app{min-height:100dvh;max-width:1800px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b4a40;margin:0 4vw;padding:24px 0}.brand{font-size:25px;letter-spacing:-2px;font-weight:700;display:flex;gap:5px;align-items:center}.brand span{color:#c2ed88}.brand small{margin-left:24px;font:10px monospace;letter-spacing:2px}.local{font:10px monospace;letter-spacing:1.5px;display:flex;gap:8px;align-items:center}.local i{width:6px;height:6px;background:#c2ed88;border-radius:50%}main{padding:40px 4vw 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.eyebrow{font:10px monospace;letter-spacing:2px;color:#b0c2b3;margin:0 0 18px}h1{font-size:clamp(44px,5.8vw,88px);line-height:.95;font-weight:400;letter-spacing:-4px;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:#c2ed88}.lede{width:300px;font-size:21px;line-height:1.35;margin:0 20px 3px 30px}.lede span{display:block;font-size:12px;color:#b0c2b3;line-height:1.7;margin-top:17px}.desk{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #465447;border-radius:5px;overflow:hidden}.scope{padding:28px;background:radial-gradient(ellipse at 50% 30%,#1d322c,transparent 80%)}.scope-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.scope-head h2{font-size:16px;font-weight:400;overflow-wrap:anywhere;margin:10px 0 23px}.scope-head .eyebrow{margin:0;font-size:9px}.badge{font:9px monospace;white-space:nowrap;color:#b0c2b3}.ruler,.frequency{display:flex;justify-content:space-between;font:9px monospace;color:#9daf9f}.ruler{margin:0 0 6px 100px;padding-right:85px}.track{height:110px;display:flex;align-items:center;gap:14px;border-top:1px solid #3b4c40;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#52614225 calc(25% - 1px),#52614225 25%)}.track-label{width:86px;flex-shrink:0;z-index:1}.track-label span{font:8px monospace;letter-spacing:1px;display:block;color:#aebdab;line-height:1.7}.track-label strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.track-residual .track-label strong{color:#c2ed88}.track-removed .track-label strong{color:#d99e71}.track svg{width:calc(100% - 180px);height:100%;overflow:visible}.audition{padding:8px;min-width:72px;font:10px monospace}.track.active{background-color:#c2ed8810}.track.active .audition{color:#c2ed88;border-color:#c2ed88}.scope-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #465447;padding-top:10px;font:9px monospace;color:#aebdab}.scope-footer button{border:0;font:10px monospace;padding-right:0}.spectrum{margin-top:28px;border-top:1px solid #465447;padding-top:20px}.spectrum-title{display:flex;justify-content:space-between;gap:12px;font:8px monospace;color:#9daf9f}.spectrum-title .eyebrow{font-size:9px;margin:0}.spectrum svg{width:100%;height:80px;margin-top:12px}.frequency{padding-top:4px}aside{padding:30px 25px;background:#c2ed8806;border-left:1px solid #465447}aside h2{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.15;margin:0 0 32px}.control{display:block;font-size:12px;margin-bottom:27px}.control output{float:right;font:12px monospace;color:#c2ed88}.control input{display:block;width:100%;height:30px;margin:10px 0 3px;accent-color:#c2ed88;cursor:pointer}.control small{font-size:10px;line-height:1.5;color:#b0c2b3;display:block}.mini-actions{display:flex;gap:7px;margin-top:-10px;margin-bottom:24px}.mini-actions button{font-size:10px;padding:5px 8px;flex:1}.primary{background:#c2ed88;color:#18251b;border:0;font-weight:700;font-size:12px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;min-height:52px}.primary:hover:not(:disabled){background:#d4f5ab;color:#10201f}.primary span{font-size:23px;font-weight:400}.status{font-size:11px;line-height:1.6;color:#c1cebc;min-height:55px;margin:16px 0}.exports{display:flex;flex-direction:column;gap:8px}.exports button{text-align:left;font-size:11px}.fine{font:9px/1.7 monospace;color:#9daf9f;margin:16px 0 0}.bottom{padding-top:22px}.source-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.source-actions button,.file-button{font-size:11px}.source-actions>span{margin-left:auto;font:9px monospace;color:#aebdab}.file-button{position:relative;display:flex;align-items:center;overflow:hidden}.file-button input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.clear{color:#d99e71}details{border-top:1px solid #3b4a40;padding:15px 0;color:#b8c8b8;font-size:12px;line-height:1.7}summary{cursor:pointer;min-height:24px;font-size:11px}details p{max-width:900px}details button{font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 4vw;font:8px monospace;letter-spacing:1.4px;color:#a1b2a0}@media(min-width:1500px){main{padding-top:55px}.intro{margin-bottom:50px}.desk{grid-template-columns:minmax(0,1fr) 340px}.track{height:130px}}@media(max-width:900px){.desk{grid-template-columns:minmax(0,1fr) 260px}.scope{padding:20px}.intro{align-items:center}.lede{font-size:17px;width:260px}.track{gap:8px}.track-label{width:70px}.track-label strong{font-size:18px}.track-label span{font-size:7px}.audition{min-width:58px;font-size:9px}.track svg{width:calc(100% - 144px)}.ruler{margin-left:78px;padding-right:65px}.scope-head{display:block}.badge{display:block;margin-bottom:18px}.scope-head h2{margin-bottom:7px}}@media(max-width:680px){header{padding:18px 0}.brand small{font-size:8px;letter-spacing:1px;margin-left:12px}.local{font-size:8px;letter-spacing:0}.intro{display:block;margin-bottom:28px}h1{font-size:60px;letter-spacing:-3px}.lede{width:auto;margin:25px 0 0;font-size:19px}.lede span{max-width:400px;font-size:12px;margin-top:10px}.desk{display:block}.scope{padding:20px 14px}.scope-head{display:flex}.badge{font-size:8px}.track{height:100px}aside{border-left:0;border-top:1px solid #465447;padding:25px}aside h2{font-size:27px;margin-bottom:25px}aside h2 br{display:none}.exports{flex-direction:row}.exports button{flex:1}.status{min-height:0}.source-actions>span{margin:6px 0 0;width:100%}footer{flex-wrap:wrap;line-height:1.7}footer span:nth-child(2){display:none}.spectrum-title{font-size:7px}.spectrum-title .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
