.recorder-container[data-astro-cid-n2pnvrwh]{max-width:800px;margin:0 auto;padding:1em}.recorder-header[data-astro-cid-n2pnvrwh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5em;flex-wrap:wrap;gap:1em}.recorder-header[data-astro-cid-n2pnvrwh] h1[data-astro-cid-n2pnvrwh]{font-size:1.8rem;margin:0}.rec-status[data-astro-cid-n2pnvrwh]{display:flex;align-items:center;gap:.5em;padding:.4em 1em;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;font-size:.85rem;color:var(--text-secondary)}.status-dot[data-astro-cid-n2pnvrwh]{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.rec-status[data-astro-cid-n2pnvrwh].recording .status-dot[data-astro-cid-n2pnvrwh]{background:var(--danger);animation:pulse 1.5s infinite}.rec-status[data-astro-cid-n2pnvrwh].paused .status-dot[data-astro-cid-n2pnvrwh]{background:var(--warning)}.rec-status[data-astro-cid-n2pnvrwh].recording .status-text[data-astro-cid-n2pnvrwh]{color:var(--danger)}.rec-status[data-astro-cid-n2pnvrwh].paused .status-text[data-astro-cid-n2pnvrwh]{color:var(--warning)}.preview-area[data-astro-cid-n2pnvrwh]{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;margin-bottom:1.5em;display:flex;align-items:center;justify-content:center}.preview-placeholder[data-astro-cid-n2pnvrwh]{display:flex;flex-direction:column;align-items:center;gap:.6em;color:var(--text-muted);text-align:center;padding:2em}.preview-placeholder[data-astro-cid-n2pnvrwh] span[data-astro-cid-n2pnvrwh]{font-size:.95rem}.preview-placeholder[data-astro-cid-n2pnvrwh] small[data-astro-cid-n2pnvrwh]{font-size:.8rem;opacity:.6}#screen-preview[data-astro-cid-n2pnvrwh]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:none;background:#000}#webcam-preview[data-astro-cid-n2pnvrwh]{position:absolute;bottom:16px;right:16px;width:160px;height:120px;border-radius:var(--radius);border:2px solid var(--accent-primary);object-fit:cover;display:none;z-index:2;box-shadow:0 4px 15px #0006}.timer-display[data-astro-cid-n2pnvrwh]{text-align:center;margin-bottom:1.5em;display:none}.timer-display[data-astro-cid-n2pnvrwh].visible{display:block}.timer-value[data-astro-cid-n2pnvrwh]{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.controls[data-astro-cid-n2pnvrwh]{display:flex;flex-direction:column;gap:1.5em;margin-bottom:2em}.controls-row[data-astro-cid-n2pnvrwh]{display:flex;justify-content:center;gap:.8em;flex-wrap:wrap}.options-row[data-astro-cid-n2pnvrwh]{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap}.option-toggle[data-astro-cid-n2pnvrwh]{display:flex;align-items:center;gap:.6em;cursor:pointer;user-select:none}.option-toggle[data-astro-cid-n2pnvrwh] input[data-astro-cid-n2pnvrwh]{display:none}.toggle-slider[data-astro-cid-n2pnvrwh]{width:36px;height:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50px;position:relative;transition:all .3s ease}.toggle-slider[data-astro-cid-n2pnvrwh]:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all .3s ease}.option-toggle[data-astro-cid-n2pnvrwh] input[data-astro-cid-n2pnvrwh]:checked+.toggle-slider[data-astro-cid-n2pnvrwh]{background:var(--accent-primary);border-color:var(--accent-primary)}.option-toggle[data-astro-cid-n2pnvrwh] input[data-astro-cid-n2pnvrwh]:checked+.toggle-slider[data-astro-cid-n2pnvrwh]:after{left:18px;background:#fff}.toggle-label[data-astro-cid-n2pnvrwh]{display:flex;align-items:center;gap:.3em;font-size:.85rem;color:var(--text-secondary)}.download-card[data-astro-cid-n2pnvrwh]{text-align:center;padding:2em}.download-card[data-astro-cid-n2pnvrwh] h3[data-astro-cid-n2pnvrwh]{margin-bottom:1em}#playback-video[data-astro-cid-n2pnvrwh]{width:100%;max-height:400px;border-radius:var(--radius);background:#000;margin-bottom:1.5em}.download-actions[data-astro-cid-n2pnvrwh]{display:flex;justify-content:center;gap:1em;margin-bottom:1em;flex-wrap:wrap}.download-note[data-astro-cid-n2pnvrwh]{display:flex;align-items:center;justify-content:center;gap:.4em;font-size:.8rem;color:var(--text-muted);margin:0}.browser-note[data-astro-cid-n2pnvrwh]{text-align:center;font-size:.8rem;color:var(--text-muted);opacity:.6}@media(max-width:768px){.recorder-header[data-astro-cid-n2pnvrwh] h1[data-astro-cid-n2pnvrwh]{font-size:1.4rem}#webcam-preview[data-astro-cid-n2pnvrwh]{width:100px;height:75px;bottom:8px;right:8px}.options-row[data-astro-cid-n2pnvrwh]{gap:1em}}