:root{--bg: #1e1e28;--bg-2: #262633;--fg: #e4e4ef;--muted: #9a9ab0;--accent: #7aa2f7;--ok: #9ece6a;--err: #f7768e;--warn: #e0af68;--border: #34344a;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg)}body{display:flex;flex-direction:column}header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem}.brand-mark{width:1.15rem;height:1.15rem;display:block;flex:none}header h1{font-size:.95rem;font-weight:600;margin:0;letter-spacing:.02em}.controls{display:flex;align-items:center;gap:.5rem}.seg{display:inline-flex;border:1px solid var(--border);border-radius:5px;overflow:hidden}.seg button{font:inherit;font-size:.75rem;color:var(--muted);background:transparent;border:none;padding:.15rem .6rem;cursor:pointer}.seg button+button{border-left:1px solid var(--border)}.seg button.active{color:var(--fg);background:var(--bg-2)}#target,#examples{font:inherit;font-size:.75rem;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:.15rem .4rem;cursor:pointer}#examples{color:var(--muted)}.status{margin-left:auto;font-size:.8rem;color:var(--muted)}.status.ok{color:var(--ok)}.status.err{color:var(--err)}main{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border)}.pane:last-child{border-right:none}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;color:var(--muted);background:var(--bg-2);border-bottom:1px solid var(--border);min-height:2.1rem}.tabbar{display:flex;align-items:stretch;background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto;min-height:2.1rem}.tab{display:flex;align-items:center;gap:.45rem;padding:.25rem .7rem;font-size:.75rem;color:var(--muted);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg);background:var(--bg)}.tab-x{color:var(--muted);font-size:.85rem;line-height:1}.tab-x:hover{color:var(--err)}#editor{flex:1;min-height:0;overflow:hidden}.cm-editor{height:100%}.is-hidden{display:none!important}.empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;color:var(--muted);font-size:.8rem}.tree-panel{flex:0 0 150px;display:flex;flex-direction:column;min-height:0;background:var(--bg-2);border-top:1px solid var(--border)}.problems-panel{flex:0 0 160px}.problems-body{flex:1;min-height:0;overflow:auto}.tree-head{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.tree-toggle{flex:1;display:flex;align-items:center;gap:.3rem;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:none;padding:0;cursor:pointer}.tree-toggle:hover{color:var(--fg)}.tree-head .tree-caret{font-size:.55rem}.tree-panel.collapsed{flex:0 0 auto}.tree-panel.collapsed .filetree,.tree-panel.collapsed .problems-body,.tree-panel.collapsed .gen-tree{display:none}.icon-btn{font:inherit;font-size:.9rem;line-height:1;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:4px;padding:0 .4rem;cursor:pointer}.icon-btn:hover{color:var(--fg);border-color:var(--muted)}.filetree,.gen-tree{flex:1;overflow:auto;padding:.2rem 0;font-size:.75rem}.tree-row{display:flex;align-items:center;gap:.3rem;padding:.13rem .6rem .13rem .4rem;color:var(--muted);cursor:pointer;white-space:nowrap}.tree-row:hover{color:var(--fg);background:#ffffff08}.tree-row.active{color:var(--fg);background:var(--bg)}.tree-row.dir{color:var(--fg)}.tree-caret{width:.8rem;flex:0 0 auto;text-align:center;font-size:.6rem;color:var(--muted)}.tree-spacer{width:.8rem;flex:0 0 auto}.tree-x{margin-left:auto;padding-left:.5rem;color:var(--muted);font-size:.85rem;visibility:hidden}.tree-row:hover .tree-x{visibility:visible}.tree-x:hover{color:var(--err)}.tabs{display:flex;gap:.25rem}.tabs button{font:inherit;font-size:.75rem;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:4px;padding:.15rem .5rem;cursor:pointer}.tabs button:hover{color:var(--fg)}.tabs button.active{color:var(--fg);border-color:var(--border);background:var(--bg)}.view{flex:1;min-height:0;overflow:auto;padding:.75rem 1rem;font-size:.8rem}.view.split{display:flex;flex-direction:column;padding:0;overflow:hidden}.gen-view{flex:1;min-height:0;min-width:0;overflow:hidden}.gen-view .cm-editor{height:100%}.tree-head .path{text-transform:none;letter-spacing:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.75rem}.view .code{margin:0;white-space:pre;color:var(--fg)}.diagnostics{list-style:none;margin:0;padding:0}.diagnostics li{padding:.3rem .7rem;border-bottom:1px solid var(--border);color:var(--err);cursor:pointer;font-size:.78rem}.diagnostics li:hover{background:var(--bg-2)}.diagnostics .loc{color:var(--muted);margin-right:.6rem}.ok{color:var(--ok)}.err{color:var(--err)}.muted{color:var(--muted)}.pad{padding:.5rem .7rem;margin:0;font-size:.78rem}.file-name{color:var(--accent);font-size:.75rem;margin-bottom:.35rem}#sim{display:none;flex:1;min-height:0}body.mode-simulate main{display:none}body.mode-simulate #sim{display:block}body.mode-simulate #gen-controls{display:none}.sim{height:100%;display:grid;grid-template-columns:190px 1fr 320px;grid-template-rows:1fr 230px;grid-template-areas:"palette canvas    inspector" "frames  frames     inspector"}.sim-col{min-width:0;min-height:0;overflow:auto}.sim-palette{grid-area:palette;border-right:1px solid var(--border);background:var(--bg-2);padding:.4rem}.sim-canvas{grid-area:canvas;position:relative;padding:1.2rem;overflow:auto;touch-action:none}.canvas-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.canvas-hint[hidden]{display:none}.sim-inspector-wrap{grid-area:inspector;display:flex;min-width:0;min-height:0;background:var(--bg-2)}.sim-inspector-grip{flex:0 0 6px;cursor:ew-resize;background:var(--border);touch-action:none}.sim-inspector-grip:hover{background:var(--muted)}.sim-inspector{flex:1;min-width:0;padding:.6rem .7rem;font-size:.78rem}.sim-frames{grid-area:frames;background:var(--bg-2);display:flex;flex-direction:column;min-height:0}.sim-frames-grip{flex:0 0 6px;cursor:ns-resize;background:var(--border);touch-action:none}.sim-frames-grip:hover{background:var(--muted)}.palette-group{margin-bottom:.8rem}.palette-proto{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem}.palette-chip{font-size:.75rem;padding:.25rem .5rem;margin-bottom:.25rem;border:1px solid var(--border);border-radius:5px;background:var(--bg);cursor:grab;user-select:none}.palette-chip.role-server{border-left:3px solid var(--accent)}.palette-chip.role-client{border-left:3px solid var(--ok)}.sim-wire{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sim-wire line{stroke-width:2}.sim-wire .wire-live{stroke:var(--ok)}.sim-wire .wire-pending{stroke:var(--muted);stroke-dasharray:5 4}.sim-wire .wire-faulty{stroke:var(--warn);stroke-dasharray:6 4}.sim-wire .wire-drag{stroke:var(--accent);stroke-dasharray:4 3}.sim-wire .wire-hit{stroke:transparent;stroke-width:12;pointer-events:stroke;cursor:pointer}.sim-wire .wire-selected{stroke-width:3.5;filter:drop-shadow(0 0 3px currentColor)}.sim-node-group{position:absolute;width:156px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);cursor:grab;user-select:none;touch-action:none}.sim-node-group:active{cursor:grabbing}.sim-node-group.drop-target{outline:2px dashed var(--accent);outline-offset:2px}.sim-node-group.selected{outline:1px solid var(--accent);outline-offset:2px}.sim-node-group.selected>.group-cap{color:var(--accent)}.group-cap{padding:.28rem .6rem .24rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--border)}.group-rename{width:100%;font:inherit;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--fg);background:var(--bg);border:1px solid var(--accent);border-radius:3px;padding:0 .2rem}.sim-node{position:relative;padding:.45rem .7rem;cursor:pointer;border-left:3px solid transparent}.sim-node+.sim-node{border-top:1px solid var(--border)}.sim-node.role-server{border-left-color:var(--accent)}.sim-node.role-client{border-left-color:var(--ok)}.sim-node.selected{background:#ffffff0d;outline:1px solid var(--accent);outline-offset:-1px}.sim-node.wired .node-name:after{content:" ●";color:var(--ok);font-size:.6rem;vertical-align:middle}.node-name{font-weight:600;font-size:.82rem}.node-sub{font-size:.68rem;color:var(--muted)}.node-port{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-2);cursor:crosshair}.node-port:hover{transform:translateY(-50%) scale(1.25)}.insp-section{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:.9rem 0 .4rem;border-top:1px solid var(--border);padding-top:.6rem}.sim-inspector>.insp-section:first-child,.insp-tabpanel>.insp-section:first-child{margin-top:.1rem;border-top:none;padding-top:0}.insp-tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--border);margin-bottom:.7rem}.insp-tab{background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:.32rem .5rem;font:inherit;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);cursor:pointer}.insp-tab:hover{color:var(--fg)}.insp-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.insp-facts{display:grid;gap:.25rem;margin-bottom:.5rem}.fact{display:flex;justify-content:space-between;gap:.6rem}.insp-label{color:var(--muted)}.fact-v{color:var(--fg)}.insp-row{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.conn-row{display:flex;align-items:center;gap:.4rem;margin:.2rem 0}.conn-dot{color:var(--muted);font-size:.7rem;vertical-align:middle}.conn-dot.ok{color:var(--ok)}.conn-dot.err{color:var(--err)}.conn-name{flex:1;min-width:0;text-align:left;background:transparent;border:none;color:var(--fg);font:inherit;font-size:.75rem;cursor:pointer;padding:.1rem 0}.conn-name:hover{color:var(--accent)}.conn-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.72rem}.conn-x:hover{color:var(--err)}.insp-row select,.insp-row .hash-copy{flex:1;min-width:0}.hash-copy{font-size:.72rem;text-align:left;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.sim-inspector select,.sim-inspector textarea{font:inherit;font-size:.75rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem}.sim-inspector textarea{width:100%;resize:vertical}.sim-btn{font:inherit;font-size:.75rem;border:1px solid var(--border);border-radius:5px;padding:.25rem .6rem;margin-top:.4rem;cursor:pointer;background:var(--bg);color:var(--fg)}.sim-btn.primary{border-color:var(--accent);color:var(--accent)}.sim-btn.danger{border-color:var(--err);color:var(--err)}.behavior-row{margin:.4rem 0}.behavior-head{display:flex;align-items:center;gap:.5rem}.behavior-fn{flex:0 0 4.5rem;color:var(--accent);font-size:.75rem}.behavior-kind{flex:1}.behavior-config{margin-top:.25rem;font-size:.72rem!important}.behavior-config.bad{border-color:var(--err)}.forward-cfg{margin-top:.3rem;display:grid;gap:.25rem}.forward-cfg select{width:100%}.call-args{margin:.4rem 0}.call-out{white-space:pre-wrap;font-size:.72rem;margin-top:.4rem;max-height:8rem;overflow:auto}.call-fn-name{font-size:.8rem;color:var(--accent)}.call-btns{display:flex;gap:.4rem;margin-top:.3rem}.compare-out:empty{display:none}.compare-note{margin:.6rem 0 .3rem;font-size:.72rem}.compare-table{width:100%;border-collapse:collapse;font-size:.7rem;margin-bottom:.3rem}.compare-table th,.compare-table td{padding:.2rem .4rem;text-align:left;border-bottom:1px solid var(--border)}.compare-table th{color:var(--muted);font-weight:400;text-transform:uppercase;font-size:.6rem;letter-spacing:.05em}.compare-table td:nth-child(2){text-align:right;color:var(--muted)}.compare-table tr.mismatch td{color:var(--err)}.insp-sep{width:45%;height:0;margin:.9rem auto;border:0;border-top:1px solid var(--border)}.arg-row{margin:.3rem 0}.arg-label{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;color:var(--muted);margin-bottom:.15rem}.arg-type{color:var(--accent)}.arg-input{width:100%;font:inherit;font-size:.75rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem}.arg-struct{border:1px solid var(--border);border-radius:5px;padding:.3rem .5rem;margin:0}.args-raw-toggle{font-size:.7rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;margin-bottom:.3rem}.args-json{width:100%}.mono{font-family:ui-monospace,JetBrains Mono,Menlo,monospace}.sim-frames-list{flex:1;overflow:auto;padding-bottom:.4rem;font-size:.72rem}.sim-frames-head{display:flex;align-items:center;gap:.6rem;padding:.3rem .7rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.sim-frames-head .icon-btn{font-size:.68rem;margin-left:auto}.frame-filters{display:flex;gap:.3rem}.frame-filter{font:inherit;font-size:.62rem;text-transform:lowercase;letter-spacing:0;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:4px;padding:0 .35rem;cursor:pointer;opacity:.45}.frame-filter.on{opacity:1;color:var(--fg);border-color:var(--accent)}.clock-bar{display:flex;align-items:center;gap:.3rem;padding-left:.4rem;border-left:1px solid var(--border)}.clock-bar select,.clock-bar input{font:inherit;font-size:.62rem;text-transform:none;letter-spacing:0;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:0 .2rem}.clock-seed{width:3rem}.clock-btn{font:inherit;font-size:.72rem;line-height:1;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;cursor:pointer}.clock-btn:disabled{opacity:.4;cursor:default}.clock-btn.recording{color:var(--err);border-color:var(--err)}label.clock-btn{cursor:pointer}.clock-queued{font-size:.6rem;color:var(--warn);white-space:nowrap}.sim-wire .wire-refused{stroke:var(--err);stroke-dasharray:3 3}.sim-frames-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.72rem}.sim-frames-table th,.sim-frames-table td{padding:.22rem .5rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--border)}.sim-frames-table th:last-child,.sim-frames-table td:last-child{border-right:none}.sim-frames-table thead th{position:sticky;top:0;z-index:1;font-weight:400;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg-2);box-shadow:inset 0 -1px 0 var(--border)}tbody.frame-row{border-bottom:1px solid var(--border)}tbody.frame-row>tr.frame-summary{cursor:pointer}tbody.frame-row>tr.frame-summary:hover{background:#ffffff08}tbody.frame-row>tr.frame-detail>td{padding:0}.frame-conn{color:var(--accent);opacity:.85}.conn-filters{border-left:1px solid var(--border);padding-left:.4rem}.frame-row .frame-seq{color:var(--muted)}.frame-row .frame-kind{color:var(--accent)}.frame-row .frame-fn{color:var(--fg)}.frame-row .frame-delta,.frame-row .frame-len{color:var(--muted)}.frame-delta,.frame-len{text-align:right}.frame-handshake .frame-kind,.frame-unknown .frame-kind{color:var(--muted)}.frame-refused td{padding:.3rem .4rem;color:var(--err)}.frame-faulted .frame-kind{color:var(--warn)}.frame-dropped{opacity:.45}.frame-fault-reply .frame-fn{color:var(--err)}.frame-dropped .frame-kind{color:var(--err);text-decoration:line-through}.fault-ctls{display:grid;gap:.25rem;margin-bottom:.4rem}.fault-ctls input[type=range]{flex:1;min-width:0;accent-color:var(--warn)}.fault-ctls input[type=number]{width:4.5rem}.fault-val{flex:0 0 2.6rem;text-align:right;color:var(--muted);font-size:.72rem}tbody.frame-idle>tr>td{padding:0}.frame-idle-line{display:flex;align-items:center;gap:.6rem;padding:.2rem .5rem;font-size:.62rem;color:var(--muted);opacity:.75}.frame-idle-line:before,.frame-idle-line:after{content:"";flex:1;border-top:1px dashed var(--border)}.frame-body{padding:.3rem .6rem .5rem;background:var(--bg);border-top:1px solid var(--border)}.frame-kv{display:flex;gap:.6rem;margin:.15rem 0}.frame-k{flex:0 0 6rem;color:var(--muted)}.frame-json{margin:0;white-space:pre-wrap;color:var(--fg);max-height:8rem;overflow:auto}.frame-raw-btns{display:flex;gap:.3rem;margin-top:.3rem}.bytes-toggle{font:inherit;font-size:.68rem;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:4px;padding:0 .35rem;cursor:pointer}.bytes-toggle.on{color:var(--fg);border-color:var(--muted)}.frame-bytes{margin:.3rem 0 0;white-space:pre-wrap;word-break:break-all;color:var(--muted);font-size:.68rem}.sim-inspector input[type=number]{font:inherit;font-size:.75rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem;width:5rem}.box-name{flex:1;min-width:0;font:inherit;font-size:.75rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .4rem}.box-inst{border-left:3px solid transparent;padding-left:.4rem}.box-inst.role-server{border-left-color:var(--accent)}.box-inst.role-client{border-left-color:var(--ok)}.insp-crumb{display:block;margin:0 0 .5rem;padding:0;background:transparent;border:none;color:var(--muted);font:inherit;font-size:.7rem;cursor:pointer}.insp-crumb:hover{color:var(--accent)}