:root{--bg:#0A0A0A;--bg2:#101010;--bg3:#161616;--fg:#EAEAEA;--dim:#8A8A8A;--faint:#4A4A4A;--line:#2A2A2A;--line2:#3A3A3A;--red:#FF2A2A;--amber:#FFB000;--green:#4AF626;--mono:"JetBrains Mono",ui-monospace,monospace;--macro:"Archivo Black",sans-serif}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--mono);font-size:12px;overflow:hidden}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px)}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:98;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.app{display:grid;grid-template-rows:52px 1fr 26px;height:100vh;gap:1px;background:var(--line)}.app>*{background:var(--bg)}.hdr{display:flex;align-items:stretch;background:var(--bg);overflow:hidden}.hdr>*{display:flex;align-items:center;padding:0 14px;border-left:1px solid var(--line);white-space:nowrap}.hdr>*:first-child{border-left:none}.hdr .tape{flex:1;min-width:0;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}@media (max-width:1500px){.hdr .policy{display:none}}@media (max-width:1150px){.hdr .tape{display:none}}.brand{gap:12px}.brand .mark{width:26px;height:26px;border:2px solid var(--fg);position:relative;display:grid;place-items:center;font-family:var(--macro);font-size:14px;line-height:1}.brand .mark:after{content:"";position:absolute;right:-5px;bottom:-5px;width:8px;height:8px;background:var(--red)}.brand .word{font-family:var(--macro);font-size:19px;letter-spacing:-.02em}.brand .word i{color:var(--red);font-style:normal}.brand .rev{color:var(--faint);font-size:9px;letter-spacing:.1em;margin-left:4px}.hdr .tape{overflow:hidden;color:var(--dim);font-size:10px;letter-spacing:.08em;white-space:nowrap}.hdr .policy{color:var(--dim);font-size:9px;letter-spacing:.1em}.hdr .sys{gap:8px;font-size:10px;letter-spacing:.12em}.sys .led{width:8px;height:8px;background:var(--green);box-shadow:0 0 8px var(--green);animation:led 2.4s infinite}@keyframes led{0%,to{opacity:1}50%{opacity:.5}}.main{display:grid;grid-template-columns:430px 1fr 320px;gap:1px;background:var(--line);min-height:0}.main>*{background:var(--bg);min-height:0}.chat{display:flex;flex-direction:column;min-height:0}.zone-tag{padding:8px 14px;border-bottom:1px solid var(--line);color:var(--dim);font-size:9px;letter-spacing:.18em;display:flex;justify-content:space-between}.zone-tag b{color:var(--fg);font-weight:500}.msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msgs::-webkit-scrollbar{width:6px}.msgs::-webkit-scrollbar-thumb{background:var(--line2)}.msg{max-width:94%;font-size:11.5px;line-height:1.65;white-space:pre-wrap;word-wrap:break-word;padding:10px 12px;border:1px solid var(--line)}.msg.user{align-self:flex-end;background:var(--bg3);border-color:var(--line2)}.msg.user:before{content:"> OPERATOR";display:block;color:var(--amber);font-size:8.5px;letter-spacing:.15em;margin-bottom:6px}.msg.bot{align-self:flex-start;background:var(--bg2)}.msg.bot:before{content:"< QUANTI";display:block;color:var(--red);font-size:8.5px;letter-spacing:.15em;margin-bottom:6px}.msg.thinking{color:var(--dim);animation:led 1.2s infinite}.gr{margin-top:8px;padding:6px 8px;border:1px solid var(--line2);font-size:9px;letter-spacing:.06em;color:var(--dim)}.gr b.ok{color:var(--green)}.gr b.flag{color:var(--red)}.replink{display:inline-block;margin-top:8px;padding:7px 10px;border:1px solid var(--amber);color:var(--amber);text-decoration:none;font-size:10px;letter-spacing:.1em}.replink:hover{background:var(--amber);color:var(--bg)}.exports{display:flex;gap:6px;margin-top:8px}.exports button{background:none;border:1px solid var(--line2);color:var(--fg);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;padding:7px 10px;cursor:pointer}.exports button:hover{border-color:var(--red);color:var(--red)}.exports button:disabled{opacity:.4;cursor:wait}.welcome{border:1px solid var(--line);padding:18px 16px}.welcome h1{font-family:var(--macro);font-size:clamp(22px,2.6vw,30px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:10px}.welcome h1 span{color:var(--red)}.welcome p{color:var(--dim);font-size:11px;line-height:1.7;margin-bottom:12px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.chips button{background:var(--bg2);border:none;color:var(--fg);font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:10px 8px;cursor:pointer;text-align:left}.chips button:before{content:">> ";color:var(--red)}.chips button:hover{background:var(--bg3);color:var(--amber)}.composer{border-top:1px solid var(--line);padding:12px}.inrow{display:flex;border:1px solid var(--line2)}.inrow:focus-within{border-color:var(--red)}.inrow textarea{flex:1;background:var(--bg2);border:none;outline:none;color:var(--fg);font-family:var(--mono);font-size:11.5px;padding:10px 12px;resize:none;min-height:56px;max-height:180px;line-height:1.5;overflow-y:hidden;scrollbar-width:none}.inrow textarea::-webkit-scrollbar{display:none}.inrow button{width:46px;background:var(--bg3);border:none;border-left:1px solid var(--line2);color:var(--red);font-size:15px;cursor:pointer}.inrow button:hover{background:var(--red);color:var(--bg)}.inrow button:disabled{opacity:.4;cursor:wait}.fine{margin-top:8px;color:var(--faint);font-size:8.5px;letter-spacing:.04em;line-height:1.6;text-transform:uppercase}.canvas{display:flex;flex-direction:column;min-height:0;position:relative}.canvas .flowwrap{flex:1;min-height:0;position:relative}.canvas svg{width:100%;height:100%}.cross{position:absolute;color:var(--faint);font-size:10px;pointer-events:none}.node rect{fill:var(--bg2);stroke:var(--line2);stroke-width:1}.node.master rect{stroke:var(--fg);stroke-width:1.5}.node.data rect{stroke-dasharray:5 4}.node.active rect{stroke:var(--red);stroke-width:2;filter:drop-shadow(0 0 7px rgba(255,42,42,.7))}.node.done rect{stroke:var(--green)}.node .nm{fill:var(--fg);font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.08em}.node .rl{fill:var(--dim);font-family:var(--mono);font-size:8px;letter-spacing:.04em}.node .st{fill:var(--faint);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.node.active .st{fill:var(--red)}.node.done .st{fill:var(--green)}.edge{stroke:var(--line2);stroke-width:1;fill:none}.edge.on{stroke:var(--red)}.pulse{fill:var(--red)}.telemetry{height:150px;border-top:1px solid var(--line);overflow-y:auto;padding:8px 12px;background:var(--bg2)}.telemetry::-webkit-scrollbar{width:6px}.telemetry::-webkit-scrollbar-thumb{background:var(--line2)}.tl{display:grid;grid-template-columns:64px 130px 1fr;gap:10px;font-size:9.5px;line-height:1.9;color:var(--dim)}.tl .t{color:var(--faint)}.tl .a{color:var(--fg)}.tl.done .a{color:var(--green)}.rail{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.rail section{border-bottom:1px solid var(--line)}.spark{padding:10px 12px}.spark svg{width:100%;height:64px}.spark .lbl{display:flex;justify-content:space-between;font-size:9px;color:var(--dim);letter-spacing:.1em;margin-bottom:6px}.spark .val{color:var(--amber)}.deliv{flex:1;overflow-y:auto}.deliv .row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);font-size:9.5px}.deliv .row a{color:var(--fg);text-decoration:none;letter-spacing:.03em;word-break:break-all}.deliv .row a:hover{color:var(--amber)}.deliv .row .kb{color:var(--faint);white-space:nowrap;margin-left:8px}.deliv .empty{padding:14px 12px;color:var(--faint);font-size:9.5px;letter-spacing:.06em;line-height:1.7}.bigexp{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.bigexp button{background:var(--bg2);border:none;color:var(--fg);font-family:var(--mono);font-size:10px;letter-spacing:.14em;padding:13px 6px;cursor:pointer}.bigexp button:hover{background:var(--red);color:var(--bg)}.bigexp button:disabled{opacity:.35;cursor:wait}.agents-idx{padding:6px 0}.agents-idx .ag{display:grid;grid-template-columns:14px 1fr auto;gap:8px;padding:5px 12px;font-size:9.5px;color:var(--dim);align-items:center}.agents-idx .ag .sq{width:7px;height:7px;background:var(--faint)}.agents-idx .ag.active .sq{background:var(--red);box-shadow:0 0 6px var(--red)}.agents-idx .ag.done .sq{background:var(--green)}.agents-idx .ag .id{color:var(--faint);font-size:8.5px}.ftr{display:flex;align-items:center;gap:18px;padding:0 14px;font-size:8.5px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase;border-top:1px solid var(--line)}.ftr .stripe{flex:1;height:8px;background:repeating-linear-gradient(-45deg,var(--bg3),var(--bg3) 6px,var(--bg) 6px,var(--bg) 12px)}@media (max-width:1150px){.main{grid-template-columns:400px 1fr}.rail{display:none}}@media (max-width:860px){.main{grid-template-columns:1fr}.canvas{display:none}}.fb{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:9px;color:var(--faint);letter-spacing:.12em}.fb button{background:none;border:1px solid var(--line2);color:var(--dim);font-family:var(--ff-m);font-size:9px;letter-spacing:.1em;padding:5px 8px;cursor:pointer}.fb button:hover{border-color:var(--amber);color:var(--amber)}.fb input{flex:1;background:var(--bg3);border:1px solid var(--line2);color:var(--fg);font-family:var(--ff-m);font-size:9.5px;padding:5px 8px;outline:none}.fb input:focus{border-color:var(--amber)}.fb.sent{color:var(--green)}.watch{border-bottom:1px solid var(--line);max-height:230px;overflow-y:auto}.watch::-webkit-scrollbar{width:5px}.watch::-webkit-scrollbar-thumb{background:var(--line2)}.waddrow{display:flex;padding:8px 10px;gap:6px}.waddrow input{flex:1;background:var(--bg2);border:1px solid var(--line2);color:var(--fg);font-family:var(--ff-m);font-size:10px;letter-spacing:.1em;padding:6px 8px;outline:none;text-transform:uppercase}.waddrow input:focus{border-color:var(--red)}.waddrow button{background:var(--bg3);border:1px solid var(--line2);color:var(--fg);font-family:var(--ff-m);font-size:9px;letter-spacing:.14em;padding:0 10px;cursor:pointer}.waddrow button:hover{border-color:var(--red);color:var(--red)}.wrow{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:10px;border-top:1px solid var(--line)}.wrow b{color:var(--amber);letter-spacing:.06em;min-width:44px}.wrow .wmeta{flex:1;color:var(--dim);font-size:9px}.wrow .wx{background:none;border:none;color:var(--faint);cursor:pointer;font-size:12px;font-family:var(--ff-m)}.wrow .wx:hover{color:var(--red)}.alert-h{padding:7px 12px 3px;color:var(--red);font-size:8.5px;letter-spacing:.18em}.arow{display:flex;gap:7px;padding:4px 12px;font-size:8.8px;color:var(--dim);line-height:1.5;border-top:1px dotted var(--line)}.arow .ak{color:var(--red);font-weight:700}.acct{gap:9px;font-size:9.5px;letter-spacing:.1em}.acct .who{display:flex;align-items:center;gap:7px;background:var(--bg3);border:1px solid var(--line2);padding:5px 10px}.acct .who i{width:6px;height:6px;background:var(--amber);font-style:normal}.acct span{color:var(--amber);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct button{background:none;border:1px solid var(--line2);color:var(--dim);font-family:var(--ff-m);font-size:8.5px;letter-spacing:.14em;padding:6px 10px;cursor:pointer;transition:.15s}.acct button:hover{border-color:var(--red);color:var(--red)}