.live-video-viewport{position:absolute;inset:0;overflow:hidden;z-index:0}.live-video-viewport video,.viewport video{transform-origin:center}.live-zoom-active{touch-action:none}.live-zoom-active.live-zoomed{cursor:grab!important}.live-zoom-active.live-zoomed:active{cursor:grabbing!important}.live-zoom-tools{position:absolute;left:50%;bottom:44px;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:3px;max-width:calc(100% - 8px);padding:3px;border:1px solid #729c69;border-radius:5px;background:#112a23f5;opacity:0;visibility:hidden;pointer-events:none}.live-zoom-tools button{font-size:12px!important;min-width:21px;padding:3px 5px!important}.live-zoom-tools output{font-size:10px;white-space:nowrap;color:#fff}.camera:is(:hover,:focus-within,.touch-tools) .live-zoom-tools,.tv-camera:is(:hover,:focus-within,.touch-tools) .live-zoom-tools{opacity:1;visibility:visible;pointer-events:auto}.live-zoom-toggle[aria-pressed=true]{color:#b9ff9b;border-color:#8ac968}.live-record-badge{position:absolute;top:26px;left:5px;z-index:9;border:1px solid #bfa14c;background:#222515ed;color:#ffe4a0;padding:3px 6px!important;font-size:10px!important;line-height:1.2;max-width:calc(100% - 10px);cursor:pointer}.live-record-badge.recording{color:#fff;background:#590f16ed;border-color:#ef7b7b}.live-record-badge.recording::first-letter{color:#ff4545}.live-record-badge:disabled{cursor:wait}.live-clip-notice{position:fixed;right:12px;bottom:12px;max-width:min(540px,95vw);z-index:1000;display:flex;align-items:center;gap:10px;padding:12px;background:#153c2df5;border:1px solid #8dbc7d;border-radius:7px;color:#efffed;font:12px/1.4 'Segoe UI',sans-serif;box-shadow:0 4px 20px #0008}.live-clip-notice span{overflow-wrap:anywhere}.live-clip-notice a{white-space:nowrap;color:#d4ffc3;text-decoration:underline}.live-clip-notice button{padding:3px 6px;flex:none}@container(max-width:140px){.live-zoom-tools{gap:1px;padding:2px}.live-zoom-tools output{display:none}.live-record-badge{font-size:8px!important;padding:2px!important}.live-zoom-tools button{font-size:10px!important;min-width:17px;padding:2px!important}}
.live-quality{position:static;display:flex;align-items:center;flex-direction:row;gap:4px;min-width:0;max-width:100%;padding:0;margin:0;border:0;background:none;font-size:10px;line-height:1.2;color:#fff}.live-quality select{width:132px;max-width:100%;min-width:0;padding:3px 4px;font:inherit;color:#fff;background:#132321;border:1px solid #6a906c;border-radius:4px;cursor:pointer}.live-quality select:focus-visible{outline:2px solid #9fd77d;outline-offset:1px}.live-quality select:disabled{cursor:wait;opacity:.65}.live-quality-note{position:absolute;top:28px;right:8px;left:8px;z-index:10;max-width:600px;margin-left:auto;padding:7px;background:#15291fec;color:#e4f7c8;font-size:12px;border-radius:4px;pointer-events:none}.live-quality[hidden],.live-quality-note[hidden],.live-zoom-tools[hidden],.live-record-badge[hidden]{display:none!important}.live-clip-notices{position:fixed;right:12px;bottom:12px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto;max-width:min(540px,95vw)}.live-clip-notices .live-clip-notice{position:relative;right:auto;bottom:auto;max-width:100%}.live-video-viewport:focus-visible,.viewport:focus-visible{outline:2px solid #9fd77d;outline-offset:-3px}
.camera .live-quality,.tv-camera .live-quality{flex-direction:row}
/* Keep camera actions clear of the TV's general toolbar even while it appears on pointer movement. */
.camera .live-zoom-tools{bottom:calc(var(--camera-actions-height,32px) + 12px)}.tv-camera .tv-actions{bottom:min(var(--tv-tools-clearance,85px),35%)}.tv-camera .live-zoom-tools{bottom:calc(min(var(--tv-tools-clearance,85px),35%) + var(--camera-actions-height,34px) + 6px)}

@container(max-width:200px){.live-quality{font-size:9px;gap:3px}.live-quality select{width:108px}.live-quality-note{font-size:10px;padding:4px}}