:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#e3eeed;background:#09121b;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;padding:32px 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29414d;padding-bottom:24px}.eyebrow{font:11px monospace;letter-spacing:3px;color:#72d6d0}h1{font-size:clamp(26px,3vw,44px);font-weight:450;letter-spacing:-2px;margin:10px 0}p{color:#9bb2b8;font-size:13px;line-height:1.65}.badge{font:11px monospace;line-height:2;color:#9bb2b8;text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);gap:32px;margin-top:28px}.stage{align-self:start;position:sticky;top:24px;background:#0b1520;border:1px solid #29414d;border-radius:16px;padding:16px}.stage svg{display:block;width:100%;max-height:65vh}.stage-caption{display:flex;justify-content:space-between;gap:16px;padding:16px 8px;border-top:1px solid #29414d}.stage-caption span,.muted{font-size:11px;color:#819da7}.panel{border-bottom:1px solid #29414d;padding:0 0 24px;margin-bottom:24px}h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:#72d6d0}button{border:1px solid #355560;background:#122735;color:#d5e9e8;border-radius:7px;padding:10px 12px;cursor:pointer;font:inherit;font-size:12px;transition:background .15s}button:hover{background:#234451}button.active{background:#5bc9c0;color:#082329;border-color:#79e5d8}button:disabled{opacity:.35;cursor:default}.row,.presets,.frames,.transport{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}label{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;margin:12px 0;color:#b2c8cc}input,textarea{border:1px solid #355560;border-radius:5px;background:#091820;color:#d5f1eb;padding:9px;font:inherit;max-width:65%}input[type=range]{padding:0;width:130px;accent-color:#72d6d0}.coeffs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.coeffs input{width:90px}.meters{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.meters div{display:grid;gap:6px;font:11px monospace;color:#9bb2b8}meter{width:100%;height:7px}details{font-size:12px;color:#a1bcc2;margin-top:16px}summary{cursor:pointer}textarea{display:block;max-width:100%;width:100%;min-height:120px;margin:12px 0}footer{border-top:1px solid #29414d;padding:14px 0;margin-top:24px}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f6bd74;outline-offset:3px}@media(max-width:850px){main{padding:20px}.workspace{grid-template-columns:1fr}.stage{position:static}.badge{display:none}.stage svg{max-height:55vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}