:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#040a10;--bg-2:#07121b;--panel:#08131de0;--panel-solid:#08131d;--panel-raised:#0b1a26;--line:#6ec7e821;--line-strong:#6ed7ff40;--text:#e8f6ff;--text-2:#b7cfdd;--muted:#6f8fa2;--dim:#466172;--cyan:#37dfff;--cyan-2:#19b9d8;--blue:#5e8bff;--lime:#b8ff5a;--green:#54e6b1;--amber:#ffc857;--orange:#ff9f43;--red:#ff4d6d;--violet:#9b8cff;--font:"Inter", "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--radius:14px;--shadow:0 18px 50px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 0,#126a8f30,#0000 36%),radial-gradient(circle at 82% 3%,#4960be1c,#0000 30%),linear-gradient(#06101a 0%,#040a10 55%,#050b11 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:linear-gradient(#57a7c209 1px,#0000 1px),linear-gradient(90deg,#57a7c209 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 78%);mask-image:linear-gradient(#000000e6,#0000 78%)}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64a2be47;border-radius:4px}#app{z-index:1;min-height:100vh;position:relative}.boot-screen{z-index:100;background:radial-gradient(circle at 50% 42%,#17749633,#0000 34%),#040a10;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .65s,visibility .65s;display:flex;position:fixed;inset:0}.boot-screen.done{opacity:0;visibility:hidden}.boot-mark{width:76px;height:76px;margin-bottom:12px;animation:4s linear infinite boot-spin;position:relative}.boot-mark span{border:1px solid #37dfffbf;border-radius:5px;width:25px;height:25px;position:absolute;box-shadow:inset 0 0 12px #37dfff2e,0 0 15px #37dfff14}.boot-mark span:first-child{border-radius:8px 2px 2px;top:0;left:0}.boot-mark span:nth-child(2){border-radius:2px 8px 2px 2px;top:0;right:0}.boot-mark span:nth-child(3){border-radius:2px 2px 2px 8px;bottom:0;left:0}.boot-mark span:nth-child(4){border-radius:2px 2px 8px;bottom:0;right:0}.boot-title{letter-spacing:.28em;margin-left:.28em;font-size:24px;font-weight:800}.boot-sub{color:var(--muted);letter-spacing:.18em;font-size:11px}.boot-track{background:#54b9dc26;width:180px;height:2px;margin-top:6px;overflow:hidden}.boot-track i{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:45%;height:100%;animation:1.15s ease-in-out infinite boot-load;display:block}@keyframes boot-spin{to{transform:rotate(90deg)}}@keyframes boot-load{0%{transform:translate(-120%)}to{transform:translate(330%)}}.shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:linear-gradient(#08141ef2,#050d14db);flex:0 0 66px;align-items:center;gap:22px;height:66px;padding:0 18px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:11px;min-width:218px;display:flex}.brand-mark{background:linear-gradient(145deg,#37dfff1f,#37dfff04);border:1px solid #37dfff73;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 0 16px #37dfff1a,0 0 20px #37dfff0f}.brand-mark:after{content:"";border:1px solid #37dfff14;border-radius:12px;position:absolute;inset:-4px}.brand-mark svg{width:22px;height:22px}.brand-text{line-height:1}.brand-text strong{letter-spacing:.16em;font-size:15px;font-weight:800;display:block}.brand-text strong span{color:var(--cyan);margin-left:2px;font-weight:700}.brand-text small{color:var(--muted);letter-spacing:.19em;white-space:nowrap;margin-top:6px;font-size:8px;font-weight:500;display:block}.portal-return{border:1px solid var(--line-strong);height:30px;color:var(--text-2);font-family:var(--font);white-space:nowrap;background:linear-gradient(145deg,#37dfff1a,#37dfff05);border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:11px;font-weight:600;text-decoration:none;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.portal-return svg{flex:none;width:14px;height:14px}.portal-return:hover{color:var(--cyan);background:linear-gradient(145deg,#37dfff2e,#37dfff0d);border-color:#37dfff8c;box-shadow:0 0 18px #37dfff2e}.portal-return:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (max-width:1240px){.portal-return span{display:none}.portal-return{padding:0 7px}}.topbar-sep{background:var(--line);flex:none;width:1px;height:25px}.site-meta{flex-direction:column;gap:5px;min-width:154px;display:flex}.site-meta span{color:var(--text-2);white-space:nowrap;font-size:11px;font-weight:500}.site-meta small{font-family:var(--mono);color:var(--dim);letter-spacing:.08em;font-size:8.5px}.topbar-center{align-items:center;gap:13px;margin-left:auto;display:flex}.live-pill.paused{color:var(--amber);background:#ffc8570e;border-color:#ffc85740}.live-pill.paused .live-dot{background:var(--amber);box-shadow:0 0 10px var(--amber)}.live-pill{height:27px;color:var(--green);letter-spacing:.1em;white-space:nowrap;background:#54e6b10e;border:1px solid #54e6b140;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:600;display:inline-flex}.live-dot{background:var(--green);width:5px;height:5px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.8s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.35;transform:scale(.75)}}.clock-block{text-align:right;line-height:1.1}.clock-time{font-family:var(--mono);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.clock-date{color:var(--muted);letter-spacing:.06em;margin-top:4px;font-size:8.5px}.speed-control{border:1px solid var(--line);background:#08141ebd;border-radius:8px;align-items:center;height:30px;padding:2px;display:flex}.speed-control button{min-width:29px;height:24px;font-family:var(--mono);color:var(--muted);border-radius:5px;font-size:9px;transition:all .18s}.speed-control button:hover{color:var(--text);background:#37dfff0f}.speed-control button.active{color:var(--cyan);background:#37dfff21;box-shadow:inset 0 0 0 1px #37dfff33}.icon-button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:#08141eb8;border-radius:8px;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.icon-button:hover{color:var(--cyan);border-color:var(--line-strong);background:#37dfff12}.icon-button svg{width:14px;height:14px}.top-actions{align-items:center;gap:7px;display:flex}.export-button{border:1px solid var(--line);height:30px;color:var(--text-2);letter-spacing:.02em;white-space:nowrap;background:#0a1823bf;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:9px;font-weight:600;transition:all .18s;display:inline-flex}.export-button:hover{color:var(--cyan);background:#37dfff12;border-color:#37dfff4d}.export-button.primary{color:#06151b;background:linear-gradient(135deg,#48e2ff,#22b7d4);border-color:#0000;box-shadow:0 4px 18px #37c9e929}.export-button.primary:hover{filter:brightness(1.08);color:#06151b}.export-button svg{width:12px;height:12px}.workspace{z-index:1;flex:1;grid-template-columns:266px minmax(420px,1fr) 382px;gap:11px;min-height:0;padding:11px 13px 13px;display:grid;position:relative}.rail{flex-direction:column;gap:9px;min-height:0;display:flex}.rail.left,.rail.right{overflow:hidden}.rail-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:9px;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, #0c1b28d6, #061019e6), var(--panel);flex:none;position:relative;overflow:hidden;box-shadow:inset 0 1px #b1e9ff06,0 12px 34px #00000021}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#54d2f533,#0000);height:1px;position:absolute;top:0;left:14px;right:14px}.card-header{border-bottom:1px solid #69b9d717;justify-content:space-between;align-items:center;gap:8px;height:41px;padding:0 13px;display:flex}.card-title{align-items:center;gap:8px;min-width:0;display:flex}.card-title svg{width:13px;height:13px;color:var(--cyan);flex:none}.card-title h2{letter-spacing:.07em;color:var(--text-2);white-space:nowrap;margin:0;font-size:10.5px;font-weight:600}.card-title small{font-family:var(--mono);color:var(--dim);letter-spacing:.08em;margin-left:1px;font-size:8px}.card-meta{color:var(--dim);font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;font-size:8.5px}.panel-body{padding:12px 13px}.layer-list{flex-direction:column;gap:2px;padding:7px 7px 8px;display:flex}.layer-row{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 7px;transition:background .18s;display:flex}.layer-row:hover{background:#308bad12}.layer-icon{width:27px;height:27px;color:var(--cyan);background:#37dfff0d;border:1px solid #37dfff26;border-radius:7px;flex:none;place-items:center;display:grid}.layer-icon.amber{color:var(--amber);background:#ffc8570d;border-color:#ffc85729}.layer-icon.violet{color:var(--violet);background:#9b8cff0e;border-color:#9b8cff29}.layer-icon svg{width:14px;height:14px}.layer-copy{flex:1;min-width:0;line-height:1.25}.layer-copy b{color:var(--text-2);font-size:10.5px;font-weight:550;display:block}.layer-copy span{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;display:block;overflow:hidden}.switch{background:#5e7c8d3d;border:1px solid #79a1b51f;border-radius:20px;flex:none;width:27px;height:15px;transition:all .22s;position:relative}.switch:after{content:"";background:#6d8492;border-radius:50%;width:9px;height:9px;transition:all .22s;position:absolute;top:2px;left:2px}.layer-row.on .switch{background:#37dfff33;border-color:#37dfff3d}.layer-row.on .switch:after{background:var(--cyan);transform:translate(12px);box-shadow:0 0 8px #37dfffcc}.control-grid{grid-template-columns:1fr 1fr;gap:6px;padding:9px;display:grid}.control-button{min-height:36px;color:var(--text-2);text-align:left;background:#1025346b;border:1px solid #69b9d71c;border-radius:8px;align-items:center;gap:7px;padding:0 8px;font-size:9px;font-weight:500;transition:all .18s;display:flex}.control-button:hover{color:var(--text);background:#37dfff0f;border-color:#37dfff3d;transform:translateY(-1px)}.control-button svg{width:13px;height:13px;color:var(--cyan);flex:none}.control-button.danger svg{color:var(--red)}.control-button.danger:hover{background:#ff4d6d0f;border-color:#ff4d6d45}.control-button.good svg{color:var(--green)}.control-button:disabled{opacity:.4;cursor:not-allowed}.queue-summary{color:var(--muted);font-family:var(--mono);align-items:center;gap:5px;font-size:8px;display:flex}.queue-summary b{color:var(--cyan);font-weight:500}.queue-list{flex-direction:column;gap:3px;max-height:212px;padding:5px 8px 8px;display:flex;overflow-y:auto}.queue-empty{color:var(--dim);text-align:center;padding:19px 8px;font-size:9px}.task-row{border-radius:7px;padding:7px 6px 8px;transition:background .18s}.task-row:hover{background:#308bad0f}.task-top{align-items:center;gap:6px;display:flex}.task-dot{border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 7px}.task-name{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:9.5px;overflow:hidden}.task-percent{font-family:var(--mono);color:var(--muted);font-size:8px}.task-sub{color:var(--dim);font-family:var(--mono);white-space:nowrap;align-items:center;gap:5px;margin:5px 0 6px 11px;font-size:7.5px;display:flex;overflow:hidden}.task-sub>span{flex:none}.task-sub .mini-tag{color:var(--muted);border:1px solid #6f8fa233;border-radius:3px;padding:1px 3px;font-size:7px}.progress-track{background:#6297ad1f;border-radius:3px;height:2px;margin-left:11px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width .5s linear;box-shadow:0 0 8px}.progress-fill.migrating{animation:1.2s ease-in-out infinite migration-pulse}@keyframes migration-pulse{50%{opacity:.4}}.validation{padding:10px 12px 11px}.validation-head{align-items:center;gap:8px;display:flex}.validation-icon{width:26px;height:26px;color:var(--green);background:#54e6b114;border:1px solid #54e6b129;border-radius:50%;flex:none;place-items:center;display:grid}.validation-icon svg{width:13px;height:13px}.validation-head b{color:var(--text-2);font-size:9.5px;font-weight:600;display:block}.validation-head span{font-family:var(--mono);color:var(--dim);margin-top:3px;font-size:7.5px;display:block}.validation-grid{border-top:1px solid #69b9d714;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;padding-top:8px;display:grid}.validation-cell span{color:var(--dim);font-size:7.5px;display:block}.validation-cell b{font-family:var(--mono);color:var(--text-2);margin-top:3px;font-size:11px;font-weight:500;display:block}.validation-cell b em{color:var(--green);margin-left:3px;font-size:7px;font-style:normal}.rail-footer{color:var(--dim);font-family:var(--mono);letter-spacing:.08em;flex:none;justify-content:space-between;align-items:center;padding:5px 8px 0;font-size:7px;display:flex}.rail-footer span{align-items:center;gap:5px;display:inline-flex}.rail-footer i{background:var(--green);width:4px;height:4px;box-shadow:0 0 6px var(--green);border-radius:50%}.center-stack{grid-template-rows:minmax(300px,1fr) 176px;gap:10px;min-width:0;min-height:0;display:grid}.viewport-card{background:#061019;border:1px solid #62bcdc29;border-radius:16px;min-height:0;position:relative;overflow:hidden;box-shadow:0 14px 44px #00000047,inset 0 0 50px #083a4f1f}.viewport-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:5;background:linear-gradient(90deg,#37dfff59,#0000 13%) 0 0/30% 1px no-repeat,linear-gradient(#37dfff40,#0000 18%) 0 0/1px 26% no-repeat,linear-gradient(270deg,#37dfff59,#0000 13%) 100% 0/30% 1px no-repeat,linear-gradient(#37dfff40,#0000 18%) 100% 0/1px 26% no-repeat,linear-gradient(90deg,#37dfff38,#0000 13%) 0 100%/30% 1px no-repeat,linear-gradient(#0000 82%,#37dfff33) 0 100%/1px 26% no-repeat,linear-gradient(270deg,#37dfff38,#0000 13%) 100% 100%/30% 1px no-repeat,linear-gradient(#0000 82%,#37dfff33) 100% 100%/1px 26% no-repeat;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #95e3ff06}.scene-host{cursor:grab;position:absolute;inset:0}.scene-host:active{cursor:grabbing}.scene-host.walk-mode{cursor:crosshair}.scene-host canvas{outline:none;width:100%;height:100%;display:block}.scene-vignette{pointer-events:none;z-index:1;background:linear-gradient(#040a10ad 0%,#0000 19% 77%,#040a10c7 100%),radial-gradient(at 50% 49%,#0000 47%,#03090e59 100%);position:absolute;inset:0}.viewport-head{z-index:6;pointer-events:none;position:absolute;top:15px;left:17px}.scene-kicker{font-family:var(--mono);letter-spacing:.19em;color:var(--cyan);opacity:.85;align-items:center;gap:7px;font-size:7.5px;display:flex}.scene-kicker:before{content:"";background:var(--cyan);width:16px;height:1px;box-shadow:0 0 8px var(--cyan)}.viewport-head h1{letter-spacing:.02em;text-shadow:0 2px 20px #0000008c;margin:6px 0 4px;font-size:17px;font-weight:700;line-height:1.2}.viewport-head p{color:var(--muted);letter-spacing:.04em;margin:0;font-size:8.5px}.scene-chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.scene-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-family:var(--mono);letter-spacing:.03em;background:#07141e94;border:1px solid #62bada29;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:7px;display:inline-flex}.scene-chip i{background:var(--green);width:4px;height:4px;box-shadow:0 0 6px var(--green);border-radius:50%}.viewport-actions{z-index:7;gap:5px;display:flex;position:absolute;top:14px;right:14px}.scene-action{height:29px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05111ab8;border:1px solid #73bad52e;border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:8.5px;transition:all .18s;display:inline-flex}.scene-action:hover,.scene-action.active{color:var(--cyan);background:#0f3545bf;border-color:#37dfff4d}.scene-action svg{width:12px;height:12px}.alert-strip{z-index:8;max-width:76%;color:var(--amber);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#2b220dd1;border:1px solid #ffc85747;border-radius:6px;align-items:center;gap:8px;padding:7px 11px;font-size:8.5px;transition:all .3s;display:flex;position:absolute;top:90px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-8px)}.alert-strip.show{opacity:1;transform:translate(-50%)translateY(0)}.alert-strip.critical{color:#ff9aac;background:#310f18d9;border-color:#ff4d6d57}.alert-strip svg{flex:none;width:12px;height:12px}.alert-strip b{font-weight:650}.scene-labels{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.scene-label{white-space:nowrap;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:3px;transition:opacity .25s;display:flex;position:absolute;transform:translate(-50%,-100%)}.scene-label.visible{opacity:1}.scene-label b{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c7e4ef;font-family:var(--mono);letter-spacing:.03em;background:#05111ac7;border:1px solid #67c1e138;border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:7px;font-weight:500;display:flex;box-shadow:0 4px 10px #00000040}.scene-label b i{background:var(--cyan);width:3px;height:3px;box-shadow:0 0 5px var(--cyan);border-radius:50%}.scene-label small{color:var(--muted);font-family:var(--mono);text-shadow:0 1px 4px #000;font-size:6.5px}.scene-label:after{content:"";background:linear-gradient(#37dfff66,#0000);width:1px;height:9px}.scene-footer{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:15px;right:15px}.scene-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scene-legend span{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);align-items:center;gap:5px;font-size:7px;display:inline-flex}.scene-legend i{background:currentColor;border-radius:3px;width:12px;height:2px;box-shadow:0 0 6px}.scene-hint{font-family:var(--mono);color:var(--dim);text-align:right;letter-spacing:.02em;white-space:nowrap;font-size:7px}.scene-hint b{color:var(--muted);font-weight:500}.fp-hud{z-index:9;pointer-events:none;display:none;position:absolute;inset:0}.walk-mode .fp-hud,.viewport-card.walking .fp-hud{display:block}.crosshair{border:1px solid #ffffff80;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #37dfff40}.crosshair:before,.crosshair:after{content:"";background:#37dfffbf;position:absolute}.crosshair:before{width:1px;height:20px;top:-4px;left:6px}.crosshair:after{width:20px;height:1px;top:6px;left:-4px}.walk-help{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);color:var(--muted);background:#040e16ad;border:1px solid #6dbfdd29;border-radius:5px;align-items:center;gap:7px;padding:6px 10px;font-size:7px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.keycap{color:var(--text-2);background:#ffffff09;border:1px solid #82c7e03b;border-radius:3px;padding:2px 4px;font-size:6.5px}.device-popover{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06121cf2;border:1px solid #60d3f745;border-radius:12px;width:276px;padding:13px;transition:opacity .16s,transform .16s;position:absolute;box-shadow:0 22px 60px #0000008c,inset 0 1px #a8eeff0f}.device-popover.hidden{opacity:0;pointer-events:none;transform:translateY(5px)}.device-popover:before{content:"";background:var(--cyan);width:46px;height:1px;box-shadow:0 0 10px var(--cyan);position:absolute;top:-1px;left:15px}.popover-top{align-items:flex-start;gap:8px;display:flex}.popover-icon{width:30px;height:30px;color:var(--cyan);background:#37dfff0f;border:1px solid #37dfff2e;border-radius:7px;flex:none;place-items:center;display:grid}.popover-icon.amber{color:var(--amber);background:#ffc8570f;border-color:#ffc8572e}.popover-icon.red{color:var(--red);background:#ff4d6d0f;border-color:#ff4d6d33}.popover-icon.green{color:var(--green);background:#54e6b10e;border-color:#54e6b12e}.popover-icon.violet{color:var(--violet);background:#9b8cff0e;border-color:#9b8cff2e}.popover-icon svg{width:15px;height:15px}.popover-title{flex:1;min-width:0}.popover-kicker{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:6.5px}.popover-title h3{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 3px;font-size:13px;font-weight:650;line-height:1.2;overflow:hidden}.popover-title p{color:var(--muted);margin:0;font-size:8px}.popover-close{color:var(--dim);border-radius:4px;place-items:center;width:20px;height:20px;display:grid}.popover-close:hover{color:var(--text);background:#ffffff0d}.popover-close svg{width:11px;height:11px}.popover-status{color:var(--green);font-family:var(--mono);background:#54e6b112;border-radius:4px;align-items:center;gap:5px;margin-top:10px;padding:3px 6px;font-size:7px;display:inline-flex}.popover-status i{background:currentColor;border-radius:50%;width:4px;height:4px;box-shadow:0 0 5px}.popover-metrics{border-top:1px solid #69b9d71a;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;padding-top:9px;display:grid}.popover-metric{background:#32758e12;border-radius:5px;padding:6px 7px}.popover-metric span{color:var(--dim);font-size:7px;display:block}.popover-metric b{font-family:var(--mono);color:var(--text-2);margin-top:3px;font-size:10px;font-weight:500;display:block}.popover-detail{color:var(--muted);margin:9px 0 0;font-size:8px;line-height:1.55}.popover-footer{border-top:1px solid #69b9d71a;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.popover-footer span{font-family:var(--mono);color:var(--dim);font-size:6.5px}.locate-button{color:var(--cyan);background:#37dfff12;border-radius:4px;align-items:center;gap:4px;padding:3px 5px;font-size:7.5px;display:inline-flex}.locate-button:hover{background:#37dfff21}.locate-button svg{width:9px;height:9px}.bottom-stack{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:10px;min-height:0;display:grid}.bottom-panel{flex-direction:column;min-height:0;display:flex}.bottom-panel .card-header{flex:0 0 37px;height:37px}.power-chart-wrap{flex:1;min-height:0;padding:5px 8px 6px;position:relative}#power-chart{width:100%;height:100%;display:block}.chart-legend{align-items:center;gap:8px;display:flex}.chart-legend span{font-family:var(--mono);color:var(--muted);align-items:center;gap:4px;font-size:7px;display:inline-flex}.chart-legend i{border-radius:2px;width:8px;height:2px}.chart-current{font-family:var(--mono);color:var(--text-2);margin-left:auto;font-size:10px;font-weight:500}.chart-current em{color:var(--cyan);font-style:normal}.event-list{flex:1;min-height:0;padding:4px 9px 8px;overflow-y:auto}.event-row{border-bottom:1px solid #68adc60f;align-items:flex-start;gap:8px;padding:7px 4px;display:flex}.event-row:last-child{border-bottom:0}.event-marker{width:15px;height:15px;color:var(--cyan);background:#37dfff14;border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.event-marker svg{width:8px;height:8px}.event-row.critical .event-marker{color:var(--red);background:#ff4d6d17}.event-row.warning .event-marker{color:var(--amber);background:#ffc85714}.event-row.success .event-marker{color:var(--green);background:#54e6b114}.event-main{flex:1;min-width:0}.event-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:8.5px;font-weight:500;display:flex;overflow:hidden}.event-title .event-status{font-family:var(--mono);color:var(--muted);background:#6987971a;border-radius:2px;flex:none;padding:1px 3px;font-size:6px}.event-row.critical .event-title .event-status{color:var(--red);background:#ff4d6d14}.event-time{color:var(--dim);font-family:var(--mono);margin-top:3px;font-size:6.5px}.kpi-grid{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.kpi-card{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#37dfff0e,#0000 52%),linear-gradient(145deg,#0d1d2ae0,#07111aeb);border-radius:12px;min-height:103px;padding:11px 12px 10px;position:relative;overflow:hidden}.kpi-card:after{content:"";border:1px solid #37dfff12;border-radius:50%;width:34px;height:34px;position:absolute;bottom:9px;right:10px;box-shadow:inset 0 0 20px #37dfff06}.kpi-label{color:var(--muted);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:4px;font-size:8px;display:flex}.kpi-label svg{width:11px;height:11px;color:var(--cyan);opacity:.75}.kpi-value{font-family:var(--mono);letter-spacing:-.045em;color:var(--text);white-space:nowrap;margin-top:10px;font-size:21px;font-weight:500;line-height:1}.kpi-value small{letter-spacing:0;color:var(--muted);margin-left:4px;font-size:9px;font-weight:400}.kpi-sub{color:var(--dim);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:9px;font-size:7px;display:flex;overflow:hidden}.kpi-sub i{background:var(--green);width:3px;height:3px;box-shadow:0 0 5px var(--green);border-radius:50%;flex:none}.kpi-sub .hot{color:var(--amber)}.kpi-bar{background:#689bb121;border-radius:2px;height:2px;position:absolute;bottom:10px;left:12px;right:12px;overflow:hidden}.kpi-bar i{border-radius:inherit;background:linear-gradient(90deg, #19a6c8, var(--cyan));height:100%;transition:width .6s;display:block;box-shadow:0 0 7px #37dfff66}.kpi-bar.lime i{background:linear-gradient(90deg, #68b630, var(--lime));box-shadow:0 0 7px #b8ff5a4d}.right-scroll{flex-direction:column;flex:1;gap:9px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.pue-body{padding:11px 13px 12px}.pue-top{align-items:center;gap:13px;display:flex}.pue-ring{--ring-pct:52%;--ring-color:var(--cyan);background:radial-gradient(circle at center, #07131c 60%, transparent 61%), conic-gradient(from 202deg, var(--ring-color) 0 var(--ring-pct), #4c798d21 var(--ring-pct) 100%);filter:drop-shadow(0 0 13px #37dfff1a);border-radius:50%;flex:none;place-items:center;width:104px;height:104px;display:grid;position:relative}.pue-ring:before{content:"";border:1px dashed #79b8cf21;border-radius:50%;position:absolute;inset:6px}.pue-ring-inner{text-align:center;z-index:1}.pue-ring-inner b{font-family:var(--mono);letter-spacing:-.045em;font-size:23px;font-weight:500;line-height:1;display:block}.pue-ring-inner span{color:var(--dim);letter-spacing:.12em;margin-top:5px;font-size:6.5px;display:block}.pue-status{font-family:var(--mono);color:var(--green);background:#54e6b111;border:1px solid #54e6b11f;border-radius:3px;align-items:center;gap:4px;padding:3px 5px;font-size:6.5px;display:inline-flex}.pue-status.warning{color:var(--amber);background:#ffc85712;border-color:#ffc85729}.pue-status i{background:currentColor;border-radius:50%;width:3px;height:3px}.pue-side{flex:1;min-width:0}.pue-side-head{justify-content:space-between;align-items:center;gap:3px;display:flex}.pue-side-head span{color:var(--dim);font-size:7.5px}.pue-total{font-family:var(--mono);letter-spacing:-.03em;margin-top:7px;font-size:18px;font-weight:500}.pue-total small{color:var(--muted);margin-left:3px;font-size:8px}.pue-compare{color:var(--muted);font-family:var(--mono);align-items:center;gap:5px;margin-top:8px;font-size:7px;display:flex}.pue-compare b{color:var(--green);font-weight:500}.pue-compare.warning b{color:var(--amber)}.benchmark-bar{background:linear-gradient(90deg,#54e6b180,#ffc85780 62%,#ff4d6d80);border-radius:3px;height:3px;margin-top:9px;position:relative}.benchmark-bar i{background:#ffffff8c;border-radius:1px;width:2px;height:9px;position:absolute;top:-3px}.benchmark-bar em{font-style:normal;font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:6px;position:absolute;top:-16px;transform:translate(-50%)}.benchmark-bar .actual{background:var(--cyan);width:7px;height:9px;box-shadow:0 0 8px var(--cyan);border-radius:2px;transition:left .5s;position:absolute;top:-3px;transform:translate(-50%)}.energy-breakdown{border-top:1px solid #69b9d717;flex-direction:column;gap:6px;margin-top:11px;padding-top:9px;display:flex}.breakdown-row{color:var(--muted);grid-template-columns:50px 1fr 92px;align-items:center;gap:6px;font-size:7.5px;display:grid}.breakdown-row b{font-family:var(--mono);color:var(--text-2);text-align:right;white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:3px;font-size:7px;font-weight:500;display:flex}.breakdown-track{background:#659ab01f;border-radius:2px;height:2px;overflow:hidden}.breakdown-track i{border-radius:inherit;background:var(--bar-color,var(--cyan));height:100%;box-shadow:0 0 6px var(--bar-color,var(--cyan));transition:width .5s;display:block}.energy-foot{border-top:1px solid #69b9d714;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.energy-chip{font-family:var(--mono);color:var(--muted);align-items:center;gap:5px;font-size:6.5px;display:flex}.energy-chip svg{width:10px;height:10px;color:var(--lime)}.energy-chip b{color:var(--text-2);font-weight:500}.source-bar{background:#6a92a41a;border-radius:3px;height:4px;margin-top:6px;display:flex;overflow:hidden}.source-bar i{height:100%;transition:width .6s;display:block}.source-legend{flex-wrap:wrap;align-items:center;gap:9px;margin-top:6px;display:flex}.source-legend span{font-family:var(--mono);color:var(--muted);align-items:center;gap:4px;font-size:6.5px;display:inline-flex}.source-legend i{border-radius:1px;width:5px;height:5px}.thermal-body{padding:10px 12px 11px}.thermal-temps{align-items:center;gap:7px;margin-bottom:9px;display:flex}.thermal-temp{background:#307f9712;border:1px solid #57acc714;border-radius:5px;flex:1;padding:6px 7px}.thermal-temp span{color:var(--dim);letter-spacing:.02em;font-size:6.5px;display:block}.thermal-temp b{font-family:var(--mono);color:var(--text-2);margin-top:3px;font-size:10px;font-weight:500;display:block}.thermal-temp.hot b{color:var(--amber)}.thermal-temp.liquid b{color:#7cc7ff}.heatmap{grid-template-columns:11px repeat(6,1fr);align-items:center;gap:3px;display:grid}.heatmap-row-label{font-family:var(--mono);color:var(--dim);text-align:center;font-size:6px}.heatmap-cell{height:21px;font-family:var(--mono);color:#f0fdffbd;cursor:default;border:1px solid #0000;border-radius:3px;place-items:center;font-size:6.5px;transition:background .8s,border-color .2s,transform .15s;display:grid;position:relative}.heatmap-cell:hover{z-index:2;border-color:#ffffff59;transform:scale(1.08)}.heatmap-cell.fault{border-color:#ff4d6d99;box-shadow:0 0 9px #ff4d6d30}.heatmap-axis{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.heatmap-scale{color:var(--dim);font-family:var(--mono);align-items:center;gap:4px;font-size:6px;display:flex}.heatmap-gradient{background:linear-gradient(90deg,#15394c,#1395b4,#e9c45b,#f05a67);border-radius:2px;width:56px;height:3px}.thermal-foot{color:var(--dim);font-family:var(--mono);justify-content:space-between;align-items:center;gap:5px;margin-top:7px;font-size:6px;display:flex}.thermal-foot b{color:var(--text-2);font-weight:500}.row-util-list{flex-direction:column;gap:7px;padding:8px 13px 10px;display:flex}.row-util{grid-template-columns:14px 1fr 28px;align-items:center;gap:7px;display:grid}.row-util>span{font-family:var(--mono);color:var(--dim);font-size:7px}.row-util-track{background:#659ab01f;border-radius:3px;height:3px;overflow:hidden}.row-util-track i{border-radius:inherit;height:100%;transition:width .55s;display:block;box-shadow:0 0 8px #37dfff59}.row-util b{font-family:var(--mono);color:var(--text-2);text-align:right;font-size:7px;font-weight:500}.agent-card{background:radial-gradient(circle at 100% 100%,#5e8bff11,#0000 54%),linear-gradient(145deg,#0c1b28e0,#061019eb)}.agent-live{color:var(--green);font-family:var(--mono);letter-spacing:.02em;align-items:center;gap:4px;font-size:6.5px;display:inline-flex}.agent-live i{background:var(--green);width:4px;height:4px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:1.8s infinite live-pulse}.agent-body{padding:10px 12px 11px}.agent-verdict span{color:var(--dim);font-size:7px}.agent-verdict p{color:var(--text-2);background:#37dfff0a;border-left:2px solid #37dfff8c;border-radius:0 5px 5px 0;margin:5px 0 10px;padding:8px 9px;font-size:8.5px;line-height:1.65}.agent-scores{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.agent-scores>div{background:#32758e0f;border-radius:5px;padding:6px 7px;position:relative;overflow:hidden}.agent-scores span{color:var(--dim);font-size:6.5px;display:block}.agent-scores b{font-family:var(--mono);color:var(--text-2);margin-top:3px;font-size:9.5px;font-weight:500;display:block}.agent-scores i{background:linear-gradient(90deg, var(--cyan) var(--score,50%), #6496aa1f var(--score,50%));opacity:.5;height:1px;position:absolute;bottom:4px;left:7px;right:7px}.agent-footer{color:var(--dim);font-family:var(--mono);border-top:1px solid #69b9d712;justify-content:space-between;align-items:center;margin-top:9px;padding-top:7px;font-size:6.5px;display:flex}.agent-footer span:first-child{color:var(--green)}.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;bottom:18px;right:18px}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:230px;max-width:340px;color:var(--text-2);background:#07151ff2;border:1px solid #37dfff33;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 11px;font-size:9px;line-height:1.45;animation:.25s both toast-in;display:flex;box-shadow:0 14px 40px #0000006b}.toast.critical{border-color:#ff4d6d52}.toast.warning{border-color:#ffc8574d}.toast svg{width:13px;height:13px;color:var(--cyan);flex:none;margin-top:1px}.toast.critical svg{color:var(--red)}.toast.warning svg{color:var(--amber)}.toast b{color:var(--text);margin-bottom:2px;font-size:9.5px;font-weight:600;display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width:1500px){.workspace{grid-template-columns:246px minmax(400px,1fr) 356px}.topbar{gap:14px}.site-meta,.topbar-sep:nth-of-type(2){display:none}.kpi-value{font-size:19px}.pue-ring{width:94px;height:94px}}@media (max-height:1000px){.workspace{gap:9px;padding:9px 11px 11px}.kpi-card{min-height:92px;padding:9px 10px 8px}.kpi-value{margin-top:7px;font-size:18px}.kpi-sub{margin-top:6px}.kpi-grid,.right-scroll,.rail-scroll{gap:7px}.pue-body,.thermal-body{padding:9px 11px 10px}.pue-ring{width:88px;height:88px}.pue-ring-inner b{font-size:20px}.pue-total{margin-top:5px;font-size:16px}.energy-breakdown{gap:4px;margin-top:8px;padding-top:7px}.energy-foot{margin-top:8px;padding-top:6px}.thermal-temps{margin-bottom:6px}.heatmap-cell{height:18px}.layer-row{padding:6px}.queue-list{max-height:172px}.validation{padding:8px 11px 9px}.validation-grid{margin-top:7px;padding-top:6px}.row-util-list{gap:5px;padding:7px 12px 8px}.agent-body{padding:8px 11px 9px}.agent-verdict p{margin:4px 0 8px;padding:6px 8px;line-height:1.55}.agent-scores>div{padding:5px 6px}.agent-footer{margin-top:7px;padding-top:6px}}@media (max-width:1240px){body{overflow:auto}.shell{height:auto;min-height:100vh;overflow:visible}.workspace{grid-template-rows:620px auto;grid-template-columns:238px minmax(0,1fr)}.rail.right{grid-column:1/-1;grid-template-columns:300px 1fr 1fr;align-items:start;display:grid}.right-scroll{display:contents;overflow:visible}.kpi-grid{grid-column:1}.center-stack{grid-column:2}.topbar-center{margin-left:auto}.brand{min-width:0}}