:root{--bg:#0f1720;--p:#16212e;--b:#263445;--t:#dbe6f2;--m:#8a9bb0;--g:#3ecf8e;--r:#ff5c6c;--y:#f5c451;--bl:#4da3ff}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--t);font:14px system-ui,Segoe UI,sans-serif;display:grid;grid-template-rows:auto 1fr 190px}
header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--p);border-bottom:1px solid var(--b)}h1{font-size:16px;margin:0}
button,select{background:#1f2f42;color:var(--t);border:1px solid var(--b);border-radius:5px;padding:5px 9px;cursor:pointer;margin-left:5px}button:hover{background:#29405a}button:disabled{opacity:.4}
main{display:grid;grid-template-columns:460px 1fr 340px;min-height:0}section,aside{padding:10px;min-height:0;overflow:auto;border-right:1px solid var(--b)}
#cli{display:flex;flex-direction:column}#tabs button{margin:0 4px 6px 0}#tabs .on{background:var(--bl);color:#00111f}
#term{flex:1;background:#050a10;border:1px solid var(--b);border-radius:6px;padding:8px;font:13px Consolas,monospace;overflow:auto;cursor:text}
#out{margin:0;white-space:pre-wrap;font:inherit;color:#c9f0d5}#line{display:flex}#pr{color:#c9f0d5;white-space:pre}
#in{flex:1;background:none;border:0;outline:0;color:#fff;font:inherit;padding:0}#term.shake{animation:sh .4s}#term.err{border-color:var(--r)}
@keyframes sh{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.keys,.muted{color:var(--m);font-size:12px;margin-top:5px}
#la h3{margin:12px 0 4px;font-size:13px;color:var(--bl)}#la p{margin:3px 0}.bar2{height:10px;background:#0b121a;border-radius:5px;overflow:hidden}.bar2 i{display:block;height:100%;background:var(--g);transition:width .5s}
.hint{background:#1c2b3c;border-left:3px solid var(--y);padding:5px 8px;margin:5px 0}.ok{color:var(--g)}.no{color:var(--m)}
footer{background:var(--p);border-top:1px solid var(--b);padding:10px 14px;overflow:auto}.fb{display:grid;gap:4px}.fb b{font-size:15px}.fb.ok b{color:var(--g)}.fb.err b{color:var(--r)}.fb.warn b{color:var(--y)}
.fb code,.tpl{font:13px Consolas,monospace;background:#0b121a;padding:3px 7px;border-radius:4px;display:inline-block}mark{background:#5a1a22;color:#ff9aa5;border-radius:3px;padding:0 2px}
.miss{color:var(--y);animation:pl 1s infinite;border-bottom:2px solid var(--y)}@keyframes pl{50%{opacity:.25}}.fb.ok b:before{content:"";display:none}.fb pre{margin:0;font:12px Consolas,monospace;color:#c9d8e8}
svg{width:100%;height:auto}svg text{fill:var(--t);font:10px Consolas,monospace}.dev{cursor:pointer}.dev rect{fill:#1f3a57;stroke:var(--bl);stroke-width:1.5}.dev.sel rect{fill:#2a5686;stroke-width:3}.dev.pulse rect{animation:gl .9s}
@keyframes gl{50%{stroke:var(--g);stroke-width:6}}.lk{stroke:#556;stroke-width:3;stroke-dasharray:5 4}.lk.up{stroke:var(--g);stroke-dasharray:none}.lk.full{stroke:var(--bl);stroke-width:4;stroke-dasharray:none}
#tl{position:fixed;right:6px;bottom:2px;font-size:10px;color:var(--m)}#admin,#modal{position:fixed;inset:8% 25%;background:var(--p);border:1px solid var(--bl);border-radius:8px;padding:16px;overflow:auto;z-index:9}
details{margin-top:8px;color:var(--m)}details pre{font-size:11px;white-space:pre-wrap}@media(max-width:1100px){main{grid-template-columns:1fr}body{display:block}}

.th{margin:10px 0 4px;font-size:13px;color:var(--bl)}#addr{width:100%;border-collapse:collapse;font-size:12px}#addr th{text-align:left;color:var(--m);font-weight:600;border-bottom:1px solid var(--b);padding:3px 5px}
#addr td{padding:3px 5px;border-bottom:1px solid #1d2b3b;font-family:Consolas,monospace}#addr tr.grp td{background:#132030;color:var(--bl);font-family:system-ui;font-weight:600}#addr td.s{text-align:center}
ul.tasks{list-style:none;margin:4px 0;padding:0}ul.tasks li{padding:3px 0 3px 22px;position:relative;line-height:1.35}ul.tasks li:before{content:"○";position:absolute;left:3px;color:var(--m)}ul.tasks li.d{color:var(--g)}ul.tasks li.d:before{content:"✓";color:var(--g)}
.rc{font-family:Consolas,monospace;font-size:12px;color:var(--m);white-space:nowrap}.rc .ok{margin-right:6px}

.dev.pc rect{fill:#2a3440;stroke:#7d8aa0}.dev.pc.sel rect{stroke:var(--bl);stroke-width:3}

#pcgui{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:6px 8px;align-items:end;background:var(--p);border:1px solid var(--b);border-radius:6px;padding:8px 10px;margin-bottom:6px}#pcgui[hidden]{display:none}#pcgui b{grid-column:1/-1;color:var(--bl);font-size:13px}
#pcgui label{display:grid;gap:2px;font-size:11px;color:var(--m)}#pcgui input{background:#050a10;color:var(--t);border:1px solid var(--b);border-radius:4px;padding:5px 6px;font:13px Consolas,monospace;min-width:0}#pcgui input.miss{border-color:var(--y);animation:pl 1s infinite}#pcgui input.bad{border-color:var(--r);background:#2a1015}