.viz-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:55px;display:grid}.viz-hero h1{font-size:clamp(42px,5.3vw,76px)}.viz-counts{color:var(--muted);gap:28px;margin-top:32px;font-size:12px;display:flex}.viz-counts strong{font:28px var(--display);color:var(--ink);margin-bottom:5px;display:block}.viz-hero-art{background:radial-gradient(at 100% 0,#16374488,#0000),linear-gradient(140deg,#141327,#0b1521);border:1px solid #35415a;border-radius:20px;padding:35px 25px;transform:perspective(900px)rotateY(-8deg);box-shadow:0 0 80px #54d6f508}.viz-art-source{font:12px/2 var(--mono);color:#b7ff53;background:#081510;border:1px solid #42774e;border-radius:8px;margin-top:30px;padding:22px 12px}.viz-art-source span{color:#c9d8cd;font-size:11px;display:block}.viz-art-path{background:linear-gradient(var(--cyan),var(--pink));width:1px;height:55px;margin:auto}.viz-art-branches{border-top:1px solid var(--cyan);justify-content:space-between;gap:8px;padding-top:20px;display:flex}.viz-art-branches span{font:11px var(--mono);background:#172137;border:1px solid #376079;border-radius:6px;padding:12px 8px}.viz-art-branches span:last-child{color:#ff9bd4;border-color:#975386}.viz-art-bottom{font:10px var(--mono);letter-spacing:1px;color:#b4c3d8;text-align:center;margin-top:35px}.viz-lab-shell{background:linear-gradient(145deg,#101725,#100f1b);border:1px solid #34435d;border-radius:20px;padding:30px;overflow:hidden}.viz-lab-bar{justify-content:space-between;align-items:center;gap:24px;display:flex}.viz-lab-bar p{margin-top:5px;font-size:12px}.viz-lab-bar .search-field{flex-shrink:0;width:250px}.viz-lab-shell select,.viz-filters select{width:100%;color:var(--ink);background:#111a2b;border:1px solid #425168;border-radius:6px;margin-top:8px;padding:12px;display:block}.viz-state{color:#dcecd9;background:#182525;border-left:3px solid #b7ff53;margin:24px 0;padding:14px 18px;font-size:13px}.viz-lab-shell:has([value=fault]:checked) .viz-state{color:#ffe0f1;background:#2a1927;border-color:#ff78c5}.viz-source{border:1px solid var(--line);background:#0b101b;border-radius:8px;min-width:0;margin-block:15px;padding:16px}.viz-source summary{cursor:pointer;color:#c5d5e9;font-size:13px}.viz-source pre{max-width:100%;font:12px/1.9 var(--mono);color:#d3eddf;padding:20px 0;overflow:auto}.viz-source p,.viz-source li{color:#b8c7db;font-size:12px;line-height:1.8}.viz-source ul{padding-left:20px}.viz-table-scroll{overflow:auto}.viz-source table{border-collapse:collapse;font:12px var(--mono);text-align:left;width:100%}.viz-source caption{text-align:left;margin-bottom:15px}.viz-source th,.viz-source td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 10px}.viz-demo-heading{justify-content:space-between;align-items:center;gap:20px;margin:38px 0 12px;display:flex}.viz-demo-heading h3{margin-top:8px;font-size:28px}.viz-controls,.viz-device-buttons{flex-wrap:wrap;gap:8px;display:flex}.viz-controls button,.viz-device-buttons button{color:#dcefff;font:12px var(--mono);background:#151f30;border:1px solid #455069;border-radius:6px;padding:10px 14px}.viz-controls button:hover,.viz-device-buttons button:hover{border-color:var(--cyan)}.viz-device-buttons button[aria-pressed=true]{color:#ffd9ef;background:#302038;border-color:#ff78c5}.viz-lab-shell button:disabled{opacity:.5;cursor:default}.viz-help,.viz-credit{color:#b7c6dc;margin:12px 0;font-size:12px;line-height:1.8}.viz-credit a{text-underline-offset:3px;color:var(--cyan);text-decoration:underline}.viz-markmap-stage{background:#0a101a;border:1px solid #293e57;border-radius:10px;height:490px;margin-top:18px;position:relative;overflow:hidden}.viz-markmap-stage>svg{--markmap-text-color:#e3edff;--markmap-code-color:#b7ff53;width:100%;height:100%;font:15px var(--sans)}.viz-markmap-stage>p{text-align:center;font-size:13px;position:absolute;top:40%;left:8%;right:8%}.viz-topology-stage{background:radial-gradient(#18243b,#090e19);border:1px solid #41465e;border-radius:12px;height:500px;position:relative;overflow:hidden}.viz-topology-fallback{width:100%;height:100%}.viz-topology-stage.is-3d .viz-topology-fallback{display:none}.viz-topology-canvas{position:absolute;inset:0}.viz-topology-canvas canvas{display:block}.viz-canvas-label{color:#c5b6d2;font:10px var(--mono);letter-spacing:1px;pointer-events:none;position:absolute;top:18px;left:20px}.viz-device-buttons{margin:18px 0}.viz-device-detail{background:#111a28;border-left:2px solid #ff78c5;padding:20px}.viz-device-detail strong{font:16px var(--mono);color:#f6dbf0}.viz-device-detail p{margin-top:8px;font-size:13px}.viz-work-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.viz-world-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.viz-world-card>a{background:#050609;display:block}.viz-world-card img{object-fit:contain;width:100%;max-height:320px;display:block}.viz-world-card>div{padding:30px}.viz-world-card h3{margin:15px 0;font-size:30px}.viz-world-card p,.viz-agent-card p{font-size:14px}.viz-agent-card{background:#171326;border:1px solid #4a3754;border-radius:12px;padding:28px}.viz-agent-card h3{margin:18px 0;font-size:32px}.viz-filters{grid-template-columns:2fr 1fr;gap:20px;display:grid}.viz-project-tags{color:#b4c1d7;max-width:65%;font-size:9px;line-height:1.7}@media (width<=1000px){.viz-hero{grid-template-columns:1fr;gap:35px}.viz-hero-art{max-width:600px;transform:none}.viz-work-grid{grid-template-columns:1fr}}@media (width<=650px){.viz-lab-shell{border-radius:12px;padding:18px 14px}.viz-lab-bar,.viz-demo-heading{flex-direction:column;align-items:flex-start}.viz-lab-bar .search-field{width:100%}.viz-markmap-stage{height:420px}.viz-topology-stage{height:350px}.viz-demo-heading h3{font-size:25px}.viz-source{padding:12px}.viz-filters{grid-template-columns:1fr}.viz-world-card>div{padding:24px}.viz-hero-art{padding:25px 15px}.viz-counts{gap:22px}.viz-agent-card{padding:22px}}