:root{--bg:#1d1f1f;--bg2:#232626;--panel:#252828;--panel2:#2c3030;--line:#3b4141;--line2:#4c5353;--ink:#e9e9e6;--dim:#9aa09e;--faint:#646b69;--red:#e25b5b;--amber:#e0a944;--green:#6cc28a;--blue:#7fa7e0;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.muted{color:var(--dim);margin:0;line-height:1.5}.red{color:var(--red)!important;fill:var(--red)!important}.amber{color:var(--amber)}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:wrap;align-items:center;gap:18px;min-height:56px;padding:10px 16px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-weight:700;display:flex}.logo{border:1px solid var(--line2);letter-spacing:.04em;padding:3px 6px;font-size:12px}.tabs{background:var(--bg2);border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.tabs button{color:var(--dim);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-weight:500}.tabs button.on{background:var(--panel2);color:var(--ink)}.metrics{gap:18px;margin-left:auto;display:flex}.metrics div{flex-direction:column;align-items:flex-end;min-width:64px;display:flex}.metrics small{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metrics b{font-size:17px;font-weight:600}.metrics .bad b{color:var(--red)}.run{align-items:center;gap:8px;display:flex}.icon-btn{width:36px;height:32px;padding:0}.seg{border:1px solid var(--line);border-radius:7px;display:inline-flex;overflow:hidden}.seg button{color:var(--dim);font-family:var(--mono);background:0 0;border:0;padding:5px 9px;font-size:12px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--panel2);color:var(--ink)}button.ghost,button.primary,button.danger{border:1px solid var(--line2);background:var(--panel);border-radius:7px;padding:7px 12px;font-weight:500}button.ghost:hover{background:var(--panel2)}button.primary{background:var(--ink);color:#151717;border-color:var(--ink);font-weight:600}button.primary:hover{background:#fff}button.danger{color:var(--red);background:0 0;border-color:#5a3434;width:100%;margin-top:14px}button.link{color:var(--dim);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.workspace{flex:1;min-height:0;display:flex}.palette{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:168px;padding:12px 10px;display:flex;overflow-y:auto}.palette-title{color:var(--faint);letter-spacing:.12em;margin:2px 4px 4px;font-size:10px}.pal-item{border:1px solid var(--line);background:var(--bg2);text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 9px;display:flex}.pal-item:hover:not(:disabled){border-color:var(--line2);background:var(--panel2)}.pal-item:disabled{opacity:.3;cursor:not-allowed}.pal-tag{color:var(--faint);letter-spacing:.08em;font-size:9px}.pal-name{font-size:13px;font-weight:500}.pal-reset{color:var(--faint);text-align:left;background:0 0;border:0;margin-top:auto;padding:8px 4px;font-size:12px}.stage{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.canvas-wrap{flex:1;min-height:0;position:relative}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.canvas:active{cursor:grabbing}.grid-dot{fill:#2f3434}.zoom{border:1px solid var(--line);background:var(--bg2);border-radius:7px;flex-direction:column;display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden}.zoom button{width:32px;height:30px;color:var(--dim);background:0 0;border:0}.zoom button+button{border-top:1px solid var(--line)}.toast{background:var(--panel2);border:1px solid var(--line2);z-index:30;border-left-width:3px;border-radius:7px;max-width:min(520px,100% - 32px);padding:9px 14px;font-size:13px;line-height:1.45;position:fixed;top:68px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.toast.good{border-left-color:var(--green)}.toast.bad{border-left-color:var(--red)}.link-tip{background:var(--panel2);border:1px solid var(--line2);pointer-events:none;z-index:4;border-radius:7px;max-width:260px;padding:7px 10px;font-size:12.5px;line-height:1.4;position:absolute}.link-tip.ok{border-color:var(--green)}.link-tip.bad{border-color:var(--red);color:#f2b3b3}.node-wrap.link-bad{opacity:.28}.canvas .node-wrap.link-ok .node-box{stroke:var(--green);stroke-width:1.6px;fill:#6cc28a0f}.edge.sync .edge-line{stroke-dasharray:4 4;stroke:#5b7aa8}.edge.sync .edge-flow{stroke:var(--blue);stroke-width:2.4px}.edge.sync .edge-label{fill:var(--blue)!important}.node-wrap{cursor:pointer}.node-box{fill:#0000;stroke:#454c4b;stroke-width:1px;stroke-dasharray:4 4;transition:stroke .15s}.node-wrap:hover .node-box{stroke:#6f7775}.node.sel .node-box{stroke:var(--blue);stroke-width:1.4px;fill:#7fa7e00a}.node.h-hot .node-box,.node.h-down .node-box{stroke:#7a3a3a}.label{fill:var(--ink);font-family:var(--sans);font-size:15px;font-weight:600}.label.big{font-size:17px}.c{text-anchor:middle}.r{text-anchor:end}text.mono{font-family:var(--mono);fill:var(--ink);font-size:13px}text.small{font-size:11.5px}text.tiny{font-size:10px}text.dim{fill:var(--dim)}text.dim2{fill:#b9bdbb}.num{font-family:var(--sans);fill:var(--ink);font-size:17px;font-weight:700}.frame{fill:#2a2e2e;stroke:var(--line2);stroke-width:1.2px}.frame.dashed{stroke-dasharray:5 4}.doc,.srv{fill:#262a2a;stroke:#6d7472;stroke-width:1.1px}.srv-line{stroke:#858c8a;stroke-width:1.1px}.srv-dot{fill:#c4c8c6}.dead .srv{stroke:var(--red);opacity:.6}.x{stroke:var(--red);stroke-width:1.6px}.icon,.icon *{fill:none;stroke:#9aa09e;stroke-width:1.3px}.cyl-body{fill:#2a2e2e;stroke:#6d7472;stroke-width:1.2px}.cyl-top{fill:#353a3a;stroke:#6d7472;stroke-width:1.2px}.cyl-ring{fill:none;stroke:#4f5655}.cyl.hot .cyl-body,.cyl.hot .cyl-top,.cyl.down .cyl-body,.cyl.down .cyl-top{stroke:var(--red);stroke-width:1.8px}.slot{fill:#252929;stroke:#5c6362}.slot.on{fill:#6f7775}.slot.on.hot{fill:var(--red)}.ring{fill:none;stroke:#4f5655;stroke-dasharray:3 3}.vnode{fill:#353a3a;stroke:#9aa09e}.vnode.dead{stroke:var(--red)}.bar-bg{fill:#3a4040}.bar-fg{fill:#c9cdcb;transition:width .4s}.bar-fg.warm{fill:var(--amber)}.bar-fg.hot{fill:var(--red)}.h-hot .frame,.h-down .frame{stroke:var(--red);stroke-width:1.8px}.h-warm .frame{stroke:var(--amber)}.h-hot .label,.h-down .label{fill:var(--red)}.h-down{opacity:.75}.port{cursor:crosshair}.port-hit{fill:#0000}.port-dot{fill:var(--bg);stroke:var(--line2);stroke-width:1.4px;transition:all .15s}.port:hover .port-dot{stroke:var(--ink);fill:var(--ink)}.edge{cursor:pointer}.edge-hit{fill:none;stroke:#0000;stroke-width:14px}.edge-line{fill:none;stroke:#5c6362;stroke-width:1.2px}.edge-arrow{fill:none;stroke:#7a8280;stroke-width:1.2px}.edge-flow{fill:none;stroke:#d8dbd9;stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:.1 13;animation:linear infinite flow}@keyframes flow{to{stroke-dashoffset:-26.2px}}.edge.hot .edge-flow{stroke:var(--red)}.edge.hot .edge-line{stroke:#8a3c3c}.edge.warm .edge-flow{stroke:var(--amber)}.edge.bot .edge-flow{stroke:#c58e5a}.edge.sel .edge-line{stroke:var(--blue);stroke-width:2px}.edge-label{fill:var(--dim)!important}.edge.hot .edge-label{fill:var(--red)!important}.link-preview{stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:5 4;fill:none}.inspector{border-left:1px solid var(--line);background:var(--bg);flex-shrink:0;width:330px;padding:16px;overflow-y:auto}.inspector header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.inspector h2{margin:4px 0 0;font-size:19px;line-height:1.25}.tag{font-family:var(--mono);color:var(--faint);letter-spacing:.12em;font-size:10px}.close{color:var(--dim);background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}.about{color:#c9cdcb;margin:0 0 12px;line-height:1.5}.inspector p{line-height:1.5}.sec{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.sec h3{font-family:var(--mono);color:var(--faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:500}.controls{flex-direction:column;gap:4px;display:flex}.row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.row.stack{flex-direction:column;align-items:stretch;gap:6px}.row.stack .seg{flex-wrap:wrap;align-self:flex-start}.row-label{flex-direction:column;gap:2px;display:flex}.row-label small{color:var(--faint);font-size:11.5px;line-height:1.35}.stepper{border:1px solid var(--line2);border-radius:7px;align-items:center;display:flex;overflow:hidden}.stepper button{background:var(--panel);border:0;width:32px;height:30px;font-size:16px}.stepper button:disabled{opacity:.35;cursor:default}.stepper input{width:64px;height:30px;color:var(--ink);text-align:center;background:0 0;border:0;font-size:13px}.stepper input:focus{background:var(--panel2);outline:none}.toggle{cursor:pointer;position:relative}.toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:var(--line);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--dim);border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.switch{background:var(--ink)}.toggle input:checked+.switch:after{background:var(--bg);left:19px}.toggle input:focus-visible+.switch{outline:2px solid var(--blue)}.slider{padding:4px 0 6px}.slider-head{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}input[type=range]{width:100%;accent-color:var(--ink)}.stats{grid-template-columns:1fr 1fr;gap:10px 12px;margin:0;display:grid}.stats.wide{margin:14px 0}.stats dt{color:var(--faint);font-size:11px}.stats dd{margin:2px 0 0;font-size:15px}.breakdown{flex-direction:column;gap:6px;margin-top:14px;display:flex}.bd-row{grid-template-columns:64px 1fr 48px;align-items:center;gap:8px;font-size:12px;display:grid}.bd-row .mono{text-align:right}.bd-bar{background:var(--line);height:5px}.bd-bar i{background:#c9cdcb;height:100%;display:block}.bd-bar i.t-write{background:var(--amber)}.bd-bar i.t-static{background:var(--blue)}.bd-bar i.t-search{background:var(--green)}.bd-bar i.t-bot{background:var(--red)}.hints{flex-direction:column;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.hints li{border-left:2px solid var(--line2);background:var(--bg2);cursor:pointer;padding:8px 10px;font-size:13px;line-height:1.45}.hints li.bad{border-color:var(--red)}.hints li.warn{border-color:var(--amber)}.howto{color:var(--dim);flex-direction:column;gap:6px;margin:0;padding-left:18px;line-height:1.5;display:flex}.chaos{flex-direction:column;gap:6px;display:flex}.chaos button{color:#e88;text-align:left;background:0 0;border:1px dashed #5a3434;border-radius:7px;padding:7px 10px}.monitor{border-top:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:flex-start;display:flex}.mon-toggle{color:var(--faint);letter-spacing:.12em;white-space:nowrap;background:0 0;border:0;padding:10px 12px;font-size:10px}.mon-body{flex:1;gap:18px;min-width:0;padding:8px 12px 8px 0;display:flex}.sparks{flex-direction:column;gap:2px;display:flex}.sparks>div{align-items:center;gap:8px;display:flex}.sparks small{width:64px;color:var(--faint);font-size:10px}.log{flex-direction:column;flex:1;gap:3px;min-width:0;max-height:92px;margin:0;padding:0;font-size:12px;line-height:1.4;list-style:none;display:flex;overflow:hidden}.log li .mono{color:var(--faint);margin-right:4px}.log li.bad{color:#f09a9a}.log li.good{color:#9fd8b1}.log li.warn{color:#e8c27a}.picker{flex:1;padding:32px 24px 48px;overflow-y:auto}.picker-head{max-width:1100px;margin:0 auto 24px}.picker h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px}.picker-head p{color:var(--dim);max-width:640px;margin:0 0 16px;line-height:1.55}.progress{align-items:center;gap:12px;max-width:360px;display:flex}.progress .track{background:var(--line);flex:1;height:4px}.progress .track i{background:var(--green);height:100%;display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;max-width:1100px;margin:0 auto;display:grid}.card{text-align:left;border:1px solid var(--line);background:var(--bg2);border-radius:10px;flex-direction:column;gap:6px;min-height:150px;padding:14px 16px;display:flex}.card:hover{border-color:var(--line2);background:var(--panel)}.card.done{border-color:#35553f}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top .num{color:var(--faint);font-size:13px}.lvl{border:1px solid var(--line2);color:var(--dim);border-radius:10px;padding:2px 7px;font-size:11px}.lvl.l2{color:var(--amber);border-color:#5d4a25}.lvl.l3{color:#e8875a;border-color:#5d3f2c}.lvl.l4{color:var(--red);border-color:#5a3434}.lvl.l5{color:#c79bf2;border-color:#4a3a5e}.tier{max-width:1100px;margin:0 auto 28px}.tier-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.tier-head h2{margin:0;font-size:15px}.tier-head .lvl{padding:3px 10px;font-size:13px}.tier-head p{color:var(--dim);flex:1;min-width:200px;margin:0;font-size:13px}.tier-count{color:var(--faint);font-size:12px}.card h3{margin:4px 0 0;font-size:17px;line-height:1.3}.topic{color:var(--dim);margin:0;font-size:13px}.card-foot{color:var(--faint);margin-top:auto;font-size:12px}.card-foot .ok{color:var(--green)}.hud{background:var(--bg2);border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 18px;padding:9px 14px;display:flex}.hud-title{align-items:baseline;gap:8px;display:flex}.hud-title .num{color:var(--faint)}.hud-time{color:var(--dim);align-items:center;gap:8px;font-size:12px;display:flex}.bar{background:var(--line);width:120px;height:4px}.bar i{background:var(--ink);height:100%;transition:width .3s;display:block}.bar.err{width:80px}.bar.err i{background:var(--green)}.hud-chips{gap:6px;font-size:12px;display:flex}.hud-chips span{border:1px solid var(--line);border-radius:6px;padding:3px 7px}.hud-chips span.bad{border-color:var(--red);color:var(--red)}.hud-budget{color:var(--dim);align-items:center;gap:8px;font-size:12px;display:flex}.hud-actions{gap:6px;margin-left:auto;display:flex}.modal-bg{z-index:20;background:#0a0c0cb3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line2);border-radius:12px;width:100%;max-width:560px;max-height:calc(100% - 16px);padding:24px;overflow-y:auto}.modal.win{border-color:#35553f}.modal.lose{border-color:#5a3434}.modal-tag{color:var(--faint);letter-spacing:.1em;font-size:11px}.modal.win .modal-tag{color:var(--green)}.modal.lose .modal-tag{color:var(--red)}.modal h2{letter-spacing:-.01em;margin:6px 0 10px;font-size:26px;line-height:1.2}.modal h3{margin:16px 0 6px;font-size:14px}.modal p{color:#cfd2d0;margin:0 0 10px;line-height:1.55}.modal .task{color:var(--ink);font-weight:600}.goals{border:1px solid var(--line);color:var(--dim);border-radius:8px;flex-direction:column;gap:4px;margin:0 0 12px;padding:10px 12px;font-size:12.5px;list-style:none;display:flex}.goals li:before{content:"— ";color:var(--faint)}.hints-box{margin:4px 0}.hints-box p{font-size:13.5px}.hints-box .mono{color:var(--faint);font-size:12px}.links{flex-direction:column;gap:6px;margin:8px 0;display:flex}.links a{color:var(--blue);font-size:13.5px;text-decoration:none}.links a:hover{text-decoration:underline}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.result-chip{z-index:15;background:var(--panel2);border:1px solid var(--line2);border-radius:20px;padding:8px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.palette-strip{border-top:1px solid var(--line);background:var(--bg);z-index:5;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.palette-strip .palette{border:0;flex-direction:row;width:auto;padding:8px 10px;overflow-x:auto}.palette-strip .palette-title,.palette-strip .pal-reset{display:none}.palette-strip .pal-item{flex-shrink:0;padding:6px 9px}.narrow .workspace{padding-bottom:62px}.sheet-open{border:1px solid var(--line2);background:var(--panel);border-radius:7px;padding:7px 12px;font-size:13px;position:absolute;top:12px;right:12px}.sheet{z-index:10;border-top:1px solid var(--line2);background:var(--bg);border-radius:14px 14px 0 0;max-height:62vh;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0006}.sheet .inspector{width:100%;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:0 0;border:0}.narrow .topbar{gap:10px 12px;padding:8px 12px}.narrow .metrics{order:3;justify-content:space-between;gap:8px;width:100%;margin-left:0}.narrow .metrics div{align-items:flex-start;min-width:0}.narrow .metrics b{font-size:15px}.narrow .run{margin-left:auto}.narrow .hud{gap:8px 12px;padding:8px 12px}.narrow .hud-actions{width:100%;margin-left:0}.narrow .hud-actions button{flex:1}.narrow .sparks{display:none}.narrow .log{max-height:54px}@media (width<=1240px){.brand-name{display:none}}@media (width<=520px){.tabs button{padding:6px 9px}.picker{padding:20px 16px 40px}.picker h1{font-size:26px}.modal{padding:18px}.modal h2{font-size:22px}.hud-budget .bar.err{width:56px}}h1,h2,h3,.hud-title b{text-wrap:balance}.palette-strip .palette{scrollbar-width:none}.monitor{height:104px;overflow:hidden}.monitor.closed{height:38px}.narrow .monitor{height:72px}.narrow .monitor.closed{height:38px}.wiring{margin-bottom:10px}.warn-line{color:var(--red);margin:0 0 8px;font-size:13px}.links-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.links-list li{background:var(--bg2);cursor:pointer;border-radius:5px;justify-content:space-between;gap:10px;padding:6px 8px;font-size:13px;display:flex}.links-list li .mono{color:var(--dim);text-align:right;font-size:11px}.links-list li.empty{color:var(--faint);cursor:default}.small-note{margin:2px 0 6px;font-size:12px}text.size-badge{fill:var(--amber);font-weight:600}.metrics small.sub{color:var(--faint);letter-spacing:0;text-transform:none;font-size:10px}.bill{flex-direction:column;gap:3px;margin:0 0 8px;padding:0;list-style:none;display:flex}.bill li{background:var(--bg2);cursor:pointer;border-radius:5px;justify-content:space-between;gap:10px;padding:5px 8px;font-size:13px;display:flex}.bill li small{color:var(--faint);font-size:11px}.bill li.total{border-top:1px solid var(--line);cursor:default;background:0 0;border-radius:0;font-weight:600}.capacity{font-family:var(--mono);color:#c9cdcb;background:var(--bg2);border-left:2px solid var(--line2);margin:0 0 6px;padding:7px 10px;font-size:12px;line-height:1.5}text.region-badge{letter-spacing:.06em;font-weight:600}text.region-badge.r-eu{fill:var(--blue)!important}text.region-badge.r-us{fill:var(--green)!important}text.region-badge.r-asia{fill:var(--amber)!important}.edge.xregion .edge-line{stroke-dasharray:8 4;stroke:#8a7a52}.edge.xregion .edge-label{fill:var(--amber)!important}