@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#090a0a;--panel:#101211;--panel2:#151816;--ink:#e6e6dc;--muted:#7d847c;--acid:#d9ff43;--red:#ff3f31;--rule:#333832;--pad:18px;font-family:IBM Plex Mono,monospace;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit}button{min-height:44px;border:1px solid var(--rule);background:#151815;color:var(--ink);padding:0 14px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.08em}button:hover,button:focus-visible{border-color:var(--acid);color:var(--acid)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:2px}main{height:100dvh;display:grid;grid-template-rows:72px minmax(0,1fr) 28px;background:radial-gradient(circle at 45% 48%,#171b17 0,#090a0a 47%)}header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--pad);border-bottom:1px solid var(--rule);background:#0b0d0c}.brand{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--acid);color:var(--acid);font-size:23px}.brand h1{font-family:Barlow Condensed,sans-serif;font-size:29px;line-height:.85;letter-spacing:.12em;margin:0}.brand p{font-size:9px;letter-spacing:.16em;color:var(--muted);margin:7px 0 0;text-transform:uppercase}.transport{display:flex;align-items:center;gap:7px}.transport label{height:44px;border:1px solid var(--rule);padding:0 10px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}#bpm{width:48px;background:transparent;border:0;color:var(--ink);font-weight:600}.fire{background:var(--acid);border-color:var(--acid);color:#0a0b09;min-width:126px}.fire:hover,.fire:focus-visible{background:#fff;color:#090a0a}kbd{font-size:8px;opacity:.55;margin-left:9px}.studio{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 332px}.stage{min-width:0;min-height:0;display:grid;grid-template-rows:28px minmax(190px,1fr) 196px 52px;padding:0 18px 14px;border-right:1px solid var(--rule)}.stage-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.vessel{min-height:0;position:relative;overflow:hidden;border:1px solid #343a33;background:#080a08}.vessel:before,.vessel:after{content:"";position:absolute;z-index:2;pointer-events:none}.vessel:before{inset:18px;border:1px solid #262b26;border-radius:50%}.vessel:after{left:50%;top:18px;bottom:18px;border-left:1px solid #202520}canvas{position:absolute;inset:0;width:100%;height:100%}.readout{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.readout strong{font-family:Barlow Condensed,sans-serif;font-size:clamp(32px,5vw,76px);letter-spacing:.05em;line-height:.85;color:#e9eadf;text-shadow:0 0 25px #000}.readout span{margin-top:14px;color:var(--acid);text-transform:uppercase;font-size:9px;letter-spacing:.2em}.rupture-line{position:absolute;z-index:4;top:0;bottom:0;width:1px;background:var(--red);box-shadow:0 0 14px #ff3f3177;pointer-events:none}.rupture-line span{position:absolute;top:8px;left:6px;color:var(--red);font-size:8px;text-transform:uppercase;letter-spacing:.14em}.curve-wrap{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 22px;border-inline:1px solid var(--rule);background:#0d0f0e}.curve-labels{grid-row:1;display:flex;flex-direction:column;justify-content:space-between;padding:11px 5px 7px;color:var(--muted);font-size:7px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.1em}.curve{display:grid;grid-template-columns:repeat(16,minmax(34px,1fr));gap:2px;align-items:stretch;padding:11px 8px 5px;overflow-x:auto;touch-action:none}.node{position:relative;min-width:34px;border-left:1px solid #252a25;cursor:ns-resize}.node:after{content:"";position:absolute;left:3px;right:3px;bottom:0;height:var(--h);background:linear-gradient(to top,#394330,var(--acid));opacity:.88}.node:before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:calc(var(--h) - 5px);height:9px;border-top:2px solid var(--acid)}.node:nth-child(4n+1){border-left-color:#596055}.node b{position:absolute;z-index:3;bottom:calc(var(--h) + 7px);left:0;width:100%;font-size:7px;text-align:center;color:var(--muted);font-weight:400}.steps{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);font-size:7px;color:var(--muted);letter-spacing:.12em;padding:3px 8px}.steps span{border-left:1px solid #596055;padding-left:5px}.preset-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:8px}.preset-strip button{background:#0e100f}.preset-strip button.active{border-color:var(--acid);color:var(--acid)}aside{min-height:0;background:#101210;overflow:auto}#rackToggle{width:100%;border:0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;background:#171a17;color:var(--muted);text-align:left}.rupture,.controls,.state{padding:16px;border-bottom:1px solid var(--rule)}.section-title{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:8px;letter-spacing:.1em}.rupture-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.rupture-grid button{min-height:31px;padding:0;font-size:8px}.rupture-grid button.active{background:var(--red);border-color:var(--red);color:#090909}.controls{display:grid;gap:17px}.controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px;letter-spacing:.1em;color:#abb0a8}.controls output{color:var(--acid)}input[type=range]{grid-column:1/-1;width:100%;height:3px;margin:3px 0;appearance:none;background:#333832}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:0;background:var(--acid);border:3px solid #101210}.state-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.state-actions button{padding:0}textarea{width:100%;height:70px;margin-top:7px;resize:none;background:#080a08;border:1px solid var(--rule);color:#8c9388;padding:8px;font-size:8px;line-height:1.4}footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--rule);font-size:7px;color:#696f68;text-transform:uppercase;letter-spacing:.14em;background:#090a09}@media(max-width:800px){:root{--pad:10px}main{grid-template-rows:64px minmax(0,1fr) 24px}header{padding:8px 10px}.mark{width:36px;height:36px}.brand h1{font-size:24px}.brand p{display:none}.transport{gap:4px}.transport label{position:absolute;right:10px;top:72px;z-index:8;background:#111411}.transport button{padding:0 10px}.transport #stop{font-size:0}.transport #stop:after{content:"CUT";font-size:10px}.fire{min-width:72px}kbd{display:none}.studio{display:block;overflow:auto;padding-bottom:8px}.stage{height:670px;grid-template-rows:28px 248px 270px 52px;padding:0 8px 10px;border:0}.vessel:before{inset:12px}.readout strong{font-size:43px}.curve{padding-inline:5px}.preset-strip{gap:3px}.preset-strip button{font-size:8px;padding:0 4px}.curve-wrap{grid-template-columns:28px minmax(0,1fr)}aside{overflow:visible;border-top:1px solid var(--rule)}#rackToggle{position:sticky;top:0;z-index:6;background:#171a17}.rupture,.controls,.state{padding:15px 12px}footer{padding-inline:10px}footer span:nth-child(2){display:none}}@media(max-width:430px){.transport #export{font-size:0;width:47px}.transport #export:after{content:"WAV";font-size:9px}.brand{gap:8px}.brand h1{letter-spacing:.07em}.stage{height:664px}.curve{grid-template-columns:repeat(16,38px)}.controls{gap:19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}