:root{--bg:#0b0e17;--bg2:#0f1322;--panel:#121728;--panel-edge:#1e2740;--text:#d7deee;--dim:#7d8bab;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--accent:#78c8ff;--good:#3ecf8e;--bad:#ff6b6b;--warn:#ffb454}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,sans-serif;overflow:hidden}#boot{text-align:center;place-content:center;gap:10px;height:100%;display:grid}#boot h1{letter-spacing:.02em;font-size:28px}#boot .lede{color:var(--dim)}#app{flex-direction:column;height:100vh;display:flex}#topbar{background:var(--bg2);border-bottom:1px solid var(--panel-edge);align-items:center;gap:14px;padding:8px 14px;display:flex}.brand{white-space:nowrap;font-weight:650}.brand a{color:inherit;border-bottom:1px solid var(--panel-edge);text-decoration:none}.brand a:hover{border-bottom-color:currentColor}#topbar .sub{color:var(--dim);max-width:460px;font-size:12px;line-height:1.25}@media (max-width:1560px){#topbar .sub{display:none}}.spacer{flex:1}.dim{color:var(--dim)}.hudchips{align-items:center;gap:6px;display:flex}.chip{font-family:var(--mono);background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:4px 9px;font-size:12px;display:inline-flex}#spark{display:block}#body{flex:1;min-height:0;display:flex}#stage{background:var(--bg);flex:1;min-width:0;position:relative}#canvas{touch-action:none;width:100%;height:100%;display:block}.floating{align-items:center;gap:6px;display:flex;position:absolute}#tools{top:12px;left:12px}.actions{top:12px;right:12px}.foldline{font-family:var(--mono);color:var(--dim);border:1px solid var(--panel-edge);background:#0f1322d9;border-radius:6px;padding:5px 10px;font-size:12px;bottom:12px;right:12px}.statusline{max-width:60%;color:var(--text);border:1px solid var(--panel-edge);background:#0f1322d9;border-radius:6px;padding:5px 10px;font-size:12.5px;bottom:12px;left:12px}.statusline:empty{display:none}.qfloat{border:1px solid var(--panel-edge);pointer-events:none;background:#0f1322d9;border-radius:6px;width:284px;padding:7px 10px;display:block;top:56px;left:12px}.qfloat .qhead{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:4px;font-size:11px;font-weight:650;display:flex}.qfloat .qhead .check{pointer-events:auto}.qfloat .code{margin-bottom:0}.qfloat .delta{text-overflow:ellipsis;width:0;min-width:100%;margin-top:5px;overflow:hidden}#tools button,.actions button{all:unset;cursor:pointer;border:1px solid var(--panel-edge);color:var(--text);background:#121728e6;border-radius:6px;padding:6px 11px;font-size:13px}#tools button.on{background:var(--accent);color:#0b0e17;font-weight:650}#tools button:not(.on):hover,.actions button:hover{border-color:var(--accent)}#rail{border-left:1px solid var(--panel-edge);background:var(--bg2);flex-direction:column;gap:10px;width:342px;padding:10px;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:9px;padding:10px 12px}.panel header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.panel h2{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:650}.ph-right{align-items:center;gap:8px;display:inline-flex}.hyd{font-family:var(--mono);color:var(--dim);font-size:10.5px}.panel .check,.qfloat .check{all:unset;cursor:pointer;color:var(--dim);padding:0 4px;font-size:12px}.panel .check:hover,.qfloat .check:hover{color:var(--good)}.code{font-family:var(--mono);color:var(--dim);white-space:pre-wrap;margin-bottom:7px;font-size:11px;line-height:1.5}.code:empty{display:none}.code i,.qcomp i{font-style:normal}.code .t-col,.qcomp .t-col{color:var(--text)}.code .t-m,.code .t-fn,.qcomp .t-m,.qcomp .t-fn{color:var(--accent)}.code .t-str,.qcomp .t-str{color:var(--good)}.code .t-num{color:var(--warn)}.pbody .row{font-family:var(--mono);align-items:center;gap:6px;padding:2.5px 0;font-size:11.5px;display:flex;position:relative}.pbody .row .num{color:var(--dim);margin-left:auto}.pbody .empty,.pbody p.empty{color:var(--dim);font-family:system-ui,sans-serif;font-size:12px}.row.bar .barfill{z-index:0;background:#78c8ff17;border-radius:3px;position:absolute;top:2px;bottom:2px;left:0}.row.bar>:not(.barfill){z-index:1;position:relative}.sw{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.lrow b{font-weight:550}.lrow.off>:not(.eye){opacity:.4}.eye{all:unset;cursor:pointer;text-align:center;border:1px solid var(--panel-edge);border-radius:5px;width:24px;padding:1px 0;font-size:12px}.eye:hover{border-color:var(--accent)}.bignum{font-family:var(--mono);margin:2px 0 6px;font-size:26px;font-weight:650}.bignum small{color:var(--dim);font-size:12px;font-weight:400}.fields{grid-template-columns:repeat(4,1fr);gap:6px 10px;margin-bottom:8px;display:grid}.f{flex-direction:column;display:flex}.f label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.f b{font-family:var(--mono);align-items:center;gap:5px;font-size:12.5px;font-weight:550;display:inline-flex}.prow{justify-content:space-between;align-items:center;display:flex}.prow .hint{font-family:var(--mono);color:var(--dim);font-size:10.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip.on{border-color:var(--accent)}.chips .chip{all:unset;cursor:pointer;border:1px solid var(--panel-edge);background:var(--bg2);border-radius:7px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:inline-flex}.chips .chip.on{border-color:var(--text)}.chips .chip:hover{border-color:var(--accent)}.chips .chip .sw{border-radius:4px;width:16px;height:16px}.chips .chip b{font-family:var(--mono);color:var(--dim);font-size:11px;font-weight:550}.note{color:var(--dim);margin-top:7px;font-size:11px;line-height:1.4}.delta{font-family:var(--mono);color:var(--warn);opacity:.9;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10.5px;overflow:hidden}.delta:empty{display:none}.fork{all:unset;cursor:pointer;color:var(--dim);letter-spacing:.04em;font-size:10.5px}.fork:hover{color:var(--accent)}.xclose{all:unset;cursor:pointer;color:var(--dim);padding:0 2px;font-size:11px}.xclose:hover{color:var(--bad)}.qedit{resize:vertical;background:var(--bg2);width:100%;color:var(--text);border:1px solid var(--panel-edge);font-family:var(--mono);border-radius:6px;margin-bottom:6px;padding:6px 8px;font-size:11px;line-height:1.5}.qedit:focus{border-color:var(--accent);outline:none}.qwrap{background:var(--bg2);border-radius:6px;margin-bottom:6px;position:relative}.qwrap .qedit{z-index:1;color:#0000;caret-color:var(--text);overflow-wrap:break-word;background:0 0;margin-bottom:0;display:block;position:relative}.qwrap .qedit::selection{background:#78c8ff47}.qwrap .qhl{pointer-events:none;overflow-wrap:break-word;border:1px solid #0000;margin:0;padding:6px 8px;position:absolute;inset:0;overflow:hidden}.qcomp{z-index:20;background:var(--panel);border:1px solid var(--panel-edge);font-family:var(--mono);border-radius:6px;max-height:158px;margin-top:3px;font-size:11px;line-height:1.5;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #00000073}.qcomp .qopt{cursor:pointer;justify-content:space-between;gap:10px;padding:2.5px 8px;display:flex}.qcomp .qopt span{color:var(--dim);font-size:9.5px}.qcomp .qopt.sel,.qcomp .qopt:hover{background:var(--bg2)}.custom.qbad .qedit{border-color:var(--bad)}.qerr{font-family:var(--mono);color:var(--bad);white-space:pre-wrap;margin-bottom:6px;font-size:10.5px}.qerr:empty{display:none}.qactions{margin-bottom:6px}.row.generic{flex-wrap:wrap}#addpane{text-align:center;flex:none;padding:8px 0}button.ghost{all:unset;cursor:pointer;color:var(--dim);border:1px solid var(--panel-edge);border-radius:6px;padding:4px 10px;font-size:12px}button.ghost:hover{color:var(--text);border-color:var(--accent)}@keyframes fold{0%{border-color:var(--accent);box-shadow:0 0 0 1px #78c8ff59}to{border-color:var(--panel-edge);box-shadow:none}}.panel.fold,.qfloat.fold{animation:.38s ease-out fold}@keyframes okflash{0%{border-color:var(--good);box-shadow:0 0 0 1px #3ecf8e80}to{border-color:var(--panel-edge)}}.panel.okflash,.qfloat.okflash{animation:.7s ease-out okflash}@keyframes badflash{0%{border-color:var(--bad);box-shadow:0 0 0 2px #ff6b6b99}to{border-color:var(--bad)}}.panel.badflash,.qfloat.badflash{animation:.7s ease-out forwards badflash}#foot{border-top:1px solid var(--panel-edge);background:var(--bg2);font-family:var(--mono);align-items:center;gap:12px;padding:6px 14px;font-size:11.5px;display:flex}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}