:root{color-scheme:dark;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#edf1f1;background:#0d1113;font-synthesis:none;text-rendering:optimizeLegibility;--red: #d80c1e;--green: #49a86d;--yellow: #e2a834;--muted: #8f999c;--line: rgba(211, 220, 221, .16);--panel: rgba(18, 23, 25, .93);--panel-strong: rgba(15, 19, 21, .97)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:#0d1113}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.twin-screen{position:relative;width:100%;height:100dvh;min-height:640px;overflow:hidden;background:#0d1113;isolation:isolate}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d1113}#scene-canvas,.scene-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#scene-canvas{touch-action:none}.scene-label-layer{z-index:2;pointer-events:none}.scene-tag{display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:0 9px;color:#e9eeee;background:#0d1113e0;border:1px solid rgba(221,229,230,.2);border-radius:3px;box-shadow:0 5px 16px #00000047;font-size:11px;font-weight:600;white-space:nowrap;transform:translateY(-8px)}.scene-tag i,.device-title>i,.device-selector i,.director-state i,.live-badge i,.alarm-clear>i,.alarm-row>i{display:inline-block;width:7px;height:7px;flex:0 0 auto;background:var(--green);border-radius:50%}.scene-tag.status-idle i,.device-selector .status-idle,.device-title>.status-idle{background:#7b8588}.scene-tag.status-warning i,.device-selector .status-warning,.device-title>.status-warning{background:var(--yellow)}.scene-tag.status-alarm i,.device-selector .status-alarm,.device-title>.status-alarm{background:var(--red)}.zone-label{padding:4px 8px;color:#dde4e594;background:#0d1113a3;border:1px solid rgba(214,223,224,.12);border-radius:2px;font-size:10px;font-weight:600;white-space:nowrap}.model-loading{position:absolute;top:50%;left:50%;z-index:4;display:grid;grid-template-columns:12px minmax(0,auto) auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;color:#d9dede;background:#0e1214eb;border:1px solid rgba(216,223,224,.18);border-radius:3px;transform:translate(-50%,-50%);transition:opacity .18s ease}.model-loading.is-hidden{opacity:0;pointer-events:none}.model-loading>span{width:9px;height:9px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--red);border-radius:50%;animation:model-spin .8s linear infinite}.model-loading p,.model-loading small{margin:0;font-size:11px}.model-loading small{color:var(--muted)}@keyframes model-spin{to{transform:rotate(360deg)}}.topbar{position:absolute;top:10px;right:12px;left:12px;z-index:10;display:flex;align-items:center;height:56px;min-width:0;padding:0 14px;background:#0f1315f5;border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 24px #0000003d}.kc-brand,.jaka-lockup,.top-status,.director-state,.site-return,.live-badge{display:inline-flex;align-items:center}.kc-brand{gap:10px;min-width:186px;color:#f0f3f3;text-decoration:none}.kc-mark{display:inline-grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#fff;background:var(--red);border-radius:3px;font-size:11px;font-weight:800}.kc-name,.jaka-lockup>span{display:flex;min-width:0;flex-direction:column;gap:2px}.kc-name strong,.jaka-lockup strong{overflow:hidden;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.kc-name small,.jaka-lockup small{color:#849093;font-size:9px;line-height:1.1}.jaka-lockup{gap:9px;min-width:150px;margin-left:24px;padding-left:20px;border-left:1px solid var(--line)}.jaka-lockup>i{display:block;width:5px;height:28px;background:var(--red)}.scenario-tabs{display:flex;align-items:center;gap:2px;height:36px;margin-left:clamp(18px,3vw,52px);padding:3px;background:#252b2e;border:1px solid rgba(218,226,227,.09);border-radius:3px}.scenario-tab{height:28px;min-width:86px;padding:0 12px;color:#9aa3a6;background:transparent;border:0;border-radius:2px;font-size:11px;font-weight:700;white-space:nowrap}.scenario-tab:hover,.scenario-tab:focus-visible{color:#fff;outline:none}.scenario-tab.is-active{color:#fff;background:#3a4144;box-shadow:inset 3px 0 0 var(--red)}.robot-cell-entry{display:inline-flex;align-items:center;justify-content:center;height:36px;margin-left:clamp(16px,2.2vw,34px);padding:0 14px;color:#eef2f2;background:#252b2e;border:1px solid rgba(216,12,30,.62);border-radius:3px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.robot-cell-entry:hover,.robot-cell-entry:focus-visible{color:#fff;background:#3a2427;border-color:var(--red);outline:none}.top-status{min-width:0;margin-left:auto;gap:18px;color:#a6afb1;font-size:10px;white-space:nowrap}.simulation-note{color:#bdc5c6;padding-left:10px;border-left:2px solid var(--red)}.director-state{gap:7px}.director-state i,.live-badge i{background:var(--green);box-shadow:0 0 0 3px #49a86d1f}.director-state.is-paused i{background:var(--yellow);box-shadow:none}.director-state.is-manual i{background:#737e81;box-shadow:none}#system-time{color:#e6eaea;font-variant-numeric:tabular-nums;font-weight:700}.site-return{justify-content:center;height:30px;padding:0 10px;color:#dce1e1;border:1px solid rgba(219,227,228,.2);border-radius:2px;text-decoration:none}.site-return:hover,.site-return:focus-visible{color:#fff;border-color:#d80c1eb8;outline:none}.camera-presets{position:absolute;top:78px;left:50%;z-index:8;display:flex;height:30px;padding:2px;background:#101517db;border:1px solid rgba(213,222,223,.15);border-radius:3px;transform:translate(-50%)}.camera-presets button{min-width:60px;height:24px;padding:0 8px;color:#929c9e;background:transparent;border:0;border-radius:2px;font-size:10px;white-space:nowrap}.camera-presets button:hover,.camera-presets button:focus-visible,.camera-presets button.is-active{color:#f1f4f4;background:#373e41;outline:none}.hud-panel{position:absolute;z-index:7;top:80px;bottom:92px;overflow:auto;color:#e5eaea;background:var(--panel);border:1px solid var(--line);border-radius:3px;box-shadow:0 10px 30px #00000038;scrollbar-width:thin;scrollbar-color:#3f484b transparent}.hud-left{left:16px;width:288px;padding:17px 16px 14px}.hud-right{right:16px;display:flex;width:336px;flex-direction:column;padding:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-heading>div{min-width:0}.panel-heading span,.section-label span{color:#929c9e;font-size:10px}.panel-heading h1{margin:5px 0 0;color:#f3f5f5;font-size:18px;font-weight:650;letter-spacing:0;line-height:1.25}.live-badge{flex:0 0 auto;gap:6px;min-height:24px;padding:0 7px;color:#a6d3b5;background:#49a86d14;border:1px solid rgba(73,168,109,.2);border-radius:2px;font-size:9px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dae2e31c;border:1px solid rgba(218,226,227,.11)}.summary-item{position:relative;display:flex;min-width:0;min-height:76px;flex-direction:column;justify-content:space-between;padding:11px;overflow:hidden;background:#191f21}.summary-item span{color:#879194;font-size:10px}.summary-item strong{overflow-wrap:anywhere;color:#eef2f2;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15}.summary-item i{position:absolute;right:0;bottom:0;left:0;height:2px;background:#454e51}.summary-item.is-primary strong{color:#fff}.summary-item.is-primary i{background:var(--red)}.trend-block{margin-top:16px;padding:13px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trend-heading,.trend-scale,.section-label,.device-title,.official-link{display:flex;align-items:center;justify-content:space-between}.trend-heading span,.trend-scale{color:#838d90;font-size:9px}.trend-heading strong{color:#e8eded;font-size:12px;font-variant-numeric:tabular-nums}.trend-block svg{display:block;width:100%;height:74px;margin-top:7px;overflow:visible;border-bottom:1px solid rgba(210,219,220,.1)}.trend-block polyline{fill:none;stroke:#d5dcdd;stroke-width:1.2;vector-effect:non-scaling-stroke}.trend-scale{margin-top:5px}.micro-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:14px}.micro-metrics>div{display:flex;min-width:0;flex-direction:column;gap:4px}.micro-metrics span{color:#7f898c;font-size:9px}.micro-metrics strong{overflow-wrap:anywhere;color:#dce1e1;font-size:12px}.data-update{margin:17px 0 0;color:#667174;font-size:9px;font-variant-numeric:tabular-nums}.device-section,.alarm-section{padding:16px}.alarm-section{margin-top:auto;border-top:1px solid var(--line)}.section-label{min-height:20px;margin-bottom:10px}.section-label small{color:#697477;font-size:9px}.device-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:104px;margin-bottom:14px;overflow:auto;scrollbar-width:thin}.device-selector button{display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:31px;padding:0 8px;color:#a2acae;text-align:left;background:#1c2224;border:1px solid rgba(217,225,226,.09);border-radius:2px}.device-selector button:hover,.device-selector button:focus-visible,.device-selector button.is-active{color:#f2f4f4;background:#30373a;border-color:#d80c1e73;outline:none}.device-selector button span{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.device-title{justify-content:flex-start;gap:9px;min-height:42px;padding:8px 10px;background:#1a2022;border-left:2px solid var(--red)}.device-title>div{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:8px}.device-title strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.device-title span{color:#889396;font-size:9px;white-space:nowrap}.selected-device dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:13px 0 0}.selected-device dl div,.product-specs div{min-width:0}.selected-device dt,.product-specs span{color:#788386;font-size:9px}.selected-device dd{margin:3px 0 0;overflow-wrap:anywhere;color:#dce1e1;font-size:10px;font-weight:600}.product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:14px;background:#dae2e314;border:1px solid rgba(218,226,227,.08)}.product-specs div{display:flex;min-height:45px;flex-direction:column;justify-content:center;gap:3px;padding:7px 9px;background:#191f21}.product-specs strong{overflow-wrap:anywhere;color:#edf1f1;font-size:11px}.application-note{margin:10px 0 0;color:#737e81;font-size:9px;line-height:1.55}.official-link{justify-content:space-between;min-height:34px;margin-top:10px;padding:0 10px;color:#e8ecec;background:#282f32;border:1px solid rgba(216,12,30,.32);border-radius:2px;font-size:10px;text-decoration:none}.official-link:hover,.official-link:focus-visible{color:#fff;border-color:var(--red);outline:none}.alarm-clear,.alarm-row{display:flex;align-items:flex-start;gap:10px;padding:10px;background:#1a2022;border:1px solid rgba(216,225,226,.08);border-radius:2px}.alarm-clear>i{margin-top:3px}.alarm-row>i{margin-top:3px;background:var(--yellow)}.alarm-row.critical>i{background:var(--red)}.alarm-clear strong,.alarm-row strong{color:#dce2e2;font-size:10px}.alarm-clear p,.alarm-row p{margin:4px 0 0;color:#778285;font-size:9px;line-height:1.5}.empty-state{color:#788386;font-size:10px}.bottom-dock{position:absolute;right:16px;bottom:12px;left:16px;z-index:9;display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:68px;padding:9px 12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 24px #0000003d}.process-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;min-width:0}.process-now>span{grid-column:1 / -1;color:#737e81;font-size:9px}.process-now strong{overflow:hidden;color:#f0f3f3;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.process-now small{align-self:end;color:#7f898c;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.process-timeline{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;min-width:0}.timeline-step{min-width:0}.timeline-step>i{position:relative;display:block;width:100%;height:4px;overflow:hidden;background:#343c3f;border-radius:1px}.timeline-step b{position:absolute;inset:0 auto 0 0;display:block;background:#7e898c}.timeline-step.is-active b{background:var(--red)}.timeline-step>span{display:block;margin-top:5px;overflow:hidden;color:#657073;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.timeline-step.is-active>span{color:#eef2f2}.dock-controls{display:flex;gap:5px}.dock-controls button{width:48px;height:34px;padding:0;color:#a5aeb0;background:#252c2f;border:1px solid rgba(217,225,226,.13);border-radius:2px;font-size:10px}.dock-controls button:hover,.dock-controls button:focus-visible,.dock-controls button.is-active{color:#fff;border-color:#d80c1ead;outline:none}.dock-controls button.is-active{background:#3a2427}.mobile-panel-tabs{display:none}@media (max-width: 1500px) and (min-width: 901px){.hud-left{width:240px}.hud-right{width:286px}.jaka-lockup{display:none}.top-status{gap:12px}.timeline-step>span{display:none}}@media (min-width: 2400px){.topbar{height:66px;padding:0 18px}.hud-panel{top:92px;bottom:112px}.hud-left{width:348px}.hud-right{width:406px}.camera-presets{top:90px}.bottom-dock{min-height:82px}.summary-item strong{font-size:21px}}@media (max-width: 900px){html,body,#app{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}.twin-screen{display:flex;height:auto;min-height:100dvh;flex-direction:column;overflow:visible}.scene-host{position:relative;inset:auto;width:100%;height:52vh;min-height:410px;max-height:560px;flex:0 0 auto}.topbar{top:8px;right:8px;left:8px;height:50px;padding:0 9px;gap:8px}.kc-brand{min-width:34px}.kc-name,.jaka-lockup,.director-state,#system-time{display:none}.kc-mark{width:32px;height:32px}.scenario-tabs{height:34px;min-width:0;margin-left:auto}.robot-cell-entry{height:30px;margin-left:4px;padding:0 8px;font-size:9px}.scenario-tab{min-width:76px;height:26px;padding:0 8px;font-size:10px}.top-status{margin-left:0}.site-return{display:none}.camera-presets{top:64px;display:flex;width:max-content;max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}.camera-presets::-webkit-scrollbar{display:none}.simulation-note{padding-left:7px;font-size:9px}.scene-tag{min-height:24px;padding:0 7px;font-size:9px}.bottom-dock{position:relative;inset:auto;z-index:3;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:94px;padding:10px 12px;border-right:0;border-left:0;border-radius:0;box-shadow:none}.process-timeline{grid-column:1 / -1;grid-row:2}.timeline-step>span{display:none}.dock-controls button{width:44px;height:32px}.mobile-panel-tabs{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:44px;padding:4px 10px;background:#151a1c;border-bottom:1px solid var(--line)}.mobile-panel-tabs button{color:#818c8f;background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px}.mobile-panel-tabs button.is-active{color:#f0f3f3;border-bottom-color:var(--red)}.hud-panel{position:relative;inset:auto;display:none;width:auto;max-height:none;margin:10px;overflow:visible;border-radius:3px;box-shadow:none}.twin-screen[data-mobile-panel=overview] .hud-left,.twin-screen[data-mobile-panel=device] .hud-right,.twin-screen[data-mobile-panel=alarms] .hud-right{display:block}.twin-screen[data-mobile-panel=device] .hud-right .alarm-section,.twin-screen[data-mobile-panel=alarms] .hud-right .device-section{display:none}.hud-left{padding:16px}.hud-right{padding:0}.alarm-section{margin-top:0;border-top:0}.device-selector{max-height:none}.product-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 430px){.scene-host{height:52vh;min-height:390px}.topbar{right:6px;left:6px;padding:0 7px}.scenario-tab{min-width:69px;padding:0 6px}.top-status{display:flex;margin-left:0;gap:0}.process-now strong{font-size:12px}.process-now small{font-size:8px}.dock-controls{gap:3px}.dock-controls button{width:40px;font-size:9px}.hud-panel{margin:8px}.panel-heading h1,.summary-item strong{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}