:root[data-parakeet-demo-theme=light]{--demo-page-bg:#f3f5f0;--demo-surface-bg:#f8faf6;--demo-footer-bg:#e5e9e2;--demo-section-header-bg:#f8faf6;--demo-raised-bg:#fff;--demo-muted-bg:#edf1e9;--demo-inset-bg:#dfe6da;--demo-text:#171a16;--demo-muted-text:#697064;--demo-intro-text:#171a16;--demo-control-text:#343a31;--demo-border:#d0d8cb;--demo-divider:#dbe2d6;--demo-control-border:#bfc9ba;--demo-strong-border:#aebaa9;--demo-hover-border:#9ba995;--demo-active-border:#84917e;--demo-card-border:#d6ddd1;--demo-control-bg:#eff3ec;--demo-file-button-bg:#e5e9e2;--demo-accent:#6f9f3b;--demo-accent-strong:#4c7424;--demo-accent-text:#3d5f1c;--demo-accent-soft-bg:#e7f0dd;--demo-highlight-bg:#f3f8ed;--demo-playback-highlight-bg:#d6e9c2;--demo-progress-indeterminate-border:#749c50;--demo-modal-backdrop:#161f1261;--demo-success-text:#35694f;--demo-success-dot:#4f8a6c;--demo-danger-text:#a23c35;--demo-danger-dot:#b84840;--demo-focus-ring:#6f9f3b8c;--demo-pulse-start:#6f9f3b66;--demo-pulse-end:#6f9f3b00;--demo-shadow-subtle:0 1px 3px #1d261814;--demo-shadow-panel:0 10px 30px #1a22160d;--demo-shadow-button:0 1px 3px #1a22161f;--demo-shadow-floating:0 3px 10px #1d261824;--demo-scrollbar-track:#edf1e9;--demo-scrollbar-thumb:#9da995;--demo-scrollbar-thumb-hover:#84917e;--demo-scrollbar-thumb-active:#697064;color-scheme:light}:root[data-parakeet-demo-theme=dark]{--demo-page-bg:#131713;--demo-surface-bg:#1b211a;--demo-footer-bg:var(--demo-surface-bg);--demo-section-header-bg:#293128;--demo-raised-bg:#222922;--demo-muted-bg:#1e251e;--demo-inset-bg:#293229;--demo-text:#f0f3ed;--demo-muted-text:#a4ada0;--demo-intro-text:var(--demo-text);--demo-control-text:#d9ded5;--demo-border:#353e34;--demo-divider:#2d362c;--demo-control-border:#465244;--demo-strong-border:#586654;--demo-hover-border:#697963;--demo-active-border:#778a70;--demo-card-border:#3a4538;--demo-control-bg:#272e26;--demo-file-button-bg:var(--demo-control-bg);--demo-accent:#7fa94d;--demo-accent-strong:#93be5f;--demo-accent-text:#a3cf70;--demo-accent-soft-bg:#29371f;--demo-highlight-bg:#26321f;--demo-playback-highlight-bg:#47632c;--demo-progress-indeterminate-border:#779957;--demo-modal-backdrop:#00000094;--demo-success-text:#85c9a5;--demo-success-dot:#63ad84;--demo-danger-text:#ef9189;--demo-danger-dot:#d3645c;--demo-focus-ring:#7fa94db8;--demo-pulse-start:#7fa94d73;--demo-pulse-end:#7fa94d00;--demo-shadow-subtle:0 1px 3px #0000004d;--demo-shadow-panel:0 10px 30px #00000038;--demo-shadow-button:0 1px 3px #00000052;--demo-shadow-floating:0 3px 10px #00000061;--demo-scrollbar-track:#192019;--demo-scrollbar-thumb:#556251;--demo-scrollbar-thumb-hover:#687861;--demo-scrollbar-thumb-active:#7a8c73;--demo-theme-icon-filter:invert(1);color-scheme:dark}*,:before,:after{box-sizing:border-box}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-height:100%}html{scrollbar-color:var(--demo-scrollbar-thumb) var(--demo-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;overflow-y:scroll}html.has-modal-dialog{overflow:hidden}html::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:var(--demo-scrollbar-track);border:0}::-webkit-scrollbar-track{background:var(--demo-scrollbar-track);border:0}html::-webkit-scrollbar-thumb{border:2px solid var(--demo-scrollbar-track);background:var(--demo-scrollbar-thumb);background-clip:padding-box;border-radius:999px;min-width:28px;min-height:28px}::-webkit-scrollbar-thumb{border:2px solid var(--demo-scrollbar-track);background:var(--demo-scrollbar-thumb);background-clip:padding-box;border-radius:999px;min-width:28px;min-height:28px}html::-webkit-scrollbar-thumb:hover{background:var(--demo-scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--demo-scrollbar-thumb-hover);background-clip:padding-box}html::-webkit-scrollbar-thumb:active{background:var(--demo-scrollbar-thumb-active);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--demo-scrollbar-thumb-active);background-clip:padding-box}body{min-height:100dvh;color:var(--demo-text);background:var(--demo-page-bg);flex-direction:column;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:normal;display:flex}::selection{color:highlighttext;background-color:highlight}main{flex:1 0 auto;width:min(760px,100%);margin:0 auto;padding:64px 24px}.desktop-project-links{z-index:100;flex-direction:column;gap:16px;display:none;position:fixed;top:2rem;right:2rem}.project-link-button{border:1px solid var(--demo-control-border);width:48px;height:48px;color:var(--demo-muted-text);background:var(--demo-surface-bg);box-shadow:var(--demo-shadow-button);border-radius:9px;place-items:center;padding:8px;text-decoration:none;display:grid}.project-link-button:hover{border-color:var(--demo-hover-border);color:var(--demo-accent-strong);background:var(--demo-muted-bg)}.project-link-button:active{border-color:var(--demo-active-border);box-shadow:none}.project-link-button:focus-visible{outline:2px solid var(--demo-focus-ring);outline-offset:2px}.github-mark{fill:currentColor;width:28px;height:28px;display:block}.npm-mark{letter-spacing:-.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;font-weight:800;line-height:1}h1{margin:0;font-size:2.5rem}.demo-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.header-controls{flex:none;gap:8px;display:flex}.demo-intro{max-width:690px;color:var(--demo-intro-text);gap:14px;margin-top:20px;line-height:1.42;display:grid}.demo-intro p{margin:0}.demo-intro .demo-tagline{color:var(--demo-text);font-size:1.04rem}.demo-intro .browser-performance-warning{font-style:italic}a{color:var(--demo-accent-strong);text-underline-offset:2px}a:hover{color:var(--demo-accent-text)}.header-icon-button{border:1px solid var(--demo-control-border);width:36px;height:36px;color:var(--demo-text);background:var(--demo-surface-bg);cursor:pointer;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.gear-icon{object-fit:contain;width:20px;height:20px;filter:var(--demo-theme-icon-filter,none);display:block}.theme-icon{width:20px;height:20px;color:inherit;object-fit:contain;filter:var(--demo-theme-icon-filter,none);display:block}.theme-icon.is-sun{width:22px;height:22px}.header-icon-button:hover:not(:disabled){border-color:var(--demo-hover-border);background:var(--demo-muted-bg)}button,input{font:inherit}button{border:1px solid var(--demo-control-border);color:var(--demo-control-text);background:var(--demo-control-bg);box-shadow:var(--demo-shadow-button);cursor:pointer;border-radius:7px;padding:8px 14px}button:hover:not(:disabled){border-color:var(--demo-hover-border);background:var(--demo-muted-bg)}button:active:not(:disabled){border-color:var(--demo-active-border);box-shadow:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:2px solid var(--demo-focus-ring);outline-offset:2px}#transcribe{border-color:var(--demo-accent-strong);color:var(--demo-raised-bg);background:var(--demo-accent-strong)}#transcribe:hover:not(:disabled){border-color:var(--demo-accent-text);color:var(--demo-raised-bg);background:var(--demo-accent-text)}:root[data-parakeet-demo-theme=dark] #transcribe{color:#131713}.source-field{margin-top:20px}.source-instructions{color:var(--demo-muted-text);margin:0 0 8px}.inline-link-button{color:var(--demo-accent-strong);box-shadow:none;text-underline-offset:2px;background:0 0;border:0;border-radius:0;padding:0;text-decoration:underline;display:inline}.inline-link-button:hover:not(:disabled){color:var(--demo-accent-text);background:0 0;border:0}.inline-link-button:active:not(:disabled){box-shadow:none;border:0}#audio{max-width:100%;color:var(--demo-control-text)}#audio::file-selector-button{border:1px solid var(--demo-control-border);color:var(--demo-control-text);background:var(--demo-file-button-bg);cursor:pointer;border-radius:7px;margin-right:10px;padding:7px 12px}.actions{gap:8px;margin-top:16px;display:flex}.status-line{min-height:1.2em}#status{margin:28px 0 0}.status-line:empty{display:none}.status-line.is-busy{align-items:center;gap:8px;display:flex}.status-line.is-busy:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:1em;height:1em;animation:.7s linear infinite status-spin}.status-line.is-error{color:var(--demo-danger-text)}.status-line.is-success{color:var(--demo-success-text)}#sample-status{color:var(--demo-muted-text);margin:8px 0 0;font-size:.9rem}#sample-status.is-error{color:var(--demo-danger-text)}#sample-status.is-success{color:var(--demo-success-text)}.result-summary{border:1px solid var(--demo-border);background:var(--demo-surface-bg);font-variant-numeric:tabular-nums;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;display:grid;overflow:hidden}.result-summary[hidden],.progress-panel[hidden],.transcript-panel[hidden]{display:none}.summary-metric{min-width:0;padding:14px 18px}.summary-metric+.summary-metric{border-left:1px solid var(--demo-divider)}.summary-metric dt{color:var(--demo-muted-text);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:650}.summary-metric dd{white-space:nowrap;margin:5px 0 0;font-size:1rem;font-weight:450}.progress-panel,.transcript-panel{border:1px solid var(--demo-border);background:var(--demo-surface-bg);box-shadow:var(--demo-shadow-panel);border-radius:12px;margin-top:24px;overflow:hidden}.result-summary:not([hidden])+.progress-panel{margin-top:12px}.panel-heading{background:var(--demo-section-header-bg);padding:16px 18px}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{font-size:1.05rem;font-weight:700;line-height:normal}.panel-heading p{color:var(--demo-muted-text);margin-top:3px;font-size:.85rem}.progress-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.progress-title-row{align-items:baseline;gap:.6rem;min-width:0;display:flex}#progress-elapsed{color:var(--demo-muted-text);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.85rem;font-weight:400}#progress-percent{color:var(--demo-muted-text);font-variant-numeric:tabular-nums;flex:none;font-size:.85rem}#progress-percent:empty{display:none}#progress-title-detail{margin-left:.18em;font-style:italic;font-weight:400}.progress-body{border-top:1px solid var(--demo-divider);padding:15px 18px}.progress-track{background:var(--demo-inset-bg);border-radius:999px;height:12px;position:relative;overflow:hidden}progress{appearance:none;background:var(--demo-inset-bg);border:0;border-radius:999px;width:100%;height:12px;display:block;overflow:hidden}.progress-indicator{border-radius:inherit;background-color:var(--demo-accent-soft-bg);background-image:repeating-linear-gradient(-45deg, transparent 0 8px, var(--demo-accent) 8px 16px);box-shadow:inset 0 0 0 1px var(--demo-progress-indeterminate-border);pointer-events:none;background-size:23px 23px;display:none;position:absolute;inset:0}progress:not([value])+.progress-indicator{animation:.65s linear infinite progress-stripes;display:block}progress::-webkit-progress-bar{border-radius:inherit;background:var(--demo-inset-bg)}progress::-webkit-progress-value{border-radius:inherit;background:var(--demo-accent);transition:width .2s linear}progress::-moz-progress-bar{border-radius:inherit;background:var(--demo-accent);transition:width .2s linear}.transcript-panel{position:relative}.transcript-heading{border-bottom:1px solid var(--demo-divider);justify-content:space-between;align-items:center;gap:16px;display:flex}.transcript-heading-text{min-width:0}.transcript-copy-button{width:36px;height:36px;color:var(--demo-muted-text);background:var(--demo-surface-bg);flex:none;place-items:center;padding:0;display:grid}.transcript-copy-button[hidden]{display:none}.transcript-copy-button:hover:not(:disabled){color:var(--demo-accent-strong)}.transcript-copy-button[data-copy-state=copied]{border-color:var(--demo-accent);color:var(--demo-accent-strong);background:var(--demo-accent-soft-bg)}.transcript-copy-button[data-copy-state=error]{border-color:var(--demo-danger-text);color:var(--demo-danger-text)}.transcript-copy-icon{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.transcript-copy-icon-check,.transcript-copy-button[data-copy-state=copied] .transcript-copy-icon-copy{display:none}.transcript-copy-button[data-copy-state=copied] .transcript-copy-icon-check{display:block}.playback-row{border-bottom:1px solid var(--demo-divider);background:var(--demo-raised-bg);padding:12px 18px}.playback-row[hidden]{display:none}#audio-player{width:100%;accent-color:var(--demo-accent-strong);display:block}#audio-player[hidden]{display:none}.playback-unavailable{color:var(--demo-muted-text);margin:0;font-size:.9rem;line-height:1.45}.transcript{height:min(30rem,55vh);min-height:9rem;color:var(--demo-text);background:var(--demo-raised-bg);overflow-wrap:anywhere;overscroll-behavior:contain;white-space:pre-wrap;contain:layout paint style;padding:14px 18px 18px;font-size:1rem;line-height:1.75;overflow-y:auto}.transcript[hidden]{display:none}.transcript[data-has-timestamps=true]{cursor:default}::highlight(parakeet-demo-playback-word){color:var(--demo-text);background-color:var(--demo-playback-highlight-bg)}.word-tooltip{z-index:10;border:1px solid var(--demo-control-border);max-width:calc(100vw - 1rem);color:var(--demo-text);background:var(--demo-raised-bg);box-shadow:var(--demo-shadow-floating);pointer-events:none;border-radius:6px;padding:6px 8px;font-size:.8rem;line-height:1.2;position:fixed;inset:0 auto auto 0;transform:translate(-200vw,-200vh)}.word-tooltip[hidden]{display:none}.runtime-dialog{border:1px solid var(--demo-border);width:min(680px,100vw - 32px);max-width:none;max-height:min(80dvh,720px);color:var(--demo-text);background:var(--demo-surface-bg);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 24px 80px #0c120952}.runtime-dialog[open]{flex-direction:column;display:flex}.runtime-dialog::backdrop{background:var(--demo-modal-backdrop);backdrop-filter:blur(8px)}.runtime-dialog-heading{background:var(--demo-section-header-bg);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.runtime-dialog-heading h2{outline:none;margin:0;font-size:1.05rem}.runtime-close{width:32px;height:32px;box-shadow:none;background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;font-size:1.55rem;line-height:1;display:grid}.runtime-content{border-top:1px solid var(--demo-divider);flex:auto;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.site-footer a{color:inherit;text-decoration-color:color-mix(in srgb, currentcolor 55%, transparent);text-underline-offset:.16em}.site-footer a:hover{color:var(--demo-accent-text)}.site-footer{border-top:1px solid var(--demo-divider);width:100%;color:var(--demo-muted-text);background:var(--demo-footer-bg);text-align:center;flex:none;padding:12px 20px;font-size:.82rem;line-height:1.55}#metrics{min-height:0;max-height:min(56dvh,28rem);color:var(--demo-muted-text);background:var(--demo-muted-bg);margin:0;padding:16px 18px;font-size:.76rem;line-height:1.5;overflow:auto}.cache-row{border-top:1px solid var(--demo-divider);justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.cache-row strong{font-size:.9rem}.cache-row p{color:var(--demo-muted-text);margin:3px 0 0;font-size:.82rem}@keyframes status-spin{to{transform:rotate(1turn)}}@keyframes progress-stripes{to{background-position:23px 0}}@media (prefers-reduced-motion:reduce){.status-line.is-busy:before{animation:none}progress::-webkit-progress-value{transition:none}progress::-moz-progress-bar{transition:none}progress:not([value])+.progress-indicator{animation:none}}@media (width>=1101px){.desktop-project-links{display:flex}.mobile-project-links{display:none}}@media (width<=520px){main{padding:40px 16px}h1{font-size:clamp(1.8rem,9vw,2.15rem)}.demo-title-row{gap:12px}.result-summary{grid-template-columns:minmax(0,1fr)}.summary-metric+.summary-metric{border-left:0;border-top:1px solid var(--demo-divider)}.progress-heading,.cache-row{flex-direction:column;align-items:flex-start;gap:8px}.runtime-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.cache-row button{width:100%}.transcript{height:min(26rem,52vh)}}