:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:clamp(.75rem, .72rem + .1vw, .8125rem);--text-sm:clamp(.8125rem, .79rem + .12vw, .875rem);--text-base:clamp(.9375rem, .91rem + .15vw, 1rem);--text-reading:clamp(1rem, .96rem + .2vw, 1.125rem);--text-lg:clamp(1.125rem, 1.07rem + .28vw, 1.25rem);--text-xl:clamp(1.375rem, 1.28rem + .45vw, 1.625rem);--text-2xl:clamp(1.75rem, 1.6rem + .7vw, 2.125rem);--leading-tight:1.2;--leading-base:1.5;--leading-reading:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--measure:68ch;--radius-sm:.5rem;--radius-md:.875rem;--radius-pill:999px;--motion-fast:.12s;--motion-base:.18s;--ease-out:cubic-bezier(.2, 0, 0, 1);--surface:#fbfaf8;--surface-raised:#fff;--surface-sunken:#f3f1ec;--surface-accent:#eef2ff;--border:#e5e1d9;--border-strong:#cbc5b9;--text:#1a1917;--text-muted:#57524a;--text-faint:#837d73;--border-control:#8f887b;--accent:#1a4fd0;--accent-hover:#14409f;--accent-contrast:#fff;--focus-ring:#1a4fd0;--status-pending:#57524a;--status-pending-bg:#eeece6;--status-running:#8a5000;--status-running-bg:#fdf0dc;--status-done:#16653a;--status-done-bg:#e3f3e8;--status-failed:#a5231c;--status-failed-bg:#fbe6e4;--shadow-1:0 1px 2px #1a19170f, 0 1px 3px #1a19170a;--shadow-2:0 2px 4px #1a19170f, 0 8px 24px #1a191714}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#17161a;--surface-raised:#1f1e24;--surface-sunken:#121115;--surface-accent:#1b2440;--border:#2f2d35;--border-strong:#474450;--border-control:#7a7686;--text:#f2f0ec;--text-muted:#b2ada4;--text-faint:#85806f;--accent:#93b0ff;--accent-hover:#b3c7ff;--accent-contrast:#10131f;--focus-ring:#93b0ff;--status-pending:#b2ada4;--status-pending-bg:#26252b;--status-running:#f0b45f;--status-running-bg:#2f2416;--status-done:#7fd39c;--status-done-bg:#16281d;--status-failed:#ff9c93;--status-failed-bg:#2e1917;--shadow-1:none;--shadow-2:0 8px 24px #0006}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--space-7)}body{background:var(--surface);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.01em;text-wrap:balance}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{text-wrap:pretty}img,video,audio{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--surface-accent);color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);transition:transform var(--motion-fast) var(--ease-out);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.measure{max-width:var(--measure)}.button,.icon-button{--control-target:calc(var(--space-6) + var(--space-3))}.button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--control-target);padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:inline-flex}.button--sm{padding-inline:var(--space-3);font-size:var(--text-sm)}.button__icon,.button__spinner{inline-size:var(--space-4);block-size:var(--space-4);flex:none}.button__icon>svg{block-size:100%;inline-size:100%}.button__spinner{animation:button-spin calc(var(--motion-base) * 4) linear infinite}@keyframes button-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.button__spinner{animation:none}}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button--secondary{background:var(--surface-raised);border-color:var(--border-control);color:var(--text)}.button--secondary:hover:not(:disabled){background:var(--surface-sunken)}.button--ghost{color:var(--text-muted)}.button--ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.button--danger{background:var(--surface-raised);border-color:var(--border-control);color:var(--status-failed)}.button--danger:hover:not(:disabled){background:var(--status-failed-bg);border-color:var(--status-failed)}.button:disabled,.icon-button:disabled{background:var(--surface-sunken);border-color:var(--border);color:var(--text-muted);cursor:not-allowed}.button--loading{cursor:progress}.icon-button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button--md{inline-size:var(--control-target);block-size:var(--control-target)}.icon-button--sm{inline-size:var(--space-6);block-size:var(--space-6)}.icon-button--sm:after{content:"";inline-size:var(--control-target);block-size:var(--control-target);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.icon-button__glyph{display:inline-flex}.icon-button__glyph>svg{inline-size:var(--space-4);block-size:var(--space-4)}.icon-button--sm .icon-button__glyph>svg{inline-size:var(--space-3);block-size:var(--space-3)}.icon-button--ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.icon-button--secondary{background:var(--surface-raised);border-color:var(--border-control);color:var(--text)}.icon-button--secondary:hover:not(:disabled){background:var(--surface-sunken)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__hint{color:var(--text-muted);font-size:var(--text-xs)}.field__error{min-block-size:calc(var(--text-xs) * var(--leading-base));color:var(--status-failed);font-size:var(--text-xs);font-weight:var(--weight-medium)}.control{--control-target:calc(var(--space-6) + var(--space-3));inline-size:100%;min-block-size:var(--control-target);padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text);font-size:var(--text-base);transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out)}.control::placeholder{color:var(--text-muted)}.control:hover:not(:disabled){border-color:var(--text-muted)}.control:disabled{border-color:var(--border);background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.field--invalid .control,.control[aria-invalid=true]{border-color:var(--status-failed);box-shadow:0 0 0 1px var(--status-failed)}.control:user-invalid{border-color:var(--status-failed);box-shadow:0 0 0 1px var(--status-failed)}.control-shell{display:block;position:relative}.control--select{appearance:none;padding-inline-end:var(--space-6)}.control-shell__chevron{inline-size:var(--space-4);block-size:var(--space-4);color:var(--text-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--space-3);translate:0 -50%}.status-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;display:inline-flex}.status-pill--md{padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--text-sm)}.status-pill--sm{padding-block:var(--space-1);padding-inline:var(--space-2);font-size:var(--text-xs)}.status-pill__icon{inline-size:var(--space-3);block-size:var(--space-3);flex:none}.status-pill--pending{background:var(--status-pending-bg);color:var(--status-pending)}.status-pill--transcribing{background:var(--status-running-bg);color:var(--status-running)}.status-pill--completed{background:var(--status-done-bg);color:var(--status-done)}.status-pill--failed{background:var(--status-failed-bg);color:var(--status-failed)}.notice{gap:var(--space-2) var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);font-size:var(--text-sm);grid-template-columns:auto 1fr;align-items:start;display:grid}.notice__icon{inline-size:var(--space-5);block-size:var(--space-5);grid-row:1/-1;align-self:start}.notice__title{color:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.notice__body{min-inline-size:0}.notice__content{color:var(--text)}.notice__content>*+*{margin-block-start:var(--space-2)}.notice__action{grid-column:2}.notice--info{border-color:var(--accent);background:var(--surface-accent);color:var(--accent)}.notice--warning{border-color:var(--status-running);background:var(--status-running-bg);color:var(--status-running)}.notice--error{border-color:var(--status-failed);background:var(--status-failed-bg);color:var(--status-failed)}.notice--success{border-color:var(--status-done);background:var(--status-done-bg);color:var(--status-done)}.empty-state{align-items:start;gap:var(--space-2);padding-block:var(--space-6);padding-inline:var(--space-4);border:1px dashed var(--border-control);border-radius:var(--radius-md);background:var(--surface-sunken);flex-direction:column;display:flex}.empty-state__icon{color:var(--text-muted);display:inline-flex}.empty-state__icon>svg{inline-size:var(--space-6);block-size:var(--space-6)}.empty-state__title{color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.empty-state__description{max-inline-size:var(--measure);color:var(--text-muted)}.empty-state__action{margin-block-start:var(--space-2)}.skeleton{gap:var(--space-2);flex-direction:column;display:flex}.skeleton__line{block-size:calc(var(--text-base) * var(--leading-base));border-radius:var(--radius-sm);background:var(--surface-sunken);animation:skeleton-pulse calc(var(--motion-base) * 8) var(--ease-out) infinite alternate;display:block}.skeleton__line:nth-child(3n+2){inline-size:calc(100% - var(--space-6))}.skeleton__line:nth-child(3n){inline-size:calc(100% - var(--space-8))}@keyframes skeleton-pulse{to{background:var(--surface)}}@media (prefers-reduced-motion:reduce){.skeleton__line{background:var(--surface-sunken);animation:none}}.file-drop{gap:var(--space-2);flex-direction:column;display:flex}.file-drop__zone{align-items:center;gap:var(--space-1);padding-block:var(--space-5);padding-inline:var(--space-4);border:1px dashed var(--border-control);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);flex-direction:column;display:flex}.file-drop__glyph{inline-size:var(--space-6);block-size:var(--space-6)}.file-drop__lead{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium)}.file-drop__cue{font-size:var(--text-sm);text-decoration:underline}.file-drop__zone:hover{border-color:var(--text-muted);background:var(--surface-sunken)}.file-drop__input:focus+.file-drop__zone,.file-drop__input:focus-visible+.file-drop__zone{outline:2px solid var(--focus-ring);outline-offset:2px}.file-drop--dragging .file-drop__zone{border-style:solid;border-color:var(--accent);background:var(--surface-accent);color:var(--text)}.file-drop--invalid .file-drop__zone{border-color:var(--status-failed)}.file-drop--disabled .file-drop__zone{border-color:var(--border);background:var(--surface-sunken);color:var(--text-muted);cursor:not-allowed}.file-drop__hint{color:var(--text-muted);font-size:var(--text-xs)}.file-drop__selection{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.file-drop__chosen{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.file-drop__error{min-block-size:calc(var(--text-xs) * var(--leading-base));color:var(--status-failed);font-size:var(--text-xs);font-weight:var(--weight-medium)}.topbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.topbar__brand{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-lg);margin-right:auto;display:flex}.topbar__mark{width:var(--space-5);height:var(--space-5);fill:var(--accent);flex:none}.topbar__account{align-items:center;gap:var(--space-3);min-width:0;display:flex}.topbar__name{font-size:var(--text-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__feedback:not(:empty){flex-basis:100%}.workspace{padding:var(--space-4);container-type:inline-size}.workspace__grid{gap:var(--space-5);align-items:start;display:grid}.workspace:focus-visible,.workspace__detail:focus-visible{outline-offset:calc(-1 * var(--space-1))}.workspace__aside{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.workspace__detail{min-width:0}@container (width>=56.25em){.workspace__grid{gap:var(--space-6);grid-template-columns:minmax(0,20rem) minmax(0,1fr)}}@media (width>=56.25em){.topbar{z-index:5;padding:var(--space-3) var(--space-5);position:sticky;top:0}.workspace{padding:var(--space-6)}}.boot{min-height:100dvh;padding:var(--space-6);color:var(--text-muted);place-items:center;display:grid}.detail-status{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.detail-status__text{font-size:var(--text-sm);color:var(--text-muted)}.text-link{color:var(--accent);font-weight:var(--weight-medium);text-underline-offset:.2em;align-self:start;text-decoration-thickness:from-font}.text-link:hover{color:var(--accent-hover)}.upload-panel{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex}.upload-panel:focus-visible{outline-offset:calc(-1 * var(--space-1))}.upload-panel__head{gap:var(--space-1);flex-direction:column;display:flex}.upload-panel__lede{font-size:var(--text-sm);color:var(--text-muted)}.upload-panel__form{gap:var(--space-4);flex-direction:column;display:flex}.upload-panel__feedback:empty{display:none}.upload-panel__submit{gap:var(--space-2);flex-direction:column;display:flex}.upload-panel__submit-hint{font-size:var(--text-xs);color:var(--text-muted)}.library{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.library__head{align-items:baseline;gap:var(--space-2);display:flex}.library__title{margin-right:auto}.library__count{padding:var(--space-1) var(--space-2);background:var(--surface-sunken);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.library__feedback:empty{display:none}.library__loading{font-size:var(--text-sm);color:var(--text-muted)}.library__items{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.library__row{gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.library__row:hover{background:var(--surface-sunken);border-color:var(--border)}.library__row[aria-current]{background:var(--surface-accent);border-color:var(--accent);box-shadow:inset var(--space-1) 0 0 0 var(--accent)}.library__row--placeholder{border-color:var(--border);cursor:default;pointer-events:none}.library__row-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.library__name{min-width:0;font-weight:var(--weight-medium);overflow-wrap:anywhere}.library__meta{gap:var(--space-1) var(--space-3);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.library__meta-item{font-variant-numeric:tabular-nums}.library__failure{color:var(--status-failed);font-size:var(--text-xs);overflow-wrap:anywhere}.signin{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.signin__card{gap:var(--space-5);width:min(100%,26rem);padding:var(--space-6);flex-direction:column;display:flex}.signin__brand{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:flex}.signin__mark{width:var(--space-5);height:var(--space-5);fill:var(--accent);flex:none}.signin__head{gap:var(--space-2);flex-direction:column;display:flex}.signin__title{font-size:var(--text-xl)}.signin__tagline{color:var(--text-muted)}.signin__form{gap:var(--space-4);flex-direction:column;display:flex}.signin__required{color:var(--text-muted);font-size:var(--text-xs)}.signin__feedback:empty{display:none}.signin__switch{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.signin__switch-text{color:var(--text-muted);font-size:var(--text-sm)}.transcript{gap:var(--space-5);flex-direction:column;display:flex;container:transcript/inline-size}.transcript__header{gap:var(--space-3);flex-direction:column;display:flex}.transcript__heading{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.transcript__title{overflow-wrap:anywhere}.transcript__facts{gap:var(--space-3) var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.transcript__fact{gap:var(--space-1);flex-direction:column;display:flex}.transcript__fact dt{color:var(--text-muted)}.transcript__fact dd{font-weight:var(--weight-medium)}.transcript__tools{gap:var(--space-5);padding:var(--space-4);flex-direction:column;display:flex}@container transcript (width>=44rem){.transcript__tools{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-direction:row}}.transcript__playback{gap:var(--space-2);max-inline-size:var(--measure);flex-direction:column;display:flex}.transcript__follow{align-items:center;gap:var(--space-3);min-block-size:var(--space-7);font-weight:var(--weight-medium);cursor:pointer;display:flex}.transcript__follow input{inline-size:var(--space-5);block-size:var(--space-5);accent-color:var(--accent);cursor:pointer}.transcript__follow:has(input:disabled){color:var(--text-muted);cursor:default}.transcript__follow:has(input:disabled) input{color:var(--text-muted);cursor:default}.transcript__hint,.transcript__progress{color:var(--text-muted);font-size:var(--text-sm)}.transcript__action{min-block-size:var(--space-7);color:inherit;font-weight:var(--weight-semibold);align-items:center;text-decoration:underline;display:inline-flex}.transcript__segments{gap:var(--space-1) var(--space-2);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.segment{gap:var(--space-1);border-radius:var(--radius-sm);padding-block:var(--space-1);padding-inline:var(--space-2);transition:background-color var(--motion-fast) var(--ease-out);border-inline-start:2px solid #0000;grid-template-columns:minmax(0,1fr);display:grid}@container transcript (width>=30rem){.transcript__segments{grid-template-columns:auto minmax(0,1fr)}.segment{grid-column:1/-1;grid-template-columns:subgrid;align-items:start}.segment__timecode{justify-content:flex-end;justify-self:stretch}}.segment--current{background:var(--surface-accent);border-inline-start-color:var(--accent)}.segment--ghost{pointer-events:none}.segment__timecode{min-inline-size:var(--space-7);min-block-size:var(--space-7);padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:0 0;border:0;justify-content:flex-start;justify-self:start;align-items:center;display:inline-flex}.segment__timecode:hover{background:var(--surface-sunken);color:var(--text)}.segment--current .segment__timecode{color:var(--accent)}.segment__timecode--ghost{min-inline-size:var(--space-7);min-block-size:var(--space-7);display:block}.segment__body{max-inline-size:var(--measure);min-inline-size:0}.segment__grow{display:grid}.segment__grow:after{content:attr(data-replicated-value) " ";visibility:hidden;white-space:pre-wrap}.segment__grow>textarea{resize:none;overflow:hidden}.segment__grow:after,.segment__grow>textarea{padding:var(--space-2);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-reading);line-height:var(--leading-reading);overflow-wrap:anywhere;border:1px solid #0000;grid-area:1/1/2/2}.segment__text{color:var(--text);transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:0 0}.segment__text:not(:read-only){border-block-end-color:var(--border)}.segment--current .segment__text:not(:read-only){border-block-end-color:var(--border-strong)}.segment__text:not(:read-only):hover{border-color:var(--border);background:var(--surface-raised)}.segment__text:focus{border-color:var(--border-control);background:var(--surface-raised)}.segment__text:read-only{cursor:default}.segment__state{gap:var(--space-3);min-block-size:var(--space-5);padding-inline:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.segment__error{color:var(--status-failed);font-weight:var(--weight-medium)}.segment__corrected{color:var(--status-done);font-weight:var(--weight-medium)}.export-menu{gap:var(--space-3);flex-direction:column;display:flex}.export-menu__title{color:var(--text-muted);font-size:var(--text-sm)}.export-menu__list{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.export-option{gap:var(--space-1);min-block-size:var(--space-7);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.export-option:hover{border-color:var(--border-control);background:var(--surface-sunken)}.export-option__label{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);display:flex}.export-option__icon{block-size:1em;inline-size:1em;color:var(--text-muted);flex:none}.export-option__use{color:var(--text-muted);font-size:var(--text-sm)}.media-player{gap:var(--space-2);max-inline-size:var(--measure);flex-direction:column;display:flex}.media-player__video{aspect-ratio:16/9;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);inline-size:100%}.media-player__audio{inline-size:100%}.media-player__note{color:var(--text-muted);font-size:var(--text-sm)}