@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9edf5;background:#0b1018;font-synthesis:none;font-size:16px;--muted:#98a4b7;--line:#293241;--lime:#b6f36a;--blue:#83b5ff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,label.upload,select{cursor:pointer}button{color:inherit;background:#202a39;border:1px solid #354052;border-radius:9px;padding:11px 16px;font-weight:600}button:hover{border-color:#8995a6}button:disabled{cursor:default;opacity:.45}button.primary{color:#111d07;background:var(--lime);border-color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:var(--lime)}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4vw}.brand{display:flex;gap:12px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.6px;font-size:21px}.brand img{width:36px;height:36px}.badge{font-size:12px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}main{max-width:1500px;margin:auto;padding:38px 4vw 60px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--lime);text-transform:uppercase;font-weight:700}h1{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,42px);letter-spacing:-1.6px;margin:9px 0 8px;line-height:1.2}p{color:var(--muted);line-height:1.6;margin:0}form{display:flex;gap:10px;align-items:center;background:#141c28;border:1px solid var(--line);padding:12px;border-radius:14px}form input{flex:1;min-width:0;background:transparent;color:inherit;border:0;padding:10px;font-size:16px}form input::placeholder{color:#8a97aa}.upload{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;white-space:nowrap;color:#d3dce9;font-size:14px}.upload:hover{background:#263144}.upload input{width:1px;height:1px;position:absolute;opacity:0}.upload:focus-within{outline:2px solid var(--lime)}.import-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 3px 26px;font-size:13px;color:var(--muted)}.import-meta button{background:none;border:0;padding:0;color:var(--lime);font-size:14px}.status{padding:12px 16px;border-radius:8px;background:#1d2c20;color:#d8edc8;margin-bottom:20px;font-size:14px;line-height:1.5}.status.error{background:#39222b;color:#ffc4ca}.status:empty{display:none}.workspace{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(480px,1.55fr);gap:24px}.panel{background:#121a26;border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);gap:16px}.panel-head h2{font-size:16px;margin:0;font-weight:600}.small{font-size:13px;color:var(--muted)}.media-shell{position:relative;background:#080d14;min-height:0;height:clamp(270px,27vw,380px);width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:auto}.media-shell video{width:100%;height:100%;position:absolute;object-fit:contain}.audio-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;background:radial-gradient(ellipse at 30% 30%,#263d30 0,transparent 65%),#101921}.audio-cover[hidden]{display:none}.cover-mark{font-family:Manrope,sans-serif;font-size:64px;letter-spacing:-7px;color:var(--lime);margin-bottom:20px}.audio-cover h3{font-family:Manrope;font-size:24px;letter-spacing:-.6px;max-width:300px;margin:12px 0}.audio-cover p{font-size:14px;max-width:280px}.transport{padding:20px}.transport-top{display:flex;gap:10px;align-items:center}.transport-top .primary{min-width:105px}select{color:#e7edf7;background:#202a39;padding:10px;border:1px solid #354052;border-radius:8px}.time{font-variant-numeric:tabular-nums;font-size:14px;margin-left:auto;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--lime);margin:20px 0 12px}.loop-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px}.loop-controls button{font-size:13px;padding:8px 10px}.loop-controls button[aria-pressed=true]{border-color:var(--lime);color:var(--lime)}.loop-label{margin-top:12px;font-size:13px;color:var(--muted);min-height:18px}.note{padding:18px 22px;border-top:1px solid var(--line);font-size:14px;line-height:1.6;color:var(--muted)}.note strong{color:#e4ebf4;font-weight:500}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:6px}.legend span:last-child:before{background:var(--blue)}.readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:22px}.readout{border-right:1px solid var(--line);padding-left:20px}.readout:first-child{padding-left:0}.readout:last-child{border:0}.readout span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.readout strong{display:block;margin:8px 0 0;font-family:Manrope;font-weight:600;font-size:26px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.readout em{font-style:normal;font-size:13px;color:var(--muted);margin-left:4px}.graphs{padding:0 22px 22px}.graph-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:14px}.graph-label span{font-size:12px;color:var(--muted)}.graph{display:block;width:100%;height:160px;cursor:crosshair;border:1px solid #263141;border-radius:8px;background:#0d1520}.graph.energy{height:100px}.graph.pauses{height:42px}.axis{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;padding:8px 0}.graph-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}.graph-footer select{font-size:13px;padding:7px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}.guide h3{font-size:15px;margin:0 0 8px}.guide h3 span{color:var(--lime);font-size:12px;margin-right:10px}.guide p{font-size:14px}.fineprint{margin-top:24px;font-size:12px;color:#8b99ac}progress{width:100%;height:4px;accent-color:var(--lime);display:block;margin:0 0 16px}progress[hidden]{display:none}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1.35fr;gap:16px}.readout{padding-left:10px}.readout strong{font-size:21px}.panel-head{padding:16px}.legend{display:none}.graphs{padding:0 16px 16px}.media-shell{min-height:270px}}@media(max-width:790px){header{height:70px;padding:0 20px}.badge{display:none}main{padding:26px 20px}.workspace{grid-template-columns:1fr}.intro{display:block}.intro>.small{display:none}form{flex-wrap:wrap}form input{flex-basis:65%}form .primary{flex:1}.import-meta{align-items:start;font-size:12px}.guide{grid-template-columns:1fr;gap:20px}.media-shell{height:270px;aspect-ratio:auto}.readout strong{font-size:24px}h1{letter-spacing:-1px}.transport-top{flex-wrap:wrap}.time{font-size:13px}}