*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0c10;--surface:#13161d;--surface-2:#1a1e27;--surface-3:#232834;--border:#272c38;--border-h:#3a4152;--accent:#ff6b1a;--accent-l:rgba(255,107,26,.15);--accent-h:#ff8542;--blue:#4d8cff;--blue-l:rgba(77,140,255,.15);--green:#22c55e;--red:#ef4444;--purple:#a855f7;--yellow:#eab308;--text:#e6ebf2;--text-2:#9da5b3;--text-3:#5c6371;--shadow:0 2px 8px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 12px 40px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3);--r:10px;--nw:260px;--th:48px;--sw:210px}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:12px;-webkit-user-select:none;user-select:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}#topbar{position:fixed;top:0;left:0;right:0;height:var(--th);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 12px;gap:7px;z-index:600}.logo{font-family:Syne,sans-serif;font-weight:800;font-size:16px;display:flex;align-items:center;gap:7px;letter-spacing:-.3px}.lm{width:24px;height:24px;background:linear-gradient(140deg,var(--accent),#ffa15c);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lm svg{width:12px;height:12px;fill:#fff}.tsep{width:1px;height:20px;background:var(--border);margin:0 2px}.tbtn{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:11px;font-weight:500;transition:.14s;white-space:nowrap}.tbtn:hover{background:var(--surface-3);border-color:var(--border-h);color:var(--text)}.tbtn svg{width:12px;height:12px;flex-shrink:0}.tsp{flex:1}#zoom-pill{font-size:10px;color:var(--text-3);min-width:34px;text-align:center;font-weight:500;font-family:DM Mono,monospace}.balance-pill{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);font-size:11px;font-weight:600;color:var(--green);cursor:pointer;font-family:DM Mono,monospace;transition:.14s}.balance-pill:hover{border-color:var(--border-h)}#upill{display:flex;align-items:center;gap:6px;padding:3px 9px 3px 3px;border-radius:20px;border:1px solid var(--border);font-size:11px;color:var(--text-2);background:var(--surface-2);cursor:pointer;transition:.14s;border:none}#upill:hover{filter:brightness(1.15)}.uav{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}#cw{position:fixed;top:var(--th);left:0;right:var(--sw);bottom:0;overflow:hidden;cursor:default;background:var(--bg)}#cw:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#2a2f3c 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0;opacity:.7}#ct{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0}#svgl{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}#nl{position:absolute;top:0;left:0}.empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-3);pointer-events:none}.empty-hint p{font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:4px}.node{position:absolute;width:var(--nw);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);z-index:10;transition:border-color .15s,box-shadow .15s}.node:hover{border-color:var(--border-h)}.node.sel{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-l),var(--shadow-lg)}.node.running{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-l),var(--shadow-lg)}.node.paused{border-color:var(--yellow)}.nh{display:flex;align-items:center;gap:5px;padding:6px 8px;border-bottom:1px solid var(--border);cursor:grab;border-radius:var(--r) var(--r) 0 0;background:var(--surface-2)}.nh:active{cursor:grabbing}.ngrip{color:var(--text-3);display:flex;flex-shrink:0;pointer-events:none}.ngrip svg{width:10px;height:10px}.nbadge{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.3px;text-transform:uppercase;font-family:DM Mono,monospace}.nbadge.t-root{background:#4d8cff1f;color:var(--blue)}.nbadge.t-edit{background:#ff6b1a1f;color:var(--accent)}.nbadge.t-vary{background:#22c55e1f;color:var(--green)}.nbadge.t-upscale{background:#a855f71f;color:var(--purple)}.nid-tag{font-size:9px;color:var(--text-3);font-weight:500;margin-left:auto;font-family:DM Mono,monospace}.nclose{width:18px;height:18px;border-radius:4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:11px;flex-shrink:0;padding:0}.nclose:hover{background:#ef444426;color:var(--red)}.nmr{display:flex;align-items:center;gap:5px;padding:5px 8px;border-bottom:1px solid var(--border)}.msel{flex:1;min-width:0;padding:4px 20px 4px 6px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:11px;font-weight:500;cursor:pointer;outline:none;transition:.14s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235c6371' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;font-family:inherit}.msel:hover,.msel:focus{border-color:var(--border-h)}.msel option,.msel optgroup{background:var(--surface);color:var(--text)}.msel option:disabled{color:var(--text-3)}.route-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.route-dot.local{background:var(--green)}.route-dot.byok{background:var(--blue)}.route-dot.house{background:var(--accent)}.nsb{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:.14s;flex-shrink:0;padding:0}.nsb:hover{border-color:var(--border-h);color:var(--text)}.nsb svg{width:12px;height:12px}.nia{min-height:160px;position:relative;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;overflow:hidden}.nia img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.img-replace-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:.14s;z-index:5;box-shadow:0 2px 6px #0000004d}.img-replace-btn:hover{background:#000000e6;transform:scale(1.05)}.img-replace-btn svg{width:11px;height:11px}.niph{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;color:var(--text-3)}.niph svg{width:24px;height:24px;opacity:.35}.uz{border:1.5px dashed var(--border-h);border-radius:7px;padding:10px 14px;text-align:center;cursor:pointer;transition:.14s;width:calc(100% - 16px)}.uz:hover,.uz.dov{border-color:var(--blue);background:var(--blue-l)}.spin{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation-duration:2s}.npbar{animation:none;width:50%}}.genlabel{font-size:10px;color:var(--text-3);font-weight:500}.paused-box{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px;text-align:center}.paused-box .pb-t{font-size:10px;color:var(--yellow);font-weight:600}.nerr{background:#ef44441a;border-top:1px solid rgba(239,68,68,.25);padding:6px 9px;font-size:10px;color:#fca5a5;line-height:1.4}.nprog{height:2px;background:var(--border);position:absolute;bottom:0;left:0;right:0;overflow:hidden}.npbar{height:100%;background:var(--accent);animation:pg 2s ease-in-out infinite}@keyframes pg{0%,to{width:15%;margin-left:0}50%{width:60%;margin-left:25%}}.npw{padding:6px 8px;border-top:1px solid var(--border);display:flex;gap:5px;align-items:stretch}.npt{flex:1;min-width:0;padding:5px 7px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:11px;font-family:Inter,sans-serif;line-height:1.4;resize:none;outline:none;transition:.14s;min-height:42px;max-height:100px}.npt:focus{border-color:var(--blue);background:var(--surface-3)}.npt::placeholder{color:var(--text-3)}.pcol{display:flex;flex-direction:column;gap:4px}.rbtn{width:34px;flex:1;border-radius:6px;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.14s;flex-shrink:0;padding:0}.rbtn:hover{background:var(--accent-h)}.rbtn:active{transform:scale(.95)}.rbtn:disabled{opacity:.4;cursor:not-allowed}.rbtn svg{width:13px;height:13px}.wbtn{width:34px;height:20px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-3);cursor:pointer;font-size:11px;transition:.14s;flex-shrink:0;padding:0}.wbtn:hover{color:var(--accent);border-color:var(--border-h)}.wbtn:disabled{opacity:.4;cursor:wait}.nft{display:flex;align-items:center;gap:5px;padding:5px 8px 7px;border-top:1px solid var(--border)}.chk-wrap{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:10px;color:var(--text-3);-webkit-user-select:none;user-select:none;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chk-wrap:hover{color:var(--text-2)}.chk{width:12px;height:12px;border:1.5px solid var(--border-h);border-radius:3px;background:var(--surface-2);flex-shrink:0;position:relative;transition:.14s}.chk.checked{background:var(--accent);border-color:var(--accent)}.chk.checked:after{content:"";position:absolute;left:2px;top:0;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.icb{width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:.14s;flex-shrink:0;padding:0}.icb:hover{background:var(--surface-3);border-color:var(--border-h);color:var(--text)}.icb:disabled{opacity:.3;cursor:not-allowed}.icb svg{width:11px;height:11px;pointer-events:none}.port{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--border-h);transition:.14s;z-index:20}.port:hover{border-color:var(--blue);background:var(--blue-l);transform:scale(1.3)}.port.pi{left:-7px;top:50%;transform:translateY(-50%);cursor:crosshair}.port.pi:hover{transform:translateY(-50%) scale(1.3)}.port.po{right:-7px;top:50%;transform:translateY(-50%);cursor:crosshair}.port.po:hover{transform:translateY(-50%) scale(1.3)}.port.active{border-color:var(--blue);background:var(--blue-l)}.port.target-hl{border-color:var(--green);background:#22c55e40;transform:translateY(-50%) scale(1.4)}#sb{position:fixed;top:var(--th);right:0;width:var(--sw);bottom:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:500;overflow-y:auto}.sbs{padding:10px 10px 2px}.sbt{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:4px;font-family:DM Mono,monospace}.sbi{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:6px;cursor:pointer;color:var(--text-2);font-size:11px;font-weight:500;transition:.14s;margin-bottom:1px;border:none;background:transparent;width:100%;text-align:left}.sbi:hover{background:var(--surface-2);color:var(--text)}.sbi:active{background:var(--surface-3)}.sbic{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sbic svg{width:10px;height:10px}.sbic.bl{background:#4d8cff26;color:var(--blue)}.sbic.or{background:#ff6b1a26;color:var(--accent)}.sbic.gr{background:#22c55e26;color:var(--green)}.sbic.pu{background:#a855f726;color:var(--purple)}.sbdiv{height:1px;background:var(--border);margin:4px 10px}.flow-item{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;cursor:pointer;font-size:10px;color:var(--text-2);transition:.14s}.flow-item:hover{background:var(--surface-2);color:var(--text)}.flow-item svg{width:10px;height:10px;flex-shrink:0;color:var(--text-3)}.sb-note{padding:8px 10px;border-top:1px solid var(--border);font-size:9px;color:var(--text-3);line-height:1.5;font-family:DM Mono,monospace}.cp{fill:none;stroke:#3e4658;stroke-width:2;transition:stroke .25s}.cp.active{stroke:var(--blue);stroke-width:2.5}.cp.preview{stroke:var(--accent);stroke-width:2.2;stroke-dasharray:6 4;opacity:.85;pointer-events:none}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;display:flex;align-items:center;justify-content:center;animation:fi .15s ease}@keyframes fi{0%{opacity:0}}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:20px;min-width:320px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;animation:su .18s ease}.modal.wide{max-width:640px}@keyframes su{0%{transform:translateY(8px);opacity:0}}.modal h3{font-size:13px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:7px}.mcl{width:22px;height:22px;border-radius:4px;border:none;background:var(--surface-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);margin-left:auto;font-size:12px;flex-shrink:0}.mcl:hover{background:var(--border);color:var(--text)}.fg{margin-bottom:11px}.fl{display:block;font-size:10px;font-weight:600;color:var(--text-2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px;font-family:DM Mono,monospace}.fi,.fsel,.fta{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:11px;outline:none;font-family:inherit;transition:.14s}.fi:focus,.fsel:focus,.fta:focus{border-color:var(--blue);background:var(--surface-3)}.fta{resize:vertical;min-height:56px}.frow{display:flex;gap:7px}.frow .fg{flex:1}.rr{display:flex;align-items:center;gap:7px}input[type=range]{flex:1;accent-color:var(--accent)}.mf{display:flex;gap:6px;justify-content:flex-end;margin-top:13px;padding-top:11px;border-top:1px solid var(--border)}.btn{padding:6px 13px;border-radius:6px;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:.14s}.btn.p{background:var(--accent);color:#fff}.btn.p:hover{background:var(--accent-h)}.btn.p:disabled{opacity:.5;cursor:not-allowed}.btn.s{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn.s:hover{background:var(--surface-3);color:var(--text)}.btn.danger{background:transparent;border:1px solid var(--border);color:var(--red)}.btn.danger:hover{background:#ef44441a}.hintbox{font-size:11px;color:var(--text-2);line-height:1.5;margin-bottom:12px;padding:8px 10px;background:var(--surface-2);border-radius:6px;border:1px solid var(--border)}.errbox{font-size:11px;color:#fca5a5;line-height:1.4;margin-bottom:10px;padding:7px 10px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:6px}.fcard{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:.14s;margin-bottom:4px}.fcard:hover{border-color:var(--blue);background:var(--surface-3)}.fci{flex:1;min-width:0}.fcn{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcm{font-size:9px;color:var(--text-3);margin-top:1px;font-family:DM Mono,monospace}.fcdel{width:22px;height:22px;border-radius:4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:.14s}.fcdel:hover{background:#ef44441f;color:var(--red)}.tabbar{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:14px}.tab{padding:7px 12px;font-size:11px;font-weight:600;color:var(--text-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:.14s}.tab:hover{color:var(--text-2)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.keyrow{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);margin-bottom:6px}.keyname{font-size:11px;font-weight:600;min-width:88px;text-transform:capitalize}.keymask{font-size:10px;color:var(--text-3);font-family:DM Mono,monospace;flex:1}.keymask.set{color:var(--green)}.balance-big{font-family:DM Mono,monospace;font-size:26px;font-weight:500;color:var(--green);margin:4px 0 2px}.topup-row{display:flex;gap:7px;margin:10px 0 4px}.topup-btn{flex:1;padding:10px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;transition:.14s}.topup-btn:hover{border-color:var(--accent);background:var(--accent-l)}.topup-btn .amt{font-size:14px;font-weight:700;font-family:DM Mono,monospace}.topup-btn .sub{font-size:9px;color:var(--text-3);margin-top:2px}.ledger{max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:7px}.ledger-row{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;font-size:10px;border-bottom:1px solid var(--border);font-family:DM Mono,monospace}.ledger-row:last-child{border-bottom:none}.ledger-row .pos{color:var(--green)}.ledger-row .neg{color:var(--text-2)}.ledger-row .kind{color:var(--text-3)}.statgrid{display:flex;gap:8px;margin-bottom:12px}.stat{flex:1;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.stat .v{font-family:DM Mono,monospace;font-size:16px;font-weight:600}.stat .l{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.mini-table{width:100%;font-size:10px;border-collapse:collapse}.mini-table th{text-align:left;color:var(--text-3);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--border);font-family:DM Mono,monospace;text-transform:uppercase;font-size:9px}.mini-table td{padding:4px 6px;border-bottom:1px solid var(--border);color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px}.batch-cell{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}.batch-cell img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.batch-cell .bst{padding:5px 7px;font-size:9px;color:var(--text-3);font-family:DM Mono,monospace;display:flex;align-items:center;gap:5px}.batch-cell .bst.ok{color:var(--green)}.batch-cell .bst.err{color:var(--red)}.batch-cell .bst .spin{width:10px;height:10px;border-width:2px}#lb{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}#lb img{max-width:92vw;max-height:92vh;border-radius:8px;box-shadow:var(--shadow-lg)}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--text);padding:8px 16px;border-radius:8px;font-size:11px;font-weight:500;z-index:1100;opacity:0;pointer-events:none;transition:opacity .18s;white-space:nowrap;border:1px solid var(--border);box-shadow:var(--shadow-lg)}#toast.show{opacity:1}#toast.err{border-color:var(--red);color:#fca5a5}#toast.ok{border-color:var(--green)}@media (max-width:760px){:root{--sw:0px}#sb{display:none}}