freehand-dictation-demo:where(.astro-l34onybk){min-width:0;display:block}.dictation-desktop:where(.astro-l34onybk){aspect-ratio:680/450;border:1px solid var(--line-strong);background:#254351;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 22px 65px #0000003d;container-type:inline-size}.desktop-art:where(.astro-l34onybk){color:#e5e5e7;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.8cqw;line-height:1.5;position:absolute;inset:0}.desktop-wallpaper:where(.astro-l34onybk){background-color:#121e3c;background-position:50%;background-size:cover;position:absolute;inset:0}.desktop-menubar:where(.astro-l34onybk){color:#f3f5f8;background:#11212f9e;align-items:center;gap:2.2cqw;height:4.4cqw;padding-inline:2.3cqw;font-size:1.55cqw;display:flex;position:absolute;inset:0 0 auto}.desktop-system-mark:where(.astro-l34onybk){font-size:1.8cqw}.desktop-menu-right:where(.astro-l34onybk){font-variant-numeric:tabular-nums;margin-left:auto}.demo-document:where(.astro-l34onybk){background:#202022;border:1px solid #5a5a5e;border-radius:1.3cqw;position:absolute;inset:10cqw 7.5cqw 15cqw;overflow:hidden;box-shadow:0 2cqw 6cqw #080b125e,0 0 0 1px #080a1055}.document-titlebar:where(.astro-l34onybk){background:#373739;border-bottom:1px solid #454548;justify-content:center;align-items:center;gap:.8cqw;height:5cqw;font-size:1.65cqw;font-weight:600;display:flex}.window-controls:where(.astro-l34onybk){gap:1cqw;display:flex;position:absolute;left:2cqw}.window-controls:where(.astro-l34onybk) i:where(.astro-l34onybk){background:#ff6058;border:1px solid #00000014;border-radius:50%;width:1.6cqw;height:1.6cqw}.window-controls:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(2){background:#febc2e}.window-controls:where(.astro-l34onybk) i:where(.astro-l34onybk):nth-child(3){background:#28c840}.document-file-mark:where(.astro-l34onybk){color:#b1b1b8}.document-toolbar:where(.astro-l34onybk){color:#ccccd2;background:#2d2d30;border-bottom:1px solid #414144;align-items:center;gap:2.1cqw;height:4.6cqw;padding-inline:2.4cqw;font-size:1.5cqw;display:flex}.toolbar-divider:where(.astro-l34onybk){background:#535358;width:1px;height:1.8cqw}.font-size:where(.astro-l34onybk){margin-left:3cqw}.document-align:where(.astro-l34onybk){margin-left:auto}.document-paper:where(.astro-l34onybk){padding:3.8cqw 4.8cqw;font-size:2.1cqw}.document-heading:where(.astro-l34onybk){letter-spacing:-.08cqw;margin-bottom:2.1cqw;font-size:3.2cqw;font-weight:650}.document-paper:where(.astro-l34onybk) p:where(.astro-l34onybk){margin:0 0 2cqw;line-height:1.65}.dictated-paragraph:where(.astro-l34onybk){white-space:pre-line}.document-caret:where(.astro-l34onybk){vertical-align:-.2em;background:#82b1ff;width:1.5px;height:1.18em;margin-left:1px;display:inline-block}.demo-overlay:where(.astro-l34onybk){color:#91baff;filter:drop-shadow(0 1cqw 1.5cqw #07101b66);width:30.6cqw;height:7.95cqw;transition:opacity .25s;position:absolute;bottom:3.7cqw;left:50%;transform:translate(-50%)}.demo-overlay:where(.astro-l34onybk) svg:where(.astro-l34onybk){width:100%;height:100%}:where(.astro-l34onybk)[data-realtime=true] .demo-overlay:where(.astro-l34onybk){width:50cqw}freehand-dictation-demo:where(.astro-l34onybk)[data-realtime=true] .overlay-wave:where(.astro-l34onybk),freehand-dictation-demo:where(.astro-l34onybk)[data-realtime=true] .overlay-progress:where(.astro-l34onybk),freehand-dictation-demo:where(.astro-l34onybk)[data-realtime=true] .overlay-finish:where(.astro-l34onybk){display:none}.overlay-live-caption:where(.astro-l34onybk){white-space:nowrap;color:#f1f4fa;align-items:center;height:100%;font-size:2.05cqw;display:flex;position:absolute;top:0;left:8.5cqw;right:2.6cqw;overflow:hidden}:where(.astro-l34onybk)[data-live-caption]{flex:none}.realtime-note:where(.astro-l34onybk){color:var(--muted);margin:0;font-size:11px;line-height:1.65}.realtime-note:where(.astro-l34onybk) a:where(.astro-l34onybk){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.overlay-surface:where(.astro-l34onybk){fill:#151d2bf5;stroke:#7ca9e354}.overlay-spinner:where(.astro-l34onybk),.overlay-check:where(.astro-l34onybk),.overlay-progress:where(.astro-l34onybk),.overlay-finish:where(.astro-l34onybk){display:none}:where(.astro-l34onybk)[data-phase=processing] .overlay-spinner:where(.astro-l34onybk){transform-origin:32px 27px;animation:1.2s linear infinite demo-spin;display:block}:where(.astro-l34onybk)[data-phase=processing] .overlay-progress:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=inserting] .overlay-progress:where(.astro-l34onybk){display:block}:where(.astro-l34onybk)[data-phase=processing] .overlay-mic:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=inserting] .overlay-mic:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=done] .overlay-mic:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=processing] .overlay-wave:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=inserting] .overlay-wave:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=done] .overlay-wave:where(.astro-l34onybk){display:none}:where(.astro-l34onybk)[data-phase=inserting] .overlay-check:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=done] .overlay-check:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=done] .overlay-finish:where(.astro-l34onybk){display:block}:where(.astro-l34onybk)[data-phase=done] .demo-overlay:where(.astro-l34onybk){opacity:0}:where(.astro-l34onybk)[data-phase=processing] .progress-segment:where(.astro-l34onybk),:where(.astro-l34onybk)[data-phase=inserting] .progress-segment:where(.astro-l34onybk){animation:1.4s ease-in-out infinite alternate demo-progress}:where(.astro-l34onybk)[data-paused=true] .overlay-spinner:where(.astro-l34onybk),:where(.astro-l34onybk)[data-paused=true] .progress-segment:where(.astro-l34onybk){animation-play-state:paused}.demo-caption:where(.astro-l34onybk){min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}:where(.astro-l34onybk)[data-demo-status]{color:var(--muted-strong)}.demo-actions:where(.astro-l34onybk){gap:14px;display:flex}.demo-actions:where(.astro-l34onybk)[hidden]{display:none}.demo-actions:where(.astro-l34onybk) button:where(.astro-l34onybk){min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.demo-actions:where(.astro-l34onybk) button:where(.astro-l34onybk):hover{color:#fff}.demo-actions:where(.astro-l34onybk) button:where(.astro-l34onybk):disabled{opacity:.45;cursor:default}@keyframes demo-spin{to{transform:rotate(360deg)}}@keyframes demo-progress{to{transform:translate(78px)}}@media (prefers-reduced-motion:reduce){.demo-overlay:where(.astro-l34onybk){transition:none}.overlay-spinner:where(.astro-l34onybk),.progress-segment:where(.astro-l34onybk){animation:none!important}}@media (width<=400px){.demo-caption:where(.astro-l34onybk){gap:6px;font-size:11px}.demo-actions:where(.astro-l34onybk){gap:10px}}