:root{--ink: #223a54;--paper: #fbf9f2;--sheet: #f1ede2;--dim: #3c5470;--faint: #8195a8;--muted: #5b7089;--red: #be4b32;--green: #2f6b4f}body{margin:0;background:var(--sheet)}a{color:var(--ink)}a:hover{color:#2e4c6e}@keyframes antsGw{to{stroke-dashoffset:-46}}@keyframes antsVpn{to{stroke-dashoffset:-42}}@keyframes antsRoute{to{stroke-dashoffset:-38}}@keyframes packetpath{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes calloutIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.nx-app{font-family:Space Grotesk,sans-serif;color:var(--ink);height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sheet)}.nx-header{flex:none;display:flex;flex-wrap:wrap;row-gap:10px;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 28px;border-bottom:2px solid var(--ink)}.nx-header--site{padding-top:14px}.nx-brand{font-weight:700;font-size:20px;letter-spacing:.28em}.nx-crumb{font-family:Space Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--muted);margin-top:2px}.nx-crumb a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}.nx-header-stats{display:flex;gap:28px;margin:0 auto;padding:0 24px 2px;font-family:Space Mono,monospace}.nx-stat-value{font-size:16px;font-weight:700}.nx-stat-value--ok{color:var(--green)}.nx-stat-value--red{color:var(--red)}.nx-stat-label{font-size:8px;letter-spacing:.18em;color:var(--muted)}.nx-header-status{display:flex;align-items:flex-end;gap:14px}.nx-stamp{border:2px solid var(--green);color:var(--green);border-radius:4px;padding:5px 10px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.18em;transform:rotate(-5deg);margin-bottom:2px;opacity:.9;white-space:nowrap}.nx-stamp--red{border-color:var(--red);color:var(--red)}.nx-main{flex:1;min-height:0;display:flex}.nx-canvas{flex:1;position:relative;min-width:0;background-image:linear-gradient(rgba(34,58,84,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(34,58,84,.16) 1px,transparent 1px),linear-gradient(rgba(34,58,84,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,58,84,.07) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px}.nx-canvas-scroll{position:absolute;inset:0;overflow:auto}.nx-sheet{position:relative;margin:0 auto}.nx-map-controls{position:absolute;top:16px;left:24px;display:flex;gap:6px}.nx-zoom-btn--on{background:var(--ink);color:var(--sheet)}.nx-zoom{position:absolute;top:16px;right:24px;display:flex;gap:6px}.nx-zoom-btn{min-width:26px;text-align:center;font-family:Space Mono,monospace;font-size:11px;border:1.5px solid var(--ink);background:#f1ede2eb;padding:3px 6px;cursor:pointer;-webkit-user-select:none;user-select:none}.nx-zoom-btn:hover{background:var(--ink);color:var(--sheet)}.nx-sheet-layer{position:absolute;inset:0;width:100%;height:100%}.nx-legend{position:absolute;left:24px;bottom:20px;font-family:Space Mono,monospace;font-size:10px;color:var(--dim);display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;background:#f1ede2eb;padding:5px 10px;max-width:min(700px,calc(100% - 174px))}.nx-legend--site{max-width:min(660px,calc(100% - 174px))}.nx-legend>span{display:flex;align-items:center;gap:6px}.nx-legend-hint{color:var(--muted)}.nx-export{position:absolute;right:24px;bottom:20px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--ink);border:1.5px solid var(--ink);background:#f1ede2eb;padding:5px 10px;cursor:pointer}.nx-export:hover{background:var(--ink);color:var(--sheet)}.nx-dropzone{position:absolute;inset:12px;border:2px dashed var(--ink);background:#f1ede2d9;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:12px;letter-spacing:.2em;pointer-events:none}.nx-rail{width:320px;flex:none;border-left:2px solid var(--ink);padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.nx-box{border:1.5px solid var(--ink);background:var(--paper)}.nx-box-head{background:var(--ink);color:var(--sheet);padding:6px 12px;font-family:Space Mono,monospace;font-size:10.5px;letter-spacing:.2em}.nx-box-head--toggle{cursor:pointer;display:flex;justify-content:space-between}.nx-cfg-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.nx-cfg-hint{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.14em;color:var(--muted)}.nx-cfg-textarea{border:1.5px solid var(--ink);background:#fff;padding:6px 8px;font-family:Space Mono,monospace;font-size:10px;line-height:1.5;width:100%;box-sizing:border-box;resize:vertical;color:var(--ink);display:block;white-space:pre;overflow-x:auto}.nx-cfg-buttons{display:flex;gap:8px}.nx-btn{background:var(--sheet);color:var(--ink);border:1.5px solid var(--ink);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.1em;padding:7px 10px;cursor:pointer;white-space:nowrap}.nx-btn:hover{background:var(--ink);color:var(--sheet)}.nx-btn--primary{flex:1;background:var(--ink);color:var(--sheet);letter-spacing:.14em}.nx-btn--primary:hover{background:#2e4c6e}.nx-inspect-body{padding:10px 12px}.nx-fade{animation:fadeIn .25s ease}.nx-inspect-id{font-family:Space Mono,monospace;font-size:18px;font-weight:700}.nx-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin-top:8px;font-family:Space Mono,monospace;font-size:11px}.nx-kv--site{font-size:12px}.nx-kv-key{color:var(--muted)}.nx-r{text-align:right}.nx-ok{color:var(--green)}.nx-red{color:var(--red)}.nx-open-sheet{margin-top:10px;border:1.5px solid var(--ink);text-align:center;padding:7px;font-family:Space Mono,monospace;font-size:11.5px;letter-spacing:.16em;cursor:pointer;background:var(--sheet)}.nx-open-sheet:hover{background:var(--ink);color:var(--sheet)}.nx-table{padding:6px 12px 8px;font-family:Space Mono,monospace;font-size:11px}.nx-thead{display:grid;gap:8px;padding:4px 0;border-bottom:1px solid var(--ink);color:var(--muted);font-size:9px;letter-spacing:.12em}.nx-trow{display:grid;gap:8px;padding:5px 0;border-bottom:1px solid rgba(34,58,84,.25)}.nx-tfoot{display:flex;justify-content:space-between;padding:6px 0 2px;font-weight:700}.nx-trow--click{cursor:pointer}.nx-trow--click:hover{background:#223a540f}.nx-trow--sel{font-weight:700}.nx-subrow{display:flex;justify-content:space-between;gap:8px;padding:3px 0 3px 12px;font-size:10px;color:var(--dim);border-bottom:1px solid rgba(34,58,84,.12)}.nx-subrow--click{cursor:pointer}.nx-subrow--click:hover{background:#223a540f}.nx-cols-sites{grid-template-columns:1fr 40px 56px 34px}.nx-cols-tuns{grid-template-columns:1fr 96px}.nx-cols-devwan{grid-template-columns:1fr 70px}.nx-cols-subnet{grid-template-columns:36px 1fr 44px 44px}.nx-cols-devsite{grid-template-columns:1fr 66px 30px}@media(max-width:720px){.nx-app{height:auto;min-height:100vh;overflow:visible}.nx-main{flex-direction:column}.nx-canvas{min-height:62vh}.nx-rail{width:auto;border-left:none;border-top:2px solid var(--ink)}}.nx-titleblock{margin-top:auto}.nx-titleblock-head{display:flex;border-bottom:1px solid var(--ink)}.nx-titleblock-brand{padding:7px 12px;font-weight:700;letter-spacing:.22em;font-size:12px;border-right:1px solid var(--ink)}.nx-titleblock-label{padding:7px 12px;font-family:Space Mono,monospace;font-size:11px;align-self:center}.nx-titleblock-grid{display:grid;grid-template-columns:1fr 1fr 1fr;font-family:Space Mono,monospace;font-size:11px}.nx-titleblock-grid--bottom{border-top:1px solid rgba(34,58,84,.4)}.nx-titleblock-grid>div{padding:5px 12px;border-right:1px solid rgba(34,58,84,.4)}.nx-titleblock-grid>div:last-child{border-right:none}.nx-tb-key{display:block;font-size:9px;letter-spacing:.16em;color:var(--muted)}