/* The layout shows camera cutouts only. Focus stays visible without a box. */
.camera,.camera:hover,.camera:active,.camera[aria-pressed=true]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;padding:0;outline:none}
.camera img{filter:drop-shadow(0 2px 2px #11273335);transform:none!important;margin:auto}
.camera[aria-pressed=true] img{filter:drop-shadow(0 0 3px #00a3c5) drop-shadow(0 0 2px #00a3c5)}
.camera:focus-visible img{filter:drop-shadow(0 0 3px #007e97) drop-shadow(0 0 4px #007e97)}
.camera:focus-visible{outline:none}
.live-specs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.live-specs span{padding:7px 9px;border:1px solid #bfdee4;border-radius:6px;background:#f8fdfe;color:#59717b;font-size:10px}
.live-specs output{display:block;margin-top:4px;color:#007e97;font-size:14px}
.direct-help{font-size:12px;line-height:1.5;color:#486570}
.direct-help strong{color:#153744;font-size:12px}.direct-help p{display:flex;align-items:center;gap:8px;margin:11px 0;font-size:11px;line-height:1.5}
.direct-help small{display:block;color:#55717b;font-size:11px}
.help-dot{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700}
.target-dot{background:#007e97;color:#fff}.direction-dot{background:#112733;color:#fff}.width-dot{border:2px solid #007e97;background:#fff;color:#007e97}
#camera-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.view-handle{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;width:32px;height:32px;padding:0;border:2px solid white;border-radius:50%;background:#007e97;color:#fff;box-shadow:0 1px 6px #11273345;font:600 19px/1 sans-serif;cursor:grab}
.view-handle:before{content:'';position:absolute;inset:-7px;border-radius:50%}
.view-handle:active,.view-handle.dragging{cursor:grabbing;box-shadow:0 0 0 5px #00a3c525}
.view-handle:focus-visible{outline:3px solid #112733;outline-offset:3px}
.handle-direction{width:27px;height:27px;background:#112733;font-size:17px}
.handle-left,.handle-right{width:22px;height:22px;border:2px solid #007e97;background:white;cursor:ew-resize}
.handle-left:after,.handle-right:after{content:'';width:6px;height:6px;border-radius:50%;background:#007e97}
.view-handle:disabled{pointer-events:none}
@media(max-width:720px){.view-handle{width:34px;height:34px}.handle-direction{width:28px;height:28px}.handle-left,.handle-right{width:24px;height:24px}}