@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--black:#11100e;--cream:#e9e3d4;--orange:#ff5b31;--blue:#8dc8d8;--line:#34312b;--muted:#746e62}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--black);font-family:IBM Plex Mono,monospace}button,input{font:inherit}button{min-height:44px;border:1px solid var(--line);background:transparent;color:inherit;font-size:11px;font-weight:600;cursor:pointer}button:hover,button:focus-visible{background:var(--blue);outline:2px solid var(--orange);outline-offset:2px}.primary{background:var(--orange)}main{height:100vh;display:grid;grid-template-rows:112px minmax(0,1fr)}header{display:grid;grid-template-columns:240px minmax(240px,1fr) auto;border-bottom:4px solid var(--black)}.mark{display:flex;align-items:flex-end;justify-content:space-between;padding:14px 18px;background:var(--black);color:var(--cream)}.mark b{font:38px/.76 Archivo Black;letter-spacing:-.05em}.mark span{font-size:10px;writing-mode:vertical-rl}header>p{margin:0;padding:20px 24px;font-size:12px;line-height:1.7;border-right:1px solid}.transport{display:flex;align-items:center;gap:7px;padding:16px}.transport button{padding:0 14px}.transport span{font-size:10px;color:var(--muted);width:84px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px}.stage{min-height:0;padding:20px 22px;display:grid;grid-template-rows:auto minmax(280px,1fr) auto;gap:13px;border-right:4px solid}.stage-head{display:flex;justify-content:space-between;align-items:flex-start}.stage-head small,.selected small{font-size:9px;color:var(--muted)}.sources{display:flex;margin-top:7px}.sources button{min-height:36px;padding:0 12px}.sources .active{background:var(--black);color:var(--cream)}.legend{font-size:9px;text-transform:uppercase;display:flex;gap:16px}.legend span:nth-child(2){color:var(--orange)}#field-wrap{position:relative;min-height:0;background:var(--black);overflow:hidden;border:1px solid var(--black)}#field{position:absolute;inset:0;width:100%;height:100%;display:block}#nodes{position:absolute;inset:34px 42px;pointer-events:none}.node{position:absolute;width:44px;height:44px;min-height:44px;border:2px solid var(--cream);border-radius:50%;background:var(--black);color:var(--cream);transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 0 0 calc(var(--weight)*10px) #ff5b311c;touch-action:none}.node:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--orange);opacity:calc(.2 + var(--weight)*.8)}.node b{position:relative;z-index:1}.node.active{border-color:var(--blue);color:var(--black);background:var(--blue)}.axis{position:absolute;color:var(--cream);font-size:9px;pointer-events:none}.x0{left:8px;bottom:8px}.x1{right:8px;bottom:8px}.y0{left:8px;top:8px}.y1{left:8px;bottom:26px}.selected{display:flex;justify-content:space-between;align-items:center;border-top:1px solid;padding-top:12px}.selected strong{display:block;font:20px Archivo Black;margin-top:4px}.selected label{display:grid;grid-template-columns:auto auto;gap:6px 14px;font-size:10px}.selected input{grid-column:1/3;width:min(340px,42vw);accent-color:var(--orange)}aside{min-height:0;overflow:auto;background:#d9d2c3}details{border-bottom:1px solid;padding:0 18px 16px}summary{cursor:pointer;font-size:11px;font-weight:600;padding:15px 0}.controls{display:grid;gap:14px}.controls label{display:grid;gap:6px;font-size:10px}.controls label span{display:flex;justify-content:space-between}.controls input{width:100%;accent-color:var(--orange)}.presets{display:grid;grid-template-columns:1fr;gap:6px}.state{display:grid;grid-template-columns:1fr 1fr;gap:6px}.export{margin:18px;width:calc(100% - 36px);height:64px;background:var(--black);color:var(--cream);display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:13px}.export span{font-size:22px;color:var(--orange)}.note{font-size:9px;color:var(--muted);margin:-10px 18px 20px;text-align:center}@media(max-width:840px){html,body{overflow:auto}main{height:auto;min-height:100vh;display:block}header{position:sticky;top:0;z-index:10;height:106px;grid-template-columns:108px 1fr;background:var(--cream)}.mark{padding:10px}.mark b{font-size:24px}header>p{display:none}.transport{padding:8px;overflow-x:auto}.transport span{display:none}.transport button{white-space:nowrap;padding:0 9px}.workspace{display:block}.stage{height:590px;padding:14px 12px;border-right:0;border-bottom:4px solid;grid-template-rows:auto minmax(330px,1fr) auto}.stage-head{display:block}.legend{display:none}.sources{overflow-x:auto}.sources button{white-space:nowrap}.selected{display:block}.selected label{margin-top:10px}.selected input{width:100%}aside{overflow:visible}.presets{grid-template-columns:repeat(3,1fr)}}@media(max-width:420px){.stage{height:600px}.node{width:42px}.presets{grid-template-columns:1fr}.mark span{display:none}}