.rec-stage:where(.astro-addwbjaz){flex-direction:column;align-items:center;display:flex}#startDiv:where(.astro-addwbjaz){text-align:center;align-items:center;gap:var(--s-4);flex-direction:column;width:100%;max-width:640px;display:flex}#startDiv:where(.astro-addwbjaz) h2:where(.astro-addwbjaz){font-size:1.5rem}.rec-benefits:where(.astro-addwbjaz){text-align:left;gap:var(--s-2);margin:var(--s-3) 0;display:inline-grid}#optionsDiv:where(.astro-addwbjaz){gap:var(--s-4);flex-wrap:wrap;justify-content:center;align-items:stretch;display:none}#cameraOptionsDiv:where(.astro-addwbjaz){gap:var(--s-5);flex-direction:column;align-items:center;width:100%;display:none}.option-button:where(.astro-addwbjaz){align-items:center;gap:var(--s-2);padding:var(--s-4);background:var(--accent);color:var(--on-accent);border-radius:var(--r);cursor:pointer;border:none;flex-direction:column-reverse;font-size:1.05rem;transition:background .2s;display:flex}.option-button:where(.astro-addwbjaz):hover{background:var(--accent-hover)}.option-button:where(.astro-addwbjaz)>svg:where(.astro-addwbjaz){fill:currentColor;width:64px;height:64px}#cameraOptionsFlexDiv:where(.astro-addwbjaz){gap:var(--s-6);text-align:center;flex-wrap:wrap;justify-content:center;width:100%;display:flex}#cameraOptionsFlexDiv:where(.astro-addwbjaz) h3:where(.astro-addwbjaz){margin-bottom:var(--s-2);font-size:1.1rem}.opt-row:where(.astro-addwbjaz){gap:var(--s-3);justify-content:center;display:flex}#cameraOptionsFlexDiv:where(.astro-addwbjaz) .option-button:where(.astro-addwbjaz){background:var(--surface);width:104px;height:100px;color:var(--text);border:2px solid var(--border);padding:var(--s-2);font-size:.95rem}#cameraOptionsFlexDiv:where(.astro-addwbjaz) .option-button:where(.astro-addwbjaz).active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}#cameraOptionsFlexDiv:where(.astro-addwbjaz) .option-button:where(.astro-addwbjaz):hover{border-color:var(--accent)}#cameraOptionsFlexDiv:where(.astro-addwbjaz) .option-button:where(.astro-addwbjaz) svg:where(.astro-addwbjaz){fill:currentColor;width:56px;height:56px}.preview-container:where(.astro-addwbjaz),.recorded-container:where(.astro-addwbjaz){width:100%;max-width:820px;margin:var(--s-5) auto;flex-direction:column;align-items:center;display:none}.recorded-container:where(.astro-addwbjaz){position:relative}.rec-ready:where(.astro-addwbjaz){margin-bottom:var(--s-2);font-size:1.3rem;font-weight:700}.rec-restart:where(.astro-addwbjaz){position:absolute;top:0;right:0}.controls:where(.astro-addwbjaz){align-items:center;gap:var(--s-2);width:100%;margin-bottom:var(--s-3);display:flex}#timerDiv:where(.astro-addwbjaz){align-items:center;gap:var(--s-2);margin-right:auto;font-size:1.4rem;display:flex}#timer:where(.astro-addwbjaz){margin:0;font-size:1.3rem;font-weight:700}#pauseIcon:where(.astro-addwbjaz){color:var(--danger);display:none}.rec-ctl:where(.astro-addwbjaz){background:var(--danger-solid);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.rec-ctl--ghost:where(.astro-addwbjaz){color:var(--text-2);background:0 0}.rec-ctl--ghost:where(.astro-addwbjaz):hover{color:var(--text)}.rec-ctl--rec:where(.astro-addwbjaz){border-radius:var(--r-pill);width:auto;padding:0 14px;font-size:.85rem;font-weight:700}#pause:where(.astro-addwbjaz),#resume:where(.astro-addwbjaz),#stop:where(.astro-addwbjaz){display:none}#previewVideo:where(.astro-addwbjaz){width:100%;position:relative}#preview:where(.astro-addwbjaz){border-radius:var(--r);background:#000;width:100%;display:block}.video-container:where(.astro-addwbjaz){border-radius:var(--r);width:100%;display:flex;position:relative;overflow:hidden}.video-container:where(.astro-addwbjaz) video:where(.astro-addwbjaz){background:#000;width:100%;display:block}.video-controls:where(.astro-addwbjaz){background:var(--surface);width:100%;color:var(--text);align-items:center;gap:var(--s-2);box-sizing:border-box;padding:8px 10px;display:flex;position:absolute;bottom:0;left:0}.video-controls:where(.astro-addwbjaz) button:where(.astro-addwbjaz){color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;display:inline-flex}.video-controls:where(.astro-addwbjaz) button:where(.astro-addwbjaz):hover{color:var(--accent)}.video-controls:where(.astro-addwbjaz) .progress-bar:where(.astro-addwbjaz){background:var(--border-strong);cursor:pointer;border-radius:3px;flex:1;height:5px;position:relative}.video-controls:where(.astro-addwbjaz) .progress:where(.astro-addwbjaz){background:var(--accent);border-radius:3px;width:0%;height:100%}.volume-container:where(.astro-addwbjaz){display:inline-flex;position:relative}#volumeSlider:where(.astro-addwbjaz){width:80px}.download-row:where(.astro-addwbjaz){gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.download-row:where(.astro-addwbjaz) .select:where(.astro-addwbjaz){width:auto;min-width:110px}.blinking-dot:where(.astro-addwbjaz){background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s infinite sr-blink;display:inline-block}@keyframes sr-blink{0%,to{opacity:1}50%{opacity:0}}.notsupported:where(.astro-addwbjaz){text-align:center;align-items:center;gap:var(--s-3);color:var(--text-2);padding:var(--s-5) var(--s-3);flex-direction:column;display:flex}.notsupported:where(.astro-addwbjaz) h2:where(.astro-addwbjaz){color:var(--text)}.cluster--center:where(.astro-addwbjaz){justify-content:center}.vr-note:where(.astro-addwbjaz){color:var(--danger);font-weight:700}#notSupportedDiv:where(.astro-addwbjaz){display:none}@media (width<=890px){#supportedDiv:where(.astro-addwbjaz){display:none}#notSupportedDiv:where(.astro-addwbjaz){display:block}}