.sr-hint,.sr-meta{margin:var(--space-2) 0 var(--space-4);font-size:13px;line-height:1.5;color:var(--text-secondary)}.sr-meta{margin:var(--space-3) 0;text-align:center}.sr-stage{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);min-height:150px;margin-bottom:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.sr-dot{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.sr-time{font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.sr-label{font-size:14px;color:var(--text-secondary)}.sr-stage[data-state=recording] .sr-dot{background:var(--danger);animation:sr-pulse 1.2s ease-in-out infinite}.sr-stage[data-state=paused] .sr-dot{background:var(--warning)}.sr-count{display:none}.sr-stage[data-state=countdown] .sr-count{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-size:72px;font-weight:800;color:var(--text-accent);background:var(--bg-elevated);border-radius:inherit}#sr-video{width:100%;max-height:60vh;background:#000}@keyframes sr-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.sr-stage[data-state=recording] .sr-dot{animation:none}}#sr-message{margin-bottom:var(--space-3)}#sr-webm-note{margin-top:var(--space-3)}.tool-notice a{color:var(--text-accent);text-decoration:underline}