.sr-opts{display:flex;gap:10px 22px;flex-wrap:wrap}
#sr-unsup{margin-bottom:14px}
.sr-cam{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sr-cam-video{width:120px;height:120px;border-radius:50%;object-fit:cover;background:#000;transform:scaleX(-1)}
.sr-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sr-state{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.sr-dot{width:12px;height:12px;border-radius:50%;background:var(--faint)}
.sr-state[data-s=rec] .sr-dot{background:#e5333f;animation:sr-blink 1.2s infinite}
.sr-state[data-s=paused] .sr-dot{background:var(--warn)}
@keyframes sr-blink{50%{opacity:.25}}
.sr-time{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.sr-stage{position:relative;margin-top:12px}
.sr-video{display:block;width:100%;max-height:420px;background:#0d0f14;border-radius:var(--radius-sm);aspect-ratio:16/9;object-fit:contain}
.sr-count{position:absolute;inset:0;display:grid;place-items:center;font-size:96px;font-weight:800;color:#fff;background:rgba(0,0,0,.45);border-radius:var(--radius-sm)}
.sr-ctrls>.btn{flex:1 1 140px}
#sr-info dd{overflow-wrap:anywhere}