.webcam-recorder{gap:1rem;display:grid}.rec-controls{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:.75rem;padding:1rem;display:grid}.rec-field{gap:.35rem;font-size:.875rem;font-weight:600;display:grid}.rec-field select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;border-radius:.8rem;padding:.5rem .75rem}.rec-check{align-items:center;gap:.6rem;min-height:44px;font-weight:600;display:flex}.rec-check input{width:1.25rem;height:1.25rem;accent-color:var(--focus)}.rec-stage{border:1px solid var(--line);aspect-ratio:16/9;background:#101410;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.rec-stage.is-hidden{display:none}.rec-video{object-fit:cover;width:100%;height:100%}.rec-video.mirrored{transform:scaleX(-1)}.rec-live-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.875rem;font-weight:700;display:inline-flex;position:absolute;top:.75rem;left:.75rem}.rec-dot{background:#e5484d;border-radius:50%;width:.7rem;height:.7rem}@media (prefers-reduced-motion:no-preference){.rec-dot.blink{animation:1.2s ease-in-out infinite rec-blink}}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.25}}.rec-status{color:var(--muted);font-weight:600}.rec-facts{gap:.5rem;margin:0;display:grid}.rec-facts>div{border:1px solid var(--line);background:var(--surface);border-radius:.8rem;justify-content:space-between;gap:1rem;padding:.6rem .9rem;display:flex}.rec-facts dt{color:var(--muted);font-weight:600}.rec-facts dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.rec-clip{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:.75rem;margin:0;padding:1rem;display:grid}.rec-clip video{background:#000;border-radius:.8rem;width:100%}.rec-hint{color:var(--muted);margin:0;font-size:.875rem}