.screen-recorder.svelte-d79oku{margin-top:10px}.recorder-layout.svelte-d79oku{grid-template-columns:minmax(0,1fr) 330px;gap:24px;display:grid}.recorder-layout.has-preview.svelte-d79oku{display:block}.capture-preview.svelte-d79oku{border:1px solid var(--border);background:#f3f7f2;border-radius:11px;min-width:0;overflow:hidden}.empty-preview.svelte-d79oku{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:424px;padding:30px 20px;display:flex}.empty-preview.svelte-d79oku h2:where(.svelte-d79oku){letter-spacing:-.6px;margin:36px 0 6px;font-size:24px}.empty-preview.svelte-d79oku p:where(.svelte-d79oku){margin:0 0 26px;font-size:14px}.screen-illustration.svelte-d79oku{background:#fff;border:1px solid #bed0c3;border-radius:10px;width:218px;height:133px;position:relative;transform:rotate(-3deg);box-shadow:0 10px 30px #19472e0b}.illustration-bar.svelte-d79oku{border-bottom:1px solid #e4eae4;gap:5px;padding:12px;display:flex}.illustration-bar.svelte-d79oku i:where(.svelte-d79oku){background:#b8cbbd;border-radius:50%;width:5px;height:5px}.illustration-content.svelte-d79oku{flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.record-symbol.svelte-d79oku{background:var(--accent);border:9px solid #e2efe4;border-radius:50%;width:32px;height:32px;display:block}.illustration-line.svelte-d79oku{background:#e7eee6;border-radius:3px;width:96px;height:4px}.illustration-line.short.svelte-d79oku{width:64px}.illustration-badge.svelte-d79oku{color:var(--accent);background:#fff;border:1px solid #c6d9cb;border-radius:7px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex;position:absolute;bottom:-14px;right:-25px;transform:rotate(3deg)}.illustration-badge.svelte-d79oku>span:where(.svelte-d79oku),.status-dot.svelte-d79oku{background:#7c9884;border-radius:50%;flex:none;width:7px;height:7px}.private-note.svelte-d79oku{color:#587361;align-items:center;gap:7px;font-size:11px;display:flex}.record-settings.svelte-d79oku{border:1px solid var(--border);background:#fff;border-radius:11px;padding:24px}.record-settings.svelte-d79oku h2:where(.svelte-d79oku){margin:0;font-size:17px}.settings-intro.svelte-d79oku{margin:8px 0 24px;font-size:13px}fieldset.svelte-d79oku{border:0;min-width:0;margin:0;padding:0}.audio-option.svelte-d79oku{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.audio-option.svelte-d79oku input:where(.svelte-d79oku){flex:none;margin:0}.audio-option.svelte-d79oku strong:where(.svelte-d79oku){font-size:14px;font-weight:600;display:block}.audio-option.svelte-d79oku small:where(.svelte-d79oku){color:var(--muted);margin-top:5px;font-size:12px;display:block}.audio-help.svelte-d79oku{margin:10px 0 21px 31px;font-size:12px;line-height:1.6}.audio-help.svelte-d79oku strong:where(.svelte-d79oku){font-weight:600}.setup-action.svelte-d79oku{text-align:center;margin-top:26px}.setup-action.svelte-d79oku .primary:where(.svelte-d79oku){justify-content:space-between;width:100%}.setup-action.svelte-d79oku p:where(.svelte-d79oku){margin:10px 0 0;font-size:11px}.setup-action.svelte-d79oku .text-button:where(.svelte-d79oku){color:var(--accent);min-height:44px}.memory-note.svelte-d79oku{border-top:1px solid var(--border);margin:20px 0 0;padding-top:15px;font-size:11px}.capture-toolbar.svelte-d79oku{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.capture-state.svelte-d79oku{align-items:center;gap:8px;font-weight:600;display:flex}.capture-state.live.svelte-d79oku .status-dot:where(.svelte-d79oku){background:#c24c3c;box-shadow:0 0 0 3px #f7e5df}.timer.svelte-d79oku{font-variant-numeric:tabular-nums;color:var(--muted)}.video-frame.svelte-d79oku{background:#edf2ed;justify-content:center;align-items:center;height:min(52vh,540px);min-height:200px;padding:20px;display:flex}video.svelte-d79oku{object-fit:contain;background:#18261f;border-radius:4px;width:100%;height:100%;display:block}.capture-meta.svelte-d79oku{color:var(--muted);justify-content:space-between;gap:16px;padding:12px 18px;font-size:12px;display:flex}.capture-meta.svelte-d79oku>span:where(.svelte-d79oku):first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capture-meta.svelte-d79oku>span:where(.svelte-d79oku):last-child{flex:none}.recorder-actions.svelte-d79oku{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.action-hint.svelte-d79oku{margin:0;font-size:12px}.action-buttons.svelte-d79oku{flex:none;gap:10px;display:flex}.action-buttons.svelte-d79oku .primary:where(.svelte-d79oku){gap:12px;min-height:46px}.secondary.svelte-d79oku{min-height:44px;color:var(--accent);border-color:var(--accent);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.button-dot.svelte-d79oku{background:currentColor;border-radius:50%;width:10px;height:10px}.stop-square.svelte-d79oku{background:currentColor;border-radius:2px;width:10px;height:10px}.notice.svelte-d79oku{color:#365e44;background:#eef5ef;border:1px solid #d4e4d7;border-radius:6px;padding:12px;font-size:13px}.recorder-message.svelte-d79oku{margin:12px 0 0}.previous-recording.svelte-d79oku{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.previous-recording.svelte-d79oku a:where(.svelte-d79oku),.previous-recording.svelte-d79oku .text-button:where(.svelte-d79oku){color:var(--accent);align-items:center;min-height:44px;font-weight:600;display:inline-flex}.unsupported.svelte-d79oku{text-align:center;border:1px solid var(--border);background:#f3f7f2;border-radius:11px;max-width:650px;margin:25px auto 45px;padding:40px 24px}.screen-icon.svelte-d79oku{color:var(--accent)}.unsupported.svelte-d79oku h2:where(.svelte-d79oku){font-size:22px}.unsupported.svelte-d79oku p:where(.svelte-d79oku){margin:12px 0 24px;font-size:14px}.mobile-recorder-heading.svelte-d79oku{display:none}@media (width>=641px){body:has(.screen-recorder.active){flex-direction:column;height:100dvh;display:flex;overflow:hidden}body:has(.screen-recorder.active) .site-header{flex:none}body:has(.screen-recorder.active) main{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}body:has(.screen-recorder.active) .recorder-heading{flex:none;padding:12px 0 6px}body:has(.screen-recorder.active) .recorder-heading h1{letter-spacing:-.6px;margin:0;font-size:24px}body:has(.screen-recorder.active) .recorder-heading .breadcrumb,body:has(.screen-recorder.active) .recorder-heading p,body:has(.screen-recorder.active) .recorder-guide,body:has(.screen-recorder.active) .site-footer{display:none}.screen-recorder.active.svelte-d79oku{flex-direction:column;flex:1;min-height:0;margin:10px 0 15px;display:flex}.recorder-layout.has-preview.svelte-d79oku{flex:1;min-height:0;display:flex}.active.svelte-d79oku .capture-preview:where(.svelte-d79oku){flex-direction:column;flex:1;min-height:0;display:flex}.active.svelte-d79oku .capture-toolbar:where(.svelte-d79oku),.active.svelte-d79oku .capture-meta:where(.svelte-d79oku),.active.svelte-d79oku .recorder-actions:where(.svelte-d79oku){flex:none}.active.svelte-d79oku .video-frame:where(.svelte-d79oku){flex:1;height:0;min-height:0}.active.svelte-d79oku .recorder-message:where(.svelte-d79oku){flex:none;max-height:70px;overflow:auto}}@media (width<=800px) and (width>=641px){.recorder-layout.svelte-d79oku{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.record-settings.svelte-d79oku{padding:20px}.recorder-actions.svelte-d79oku{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=640px){.recorder-layout.svelte-d79oku{grid-template-columns:1fr;gap:14px}.empty-preview.svelte-d79oku{min-height:220px;padding:24px 14px}.screen-illustration.svelte-d79oku{display:none}.empty-preview.svelte-d79oku h2:where(.svelte-d79oku){margin-top:0;font-size:21px}.empty-preview.svelte-d79oku p:where(.svelte-d79oku){margin-bottom:16px}.record-settings.svelte-d79oku{padding:20px}.unsupported.svelte-d79oku{margin-top:10px;padding:28px 18px}.unsupported.svelte-d79oku h2:where(.svelte-d79oku){font-size:20px}body:has(.screen-recorder.active){overflow:hidden}body:has(.screen-recorder.active) main{padding:0}body:has(.screen-recorder.active) .header-inner{min-height:52px;padding:0 16px}body:has(.screen-recorder.active) .brand{gap:7px;font-size:21px}body:has(.screen-recorder.active) .brand-mark{width:32px}body:has(.screen-recorder.active) .recorder-heading,body:has(.screen-recorder.active) .recorder-guide,body:has(.screen-recorder.active) .site-footer{display:none}.screen-recorder.active.svelte-d79oku{height:calc(100dvh - 53px);padding:0 12px max(10px, env(safe-area-inset-bottom));flex-direction:column;margin:0;display:flex}.mobile-recorder-heading.svelte-d79oku{flex:none;align-items:center;gap:8px;height:44px;display:flex}.mobile-recorder-heading.svelte-d79oku h1:where(.svelte-d79oku){letter-spacing:-.3px;margin:0;font-size:17px}.mobile-recorder-heading.svelte-d79oku a:where(.svelte-d79oku){text-align:center;width:32px;font-size:28px}.recorder-layout.has-preview.svelte-d79oku{flex:1;min-height:0;display:flex}.active.svelte-d79oku .capture-preview:where(.svelte-d79oku){background:0 0;border:0;flex-direction:column;flex:1;min-height:0;display:flex}.capture-toolbar.svelte-d79oku{background:0 0;border:0;flex:none;min-height:35px;padding:0 3px 10px;font-size:12px}.video-frame.svelte-d79oku{border-radius:10px;flex:1;height:0;min-height:0;padding:14px}.capture-meta.svelte-d79oku{flex:none;gap:8px;padding:8px 3px;font-size:11px}.active.svelte-d79oku .recorder-message:where(.svelte-d79oku){flex:none;max-height:70px;margin-top:4px;padding:8px;font-size:12px;overflow:auto}.recorder-actions.svelte-d79oku{flex-direction:column;flex:none;align-items:stretch;gap:8px;margin-top:8px;display:flex}.action-hint.svelte-d79oku{text-align:center;font-size:11px;line-height:1.5}.action-buttons.svelte-d79oku{grid-template-columns:1fr 1.25fr;gap:10px;display:grid}.action-buttons.svelte-d79oku .secondary:where(.svelte-d79oku){padding:8px;font-size:13px}.action-buttons.svelte-d79oku .primary:where(.svelte-d79oku){padding:10px;font-size:14px}}.compatibility[data-astro-cid-7i46y7b2]{margin:26px 0 0;font-size:13px}