html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden}:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}[hidden]{display:none!important}.eyebrow{color:#38bdf8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2{color:#f8fafc;margin:0}h1{letter-spacing:-.04em;font-size:34px;line-height:1}h2{letter-spacing:-.01em;margin-bottom:12px;font-size:15px}.intro{color:#cbd5e1;margin:16px 0 24px;line-height:1.5}.panel{background:#0f172ac7;border:1px solid #94a3b838;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 16px 40px #0000002e}label{color:#bae6fd;margin-bottom:8px;font-size:13px;font-weight:700;display:block}select,button,input[type=search]{color:#f8fafc;background:#0f172a;border:1px solid #94a3b859;border-radius:10px;width:100%}select,input[type=search]{box-sizing:border-box;padding:10px 12px}button{cursor:pointer;margin-top:10px;padding:10px 12px}button:hover{border-color:#38bdf8}.hint{color:#94a3b8;margin:8px 0 0;font-size:12px;line-height:1.4}.control-stack{gap:10px;display:grid}.facet-group{background:#02061759;border:1px solid #94a3b82e;border-radius:12px}.facet-group>summary{color:#e0f2fe;font-size:13px;font-weight:800}.facet-options{gap:4px;max-height:170px;padding:0 10px 10px;display:grid;overflow:auto}.check-row{color:#cbd5e1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;font-weight:500;display:grid}.check-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.check-row small{color:#64748b;font-variant-numeric:tabular-nums}.legend{color:#cbd5e1;gap:7px;font-size:12px;display:grid}.legend div{align-items:center;gap:9px;display:flex}.edge-swatch{border-top:3px solid #64748b;width:34px;height:0}.edge-swatch.physical{border-color:#f59e0b}.edge-swatch.logical{border-color:#22c55e;border-top-style:dashed}.edge-swatch.planned{border-color:#8b5cf6;border-top-style:dashed}.edge-swatch.dependency{border-color:#ef4444;border-top-style:dashdot}.edge-swatch.carried{border-color:#a78bfa;border-top-style:dashed}.edge-swatch.membership{border-color:#94a3b8;border-top-style:dotted}.edge-swatch.aggregated{border-color:#f59e0b8c;border-top-width:6px}.crit{border:3px solid #64748b;border-radius:6px;width:18px;height:10px}.crit.high{border-color:#fb7185}.crit.medium{border-color:#facc15}.crit.low{border-color:#86efac}.synthetic-box{background:#581c872e;border:2px dashed #d8b4fe;border-radius:5px;width:22px;height:12px}.no-segment-box{background:#42200659;border:2px dashed #fca5a5;border-radius:5px;width:22px;height:12px}.context-device-swatch{background:#33415573;border:2px solid #94a3b8;border-radius:5px;width:24px;height:14px}.halo-swatch{background:#64748b;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px 3px #ffffffb3}.node-swatch{border:2px solid #cbd5e1;width:20px;height:13px}.node-swatch.device{background:#2563eb;border-color:#93c5fd;border-radius:0}.node-swatch.vm{background:#7c3aed;border-color:#c4b5fd;border-radius:6px}.node-swatch.interface{background:#f97316;border-color:#fdba74;border-radius:0;width:14px;height:14px;transform:rotate(45deg)}.inline-toggle{margin-top:10px;margin-bottom:0}.stats{grid-template-columns:1fr auto;gap:8px 16px;margin:0;font-size:13px;display:grid}.stats dt{color:#94a3b8}.stats dd{color:#f8fafc;font-variant-numeric:tabular-nums;margin:0}.details{color:#c4b5fd;font-size:12px;line-height:1.35}.details details{background:#02061747;border:1px solid #94a3b82e;border-radius:10px;margin-top:8px}.details summary{cursor:pointer;color:#e0f2fe;padding:8px 10px;font-weight:800}.detail-row{border-top:1px solid #94a3b81f;grid-template-columns:minmax(84px,.7fr) minmax(0,1.3fr);gap:10px;padding:6px 10px;display:grid}.detail-label{color:#94a3b8;min-width:0}.detail-value{color:#e2e8f0;overflow-wrap:break-word;word-break:normal;min-width:0}.detail-source{color:#64748b;margin-top:2px;font-size:11px;display:block}.details pre{white-space:pre-wrap;margin:0;padding:10px;overflow:auto}#cy{z-index:0;background-color:#020617;background-image:radial-gradient(circle at 0 0,#3b82f624,#0000 42rem),radial-gradient(circle at 100% 100%,#22c55e1a,#0000 36rem),linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,100% 100%,32px 32px,32px 32px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:fixed;inset:0;box-shadow:inset 0 0 120px #0f172a99}.error-screen{background:#020617;place-content:center;min-height:100%;padding:24px;display:grid}.error-screen pre{color:#fecaca;background:#7f1d1d47;border:1px solid #f8717173;border-radius:14px;max-width:760px;padding:16px;overflow:auto}details.panel>summary,.facet-group>summary,.facet-subgroup>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:9px 10px;list-style:none;display:flex}details.panel>summary::-webkit-details-marker{display:none}.facet-group>summary::-webkit-details-marker{display:none}.facet-subgroup>summary::-webkit-details-marker{display:none}details.panel>summary:before,.facet-group>summary:before,.facet-subgroup>summary:before{content:"▸";color:#38bdf8;font-size:.9em}details.panel[open]>summary:before,.facet-group[open]>summary:before,.facet-subgroup[open]>summary:before{content:"▾"}details.panel>summary{color:#f8fafc;font-size:15px;font-weight:700}.facet-subgroups{gap:6px;padding:4px 6px 8px;display:grid}.facet-subgroup{background:#02061766;border:1px solid #94a3b824;border-radius:9px}.facet-subgroup>summary{color:#bae6fd;font-size:12px;font-weight:700}.filter-select{width:100%}.chips{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.chip{color:#e0f2fe;background:#38bdf81f;border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:4px;padding:3px 6px 3px 9px;font-size:12px;display:inline-flex}.chip-x{color:#f8fafc;cursor:pointer;background:#94a3b840;border:0;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:13px;line-height:1;display:inline-flex}.chip-x:hover{background:#f8717180}.float-panel{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172af0;border:1px solid #94a3b84d;border-radius:18px;flex-direction:column;width:340px;display:flex;position:fixed;top:16px;bottom:16px;overflow:hidden;box-shadow:0 24px 70px #02061799}.control-panel{left:16px}.detail-panel{height:auto;max-height:calc(100vh - 32px);bottom:auto;right:16px}.panel-scroll{flex:1;min-height:0;padding:4px 18px 18px;overflow-y:auto}.panel-head{flex:none;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 8px;display:flex}.panel-icon-btn{color:#e2e8f0;cursor:pointer;background:#02061780;border:1px solid #94a3b859;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:flex}.panel-icon-btn:hover{border-color:#38bdf899}.detail-close{z-index:2;position:absolute;top:12px;right:12px}.detail-panel .panel-scroll{padding-top:16px}.panel-reopen-btn{z-index:26;color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af0;border:1px solid #94a3b859;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;line-height:1;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 10px 30px #0206178c}.panel-reopen-btn:hover{border-color:#38bdf899}.overlay-btn{z-index:24;color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af0;border:1px solid #94a3b859;border-radius:999px;width:fit-content;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;box-shadow:0 10px 30px #02061780}.overlay-btn:hover{border-color:#38bdf899}.legend-toggle{bottom:16px;right:16px}body.detail-open .legend-toggle,body.detail-open .legend-panel{right:372px}.overlay-panel{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af5;border:1px solid #94a3b84d;position:fixed;box-shadow:0 20px 60px #02061799}.legend-panel{border-radius:14px;width:300px;max-height:60vh;padding:14px;bottom:62px;right:16px;overflow:auto}@media (width<=900px){.float-panel{width:min(340px,100vw - 32px)}}