:root{--bg: #0b1215;--surface: #111b1f;--surface-2: #17242a;--surface-3: #1e2e35;--line: #22343c;--line-2: #2e4550;--text: #e6eef0;--muted: #8ca2aa;--faint: #5d757e;--copper: #e08a52;--copper-strong: #f2a26c;--in: #59c9b4;--out: #f0a36a;--danger: #ef6b5b;--idle: #3a4c54;--radius: 14px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 38% 18%,#13242b 0%,var(--bg) 70%) fixed,var(--bg)}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}input,select{min-width:0}:focus-visible{outline:2px solid var(--copper-strong);outline-offset:2px}h2,h3,h4,p{margin:0}p{color:var(--muted);line-height:1.6}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bar{display:flex;align-items:center;gap:20px;padding:14px 28px;border-bottom:1px solid var(--line);background:#0b1215cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.8px}.glyph{width:18px;height:24px;color:#b7c6cc}.scenario-name{flex:0 1 340px;background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 10px;color:var(--muted);font-size:13px}.scenario-name:hover{border-color:var(--line)}.scenario-name:focus{color:var(--text);border-color:var(--line-2);background:var(--surface);outline:none}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.save-state{font-size:11px;color:var(--faint);margin-right:10px}.ghost,.ghost-select{background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:12px;color:var(--muted)}.ghost:hover,.ghost-select:hover{color:var(--text);border-color:var(--line-2);background:var(--surface)}.ghost-select{appearance:none;padding-right:12px}.ghost-select option{background:var(--surface);color:var(--text)}.ghost.wide{width:100%;padding:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;grid-template-rows:auto 1fr;gap:20px;padding:20px 28px 28px;max-width:1640px;margin:0 auto}.stage{grid-column:1;grid-row:1}.history{grid-column:1;grid-row:2}.inspector{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:76px;max-height:calc(100vh - 96px);display:flex;flex-direction:column}.stage{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0f191d,#0c1417);padding:16px 20px 0;position:relative;overflow:hidden}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.state{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.state .sep{color:var(--faint)}#run-indicator{width:7px;height:7px;border-radius:50%;background:var(--faint)}#run-indicator.active{background:var(--in);box-shadow:0 0 0 4px #59c9b422;animation:pulse 1.6s ease-in-out infinite}#run-indicator.busy{background:var(--copper)}@keyframes pulse{50%{box-shadow:0 0 0 7px #59c9b400}}.stage-tools{display:flex;align-items:center;gap:12px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:var(--surface)}.segmented button{border:0;background:transparent;border-radius:999px;padding:5px 12px;font-size:12px;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.segmented button:not(:disabled):hover{color:var(--text)}.switch{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.switch input{accent-color:var(--copper)}.switch[hidden]{display:none}.notice{margin:12px 0 0;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;background:#16302e;border:1px solid #23504a;color:#a6e0d3}.notice.error{background:#2e1a16;border-color:#5a3026;color:#f6b8a6}.notice[hidden],.engine-status[hidden],.replay[hidden],.port-card[hidden]{display:none}.engine-status{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12px;color:var(--muted)}#cfd-progress{color:var(--copper-strong)}.stage-body{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center}.schematic svg{display:block;width:100%;max-height:min(72vh,680px);margin:0 auto;-webkit-user-select:none;user-select:none}.scale{display:flex;flex-direction:column;align-items:center;gap:6px;height:62%;min-height:220px}.scale-bar{flex:1;width:8px;border-radius:4px}.scale input{width:44px;text-align:center;background:transparent;border:1px solid transparent;border-radius:6px;padding:3px 0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.scale input::-webkit-inner-spin-button{appearance:none}.scale input:hover,.scale input:focus{border-color:var(--line-2);color:var(--text);outline:none}.scale input[aria-invalid=true]{border-color:var(--danger)}.scale span{font-size:10px;color:var(--faint)}.shell{fill:none;stroke:#9fb2b9;stroke-opacity:.75;stroke-width:2.5}.datum{stroke:#fff;stroke-opacity:.35;stroke-dasharray:3 6}.readout text{text-anchor:middle;fill:#fff;paint-order:stroke;stroke:#0a131680;stroke-width:4px;stroke-linejoin:round}.readout .big{font-size:34px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.readout .caption{font-size:10px;letter-spacing:3px;fill-opacity:.8;stroke-width:3px}.vectors path{stroke:#0a1316;stroke-opacity:.7;stroke-width:1}.pipe-shell{fill:none;stroke:#0a1215;stroke-width:10;stroke-linejoin:round}.pipe{fill:none;stroke-width:5;stroke-linejoin:round;transition:stroke .3s}.flow{fill:none;stroke:#fff;stroke-opacity:.55;stroke-width:1.4;stroke-dasharray:1.5 11;stroke-linecap:round}.running .flow{animation:flow 1.2s linear infinite}@keyframes flow{to{stroke-dashoffset:-25}}.chevron{fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.85}.loop{cursor:pointer;transition:opacity .2s}.loop.dim{opacity:.3}.loop.idle .pipe{stroke-dasharray:4 5}.node circle{fill:#0d171a;stroke:var(--loop);stroke-width:2.5}.node text{fill:var(--text);font-size:12px;font-weight:700;text-anchor:middle}.loop:hover .node circle,.loop.focused .node circle{stroke-width:4}.port{cursor:ns-resize;outline:none}.port .hit{fill:transparent}.stub-shell{stroke:#4f636b;stroke-width:11}.stub{stroke-width:6}.pin{fill:#c7d4d9;stroke:#0b1215;stroke-width:1.5}.port.shared .pin{fill:var(--copper)}.tag{fill:#111c20;stroke:var(--line-2);stroke-width:1}.tag-id{fill:var(--muted);font-size:11px}.tag-value{fill:var(--text);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.port:hover .tag,.port:focus-visible .tag,.port.focused .tag{stroke:var(--copper)}.port.dragging .tag{fill:var(--copper);stroke:var(--copper)}.port.dragging .tag-id,.port.dragging .tag-value{fill:#1b0f07}.port-card{position:absolute;right:8px;bottom:8px;width:250px;background:#111c20f2;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px #0008}.port-card header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.port-card header strong{font-size:16px}.port-card header span{font-size:12px;color:var(--muted)}.port-card .close{margin-left:auto;border:0;background:none;font-size:18px;color:var(--muted);line-height:1}.port-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px}.port-card dt{font-size:10px;color:var(--faint)}.port-card dd{margin:2px 0 0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.port-card dd small{font-size:10px;color:var(--muted);font-weight:400}.port-card .in{color:var(--in)}.port-card .out{color:var(--out)}.port-card p{font-size:12px}.plate{text-align:center;font-size:11px;color:var(--faint);letter-spacing:.3px;margin-top:2px}.loop-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 4px}.chip{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:7px 12px 7px 8px}.chip:hover,.chip.active{border-color:var(--loop)}.chip b{grid-row:1 / span 2;width:24px;height:24px;border-radius:50%;border:2px solid var(--loop);display:grid;place-items:center;font-size:11px}.chip span{font-size:13px;font-weight:600}.chip em{font-style:normal;font-size:13px;font-weight:650;color:var(--loop);font-variant-numeric:tabular-nums}.chip small{grid-column:2 / span 2;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.replay{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:10px}.replay input{flex:1;accent-color:var(--copper)}.transport{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px -20px 0;padding:14px 20px;border-top:1px solid var(--line);background:#0d1619;flex-wrap:wrap}.controls{display:flex;align-items:center;gap:8px}.play{border:0;border-radius:999px;background:var(--copper);color:#1b0f07;font-weight:700;padding:11px 22px;min-width:128px;font-size:14px}.play:not(:disabled):hover{background:var(--copper-strong)}.play span{font-size:11px;margin-right:6px}.round{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);font-size:15px;display:grid;place-items:center}.round:not(:disabled):hover{background:var(--surface-3)}.round.danger{color:var(--danger)}.round[hidden]{display:none}.clock{display:flex;flex-direction:column;align-items:center}.clock strong{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.clock span{font-size:10px;color:var(--faint);letter-spacing:1.5px;text-transform:uppercase}.readouts{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -20px;border-top:1px solid var(--line)}.readouts>div{padding:12px 20px 14px}.readouts>div+div{border-left:1px solid var(--line)}.readouts dt{font-size:11px;color:var(--faint)}.readouts dd{margin:4px 0 0;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.readouts small{font-size:11px;font-weight:400;color:var(--muted);margin-left:3px;letter-spacing:0}.inspector{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:13px 6px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--copper)}.tabs button span{font-size:11px;color:var(--faint);margin-left:3px}.panel{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.panel section{display:flex;flex-direction:column;gap:10px}.panel section+section{border-top:1px solid var(--line);padding-top:16px}.panel h3{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);font-weight:600}.panel h4{font-size:11px;color:var(--muted);font-weight:500;margin-bottom:6px}.hint{font-size:12px;color:var(--faint);line-height:1.55}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid.ports .field{margin-bottom:6px}.grid.route{grid-template-columns:1fr auto 1fr;align-items:end}.grid.route>span{color:var(--faint);padding-bottom:10px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.field>span:first-child{display:flex;justify-content:space-between;gap:8px}.field output{color:var(--text);font-variant-numeric:tabular-nums}.input-unit{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg);overflow:hidden}.input-unit:focus-within{border-color:var(--copper)}.input-unit input{width:100%;border:0;background:transparent;padding:9px 10px;font-size:13px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield;outline:none}.input-unit input::-webkit-inner-spin-button{appearance:none}.input-unit>span{font-size:11px;color:var(--faint);padding-right:10px;white-space:nowrap}.field select,input.text{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:13px}.field select:focus,input.text:focus{border-color:var(--copper);outline:none}select.inline{border:0;background:none;padding:0;font-size:12px;color:var(--muted);width:auto}input[type=range]{width:100%;accent-color:var(--copper)}details summary{font-size:12px;color:var(--muted);padding:4px 0}details[open] summary{margin-bottom:8px}.about p{font-size:12px;margin-bottom:8px}.loop-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden}.loop-card.open{border-color:var(--loop)}.loop-summary{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:12px 12px 6px;text-align:left}.loop-num{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--loop);display:grid;place-items:center;font-size:12px;font-weight:700}.loop-title{flex:1;min-width:0;display:flex;flex-direction:column}.loop-title strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-title small{font-size:11px;color:var(--muted)}.loop-power{font-size:16px;font-weight:650;color:var(--loop);font-variant-numeric:tabular-nums;white-space:nowrap}.loop-power small{font-size:10px;font-weight:400;margin-left:2px;color:var(--muted)}.loop-live{display:grid;grid-template-columns:auto auto 1fr;align-items:end;justify-content:start;gap:2px 12px;padding:0 12px 12px 48px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.loop-live small{display:block;font-size:10px;font-weight:400;color:var(--faint)}.loop-live .arrow{color:var(--faint);font-weight:400}.loop-live .meta{grid-column:1 / -1;margin-top:6px;font-size:11px;font-weight:400;color:var(--muted);line-height:1.4}.loop-editor{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding:14px 12px;background:var(--surface)}.text-button{border:0;background:none;padding:4px 0;font-size:12px;align-self:flex-start}.text-button.danger{color:var(--danger)}.add{border:1px dashed var(--line-2);background:none;border-radius:12px;padding:11px;color:var(--muted)}.add:not(:disabled):hover{color:var(--text);border-color:var(--copper)}.empty{font-size:13px}.history{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px 20px}.history-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}.history h2{font-size:14px;font-weight:600}.history p{font-size:12px}#chart svg{display:block;width:100%}.grid-line{stroke:var(--line)}.axis{fill:var(--faint);font-size:10px}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px}.chart-legend button{display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:999px;background:none;padding:4px 10px;font-size:12px;color:var(--faint)}.chart-legend button[aria-pressed=true]{color:var(--text);border-color:var(--line);background:var(--surface-2)}.chart-legend button[aria-pressed=false] i{opacity:.35}.chart-legend i{width:8px;height:8px;border-radius:50%}@media(max-width:1080px){.layout{grid-template-columns:minmax(0,1fr)}.stage,.history,.inspector{grid-column:1;grid-row:auto}.inspector{position:static;max-height:none}}@media(max-width:640px){.bar{flex-wrap:wrap;gap:8px 12px;padding:10px 16px}.scenario-name{order:3;flex:1 1 100%}.save-state{display:none}.bar-actions{flex:1 1 100%;margin-left:0}.ghost-select{flex:1}.layout{padding:12px 16px 20px;gap:14px}.stage{padding:12px 12px 0;border-radius:16px}.stage-body{grid-template-columns:34px minmax(0,1fr)}.scale input{width:34px;font-size:11px}.transport,.readouts{margin-left:-12px;margin-right:-12px}.transport{padding:12px;justify-content:center}.readouts{grid-template-columns:repeat(2,1fr)}.readouts>div:nth-child(3){border-left:0}.readouts>div:nth-child(n+3){border-top:1px solid var(--line)}.port-card{position:static;grid-column:1 / -1;width:auto;margin-top:8px}}@media(prefers-reduced-motion:reduce){.running .flow,#run-indicator.active{animation:none}}