.detail-explorer .detail-stage{flex-direction:column;display:flex}.detail-explorer .detail-canvas{flex:1;min-height:320px;position:relative;inset:auto;overflow:hidden}.detail-explorer .detail-controls{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-self:center;gap:4px 16px;max-width:calc(100% - 24px);margin:8px 12px 0;position:relative;bottom:auto;left:auto;transform:none}.detail-explorer .detail-note{flex-shrink:0;margin:10px 12px 14px;position:relative;bottom:auto;left:auto;right:auto}.detail-explorer .inspection-presets,.detail-explorer .inspection-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;width:100%;display:flex}.detail-explorer .inspection-presets button,.detail-explorer .inspection-actions button{min-height:36px;padding:6px 10px;font-size:11px}.detail-explorer .inspection-presets button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.detail-explorer .inspection-actions button:disabled{opacity:.45;cursor:default}.detail-explorer .component-labels{pointer-events:none;position:absolute;inset:0}.detail-explorer .component-labels svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.detail-explorer .component-labels line{stroke:var(--color-muted);stroke-width:1px;opacity:.6}.detail-explorer .component-labels line.selected{stroke:var(--color-selected);stroke-width:2px;opacity:1}.detail-explorer .component-labels button{pointer-events:auto;text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);min-height:0;padding:5px 8px;font-size:10px;position:absolute;overflow:hidden;box-shadow:0 1px 4px #0001}.detail-explorer .component-labels button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}@media (width<=59.99rem){.detail-explorer .detail-stage{height:auto;min-height:0}.detail-explorer .detail-canvas{flex:none;height:52dvh;min-height:360px}.detail-explorer .detail-controls{gap:4px 10px;width:calc(100% - 24px)}.detail-explorer .detail-controls label,.detail-explorer .detail-controls button{min-height:36px}.detail-explorer .inspection-presets{gap:4px}.detail-explorer .inspection-presets button{padding:6px 8px}.detail-explorer .detail-header{flex-shrink:0}.detail-explorer .detail-header .demo{margin-left:0}.detail-explorer .detail-description{min-height:0}}.detail-explorer .power-key{color:var(--color-power)}.detail-explorer .data-key{color:var(--color-network)}.detail-explorer .component-connections h3{margin:16px 0 8px;font-size:12px}.detail-explorer .connection-entry{border-top:1px solid var(--color-rule);padding:8px 0}.detail-explorer .connection-entry button{text-align:left;min-height:36px;font-size:12px}.detail-explorer .connection-entry small{margin-top:4px;display:block}.detail-explorer .connection-entry p{margin:6px 0;font-size:12px}.detail-explorer .component-connections>p{font-size:12px}:root{--color-paper:#fff;--color-canvas:#f0f2f4;--color-ink:#202a32;--color-muted:#606c77;--color-rule:#dce1e5;--color-soft:#f5f6f7;--color-accent:#273c4b;--color-accent-ink:#fff;--color-focus:#31698e;--color-grid:#dce2e7;--color-racks:#53616d;--color-compute:#547a89;--color-network:#a57026;--color-power:#856d92;--color-cooling:#458178;--color-selected:#54bada;--color-inset:#24343d;--color-led:#7cdebe;--color-error:#9c3939;--color-backdrop:#202a3255;--color-server-metal:#87969c;--color-server-dark:#17252b;--color-server-board:#315c50;--color-server-chip:#233236;--color-server-gold:#b7a46c;--color-server-indicator:#a1cbb5;--font-display:"Avenir Next","Segoe UI",sans-serif;--font-body:"Avenir Next","Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--dur-fast:.12s;--ease-out:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;white-space:nowrap;border:1px solid var(--color-rule);background:var(--color-paper);border-radius:var(--radius-sm);min-height:44px;transition:background-color var(--dur-fast) var(--ease-out);padding:0 12px}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}h1,h2,p{margin:0}h1,h2{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0}h1{letter-spacing:-.7px;font-size:21px;font-weight:600}.masthead{border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:16px;height:88px;padding:0 28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand p{font-family:var(--font-mono);letter-spacing:1.25px;color:var(--color-muted);margin-top:5px;font-size:9px}.demo{color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.demo span{background:var(--color-cooling);border-radius:50%;width:6px;height:6px}.workspace{min-height:calc(100dvh - 88px);display:flex}.sidebar{background:var(--color-paper);color:var(--color-ink);border-right:1px solid var(--color-rule);flex-shrink:0;width:280px;padding:24px 18px 0;display:none}.side-title{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.system-list{gap:4px;display:grid}.system{border-color:var(--color-paper);text-align:left;opacity:.55;align-items:center;gap:10px;width:100%;min-height:62px;padding:8px;display:flex}.system.enabled{opacity:1}.system strong{font-size:13px;font-weight:500;display:block}.system small{color:var(--color-muted);margin-top:3px;font-size:10px;display:block}.system .count{font-family:var(--font-mono);color:var(--color-muted);margin-left:auto;font-size:11px}.check{border:1px solid var(--color-rule);text-align:center;border-radius:3px;width:15px;height:15px;font-size:10px}.enabled .check{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.inventory-head{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;margin-top:20px;padding-top:22px;display:flex}.inventory-head h2{font-size:13px;font-weight:600}.inventory-head>span{font-family:var(--font-mono);color:var(--color-muted);font-size:11px}.search-label{color:var(--color-muted);margin-top:16px;margin-bottom:6px;font-size:10px;display:block}.search{border:1px solid var(--color-rule);border-radius:var(--radius-sm);align-items:center;gap:8px;padding-left:10px;display:flex}.search input{background:var(--color-paper);width:100%;min-width:0;color:var(--color-ink);border:0;height:44px;font-size:12px}.search .icon{flex-shrink:0;width:32px;min-width:32px}.inventory{max-height:280px;margin:12px -4px;overflow-y:auto}.inventory-item{text-align:left;border:0;align-items:center;gap:9px;width:100%;min-height:52px;padding:8px;display:flex}.inventory-item>span:nth-child(2){flex:1;font-size:12px}.inventory-item small{color:var(--color-muted);margin-top:2px;font-size:10px;display:block}.dot{background:currentColor;border-radius:50%;width:5px;height:5px}.chosen{background:var(--color-soft);color:var(--color-ink)}.sidebar-foot{border-top:1px solid var(--color-rule);padding:16px 0}.mono{font-family:var(--font-mono);letter-spacing:.5px;color:var(--color-muted);font-size:9px}.sidebar-foot p{color:var(--color-muted);margin-top:6px;font-size:10px}.viewport{background:var(--color-canvas);min-width:0;min-height:calc(100dvh - 88px);color:var(--color-ink);flex:1;position:relative}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;display:block}.room-label{pointer-events:none;position:absolute;top:28px;left:28px}.eyebrow{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-muted);font-size:9px}.room-label h2{letter-spacing:-1px;margin:8px 0;font-size:29px;font-weight:500}.room-label p{color:var(--color-muted);font-size:12px}.view-switch{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:8px;padding:3px;display:flex;position:absolute;top:26px;right:24px}.view-switch button{border:0;min-height:36px;font-size:11px}.view-switch button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.icon{background:var(--color-paper);min-width:44px;color:var(--color-muted);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.bottom-controls{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:10px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.explode{white-space:nowrap;align-items:center;gap:16px;padding:0 12px;font-size:11px;display:flex}.explode input{accent-color:var(--color-accent);width:90px;height:44px}.paths{border-color:var(--color-paper);border-left-color:var(--color-rule);border-radius:0;align-items:center;gap:8px;font-size:11px;display:flex}.paths[aria-pressed=true]{background:var(--color-soft);color:var(--color-ink)}.reset{border-left:1px solid var(--color-rule);border-radius:0}.viewport-footer{color:var(--color-muted);pointer-events:none;justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;bottom:22px;left:28px;right:28px}.inspector{background:var(--color-paper);width:270px;color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-md);max-height:calc(100% - 230px);padding:18px;position:absolute;top:94px;right:24px;overflow-y:auto}.inspector-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-top .eyebrow{letter-spacing:.5px}.inspector h2{letter-spacing:-.6px;margin:4px 0;font-size:23px}.inspector .id{margin:8px 0 18px;display:block}.inspector p{color:var(--color-muted);font-size:12px;line-height:1.8}dl{margin:18px 0}dl div{border-top:1px solid var(--color-rule);justify-content:space-between;gap:15px;padding:10px 0;font-size:10px;display:flex}dt{color:var(--color-muted)}dd{text-align:right;max-width:65%;margin:0}.isolate{justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:11px;display:flex}.isolate[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.tone-racks{color:var(--color-racks)}.tone-compute{color:var(--color-compute)}.tone-network{color:var(--color-network)}.tone-power{color:var(--color-power)}.tone-cooling{color:var(--color-cooling)}.empty{padding:24px 8px;font-size:12px;line-height:1.6}.empty button{margin-top:12px}.scene-error,.no-layers{background:var(--color-paper);color:var(--color-error);z-index:2;padding:20px;line-height:1.7;position:absolute;top:45%;left:10%;right:10%}.no-layers{color:var(--color-ink);text-align:center}.mobile-explore{align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:142px;left:16px}.sidebar.open{z-index:5;box-shadow:0 0 0 100vmax var(--color-backdrop);display:block;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar.open .inventory{max-height:35dvh}.desktop{display:none}@media (hover:hover){button:hover{background:var(--color-soft);color:var(--color-ink)}.system:hover{opacity:1}.search:hover{background:var(--color-soft)}}@media (width>=60rem){.sidebar{display:block}.mobile-explore,.mobile-close{display:none}.desktop{display:block}.inventory{min-height:110px;max-height:calc(100dvh - 662px)}}@media (width<=59.99rem){.masthead{height:76px;padding:0 16px}.workspace,.viewport{min-height:calc(100dvh - 76px)}.brand p{letter-spacing:.4px;font-size:8px}.demo{display:none}.room-label{top:22px;left:16px}.room-label h2{font-size:26px}.view-switch{top:100px;right:16px}.bottom-controls{justify-content:space-between;gap:0;width:calc(100% - 32px);padding:4px;bottom:54px}.explode{flex-direction:column;flex:1;gap:0;padding:4px;font-size:10px}.explode input{width:95%;height:26px}.paths{gap:4px;padding:0 8px;font-size:10px}.viewport-footer{font-size:9px;bottom:16px;left:16px;right:16px}.viewport-footer>span:first-child{max-width:160px;line-height:1.5}.viewport-footer .mono{white-space:nowrap;font-size:8px}.inspector{width:calc(100% - 32px);max-height:calc(100% - 320px);padding:12px 16px;top:195px;right:16px}.inspector p{font-size:11px}.inspector dl{margin:10px 0}.inspector h2{font-size:20px}.inspector .id{margin:4px 0 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=60rem){.workspace{height:calc(100dvh - 88px);min-height:0}.viewport{min-height:0}.sidebar{flex-direction:column;min-height:0;display:flex}.system-list,.side-title,.inventory-head,.search-label,.search,.sidebar-foot{flex-shrink:0}.inventory{flex:1;min-height:44px;max-height:none}.sidebar{padding-top:18px}.system{min-height:54px}.inventory-head{margin-top:12px;padding-top:16px}}@media (width<=59.99rem){.view-switch{top:110px}.room-label p{font-size:11px}}.explorer-nav{gap:8px;display:flex}.explorer-nav button{font-size:12px}.detail-explorer{flex-direction:column;height:100dvh;display:flex}.detail-header{border-bottom:1px solid var(--color-rule);align-items:center;gap:24px;min-height:88px;padding:16px 24px;display:flex}.detail-header>button{align-items:center;gap:8px;font-size:12px;display:flex}.detail-header h1{font-size:22px}.detail-header p{color:var(--color-muted);margin-top:4px;font-size:11px}.detail-header .demo{margin-left:auto}.detail-body{flex:1;min-height:0;display:flex}.detail-stage{background:var(--color-canvas);min-width:0;color:var(--color-ink);flex:1;position:relative}.detail-canvas{position:absolute;inset:0}.detail-canvas canvas{touch-action:none;display:block}.detail-caption{pointer-events:none;position:absolute;top:24px;left:24px;right:24px}.detail-caption p{color:var(--color-muted);margin-top:8px;font-size:13px}.floor-tabs{gap:6px;display:flex;position:absolute;top:86px;left:24px}.floor-tabs button{font-size:12px}.floor-tabs button[aria-pressed=true],.part-index button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.detail-sidebar{border-left:1px solid var(--color-rule);flex-direction:column;flex-shrink:0;width:320px;min-height:0;padding:24px;display:flex}.detail-description h2{letter-spacing:-.6px;margin:10px 0;font-size:23px}.detail-description p{color:var(--color-muted);font-size:12px;line-height:1.75}.detail-description a{color:var(--color-focus);align-items:center;gap:6px;min-height:44px;font-size:11px;display:inline-flex}.part-role{padding-top:8px}.part-index{flex:1;min-height:80px;margin-top:12px;overflow-y:auto}.part-index button{text-align:left;border:0;align-items:center;gap:12px;width:100%;min-height:52px;font-size:12px;display:flex}.part-index button small{opacity:.8;margin-top:3px;font-size:10px;display:block}.detail-controls{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-md);align-items:center;gap:16px;max-width:calc(100% - 32px);padding:8px 16px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.detail-controls label{white-space:nowrap;align-items:center;gap:6px;min-height:44px;font-size:11px;display:flex}.detail-controls input{accent-color:var(--color-accent)}.detail-controls .detail-range{flex-direction:column;justify-content:center;gap:2px}.detail-range input{width:100px}.detail-controls>button{border:0;align-items:center;display:flex}.detail-note{text-align:center;color:var(--color-muted);font-size:10px;position:absolute;bottom:16px;left:16px;right:16px}.load-note{background:var(--color-soft);color:var(--color-ink);margin-top:8px;padding:12px;font-size:11px}.load-note p{color:var(--color-muted);margin-top:6px;line-height:1.6}@media (width<=59.99rem){.masthead{flex-wrap:wrap;gap:12px;height:auto;min-height:110px;padding-block:12px}.atlas .viewport{min-height:calc(100dvh - 122px)}.explorer-nav{width:100%}.explorer-nav button{flex:1}.detail-header{flex-wrap:wrap;gap:12px;min-height:88px;padding:12px}.detail-header h1{font-size:19px}.detail-header p{max-width:220px;font-size:10px}.detail-body{display:block;overflow-y:auto}.detail-stage{height:62dvh;min-height:430px}.detail-sidebar{border-left:0;border-top:1px solid var(--color-rule);width:100%;padding:20px}.part-index{flex:auto;max-height:300px}.detail-caption{top:16px;left:16px;right:16px}.detail-caption .eyebrow{letter-spacing:.4px;font-size:8px}.detail-caption p{font-size:11px}.floor-tabs{top:75px;left:16px}.detail-controls{justify-content:space-between;gap:8px;width:calc(100% - 24px);padding:6px 8px}.detail-controls label{gap:3px;font-size:10px}.detail-range input{width:64px}.detail-controls>button{padding:0 8px}.detail-note{font-size:9px}.detail-header>button{font-size:11px}.detail-description{min-height:150px}}@media (width<=35rem){.atlas .bottom-controls{flex-wrap:wrap;justify-content:center;gap:4px}.atlas .bottom-controls .explode{flex-direction:row;flex-basis:100%;gap:8px}.atlas .bottom-controls .explode input{width:40%}.atlas .inspector{max-height:calc(100% - 365px)}}.atlas .inspector.compact{align-items:center;gap:8px;width:auto;max-width:calc(100% - 32px);max-height:none;padding:10px 12px;display:flex}.atlas .inspector.compact h2{flex:1;margin:0;font-size:15px}.atlas .inspector.compact>button{font-size:11px}.atlas .inspector.compact .icon{flex-shrink:0}.atlas .room-settings{max-height:calc(100% - 200px);overflow:auto}.room-settings label{margin:12px 0 6px;font-size:12px;display:block}.room-settings select{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;min-height:44px;color:var(--color-ink);margin-top:6px;padding:6px;display:block}.room-settings .setting-check{align-items:center;gap:8px;min-height:44px;display:flex}.room-settings>button{white-space:normal;width:100%;margin-top:8px}.room-settings p{line-height:1.5}.rack-occupancy{margin:12px 0;font-size:12px}.rack-occupancy summary{cursor:pointer;min-height:44px;padding:12px 0}.rack-occupancy ol{max-height:230px;padding:0;list-style:none;overflow:auto}.rack-occupancy li{border-top:1px solid var(--color-rule);align-items:center;gap:8px;min-height:32px;display:flex}.rack-occupancy li>span:first-child{width:30px;font-family:var(--font-mono)}.rack-occupancy li button{text-align:left;flex:1;min-height:32px;font-size:11px}.room-status{pointer-events:none;max-width:calc(100% - 56px);color:var(--color-ink);background:var(--color-paper);font-size:11px;position:absolute;top:125px;left:28px}.room-status:empty{display:none}@media (width<=59.99rem){.atlas .room-settings{max-height:calc(100% - 300px);top:185px}.room-status{max-width:calc(100% - 32px);top:90px;left:16px}.explorer-nav{flex-wrap:wrap}.explorer-nav button{min-width:90px}}.atlas .room-status{border-radius:var(--radius-sm);padding:4px 8px;top:auto;bottom:130px;left:16px}@media (width<=35rem){.atlas .room-status{bottom:172px}}