/* Interactive sensor demonstration */
:root{--cam:#79b6ff;--rad:#4ddcba;--alarm:#ff6e74}.page-heading{margin-bottom:21px}.page-heading h1{font-size:24px}.page-heading .button{font-size:12px;padding:11px 17px}.workspace-label span{color:#80a9d6}.experience{border:1px solid #2b4059;border-radius:12px;background:#0f1928;overflow:hidden;box-shadow:0 10px 45px #0002;margin-bottom:21px;--risk-color:#74b7ff}.experience-toolbar{padding:14px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25374c;background:#132032;gap:10px}.experience-toolbar>div{display:flex;align-items:center;gap:13px}.live-chip{display:flex;align-items:center;gap:7px;font-size:12px;color:#b9d8ff;font-weight:500}.live-chip i{width:6px;height:6px;background:#4cdaae;border-radius:50%;box-shadow:0 0 0 4px #43d3ab10}.demo-caption{font-size:9px;color:#647f9e}.experience-tools button{border:0;background:none;color:#91a9c5;font-size:10px;padding:4px 0;display:flex;gap:5px;align-items:center}.experience-tools button[aria-pressed=true]{color:#9bdeca}.scenario-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:16px 18px 0}.scenario-picker button{border:1px solid #2b3c53;background:#142134;text-align:left;padding:12px 12px 12px 41px;position:relative;border-radius:6px;transition:.2s}.scenario-picker button>span{position:absolute;left:13px;top:14px;font:11px monospace;color:#4e6a8c}.scenario-picker b{font-size:12px;font-weight:500;color:#b2c5dd;display:block}.scenario-picker small{font-size:9px;color:#647f9d;display:block;margin-top:5px}.scenario-picker button.active{background:linear-gradient(120deg,#22466d,#1b3048);border-color:#4c8bcb;box-shadow:inset 0 0 20px #396ab015}.scenario-picker button.active>span{color:#6bb9ff}.scenario-picker button.active b{color:#d5eaff}.scenario-picker button.active small{color:#8baed2}.stage-narration{padding:20px 21px 18px;display:flex;align-items:center;gap:13px;min-height:90px}.stage-narration>#phaseNumber{font:10px monospace;letter-spacing:1px;color:#668cb6;align-self:flex-start;padding-top:5px;white-space:nowrap}.stage-narration h2{margin:0;font-size:17px;font-weight:500;letter-spacing:.2px;color:#d3e5fb}.stage-narration p{margin:6px 0 0;font-size:10px;line-height:1.8;color:#85a0bd}.phase-badge{margin-left:auto;border:1px solid #3a5e86;background:#24436955;color:#8ebcea;font-size:10px;white-space:nowrap;padding:4px 9px;border-radius:4px}.dual-sensors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 18px}.sensor-pane{border:1px solid #2c4667;border-radius:8px;overflow:hidden;min-width:0;background:#111d2c}.mmwave-pane{border-color:#27584d}.sensor-title{height:68px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#172a42;border-bottom:1px solid #2a4466}.mmwave-pane .sensor-title{background:#142b2a;border-bottom-color:#28564b}.sensor-hardware{display:flex;align-items:center;gap:11px;min-width:0}.sensor-hardware img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}.sensor-hardware>div>span{font:8px monospace;letter-spacing:.8px;color:#6795c8}.sensor-hardware>div>span b{font-weight:400}.sensor-hardware h3{font-size:15px;color:#afd4ff;margin:2px 0 0;font-weight:500;letter-spacing:.7px}.mmwave-pane .sensor-hardware>div>span{color:#629e8f}.mmwave-pane .sensor-hardware h3{color:#a3ecd2}.sensor-state{font-size:9px;color:#8eb5df;display:flex;gap:6px;align-items:center;white-space:nowrap}.sensor-state i{height:5px;width:5px;background:#78c2ff;border-radius:50%}.mmwave-pane .sensor-state{color:#85c8b3}.mmwave-pane .sensor-state i{background:#61deb6}.vision-stage,.mmwave-stage{position:relative;aspect-ratio:600/340;background:#091623;overflow:hidden}.vision-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(.5);transition:filter .4s}.video-vignette{position:absolute;inset:0;background:linear-gradient(#10253e66,transparent 30%,#09152277)}.frame-meta{position:absolute;inset:11px 13px auto;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8aabc8;font-size:8px;z-index:2;pointer-events:none}.frame-meta>span{display:flex;align-items:center;gap:5px}.frame-meta i{width:4px;height:4px;background:#7cbeff;border-radius:50%}.frame-meta>b{font:8px monospace;color:#7b9eb9;font-weight:400}.mmwave-stage .frame-meta{color:#609e8c}.mmwave-stage .frame-meta i{background:#4ddcba}.mmwave-stage .frame-meta b{color:#609e8c}.vision-svg,#mmwaveSvg{width:100%;height:100%;position:absolute;inset:0;stroke-width:1;overflow:visible}.vision-svg{fill:none;stroke:none}#mmwaveSvg{fill:none;stroke:none}.vision-svg text,#mmwaveSvg text{font-family:'Microsoft YaHei',sans-serif;stroke:none}.lens-corners{position:absolute;inset:7px;border:1px solid #6696c525;border-radius:3px;pointer-events:none}.vision-scan{position:absolute;height:18%;inset:0 0 auto;background:linear-gradient(transparent,#76b7ff0c,transparent);animation:videoScan 6s linear infinite;pointer-events:none}.sensor-caption{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:9px;padding:6px;background:#0c2132d9;color:#92badd;border-top:1px solid #25436344}.radar-caption{background:#0b2924cc;border-color:#23514755;color:#75c3a8}.sensor-readouts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:13px 15px;background:#122033}.sensor-readouts>div{border-right:1px solid #2a3b51}.sensor-readouts>div:last-child{border:0}.sensor-readouts span{display:block;color:#6b89a9;font-size:9px;margin-bottom:4px}.sensor-readouts b{display:block;color:#b2d5f7;font:17px 'Bahnschrift','Microsoft YaHei',sans-serif;white-space:nowrap}.sensor-readouts div:not(:first-child) b{font-size:12px;line-height:24px}.sensor-readouts small{font-size:10px;color:#668baf;margin-left:3px}.mmwave-pane .sensor-readouts{background:#10271f66}.mmwave-pane .sensor-readouts>div{border-color:#285044}.mmwave-pane .sensor-readouts span{color:#5e8f80}.mmwave-pane .sensor-readouts b{color:#9ee6cc}.mmwave-pane .sensor-readouts div:nth-child(2) b{font:17px 'Bahnschrift',sans-serif}.mmwave-pane .sensor-readouts small{color:#639f88}.radar-beam{transform-origin:300px 295px;animation:radarRotate 4s ease-in-out infinite alternate}.target-ping{transform-origin:0 0;animation:radarPing 2s ease-out infinite}.machine-rotor{transform-origin:12px -6px;animation:machineSpin 2s linear infinite}.sim-paused .radar-beam,.sim-paused .vision-scan,.sim-paused .machine-rotor,.sim-paused .data-packets{animation-play-state:paused}.machine-stopped .machine-rotor{animation-play-state:paused}.fusion-engine{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:center;margin:15px 18px;padding:12px 16px;background:linear-gradient(90deg,#142d4d66,#1b2a3f,#13372e66);border:1px solid #2b4157;border-radius:7px}.input-evidence{display:flex;align-items:center;gap:10px}.input-evidence svg{width:21px;height:21px;color:#75b7fa}.input-evidence span:not(.data-packets){font-size:9px;color:#6b96c4;display:block}.input-evidence b{font-size:10px;color:#a9c9ed;font-weight:400;display:block;margin-top:4px}.input-evidence .data-packets{font:15px monospace;letter-spacing:2px;color:#5c9fe766;animation:packetPulse 1.6s infinite;white-space:nowrap;margin-left:auto}.radar-evidence{justify-content:flex-end;text-align:right}.radar-evidence .data-packets{margin-left:0;margin-right:auto;color:#47c6a777}.radar-evidence b{color:#9ed6c5}.radar-evidence span:not(.data-packets){color:#5d9e87}.radar-evidence svg{color:#66d7b3}.engine-core{display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid #2c4964;border-right:1px solid #2c4d49;padding:0 12px}.engine-core img{width:52px;height:32px;object-fit:contain}.engine-core span{font:8px monospace;color:#8b9cba;letter-spacing:1px}.engine-core b{display:block;font-size:11px;font-weight:500;color:#d3e0f1;margin-top:3px}.playback-bar{display:flex;gap:11px;align-items:center;padding:0 18px 17px}.playback-button{width:30px;height:30px;border-radius:50%;border:1px solid #4b80b8;background:#244268;color:#c7e5ff;font-size:12px;flex-shrink:0}.step-button{background:none;border:0;color:#7e9dc0;font-size:10px;white-space:nowrap;padding:2px}.playback-bar>span{font:9px monospace;color:#7594b5}.playback-bar input{flex:1;min-width:30px;accent-color:#64adff;height:4px}.playback-bar select{padding:5px 7px;font-size:9px}.playback-bar #triggerAlert{font-size:10px;white-space:nowrap;border:1px solid #916044;background:#5f3a2622;color:#e8b08b;border-radius:4px;padding:6px 9px}.playback-bar #triggerAlert:hover{background:#9c523a44;border-color:#da8868}.alert-deck{border-top:1px solid #2b4058;background:#142033;transition:background .6s}.alert-main{display:flex;gap:15px;align-items:center;padding:21px 22px;border-left:4px solid #588bc4;min-height:123px}.siren{display:grid;place-items:center;width:48px;height:48px;background:#28476b55;border:1px solid #42658e;border-radius:12px;flex-shrink:0;color:#6c9ccb}.siren svg{width:32px;height:32px;stroke-width:2.8;fill:none}.alert-copy{flex:1;min-width:0}.alert-copy>div{display:flex;align-items:center;gap:11px}.alert-copy>div>span:first-child{font-size:10px;color:#a6c7ee}.alert-copy>div>span:last-child{font:8px monospace;color:#587b9f}.alert-copy h3{font-size:19px;font-weight:600;letter-spacing:.5px;margin:5px 0;color:#bdd5f2}.alert-copy p{font-size:10px;color:#7e9cba;margin:5px 0 0;line-height:1.8}.danger-distance{text-align:right;min-width:100px;padding:0 15px;border-right:1px solid #2b425c}.danger-distance>span{display:block;font-size:9px;color:#688aad}.danger-distance b{display:block;font:30px/1.4 'Bahnschrift',sans-serif;color:#bad7f4}.danger-distance small{font-size:12px;margin-left:4px;color:#7a9abb}.ack-button{border:1px solid #4a6d96;background:#24415e;color:#aac5e2;font-size:10px;border-radius:5px;padding:9px 13px;white-space:nowrap}.ack-button:disabled{opacity:.3}.response-chain{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2b3d54;padding:15px 20px;gap:15px;background:#0b172666}.response-chain>div{display:flex;align-items:center;gap:9px;position:relative;min-width:0}.response-chain>div>span{width:23px;height:23px;display:grid;place-items:center;font:9px monospace;border:1px solid #38506d;border-radius:50%;color:#6c8cb0;flex-shrink:0}.response-chain b{display:block;font-size:11px;font-weight:400;color:#7895b5}.response-chain small{display:block;font-size:8px;color:#485f7b;margin-top:4px}.response-chain em{font-style:normal;font-size:8px;color:#476382;position:absolute;right:0;top:2px;display:none}.response-chain .complete>span{background:#234d47;border-color:#478d7c;color:#a3e0cc}.response-chain .complete b{color:#a5cabb}.response-chain .complete em{color:#6da891}.response-chain .current>span{background:#34577c;color:#d2e7ff;border-color:#78b1ef}.response-chain .current b{color:#b4d2f5}.comparison-verdict{display:grid;grid-template-columns:1fr 1fr 1fr;background:#0b1522;padding:16px 20px;gap:22px;border-top:1px solid #253b53}.comparison-verdict>div{border-right:1px solid #25394f}.comparison-verdict>div:last-child{border:0}.comparison-verdict span{font-size:9px;color:#5b789b;display:block}.comparison-verdict b{font-size:11px;color:#91accb;font-weight:400;display:block;margin:5px 0}.comparison-verdict small{font-size:8px;color:#526c89;display:block;line-height:1.7}.comparison-verdict .fusion-verdict b{color:#86cfb4}.comparison-verdict .fusion-verdict>span{color:#5f9f88}.experience[data-phase=blind] .vision-pane{border-color:#b99047}.experience[data-phase=blind] #visionState{color:#efc773}.experience[data-phase=blind] #visionState i{background:#efc773}.experience[data-phase=blind] #visionConfidence{color:#ebbf70}.experience[data-phase=caution]{--risk-color:#efba67}.experience[data-phase=caution] .phase-badge{color:#ebc37e;border-color:#977340;background:#7e562633}.experience[data-phase=alarm],.experience[data-phase=interlock]{--risk-color:#ff7379;border-color:#a14554}.experience[data-phase=alarm] .alert-deck,.experience[data-phase=interlock] .alert-deck{background:linear-gradient(110deg,#47222b,#2a1c29)}.experience[data-phase=alarm] .alert-main,.experience[data-phase=interlock] .alert-main{border-left-color:#ff717d}.experience[data-phase=alarm] .alert-copy h3,.experience[data-phase=interlock] .alert-copy h3{color:#ffb9bd}.experience[data-phase=alarm] .alert-copy>div>span:first-child,.experience[data-phase=interlock] .alert-copy>div>span:first-child{color:#ff8a96}.experience[data-phase=alarm] .alert-copy p,.experience[data-phase=interlock] .alert-copy p{color:#c8929d}.experience[data-phase=alarm] .siren,.experience[data-phase=interlock] .siren{color:#ff9eaa;background:#a8435755;border-color:#d4677b;animation:sirenGlow 1.5s ease-in-out infinite}.experience[data-phase=alarm] .phase-badge,.experience[data-phase=interlock] .phase-badge{color:#ffacb8;background:#963b4f55;border-color:#b2586d}.experience[data-phase=alarm] .danger-distance b,.experience[data-phase=interlock] .danger-distance b{color:#ffabb2}.experience[data-phase=alarm] .danger-distance>span,.experience[data-phase=interlock] .danger-distance>span{color:#b87f90}.experience[data-phase=alarm] .ack-button,.experience[data-phase=interlock] .ack-button{background:#a24a5d;border-color:#d66b81;color:#ffe4e9}.experience[data-phase=alarm] .sensor-pane,.experience[data-phase=interlock] .sensor-pane{border-color:#a45464}.experience[data-phase=alarm] #visionSafetyZone,.experience[data-phase=interlock] #visionSafetyZone,.experience[data-phase=alarm] #radarSafetyZone,.experience[data-phase=interlock] #radarSafetyZone{fill:#ff4e61;fill-opacity:.15;stroke:#ff8790;stroke-dasharray:none;animation:zonePulse 1.8s ease-in-out infinite}.experience[data-phase=alarm] #personBox>rect:first-child,.experience[data-phase=interlock] #personBox>rect:first-child{stroke:#ff8b95;fill:#f4586e18}.experience[data-phase=alarm] #personBox>path,.experience[data-phase=interlock] #personBox>path{stroke:#ff9ba5}.experience[data-phase=caution] .alert-main{border-left-color:#efba67}.experience[data-phase=caution] .alert-copy h3{color:#e4c187}.experience[data-phase=caution] .danger-distance b{color:#efbd74}.experience[data-phase=ack] .alert-main{border-left-color:#64d9ad}.experience[data-phase=ack] .alert-copy h3{color:#a4e4c4}.experience[data-phase=ack] .siren{border-color:#4d8d74;color:#9bdebd;background:#285e4933}.global-alarm:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:40;box-shadow:inset 0 0 45px #ff4d6b35;border:2px solid #ff73834d;animation:screenAlarm 2s ease-in-out infinite}.sensor-off{opacity:.5}.sensor-off .sensor-stage{filter:grayscale(1)}.experience:fullscreen{background:#0b1421;overflow-y:auto;border-radius:0;padding:0 4vw}.experience:fullscreen .experience-toolbar{position:sticky;top:0;z-index:5}.experience:fullscreen .vision-stage,.experience:fullscreen .mmwave-stage{max-height:44vh}.experience:fullscreen .stage-narration{padding-top:13px;padding-bottom:13px}.experience:fullscreen .dual-sensors{max-width:1500px;margin-inline:auto}.metrics{margin-top:20px}.metrics article{padding:13px 18px}.metric-value{font-size:29px;margin-top:4px}.metric-bottom{font-size:9px}.metrics .mini-line,.metrics .mini-bars,.metric-wave{display:none}#page-overview>.monitor-layout{display:none}.bottom-layout{grid-template-columns:minmax(0,1fr) 295px}.is-exploring .global-alarm:after{display:none}@keyframes videoScan{from{transform:translateY(-100%)}to{transform:translateY(650%)}}@keyframes radarRotate{from{transform:rotate(-60deg)}to{transform:rotate(40deg)}}@keyframes radarPing{from{r:8;opacity:.8}to{r:24;opacity:0}}@keyframes machineSpin{from{transform:translate(12px,-6px) rotate(0)}to{transform:translate(12px,-6px) rotate(360deg)}}@keyframes packetPulse{0%,100%{opacity:.3}50%{opacity:1}}@keyframes sirenGlow{0%,100%{box-shadow:0 0 0 0 #ff5f7522}50%{box-shadow:0 0 0 10px #ff5f7509,0 0 30px #ff5f7533}}@keyframes zonePulse{50%{fill-opacity:.25;stroke-opacity:.5}}@keyframes screenAlarm{50%{box-shadow:inset 0 0 35px #ff4d6b15;border-color:#ff73831a}}
@media(min-width:1550px){.response-chain em{display:block}.vision-stage,.mmwave-stage{aspect-ratio:1.9}.sensor-readouts{padding:15px 19px}.sensor-title{height:74px}.sensor-hardware h3{font-size:17px}.stage-narration h2{font-size:20px}.stage-narration p{font-size:12px}.scenario-picker b{font-size:14px}.scenario-picker small{font-size:10px}.alert-copy h3{font-size:23px}.alert-copy p{font-size:12px}.input-evidence b{font-size:12px}.comparison-verdict b{font-size:13px}.comparison-verdict small{font-size:10px}}
@media(max-width:1150px){.sidebar{width:70px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.sidebar .workspace-label,.sidebar .side-bottom,.sidebar .user{display:none}.sidebar nav{padding:0 10px}.sidebar nav button{font-size:0;justify-content:center;padding:0;position:relative}.sidebar nav button svg{width:21px;height:21px}.sidebar nav .nav-count{position:absolute;right:0;top:4px}.shell{margin-left:70px}.scenario-picker small{font-size:8px}.scenario-picker b{font-size:11px}.sensor-title{padding:10px 12px}.sensor-state{font-size:8px}.sensor-hardware{gap:8px}.sensor-hardware h3{font-size:14px}.sensor-hardware img{width:35px;height:38px}.sensor-hardware>div>span{font-size:7px}.stage-narration h2{font-size:16px}.stage-narration p{font-size:9px}.sensor-readouts{padding:12px}.sensor-readouts span{font-size:8px}.sensor-readouts div:not(:first-child) b{font-size:11px}.input-evidence{gap:7px}.input-evidence b{font-size:9px}.engine-core img{width:42px}.engine-core b{font-size:10px}.engine-core span{font-size:7px}.alert-copy h3{font-size:17px}.alert-copy p{font-size:9px}.alert-main{gap:12px;padding:18px}.danger-distance{padding:0 12px}.ack-button{padding:8px 10px;font-size:9px}.comparison-verdict small{font-size:8px}.demo-caption{font-size:8px}.experience-tools button{font-size:9px}.bottom-layout{grid-template-columns:1fr 265px}}
@media(max-width:850px){.scenario-picker{gap:7px;padding:13px 13px 0}.scenario-picker button{padding:11px 8px}.scenario-picker button>span{display:none}.scenario-picker b{font-size:10px}.dual-sensors{gap:10px;margin:0 13px}.sensor-hardware img{width:28px}.sensor-title{height:61px;padding:8px}.sensor-state{font-size:7px;gap:4px}.sensor-hardware h3{font-size:13px}.sensor-hardware>div>span{font-size:6px}.sensor-readouts b{font-size:16px}.sensor-readouts div:not(:first-child) b{font-size:9px}.sensor-readouts{gap:5px;padding:10px}.sensor-readouts span{font-size:7px}.sensor-caption{font-size:7px;padding:4px}.frame-meta{font-size:6px;inset:7px 8px auto}.frame-meta>b{font-size:6px}.fusion-engine{padding:10px;margin:12px 13px;gap:5px;grid-template-columns:1fr 1.1fr 1fr}.input-evidence svg{width:16px;height:16px}.input-evidence b{font-size:8px}.input-evidence span:not(.data-packets){font-size:8px}.input-evidence .data-packets{font-size:10px;letter-spacing:0}.engine-core{gap:5px;padding:0 7px}.engine-core img{width:32px}.engine-core b{font-size:9px}.engine-core span{font-size:6px;letter-spacing:0}.alert-main{flex-wrap:wrap;padding:16px;gap:12px}.alert-copy{flex-basis:calc(100% - 65px)}.alert-copy h3{font-size:18px}.siren{width:43px;height:43px}.danger-distance{display:flex;align-items:center;gap:10px;flex:1;text-align:left;padding:0;border:0;margin-left:55px}.danger-distance b{font-size:23px}.danger-distance>span{font-size:8px}.danger-distance>span:last-child{display:none}.ack-button{font-size:9px;padding:8px 12px}.response-chain{gap:10px;padding:13px}.response-chain>div{gap:6px}.response-chain>div>span{width:19px;height:19px;font-size:8px}.response-chain b{font-size:9px}.response-chain small{font-size:6px}.comparison-verdict{gap:13px;padding:13px}.comparison-verdict b{font-size:9px}.comparison-verdict small{font-size:7px}.playback-bar{gap:8px;padding:0 13px 14px}.playback-bar #triggerAlert{font-size:9px;padding:6px}.playback-bar select{font-size:8px;padding:5px}.step-button{font-size:9px}.stage-narration{padding:16px 14px;gap:10px}.stage-narration h2{font-size:15px}.stage-narration p{font-size:9px}.stage-narration>#phaseNumber{font-size:9px}.phase-badge{font-size:8px}.experience-toolbar{padding:12px 14px}.experience-toolbar>div{gap:10px}.live-chip{font-size:10px}.demo-caption{font-size:7px}}
@media(max-width:760px){.sidebar{width:auto}.shell{margin-left:0}.sidebar nav{padding:0 5px}.sidebar nav button{font-size:9px;gap:3px;padding:4px 9px}.sidebar nav .nav-count{font-size:7px;right:0;top:0}.sidebar nav button svg{width:18px;height:18px}.page-heading{margin-bottom:16px}.page-heading h1{font-size:22px}.page-heading .button{padding:9px 14px;font-size:11px}.demo-caption{display:none}.experience-tools button{font-size:8px}.scenario-picker{grid-template-columns:1fr 1fr;gap:7px;padding:11px 11px 0}.scenario-picker button{padding:10px 11px 10px 32px}.scenario-picker button>span{display:block;left:10px;top:12px;font-size:9px}.scenario-picker b{font-size:11px}.scenario-picker small{font-size:8px;margin-top:3px}.stage-narration{align-items:flex-start;padding:16px 12px;gap:8px}.stage-narration>#phaseNumber{display:none}.stage-narration h2{font-size:14px}.stage-narration p{font-size:9px;margin-top:6px}.phase-badge{margin-top:1px;padding:3px 6px;font-size:7px}.dual-sensors{grid-template-columns:1fr;gap:12px;margin:0 11px}.sensor-title{height:60px;padding:8px 13px}.sensor-hardware img{width:38px;height:38px}.sensor-hardware h3{font-size:15px}.sensor-hardware>div>span{font-size:7px}.sensor-state{font-size:9px}.vision-stage,.mmwave-stage{aspect-ratio:1.8}.sensor-readouts{padding:10px 14px}.sensor-readouts span{font-size:8px}.sensor-readouts b{font-size:20px}.sensor-readouts div:not(:first-child) b{font-size:12px}.sensor-caption{font-size:8px}.frame-meta{font-size:7px;inset:9px 10px auto}.frame-meta>b{font-size:7px}.fusion-engine{grid-template-columns:1fr 1fr;margin:12px 11px;gap:12px;padding:12px}.engine-core{grid-row:2;grid-column:1/-1;border-left:0;border-right:0;border-top:1px solid #294b52;padding:12px 0 0;gap:10px}.engine-core img{width:52px;height:31px}.engine-core b{font-size:12px}.engine-core span{font-size:8px;letter-spacing:1px}.input-evidence b{font-size:8px}.input-evidence span:not(.data-packets){font-size:9px}.input-evidence svg{width:18px}.radar-evidence{grid-column:2;grid-row:1}.input-evidence .data-packets{display:none}.playback-bar{flex-wrap:wrap;gap:8px;padding:0 12px 14px}.playback-bar input{flex:1;min-width:100px}.playback-bar .step-button{font-size:9px}.playback-bar select{margin-left:auto}.playback-bar #triggerAlert{font-size:10px;padding:7px 12px}.playback-bar>span{font-size:8px}.playback-bar>span:nth-last-of-type(1){display:none}.playback-button{width:28px;height:28px}.alert-main{padding:16px 13px}.alert-copy h3{font-size:16px}.alert-copy p{font-size:9px}.alert-copy>div>span:last-child{font-size:7px}.alert-copy>div>span:first-child{font-size:9px}.siren{width:40px;height:40px}.siren svg{width:27px;height:27px}.danger-distance{margin-left:52px}.danger-distance b{font-size:24px}.ack-button{font-size:9px;padding:8px 10px}.response-chain{grid-template-columns:1fr 1fr;gap:16px;padding:16px 13px}.response-chain>div>span{width:22px;height:22px}.response-chain b{font-size:10px}.response-chain small{font-size:7px}.comparison-verdict{grid-template-columns:1fr;gap:0;padding:0 14px}.comparison-verdict>div{border-right:0;border-bottom:1px solid #233b51;display:grid;grid-template-columns:95px 1fr;padding:11px 0;gap:2px 8px}.comparison-verdict span{grid-row:1/3;align-self:center;font-size:9px}.comparison-verdict b{font-size:10px;margin:0}.comparison-verdict small{font-size:8px}.experience:fullscreen{padding:0;overflow:auto}.experience:fullscreen .vision-stage,.experience:fullscreen .mmwave-stage{max-height:none}.bottom-layout{grid-template-columns:1fr}.metric-value{font-size:29px}.metrics{margin-top:15px}.metrics article{padding:12px 15px}.experience-tools{gap:10px!important}.experience:fullscreen .experience-toolbar{top:0}.demo-tag{font-size:8px}.alert-copy>div{gap:8px}.stage-narration p{line-height:1.7}}
.experience[data-phase=alarm] .stage-narration,.experience[data-phase=interlock] .stage-narration{background:linear-gradient(90deg,#672b3d,#321e2f);border-top:1px solid #a44e65;border-bottom:1px solid #a44e65;margin-top:15px;margin-bottom:15px;padding:16px 21px;box-shadow:inset 4px 0 #ff7e94}.experience[data-phase=alarm] .stage-narration h2,.experience[data-phase=interlock] .stage-narration h2{color:#ffd0d7;font-size:19px}.experience[data-phase=alarm] .stage-narration p,.experience[data-phase=interlock] .stage-narration p{color:#dba3b0}.experience[data-phase=alarm] .stage-narration>#phaseNumber,.experience[data-phase=interlock] .stage-narration>#phaseNumber{color:#ff94a8}.experience[data-phase=alarm] .stage-narration:before,.experience[data-phase=interlock] .stage-narration:before{content:'!';height:32px;width:32px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:2px solid #ffa7b6;font:700 20px sans-serif;color:#ffc9d4;background:#a03b5388;box-shadow:0 0 0 5px #ff839515;animation:sirenGlow 1.5s ease-in-out infinite}.experience[data-phase=alarm] .stage-narration>#phaseNumber,.experience[data-phase=interlock] .stage-narration>#phaseNumber{display:none}.experience[data-phase=alarm] .stage-narration .phase-badge,.experience[data-phase=interlock] .stage-narration .phase-badge{padding:8px 12px;font-size:12px;border-color:#e68a9d;background:#a34d65;color:#fff0f3}.response-chain em{display:block;position:static;margin-left:auto;font-size:8px}.response-chain>div{flex-wrap:wrap}.response-chain>div>div{flex:1}.experience[data-phase=interlock] #response3{background:#843c52;border:1px solid #ba657d;padding:2px 4px;border-radius:3px;color:#ffd6e0}.experience[data-phase=alarm] #response2{color:#ffb2bf}.experience[data-phase=alarm] .response-chain .current>span,.experience[data-phase=interlock] .response-chain .current>span{background:#8d3c51;border-color:#ed8a9e;color:#ffe2e8}
@media(max-width:850px){.experience[data-phase=alarm] .stage-narration,.experience[data-phase=interlock] .stage-narration{padding:14px}.experience[data-phase=alarm] .stage-narration h2,.experience[data-phase=interlock] .stage-narration h2{font-size:16px}.experience[data-phase=alarm] .stage-narration .phase-badge,.experience[data-phase=interlock] .stage-narration .phase-badge{font-size:9px;padding:6px 8px}.experience[data-phase=alarm] .stage-narration:before,.experience[data-phase=interlock] .stage-narration:before{width:26px;height:26px;font-size:16px}.response-chain em{font-size:7px}}
.vision-stage>img{object-fit:contain;filter:brightness(.86) saturate(.9)}.vision-stage{background:#07101a}.video-vignette{background:linear-gradient(#07142499,transparent 19%,transparent 76%,#07142488)}.vision-svg>rect:first-of-type,.vision-svg>path:nth-of-type(1),.svg-camera,#machineGraphic,#agvGraphic,#occlusionGraphic,#flashGraphic,#visionTrail{display:none!important}.vision-stage .vision-scan{opacity:.25}.vision-svg #realPersonRect{fill:none!important;stroke-width:2}.vision-svg #realBoxCorners{stroke-width:3}.experience[data-phase=alarm] #personBox>rect:first-child,.experience[data-phase=interlock] #personBox>rect:first-child{fill:none}.sensor-caption{font-size:8px;padding:7px 10px;line-height:1.6}.frame-meta{background:#071827bb;padding:4px 6px;border-radius:3px;inset:8px 9px auto}.frame-meta>span{font-size:8px}.vision-pane .sensor-readouts b{color:#c6e3ff}
@media(max-width:760px){.sensor-caption{font-size:8px;padding:6px 8px}.frame-meta>span{font-size:7px}}
.vision-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07101a}.vision-stage.has-video>img{display:none}.vision-stage:not(.has-video)>img{opacity:.25}.vision-stage .video-vignette{pointer-events:none;background:linear-gradient(#07142488,transparent 15%,transparent 84%,#07142477)}.vision-stage .vision-svg{pointer-events:none}.video-sourcebar{margin:0 18px 12px;padding:10px 12px;border:1px solid #30495f;border-radius:5px;background:#12283877;display:flex;align-items:center;justify-content:space-between;gap:12px}.video-sourcebar>div{display:flex;align-items:center;gap:9px}.video-sourcebar b{font-size:10px;font-weight:400;color:#a0d9c6}.video-live-dot{width:6px;height:6px;border-radius:50%;background:#64dcb1;box-shadow:0 0 0 4px #49c89b12}.video-sourcebar #videoState{font:9px monospace;color:#729eb6}.video-sourcebar #videoFileLabel{font-size:9px;color:#7195ac;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-sourcebar a{font-size:9px;color:#77b8e6;cursor:pointer;text-decoration:none}.video-sourcebar button{font-size:10px;background:#25445c;border:1px solid #497792;color:#b8deef;border-radius:4px;padding:6px 9px}.video-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:3;background:#0b1a28b0;font-size:12px;color:#9cbad4}.resume-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;padding:12px 19px;border:1px solid #68a7dd;background:#174372ee;color:#d3eaff;border-radius:7px;font-size:12px}.video-sourcebar #localVideoFile{display:none}.vision-scan{display:none}.vision-svg>path#visionSafetyZone{fill-opacity:.035;stroke-opacity:.65}
@media(max-width:1100px){.video-sourcebar{flex-wrap:wrap;gap:8px}.video-sourcebar #videoFileLabel{max-width:160px}.video-sourcebar>div{gap:8px}.video-sourcebar #videoState{font-size:8px}}
@media(max-width:760px){.video-sourcebar{margin:0 11px 12px;padding:9px}.video-sourcebar>div{flex-wrap:wrap}.video-sourcebar b{font-size:9px}.video-sourcebar #videoState{font-size:8px}.video-sourcebar button{font-size:9px}.video-sourcebar #videoFileLabel{display:none}}
@media(prefers-reduced-motion:reduce){.global-alarm:after,.siren,.radar-beam,.target-ping,.vision-scan,.data-packets,.machine-rotor{animation:none!important}}

.video-loop-label{display:flex;align-items:center;gap:4px;font-size:9px;color:#7ba5b9;white-space:nowrap}.video-loop-label input{accent-color:#50bda2;width:11px;height:11px}

/* V5: static evidence photographs with explicit hazard annotations. */
.scenario-picker{grid-template-columns:repeat(3,1fr)}
.vision-stage:not(.has-video)>img{opacity:1;filter:brightness(.95) saturate(.95)}
.vision-svg>path#visionSafetyZone{display:block!important;fill-opacity:.055;stroke-opacity:.85}
.vision-stage .vision-scan{display:block;opacity:.25}
.video-sourcebar #mediaDescription{font-size:10px;color:#90a9bf}
.video-sourcebar #mediaKind{color:#b4dcca}
.risk-evidence{padding:10px 15px;background:#263b5144;border-bottom:1px solid #304763;display:flex;gap:8px;align-items:center;font-size:10px;color:#acc8e8;line-height:1.7}
.risk-evidence b{color:#efc67f;white-space:nowrap;font-weight:500}
.experience[data-phase=alarm] .risk-evidence,.experience[data-phase=interlock] .risk-evidence{background:#642c3b77;border-color:#9a4b5a}
.experience[data-phase=alarm] .risk-evidence b,.experience[data-phase=interlock] .risk-evidence b{color:#ffb0bb}
#photoHazardLine{stroke:#ffd18b;stroke-width:2;stroke-dasharray:6 4}
#photoHazardLabel{fill:#ffe6be;font-size:10px;paint-order:stroke;stroke:#132032;stroke-width:4}
.experience[data-phase=alarm] #photoHazardLine,.experience[data-phase=interlock] #photoHazardLine{stroke:#ff8d9b;animation:zonePulse 1s infinite}
@media(max-width:760px){.scenario-picker{grid-template-columns:1fr}.risk-evidence{font-size:9px}.demo-caption{display:none}}