.vr-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin:16px 0;padding:16px}.vr-state{align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.vr-dot{background:var(--vermilion);border-radius:50%;width:12px;height:12px}.vr-recording .vr-dot{animation:1.2s ease-in-out infinite vr-pulse}.vr-paused .vr-dot{background:var(--muted)}@keyframes vr-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.vr-recording .vr-dot{animation:none}}.vr-timer{font-variant-numeric:tabular-nums;margin:8px 0;font-size:clamp(2rem,9vw,3rem);font-weight:700;line-height:1.1}.vr-meter-row{align-items:center;gap:10px;display:flex}.vr-meter-label{color:var(--muted);white-space:nowrap;font-size:.9rem}.vr-meter{flex:1;min-width:0;height:14px}.vr-takes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vr-take{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px 12px}.vr-take-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.vr-take-name{overflow-wrap:anywhere}.vr-take .button-row{margin:8px 0 0}