@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";button:disabled{cursor:not-allowed;opacity:.48}button:disabled:hover{filter:none}:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;color:#e6f0fa;background:#050b13;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#070d16;--panel:#0b1420;--panel2:#0e1927;--line:#1a2b3d;--muted:#71859a;--text:#e6f0fa;--blue:#299cff;--cyan:#38d8f5;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#0b1c2c,#070d16 48%,#050910)}button{font:inherit;color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;flex:0 0 238px;background:#070e17f5;border-right:1px solid #1b2a3a;display:flex;flex-direction:column;padding:24px 14px 14px;min-height:100vh}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 27px}.brand-mark{width:39px;height:39px;border:1px solid #2387cb;background:linear-gradient(145deg,#123a58,#091827);display:grid;place-items:center;color:#68d8ff;box-shadow:0 0 22px #168fe51c;clip-path:polygon(12% 0,88% 0,100% 20%,100% 80%,88% 100%,12% 100%,0 80%,0 20%)}.brand-name{font-size:18px;font-weight:800;letter-spacing:2.5px;color:#f0f7ff}.brand-name span{font-size:8px;vertical-align:top;color:#4fc9ff;margin-left:2px}.brand-caption{font:9px var(--mono);letter-spacing:1.25px;color:#69849e;margin-top:4px}.workspace-switch{display:flex;align-items:center;gap:10px;padding:11px 10px;background:linear-gradient(105deg,#112438,#0b1724);border:1px solid #1c354a;border-radius:7px;margin-bottom:29px}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;background:#12324b;color:#57c9ff;border-radius:5px}.workspace-label{display:flex;flex:1;flex-direction:column;gap:3px}.workspace-label strong{font-size:11px;font-weight:700}.workspace-label span{font-size:10px;color:#738ba1}.workspace-switch>svg{color:#65839b}.nav-caption,.section-kicker{font:9px var(--mono);letter-spacing:1.45px;color:#58738b}.nav-caption{padding:0 12px 11px}.main-nav{display:grid;gap:5px}.nav-item{position:relative;width:100%;border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;color:#7f93a8;font-size:12px;text-align:left;border-radius:5px;transition:.15s}.nav-item:hover{background:#0d1a28;color:#cfeaff}.nav-item.active{color:#a8e6ff;background:linear-gradient(90deg,#10314b99,#0d1c2a);border-color:#194665}.nav-item.active>svg{color:#4acbff}.nav-active-line{position:absolute;left:-15px;top:7px;bottom:7px;width:2px;background:#36bdff;box-shadow:0 0 10px #36bdff}.soon-dot{width:5px;height:5px;border-radius:50%;background:#526c82;margin-left:auto}.sidebar-bottom{margin-top:auto}.security-card{display:flex;align-items:center;gap:9px;padding:11px 9px;border:1px solid #1c2f3e;background:#0b1722;border-radius:6px;margin-bottom:17px}.security-icon{width:30px;height:30px;display:grid;place-items:center;color:#69dcb1;background:#103128;border-radius:5px}.security-card>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.security-card strong{font-size:10px}.security-card span{font-size:9px;color:#71879a}.status-dot,.security-card .status-dot{display:block;width:6px;height:6px;border-radius:50%;background:#54d7a5;box-shadow:0 0 8px #54d7a566}.nav-item.muted{font-size:11px;padding:10px 12px}.coming-soon{margin-left:auto;font:8px var(--mono);color:#4d718d;border:1px solid #22384b;padding:3px 4px;border-radius:3px}.sidebar-footer{display:flex;align-items:center;gap:9px;border-top:1px solid #192838;margin-top:15px;padding:17px 6px 2px}.avatar{height:30px;width:30px;display:grid;place-items:center;border:1px solid #275171;border-radius:50%;font-size:10px;font-weight:800;color:#8de1ff;background:#102b3d}.profile-label{display:flex;flex:1;flex-direction:column;gap:3px}.profile-label strong{font-size:10px}.profile-label span{font-size:9px;color:#6d8499}.footer-signal{color:#427b9d}.main-shell{min-width:0;flex:1}.topbar{height:64px;border-bottom:1px solid #192939;display:flex;align-items:center;justify-content:space-between;padding:0 31px;background:#08111be8}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px}.breadcrumb>span:first-child{font:9px var(--mono);letter-spacing:1px;color:#668198}.crumb-slash{color:#34506a}.breadcrumb strong{font-weight:600;color:#cbd8e7}.env-pill{font:8px var(--mono);letter-spacing:.7px;color:#62b9ee;border:1px solid #1b4b6a;padding:5px 7px;border-radius:3px;margin-left:5px;background:#0d2638}.topbar-actions{display:flex;align-items:center;gap:14px}.system-connect{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.6px;color:#6e9ab4}.system-connect svg{color:#44d8b0}.system-connect i,.scene-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4de0ad;box-shadow:0 0 7px #4de0ad}.icon-button{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#7992a8}.icon-button:hover{background:#102234;border-color:#203d53;color:#c4edff}.icon-button.small{width:28px;height:28px;border-color:#1b3042;background:#0b1724}.notification>span{position:absolute;right:6px;top:5px;width:5px;height:5px;border-radius:50%;background:#3fc9ff}.topbar-divider{height:24px;width:1px;background:#1c2d3c}.command-button{display:flex;align-items:center;gap:8px;border:1px solid #26394b;background:#0b1723;padding:8px 10px;border-radius:5px;color:#9cb2c5;font-size:10px}.command-button svg:first-child{color:#53bdf4}.command-button svg:last-child{color:#607b91}.page-content{max-width:1800px;margin:0 auto;padding:29px 31px 17px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:1.2px;color:#7294ad}.eyebrow-line{width:18px;height:1px;background:#37b9ff;box-shadow:0 0 7px #37b9ff}.eyebrow-version{font-size:8px;color:#46627b;letter-spacing:.5px;margin-left:5px}.welcome-row h1{font-size:31px;letter-spacing:-1.25px;font-weight:600;margin:10px 0 5px;color:#eff7ff}.welcome-row h1 span{font-weight:400;color:#61caff}.page-subtitle{font-size:11px;color:#7890a5;margin:0}.welcome-actions{display:flex;align-items:center;gap:11px;padding-bottom:2px}.live-chip{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.8px;color:#75dcb9;padding:8px 10px;border:1px solid #1a4a40;background:#0c241f;border-radius:4px}.live-dot{width:5px;height:5px;background:#5ce2b0;border-radius:50%;box-shadow:0 0 7px #5ce2b0}.secondary-button{display:flex;align-items:center;gap:8px;border:1px solid #2b4a62;background:linear-gradient(110deg,#122b40,#0b1927);color:#c6e9fb;padding:10px 13px;font-size:10px;border-radius:5px}.secondary-button:hover{border-color:#368dc0;background:#123149}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric-card{position:relative;overflow:hidden;min-height:122px;padding:15px 16px 12px;border:1px solid #1c3042;border-radius:6px;background:linear-gradient(135deg,#0d1a28,#0a131f 80%)}.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#278fe0;opacity:.8}.accent-cyan:before{background:#35c9e9}.accent-violet:before{background:#9b8aff}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8199ad;font:8px var(--mono);letter-spacing:.8px}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #1c3a52;background:#10263a;color:#55bfff;border-radius:5px}.accent-cyan .metric-icon{color:#54d9e9;border-color:#1b4650;background:#0d252d}.accent-violet .metric-icon{color:#b3a7ff;border-color:#39365c;background:#201e35}.metric-value{font-size:24px;font-weight:600;letter-spacing:-.8px;margin-top:5px;color:#e4f2ff}.metric-detail{display:flex;align-items:center;gap:6px;color:#70869b;font-size:9px;margin-top:3px}.metric-pulse{width:4px;height:4px;border-radius:50%;background:#42b8ff}.accent-cyan .metric-pulse{background:#42d8e6}.accent-violet .metric-pulse{background:#a29aff}.metric-sparkline{position:absolute;right:12px;bottom:12px;display:flex;align-items:end;gap:3px;height:23px;opacity:.55}.metric-sparkline span{width:3px;background:#1e83bc;border-radius:2px 2px 0 0;height:var(--h,45%)}.metric-sparkline span:nth-child(3n){--h:80%}.metric-sparkline span:nth-child(3n+1){--h:35%}.metric-sparkline span:nth-child(4n){--h:60%}.accent-cyan .metric-sparkline span{background:#20a9b7}.accent-violet .metric-sparkline span{background:#776ed1}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:15px;align-items:start}.viewport-panel,.inspector-panel,.activity-panel{border:1px solid #1b3042;border-radius:6px;background:#0a131f;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #1a2b3c}.panel-title{display:flex;align-items:center;gap:10px}.panel-title-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #1b4562;background:#10283a;color:#55c9ff;border-radius:5px}.panel-title h2,.inspector-heading h2{font-size:12px;font-weight:700;margin:0;color:#dceaf7}.panel-title p{font:8px var(--mono);letter-spacing:.5px;color:#637e94;margin:5px 0 0}.heading-separator{color:#2878a7;margin:0 4px}.viewport-heading-actions{display:flex;align-items:center;gap:7px}.scene-state{display:flex;align-items:center;gap:6px;font:8px var(--mono);color:#64cfae;letter-spacing:.4px;margin-right:5px}.scene-state i{width:4px;height:4px}.viewport-canvas{height:410px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#0b1c2d,#050d17 78%)}.viewport-canvas canvas{display:block;width:100%;height:100%}.viewport-top-overlay{position:absolute;top:14px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.camera-label{display:flex;align-items:center;gap:7px;font:8px var(--mono);letter-spacing:.6px;color:#9cc6df;background:#07121dbf;border:1px solid #1d3a50;padding:7px 8px;border-radius:3px}.camera-label>svg{color:#52c9ff}.rec-label{display:flex;align-items:center;gap:4px;color:#e59c9c;margin-left:6px}.rec-label i{width:4px;height:4px;border-radius:50%;background:#ff6868}.coordinates-label{font:8px var(--mono);color:#6488a4;background:#07121dbf;border:1px solid #1d3a50;padding:7px 8px;border-radius:3px}.coordinates-label span{color:#2c5b7b;margin:0 4px}.viewport-left-overlay{position:absolute;left:15px;top:45%;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.axis-label{font:7px var(--mono);letter-spacing:.8px;color:#6486a1}.axis-cross{position:relative;width:27px;height:27px;border:1px solid #2a6e93;border-radius:50%}.axis-cross span{position:absolute;width:1px;height:19px;top:3px;left:12px;background:#43c6ff}.axis-cross i{position:absolute;height:1px;width:19px;top:12px;left:3px;background:#43c6ff}.axis-cross b{position:absolute;top:4px;right:4px;width:5px;height:5px;border-top:1px solid #b0edff;border-right:1px solid #b0edff}.viewport-bottom-overlay{position:absolute;bottom:12px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.view-legend{display:flex;gap:13px;font:7px var(--mono);letter-spacing:.5px;color:#66859d}.view-legend span{display:flex;align-items:center;gap:5px}.view-legend i{width:5px;height:5px;border-radius:50%}.legend-blue{background:#248bff}.legend-cyan{background:#3ad8e8}.viewport-hint{display:flex;align-items:center;gap:6px;font:7px var(--mono);letter-spacing:.4px;color:#52738d}.viewport-hint>span{color:#2c4d64}.mouse-icon{width:10px;height:14px;border:1px solid #5285a5;border-radius:5px;position:relative;display:inline-block}.mouse-icon span{position:absolute;width:1px;height:3px;background:#6ecbff;top:2px;left:4px}.view-cube{position:absolute;right:16px;top:67px;width:51px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.cube-top,.cube-face,.cube-bottom{display:grid;place-items:center;font:7px var(--mono);color:#8dcce9;border:1px solid #285c7b;background:#0d2b41d9}.cube-top{width:29px;height:15px;clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%);background:#174765}.cube-face{width:33px;height:20px}.cube-bottom{width:25px;height:12px;color:#527d99}.camera-toolbar{height:49px;display:flex;align-items:center;gap:6px;padding:0 12px;border-top:1px solid #1b2c3d;background:#0b1622}.camera-modes{display:flex;gap:4px}.mode-button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid transparent;background:transparent;color:#6f879d;font:8px var(--mono);letter-spacing:.4px;border-radius:4px}.mode-button.selected{background:#102d43;border-color:#205576;color:#78d6ff}.mode-button:hover{color:#b4e9ff}.toolbar-divider{height:21px;width:1px;background:#203243;margin:0 5px}.tool-button{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid transparent;background:transparent;color:#6e859a;font-size:9px;border-radius:4px}.tool-button.tool-active{color:#74cfff}.tool-button:hover{background:#112438}.toolbar-spacer{flex:1}.zoom-tools{display:flex;align-items:center;gap:4px;border:1px solid #1c3042;background:#0a1420;border-radius:4px;padding:2px 4px}.zoom-tools span{font:8px var(--mono);color:#718ba1;padding:0 3px}.inspector-column{display:grid;gap:14px}.inspector-panel{padding:15px}.inspector-heading{display:flex;align-items:center;justify-content:space-between}.inspector-heading .section-kicker{font-size:8px}.inspector-heading h2{margin-top:5px;font-size:13px}.inspector-status{display:flex;align-items:center;gap:9px;margin-top:17px;padding:11px 9px;border:1px solid #1a3547;background:linear-gradient(110deg,#0e2433,#0b1925);border-radius:5px}.status-orb{width:33px;height:33px;border-radius:5px;display:grid;place-items:center;background:#12384b;border:1px solid #205e7b;color:#5fd4ff}.inspector-status>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.inspector-status strong{font-size:10px}.inspector-status span{font-size:8px;color:#7590a4}.ready-tag{font:7px var(--mono);color:#69d9b3!important;border:1px solid #215143;padding:4px 5px;border-radius:3px;background:#0e2b23}.inspector-divider{height:1px;background:#1a2c3d;margin:15px 0}.data-section-title{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.8px;color:#6e8aa0;margin-bottom:11px}.data-section-title svg{color:#47657b}.property-list{display:grid;gap:12px}.property-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px}.property-row span{color:#72889d}.property-row strong{color:#bfd2e1;font:9px var(--mono);text-align:right}.toggle-row{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:9px 0;color:#8da2b5;font-size:9px;text-align:left}.toggle-row>span:first-child{display:flex;align-items:center;gap:8px}.toggle-row>span:first-child svg{color:#6c96b0}.toggle{width:25px;height:14px;background:#1c2c3a;border:1px solid #2b4153;border-radius:10px;padding:2px;display:flex;align-items:center}.toggle i{display:block;width:8px;height:8px;background:#647c90;border-radius:50%;transition:.15s}.toggle.on{justify-content:flex-end;background:#12456a;border-color:#2478a5}.toggle.on i{background:#66d6ff;box-shadow:0 0 6px #3fc6ff}.inspector-note{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 9px;border:1px solid #24334a;background:#101b2b;border-radius:4px;color:#78a4cb}.inspector-note svg{flex-shrink:0;color:#8c9dff}.inspector-note p{margin:0;font-size:8px;line-height:1.65;color:#8198b0}.activity-panel{padding:14px 14px 0}.activity-heading{display:flex;align-items:center;gap:8px;margin-bottom:13px}.activity-heading h3{margin:0;font-size:11px;font-weight:700}.event-count{font:8px var(--mono);color:#6ea9ca;border:1px solid #24465d;background:#102537;padding:3px 5px;border-radius:3px}.activity-item{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid #172838}.activity-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:4px}.activity-icon.success{color:#5ddab1;background:#103027;border:1px solid #1b5141}.activity-icon.info{color:#60c8f4;background:#102a3d;border:1px solid #204c68}.activity-item>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.activity-item strong{font-size:9px;font-weight:600;color:#bed2e2}.activity-item span{font-size:8px;color:#6f879b}.activity-item time{font:7px var(--mono);letter-spacing:.4px;color:#45627a;margin-top:2px}.activity-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font:7px var(--mono);letter-spacing:.4px;color:#59758c}.activity-footer span:first-child{display:flex;align-items:center;gap:4px}.bottom-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 15px;border:1px solid #1b3041;border-radius:5px;background:#0b1621}.bottom-strip-left{display:flex;align-items:center;gap:10px}.strip-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #21455d;background:#10283a;color:#57bce9;border-radius:4px}.bottom-strip-left>div{display:flex;flex-direction:column;gap:4px}.bottom-strip-left strong{font-size:9px;color:#b6cadb}.bottom-strip-left span{font-size:8px;color:#6c8599}.bottom-strip-right{display:flex;align-items:center;gap:18px;font:7px var(--mono);letter-spacing:.4px;color:#67839a}.bottom-strip-right>span{display:flex;align-items:center;gap:6px}.bottom-strip-right .status-dot{width:5px;height:5px}.strip-last{color:#8db4cf!important}.page-footer{display:flex;justify-content:space-between;padding:17px 1px 0;font:7px var(--mono);letter-spacing:.55px;color:#435b70}.page-footer b{font-weight:400;color:#6c93af}.unavailable-panel{min-height:380px;border:1px solid #1b3042;background:linear-gradient(135deg,#0d1a28,#08111b);border-radius:6px;padding:40px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.unavailable-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #1c4562;background:#10283a;color:#57c8ff;border-radius:8px;margin-bottom:20px}.unavailable-panel h2{font-size:22px;margin:12px 0;color:#e5f2fc}.unavailable-panel p{font-size:12px;color:#8298ac;line-height:1.8;max-width:560px;margin:0 0 22px}.unavailable-panel .section-kicker{color:#6c9bb9}@media(min-width:1600px){.page-content{padding-top:37px}.viewport-canvas{height:500px}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px}.metric-card{min-height:135px}.metrics-grid{gap:16px}}@media(max-width:1200px){.sidebar{width:205px;flex-basis:205px}.page-content{padding:24px 20px}.topbar{padding:0 20px}.workspace-grid{grid-template-columns:minmax(0,1fr) 250px}.viewport-canvas{height:360px}.metric-card{padding:13px 12px}.metric-top{font-size:7px}.metric-detail{font-size:8px}}@media(max-width:960px){.sidebar{width:68px;flex-basis:68px;padding:20px 9px 12px}.brand-lockup{padding:0 5px 28px}.brand-mark{flex:0 0 39px}.brand-lockup>div:last-child,.workspace-label,.workspace-switch>svg,.nav-caption,.nav-item span,.security-card>div:nth-child(2),.security-card>.status-dot,.sidebar-footer .profile-label,.footer-signal{display:none}.workspace-switch{justify-content:center;padding:8px 0;margin-bottom:22px}.main-nav{gap:7px}.nav-item{justify-content:center;padding:12px 0}.nav-active-line{left:-10px}.security-card{justify-content:center;padding:8px 0}.sidebar-bottom .nav-item{justify-content:center}.sidebar-footer{justify-content:center;padding-top:15px}.workspace-grid{grid-template-columns:1fr}.inspector-column{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewport-canvas{height:420px}}@media(max-width:640px){.sidebar{width:54px;flex-basis:54px;padding:14px 6px 10px}.brand-lockup{padding:0 1px 22px}.brand-mark{width:36px;height:36px;flex-basis:36px}.nav-item{padding:11px 0}.topbar{height:55px;padding:0 13px}.breadcrumb{gap:7px}.breadcrumb>span:first-child,.crumb-slash,.env-pill,.system-connect,.command-button,.topbar-divider{display:none}.topbar-actions{gap:7px}.page-content{padding:23px 12px 14px}.welcome-row{align-items:flex-start;flex-direction:column;margin-bottom:18px}.welcome-row h1{font-size:27px}.welcome-actions{width:100%;justify-content:space-between}.metrics-grid{gap:8px}.metric-card{min-height:112px;padding:12px 10px}.metric-top{font-size:7px;letter-spacing:.3px}.metric-icon{width:24px;height:24px}.metric-value{font-size:21px}.metric-sparkline{display:none}.workspace-grid{gap:10px}.panel-heading{padding:11px}.panel-title h2{font-size:11px}.panel-title p{font-size:7px}.scene-state{display:none}.viewport-canvas{height:310px}.viewport-top-overlay{left:8px;right:8px;top:8px}.camera-label{font-size:7px;padding:6px;gap:5px}.coordinates-label{display:none}.viewport-left-overlay{left:8px}.view-cube{right:7px;transform:scale(.85);transform-origin:top right}.viewport-bottom-overlay{left:8px;right:8px;bottom:8px}.view-legend{gap:8px;font-size:6px}.viewport-hint{font-size:6px}.camera-toolbar{padding:0 6px;gap:2px;height:45px}.mode-button{font-size:7px;padding:7px 6px;gap:4px}.mode-button svg{width:13px}.toolbar-divider{margin:0 2px}.tool-button{padding:6px 4px}.tool-button span{display:none}.zoom-tools{gap:0}.zoom-tools span{font-size:7px}.zoom-tools .icon-button{width:24px;height:24px}.inspector-column{grid-template-columns:1fr}.bottom-strip{align-items:flex-start;flex-direction:column}.bottom-strip-right{flex-wrap:wrap;gap:10px}.page-footer{gap:10px;font-size:6px}.unavailable-panel{padding:25px 18px;min-height:330px}.unavailable-panel h2{font-size:19px}}.simulation-clock{color:#70d8ff;border-left:1px solid #28506a;padding-left:7px;margin-left:2px}.fullscreen-camera-dock{max-width:calc(100% - 24px);overflow-x:auto}.fullscreen-camera-dock button{flex:0 0 auto}.workspace-grid{grid-template-columns:minmax(0,1fr) 370px}.robot-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:11px 0}.robot-stat-grid div{display:flex;flex-direction:column;gap:3px;padding:6px;border:1px solid #1d384b;background:#0b1b29;border-radius:4px}.robot-stat-grid span{font:6px var(--mono);text-transform:uppercase;color:#64839a}.robot-stat-grid strong{font:13px var(--mono);color:#ccecff}.robot-filters{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.robot-filters label{grid-column:1/-1;display:flex;align-items:center;gap:6px;border:1px solid #203b50;background:#081722;padding:6px;border-radius:4px;color:#61c9f3}.robot-filters input,.robot-filters select{min-width:0;width:100%;border:1px solid #203b50;background:#081722;color:#a9c4d6;padding:6px;border-radius:4px;font-size:8px}.robot-filters label input{border:0;padding:0;background:transparent;outline:0}.robot-table-head{display:grid;grid-template-columns:1.05fr .72fr 1.5fr;gap:5px;padding:0 6px 5px;font:6px var(--mono);text-transform:uppercase;color:#54738a}.robot-list{grid-template-columns:1fr;max-height:245px}.robot-list button{display:grid;grid-template-columns:1.05fr .72fr 1.5fr}.robot-list button>span{display:flex;flex-direction:column;gap:2px;min-width:0}.robot-list button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.robot-empty{padding:12px;border:1px dashed #29445a;color:#66849b;font-size:8px;text-align:center;border-radius:4px}.robot-empty.detail{margin-top:8px}.robot-event-heading{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid #1a3042}.robot-event-heading strong{font-size:9px}.robot-event-heading span{font:7px var(--mono);color:#68869c}.robot-events{display:grid;gap:4px;max-height:150px;overflow:auto;margin-top:7px}.robot-events button{display:grid;grid-template-columns:58px 1fr;gap:6px;border:1px solid #192f40;background:#081620;color:#829db0;padding:6px;text-align:left;border-radius:3px}.robot-events button:disabled{cursor:default}.robot-events time{font:6px var(--mono);color:#49bee9}.robot-events span{font-size:7px}.robot-panel-state{color:#7593a8;font:8px var(--mono)}.robot-panel-state.error{color:#ed938d}@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr}.inspector-column{grid-template-columns:1fr 1fr}.robot-simulation-panel{grid-column:1/-1}}@media(max-width:640px){.inspector-column{grid-template-columns:1fr}.robot-stat-grid{grid-template-columns:repeat(2,1fr)}}.scene-zone-label{border:1px solid #2c6688;background:#081724dc;color:#8fb9d1;border-radius:3px;padding:4px 7px;white-space:nowrap;font:7px var(--mono);letter-spacing:.45px;pointer-events:auto;box-shadow:0 2px 10px #0008;transition:.15s}.scene-zone-label:hover,.scene-zone-label.active{color:#d6f7ff;border-color:#4ed7ff;background:#10354be8;box-shadow:0 0 12px #26bff044}.scene-orientation-label{border:1px solid #2e93bd;background:#092337e8;color:#95e9ff;padding:5px 8px;border-radius:3px;white-space:nowrap;font:7px var(--mono);letter-spacing:.8px}.scene-orientation-label.entrance{border-color:#39d5a5;color:#8df5d0}.dimension-label{border:1px solid #46caef;background:#061725e8;color:#a8efff;padding:3px 6px;border-radius:2px;white-space:nowrap;font:7px var(--mono);letter-spacing:.4px;box-shadow:0 0 9px #27c7ef2e}.zone-selector{display:grid;grid-template-columns:1fr 1fr;gap:5px}.zone-selector button{border:1px solid #1d3548;background:#0a1723;color:#6f8aa0;border-radius:4px;padding:7px 6px;text-align:left;font:7px var(--mono);line-height:1.35;transition:.15s}.zone-selector button:hover{border-color:#2a6687;color:#b7eaff}.zone-selector button.active{border-color:#2fb9e7;background:#103047;color:#8feaff;box-shadow:inset 2px 0 #3ad5ff}@media(max-width:640px){.scene-zone-label{font-size:5px;padding:3px 4px}.dimension-label,.scene-orientation-label{font-size:5px}.zone-selector{grid-template-columns:1fr}}.camera-modes{min-width:0;overflow-x:auto;scrollbar-width:thin}.camera-modes .mode-button{flex:0 0 auto}.touch-camera-hint{display:none}.viewport-canvas canvas{touch-action:none}@media(max-width:640px){.desktop-camera-hint{display:none}.touch-camera-hint{display:inline}.camera-modes{max-width:69vw}.camera-modes .mode-button{padding-inline:7px}.viewport-hint .mouse-icon{display:none}}.nav-entry{display:contents}.fullscreen-nav{margin:-3px 0 3px;padding-left:24px!important;color:#5595b9!important;font-size:10px!important}.fullscreen-nav:hover{color:#a8e6ff!important;border-color:#194665!important}.fullscreen-camera-dock,.fullscreen-exit{display:none}.viewport-canvas:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#050d17}.viewport-canvas:fullscreen .fullscreen-camera-dock{position:absolute;z-index:20;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:5px;padding:6px;border:1px solid #24506a;background:#07131ee8;border-radius:8px;box-shadow:0 8px 30px #0009}.fullscreen-camera-dock button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:#0c1b29;color:#7895aa;border-radius:5px;padding:9px 11px;font:8px var(--mono);text-transform:uppercase}.fullscreen-camera-dock button:hover,.fullscreen-camera-dock button.selected{border-color:#26759e;color:#8be4ff;background:#103149}.viewport-canvas:fullscreen .fullscreen-exit{position:absolute;z-index:21;right:20px;top:20px;display:flex;align-items:center;gap:7px;border:1px solid #31566e;background:#07131ee8;color:#b4d7e9;border-radius:5px;padding:9px 11px;font:8px var(--mono);text-transform:uppercase}.viewport-canvas:fullscreen .viewport-bottom-overlay{bottom:78px}.viewport-canvas:fullscreen .view-cube{top:70px}@media(max-width:640px){.fullscreen-nav{padding-left:0!important}.viewport-canvas:fullscreen .fullscreen-camera-dock{bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px);overflow-x:auto}.fullscreen-camera-dock button{padding:9px}.fullscreen-camera-dock button span{display:none}.viewport-canvas:fullscreen .fullscreen-exit{right:12px;top:max(12px,env(safe-area-inset-top));padding:9px}.viewport-canvas:fullscreen .fullscreen-exit span{display:none}.viewport-canvas:fullscreen .viewport-bottom-overlay{bottom:66px}}.robot-simulation-panel{padding:14px;border:1px solid #1b3042;border-radius:6px;background:#0a131f}.robot-panel-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.robot-panel-heading h3{font-size:12px;margin:5px 0 0}.simulation-state{font:7px var(--mono);padding:4px 6px;border:1px solid #365069;border-radius:3px;color:#8aa4b9}.simulation-state.running{color:#65dfb0;border-color:#24624d}.simulation-state.paused{color:#efb86d;border-color:#694d29}.simulation-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.simulation-actions button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #21455d;background:#10283a;color:#8fcce9;border-radius:4px;padding:7px;font-size:8px}.simulation-actions button:disabled{opacity:.35;cursor:not-allowed}.robot-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:190px;overflow:auto}.robot-list button{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #1b3042;background:#091621;color:#86a0b5;border-radius:4px;padding:6px;text-align:left}.robot-list button.active{border-color:#31bfe9;background:#102d43}.robot-list button>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.robot-list strong{font-size:8px;color:#c7dce9}.robot-list small{font-size:6px;text-transform:uppercase;color:#607d92}.robot-status{font:6px var(--mono);text-transform:uppercase;color:#7390a5}.robot-status.walking{color:#4fcfff}.robot-status.working{color:#67dfad}.robot-status.charging{color:#e9bd5f}.robot-status.paused{color:#e58a7c}.selected-robot-card{display:flex;flex-direction:column;gap:5px;margin-top:9px;padding:9px;border:1px solid #24506a;background:#0c2030;border-radius:4px}.selected-robot-card strong{font-size:8px}.selected-robot-card span{display:flex;align-items:center;gap:5px;font-size:7px;color:#7999af}.simulation-disclaimer{margin:9px 0 0;font:7px var(--mono);color:#59758a}@media(max-width:640px){.robot-list{grid-template-columns:1fr}}.viewport-canvas.immersive-mode{position:fixed!important;inset:0;z-index:9999;width:100vw;height:100dvh!important;border:0;border-radius:0;background:#050d17}.viewport-canvas.immersive-mode .fullscreen-camera-dock{position:absolute;z-index:20;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:5px;padding:6px;border:1px solid #24506a;background:#07131ee8;border-radius:8px;box-shadow:0 8px 30px #0009}.viewport-canvas.immersive-mode .fullscreen-exit{position:absolute;z-index:21;right:20px;top:20px;display:flex;align-items:center;gap:7px;border:1px solid #31566e;background:#07131ee8;color:#b4d7e9;border-radius:5px;padding:9px 11px;font:8px var(--mono);text-transform:uppercase}.viewport-canvas.immersive-mode .viewport-bottom-overlay{bottom:78px}@media(max-width:640px){.viewport-canvas.immersive-mode .fullscreen-camera-dock{bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px);overflow-x:auto}.viewport-canvas.immersive-mode .fullscreen-exit{right:12px;top:max(12px,env(safe-area-inset-top));padding:9px}.viewport-canvas.immersive-mode .viewport-bottom-overlay{bottom:66px}}.fullscreen-simulation-dock{display:none}:is(.viewport-canvas:fullscreen,.viewport-canvas.immersive-mode) .fullscreen-simulation-dock{position:absolute;z-index:21;right:20px;top:66px;display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #24506a;background:#07131ee8;border-radius:7px;box-shadow:0 8px 24px #0008}.fullscreen-simulation-dock button{display:flex;align-items:center;gap:5px;border:1px solid #21455d;background:#10283a;color:#8fcce9;border-radius:4px;padding:8px 9px;font:8px var(--mono);text-transform:uppercase}.fullscreen-simulation-dock button:disabled{opacity:.35;cursor:not-allowed}.fullscreen-simulation-state{font:7px var(--mono);color:#819aad;padding:0 6px}.fullscreen-simulation-state.running{color:#65dfb0}.fullscreen-simulation-state.paused{color:#efb86d}@media(max-width:640px){:is(.viewport-canvas:fullscreen,.viewport-canvas.immersive-mode) .fullscreen-simulation-dock{right:12px;top:58px;max-width:calc(100vw - 24px);overflow-x:auto}.fullscreen-simulation-dock button{padding:8px}.fullscreen-simulation-dock button span{display:none}.fullscreen-simulation-state{white-space:nowrap}}.session-chip{display:flex;align-items:center;gap:7px;border:1px solid #24445a;background:#0b1a26;color:#8dc9e5;border-radius:5px;padding:7px 9px;font:8px var(--mono);letter-spacing:.5px}.access-dashboard,.tasks-panel,.workflow-panel{border:1px solid #1b3042;background:linear-gradient(135deg,#0d1a28,#08111b);border-radius:6px;padding:28px}.access-hero{display:flex;align-items:center;gap:16px}.access-hero .unavailable-icon{margin:0}.access-hero h2,.tasks-heading h2,.workflow-panel h2{margin:6px 0;font-size:21px}.access-hero p,.tasks-heading p{margin:0;color:#8298ac;font-size:11px}.access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:24px 0}.access-grid div{display:flex;flex-direction:column;gap:7px;border:1px solid #1e394c;background:#0a1824;padding:13px;border-radius:5px}.access-grid span{font:7px var(--mono);text-transform:uppercase;color:#65839a}.access-grid strong{font:10px var(--mono);color:#c5e8f7;text-transform:uppercase}.access-actions{display:flex;align-items:center;gap:12px;margin-bottom:18px}.access-error{color:#ef938f;font-size:9px}.access-notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #2b4257;background:#0d1e2c;padding:13px;border-radius:5px;color:#75b8d8;margin:16px 0}.access-notice p{margin:0;color:#829eb1;font-size:9px;line-height:1.65}.access-notice code{color:#9bdbf5}.capability-list{border-top:1px solid #1b3042;margin-top:20px;padding-top:17px}.capability-list h3,.workflow-rules h3{display:flex;align-items:center;gap:8px;font-size:11px}.capability-list li,.capability-list p{color:#7f98ab;font-size:9px;line-height:1.8}.tasks-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.task-create{display:flex;align-items:flex-end;gap:9px;margin:22px 0}.task-create label{display:flex;flex:1;flex-direction:column;gap:7px;color:#7994a8;font:8px var(--mono)}.task-create input{border:1px solid #24465d;background:#081722;color:#c7e4f2;padding:10px;border-radius:4px;outline:0}.task-create input:focus{border-color:#3abce7}.task-state{border:1px dashed #29445a;padding:20px;color:#7894a7;text-align:center}.task-list{display:grid;gap:7px}.task-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;border:1px solid #1c3547;background:#091722;padding:12px;border-radius:5px}.task-list article div{display:flex;flex-direction:column;gap:4px}.task-list strong{font-size:10px}.task-list span,.task-list small{font-size:7px;color:#718da0}.workflow-state{border:1px solid #66562c;color:#e1bb67;background:#2b2412;padding:6px 8px;border-radius:4px;font:7px var(--mono)}.workflow-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.workflow-step{position:relative;display:flex;gap:10px;min-height:112px;border:1px solid #1e3d51;background:#0a1a27;padding:13px;border-radius:6px}.workflow-step>svg{position:absolute;bottom:-13px;left:50%;z-index:2;color:#3fc5f0}.workflow-index{font:10px var(--mono);color:#51c8ee}.workflow-step>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.workflow-step span{font:7px var(--mono);text-transform:uppercase;color:#64849a}.workflow-step strong{font-size:10px;color:#c6e2ee}.workflow-step p{margin:0;color:#748fa2;font-size:8px;line-height:1.55}.workflow-rules{border-top:1px solid #1d3547;padding-top:16px}.workflow-rules p{display:flex;gap:8px;align-items:flex-start;color:#7f99ab;font-size:9px;line-height:1.6}.workflow-rules svg{flex:0 0 auto;color:#56d1a6}@media(max-width:800px){.access-grid,.workflow-stages{grid-template-columns:1fr 1fr}}@media(max-width:640px){.session-chip{padding:6px}.session-chip span{display:none}.access-dashboard,.tasks-panel,.workflow-panel{padding:20px 14px}.access-grid,.workflow-stages{grid-template-columns:1fr}.task-create{align-items:stretch;flex-direction:column}.task-list article{grid-template-columns:1fr auto}.task-list small{grid-column:1/-1}}