.sbr-observation{position:absolute;inset:64px 32px 72px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;color:#d4eef0;background:#071014}.sbr-observation h2{margin:0;font-size:25px}.sbr-observation p{margin:0;color:#91afb6;font-size:13px}.sbr-observation canvas{width:min(320px,70%);height:auto;max-height:42%;object-fit:contain;border:1px solid #24424a;border-radius:6px}.sbr-observation .sbr-note{font-size:12px;line-height:1.6}.sbr-asset .reticle,.sbr-asset .hud-side,.sbr-asset [class*="casnav"]{display:none!important}.sbr-asset .control-block.hidden{display:none}.sbr-asset .hud-top,.sbr-asset .hud-bottom{z-index:4}.sbr-asset #arm-btn:disabled{opacity:.45;cursor:not-allowed}
/* Keep the existing OpenEyes dashboard inside the HP browser viewport. */
.sbr-asset .app{width:100%;grid-template-columns:minmax(0,1fr)}.sbr-asset .topbar{min-width:0;overflow:hidden}.sbr-asset .nav{min-width:0;overflow-x:auto}.sbr-asset .eyes-workspace{width:100%;max-width:100vw}.sbr-asset .operator-rail{min-width:0}.sbr-asset .openeyes-voice-r2{display:none}
@media(max-width:760px){.sbr-asset .app{height:auto;overflow:visible}.sbr-asset .eyes-workspace{width:100%}.sbr-asset .sbr-observation{inset:55px 14px 82px;gap:5px}.sbr-asset .sbr-observation h2{font-size:18px}.sbr-asset .sbr-observation canvas{max-height:80px}.sbr-asset .sbr-note{font-size:10px}.sbr-asset .hud-right{display:none}.sbr-asset .hud-bottom{flex-wrap:wrap;gap:5px}.sbr-asset .stage-actions{margin-left:0}.sbr-asset .telemetry-chip:nth-child(4){display:block}.sbr-asset .video-stage{height:400px}.sbr-asset .operator-panel{padding-bottom:25px}}
@media(max-width:760px){html:has(body.sbr-asset){height:auto}.sbr-asset{height:auto;overflow:visible}.sbr-asset .operator-rail,.sbr-asset .operator-panel.active{overflow:visible}}

.sbr-observation.hidden{display:none}.sbr-asset #live-video{image-rendering:auto}

/* Match the SBR sensor's fixed 320x240 frame on desktop and mobile. */
.sbr-asset .sensor-column{container-type:size;grid-template-rows:minmax(0,1fr) 214px}
.sbr-asset .video-stage{min-height:0;width:min(100cqw,calc((100cqh - 214px)*4/3));height:auto;aspect-ratio:4/3;align-self:center;justify-self:center}
.sbr-asset #live-video{object-fit:contain}
@media(max-width:760px){.sbr-asset .sensor-column{container-type:normal;display:flex;flex-direction:column}.sbr-asset .video-stage{width:100%;height:auto;aspect-ratio:4/3;flex:none}.sbr-asset .product-dock{min-height:180px}}
.sbr-asset .video-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}