.live-frame{position:relative;isolation:isolate;overflow:hidden;background:#050606;border:1px solid #292f2b;aspect-ratio:16/9;margin-top:27px;display:block}.live-frame::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 26%,transparent 72%,rgba(0,0,0,.75))}.live-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.live-top{position:absolute;z-index:2;top:15px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font:10px 'IBM Plex Mono';letter-spacing:.08em}.live-label{color:#fff;background:#d7483f;padding:7px 9px}.live-label b{display:inline-block;width:6px;height:6px;border-radius:50%;background:white;margin-right:5px;vertical-align:1px}.latency{padding:7px 9px;background:#101312c9;color:#b7c5aa;border:1px solid #3b433b}.start-layer,.offline-layer{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#0a0c0b}.start-layer{background:radial-gradient(circle at center,#1d241f,#080a09 65%);gap:10px}.start-layer strong{font-size:14px}.start-layer small{color:#8e978e}.start-button{display:grid;place-items:center;width:58px;height:58px;padding-left:3px;border:1px solid #b6da61;border-radius:50%;color:#d5ee8f;font-size:20px;margin-bottom:3px}.offline-layer .signal{font-size:45px;color:#b6da61;line-height:1}.offline-layer h1{font-size:25px}.offline-layer p{max-width:380px;color:#99a19b;font-size:13px}.live-tools{position:absolute;z-index:4;right:15px;bottom:14px;display:flex;gap:7px}.live-tools button{background:#171c19e8;border:1px solid #3d4840;color:#eef1ec;padding:8px 10px;font-size:11px}.live-frame:fullscreen{width:100%;height:100%;border:0}.live-frame:fullscreen video{object-fit:contain}@media(max-width:650px){.live-top{top:9px;left:9px;right:9px}.latency{display:none}.live-tools{right:9px;bottom:9px}.live-tools button{padding:7px}.start-button{width:50px;height:50px}}