.nw-scene{display:grid;gap:18px;width:100%;max-width:540px}.nw-map{position:relative;height:470px}.nw-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.nw-wires line{stroke:#d2d2d2;stroke-width:1.5;stroke-linecap:round;transition:stroke .3s}.nw-wires line.is-on{stroke:var(--ink)}.nw-hop,.nw-hub{fill:var(--paper);stroke:var(--ink-3);stroke-width:1.5;transition:fill .25s,stroke .25s}.nw-hop.is-on{fill:var(--ink);stroke:var(--ink)}.nw-pulse{fill:var(--ink);stroke:var(--paper);stroke-width:2}.nw-node,.nw-legend,.nw-num{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%)}.nw-node{transform:translate(-50%,-50%)}.nw-host{display:grid;justify-items:center;min-width:66px;padding:6px 10px 7px;border:1px solid var(--line);border-radius:9px;white-space:nowrap;background:var(--white);box-shadow:0 1px 2px #0000000d;transition:border-color .25s}.nw-host b{font:500 11.5px/1.35 var(--mono);color:var(--ink)}.nw-host small{font-size:10.5px;line-height:1.35;color:#737373}.nw-host.is-on{border-color:var(--ink)}.nw-host:after{content:"";position:absolute;top:-5px;right:-5px;width:8px;height:8px;border:2px solid var(--paper);border-radius:50%;background:var(--green);opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s var(--ease)}.nw-host.is-ok:after{opacity:1;transform:none}.nw-limit{width:100%;height:2px;margin-top:5px;overflow:hidden;border-radius:1px;background:#ebebeb}.nw-limit i{display:block;height:100%;background:var(--ink-3);transform-origin:left center;transition:background-color .25s}.nw-host.is-on .nw-limit i{background:var(--ink)}.nw-server{z-index:1;display:grid;gap:8px;width:max-content;padding:17px 14px;border-radius:12px;color:var(--white);background:var(--ink);box-shadow:0 18px 28px -22px #00000080}.nw-server__name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.nw-server__name .nx-i{font-size:15px;color:var(--ink-3)}.nw-server__name small{margin-left:auto;font-size:10.5px;font-weight:400;letter-spacing:0;color:var(--ink-3)}.nw-if{display:flex;justify-content:space-between;gap:16px;font:10.5px/1.3 var(--mono);white-space:nowrap;color:var(--ink-3)}.nw-if b{font-weight:500;color:var(--white)}.nw-port{position:absolute;left:50%;top:0;display:flex;align-items:center;gap:6px;height:22px;padding:0 9px;border:1px solid var(--ink);border-radius:7px;font:500 10.5px/1 var(--mono);white-space:nowrap;color:var(--ink);background:var(--white);transform:translate(-50%,-50%)}.nw-port--down{top:100%}.nw-port em{font-family:var(--font-sans);font-style:normal;font-weight:400;color:#737373}.nw-port i{width:6px;height:6px;border-radius:50%;background:var(--line-2);transition:background-color .2s}.nw-port.is-on i{background:var(--ink);animation:nw-blink .7s steps(2,jump-none) infinite}.nw-legend{font-size:10.5px;line-height:1.2;white-space:nowrap;color:#737373;transform:translateY(-50%)}.nw-legend b{font:500 10.5px/1.2 var(--mono);color:var(--ink-2)}.nw-legend--left{margin-left:-12px;transform:translate(-100%,-50%)}.nw-num{font:500 9.5px/1 var(--mono);color:var(--ink-3);transform:translate(-50%,9px);transition:color .25s}.nw-num.is-on{color:var(--ink)}.nw-num--first{transform:translate(9px,8px)}.nw-num--side{transform:translate(calc(-100% - 9px),-50%)}.nw-chip{z-index:2;height:20px;padding:0 7px;border:1px solid var(--line-2);border-radius:6px;font:500 10.5px/18px var(--mono);white-space:nowrap;color:var(--ink);background:var(--white);transition:opacity .25s,transform .35s var(--ease)}.nw-chip--ok{border-color:var(--green-50);color:var(--green);background:var(--green-50)}.nw-chip.is-hidden{opacity:0;transform:translate(-50%,-50%) scale(.8)}.nw-console{display:grid;justify-items:center;gap:10px}.nw-tabs{display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--paper-2)}.nw-tab{height:26px;padding:0 12px;border-radius:7px;font-size:12px;font-weight:500;color:#737373;transition:color .2s,background-color .2s,box-shadow .2s}.nw-tab:hover{color:var(--ink)}.nw-tab[aria-selected=true]{color:var(--ink);background:var(--white);box-shadow:0 1px 2px #0000001a}.nw-readout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;min-height:18px;font-size:12.5px;line-height:18px;text-align:center;color:var(--ink-2)}.nw-readout i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--green);transition:background-color .2s}.nw-readout.is-busy i{background:var(--ink-3);animation:nw-wait 1.2s ease-in-out infinite}.nw-readout b{font:500 12px/18px var(--mono);white-space:nowrap;color:var(--ink)}@keyframes nw-blink{0%{opacity:1}to{opacity:.25}}@keyframes nw-wait{0%,to{opacity:.35}50%{opacity:1}}@media(max-width:640px){.nw-map{height:420px}.nw-host{min-width:0;padding:5px 7px 6px;border-radius:8px}.nw-host b{font-size:10.5px}.nw-host small{font-size:9.5px}.nw-server{padding-inline:12px}.nw-if{gap:12px}}