*{box-sizing:border-box} :root{--bg:#100f0c;--panel:#171510;--line:#3a362c;--ink:#eee9dc;--acid:#d8ff39;--red:#ff4d31;--muted:#8b8678}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{min-height:44px;color:var(--ink);background:transparent;border:1px solid var(--line);font-weight:800;letter-spacing:.08em;cursor:pointer}button:hover,button:focus-visible{border-color:var(--acid);color:var(--acid);outline:2px solid transparent}main{height:100dvh;display:grid;grid-template-rows:58px minmax(0,1fr)}header{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}header div{display:flex;align-items:baseline;gap:18px}header b{font-size:24px;letter-spacing:-.04em;color:var(--acid)}header span{font:10px monospace;color:var(--muted);letter-spacing:.16em}#toggleRack{display:none;padding:0 14px}.studio{min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.7fr)}.stage{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:190px minmax(260px,1fr) 72px 28px;padding:18px 22px 10px}.scope{position:relative;border:1px solid var(--line);background:var(--panel)}#scope{display:block;width:100%;height:100%}.scope span{position:absolute;left:12px;top:10px;font:10px monospace;color:var(--acid);background:var(--panel);padding:4px 6px}.triangle{position:relative;width:min(58vh,620px);height:min(50vh,540px);max-width:88%;justify-self:center;align-self:center;touch-action:none}.triangle svg{width:100%;height:100%;overflow:visible}.triangle path{fill:#1e1c16;stroke:var(--ink);stroke-width:2}.triangle line{stroke:var(--line);stroke-width:1}.triangle strong{position:absolute;font-size:clamp(13px,1.3vw,20px);letter-spacing:.18em}.skin{left:47%;top:2%;color:var(--red)}.wire{left:0;bottom:1%}.alloy{right:-5%;bottom:1%;color:var(--acid)}#blendHandle{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;min-height:34px;border:3px solid var(--acid);border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #100f0ccc;touch-action:none}.perform{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:8px}.perform button{font-size:13px}.perform #strike{background:var(--acid);color:#10100b;border-color:var(--acid);font-size:18px}.perform small{font:9px monospace;margin-left:8px}#status{margin:8px 0 0;font:10px monospace;color:var(--muted);text-transform:uppercase}#rack{min-height:0;overflow:auto;border-left:1px solid var(--line);background:#14130f;padding:0 16px 30px}#rack section{padding:18px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:10px monospace;letter-spacing:.12em;margin-bottom:14px}.section-head button{min-height:28px;padding:0 9px;font-size:9px}.force{height:176px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.force-lane{position:relative;display:grid;grid-template-rows:18px 1fr;background:#1b1914;border:1px solid #28251e;text-align:center}.force-lane span{font:9px monospace;color:var(--muted);padding-top:5px}.force-lane input{writing-mode:vertical-lr;direction:rtl;width:100%;height:142px;accent-color:var(--acid)}.parameters{display:grid;gap:14px}.parameters label{display:grid;gap:7px}.parameters label span{display:flex;justify-content:space-between;font:10px monospace;color:var(--muted)}.parameters output{color:var(--ink)}input[type=range]{accent-color:var(--acid);cursor:pointer}.parameters input{width:100%}.presets{display:grid;grid-template-columns:1fr;gap:7px}.presets button{font-size:10px;text-align:left;padding-left:12px}textarea{width:100%;height:130px;resize:vertical;background:#0e0d0b;color:#aaa58f;border:1px solid var(--line);padding:10px;font:10px/1.5 monospace}.recipe-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.recipe-actions button{font-size:10px}@media(max-width:760px){main{grid-template-rows:52px minmax(0,1fr)}header{padding:0 12px}header span{display:none}#toggleRack{display:block}.studio{display:block;position:relative;height:100%}.stage{height:100%;padding:10px 10px 8px;grid-template-rows:116px minmax(220px,1fr) 56px 22px}.triangle{width:min(86vw,430px);height:min(52vh,380px);max-width:86%}.perform{gap:5px}.perform button{min-height:50px;font-size:10px}.perform #strike{font-size:15px}.perform small{display:none}#rack{position:absolute;z-index:5;inset:0 0 0 12%;border-left:1px solid var(--acid);transform:translateX(105%);transition:transform .2s ease;background:#14130ffa;padding:0 16px 40px}.rack-open #rack{transform:translateX(0)}.scope span{font-size:8px}.force{height:190px}.force-lane input{height:156px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}