.language-pick{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .6rem;margin:.9rem auto 0;font-size:.9rem;color:var(--slate)}#drop[hidden]+.language-pick{display:none}.result .language-line select{padding:.3rem 2.1rem .3rem .8rem;background-position:right .75rem center;background-size:.85rem .85rem;font-size:.8rem}.result .language-line{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:0 0 .75rem;font-size:.88rem;color:var(--slate)}.result .language-change{padding:0;border:0;background:none;color:var(--violet-text);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.export-stopped{margin:.9rem auto 0;max-width:30rem;font-size:.88rem;line-height:1.5;color:var(--ink);text-align:center;text-wrap:balance}.export-stopped strong{font-weight:600}.resume{margin:.9rem auto 0;max-width:30rem;font-size:.88rem;line-height:1.5;color:var(--slate);text-align:center;text-wrap:balance}.resume strong{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.resume-list{margin:.4rem 0 .35rem;padding:0;list-style:none}.resume-list li{padding:.1rem 0}.resume-meta{white-space:nowrap;font-variant-numeric:tabular-nums}html[data-resuming] #drop,html[data-resuming] .language-pick,html[data-resuming] .export-stopped,html[data-resuming] .resume{display:none}html[data-resuming] #processing[hidden]{display:flex}html[data-resuming] #processing-stage:empty:before{content:"Picking up where it stopped…"}.resume-forget{margin-left:.3rem;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--violet-text);cursor:pointer}.resume-list:not([hidden])+.resume-forget{margin-left:0}.resume-forget:hover,.resume-forget:focus-visible{text-decoration:underline}.result{margin:2rem auto 0;max-width:32rem;font-size:1rem;text-align:left}.result[data-tone=transcript]{min-height:100vh}.result[data-tone=error]{padding:1.1rem 1.35rem;border:1px solid var(--danger-line);border-radius:14px;background:var(--danger-tint);color:var(--danger-dark)}.panel{position:sticky;top:0;z-index:3;margin:0 -.75rem 1.5rem;padding:.75rem .75rem 0;background:var(--page);border-bottom:.5px solid var(--line-soft)}.panel:after{content:"";position:absolute;top:100%;right:0;left:0;height:14px;background:linear-gradient(var(--shadow-faint),var(--shadow-clear));pointer-events:none}.toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 0}.preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;touch-action:manipulation}.stage{--stage-max-height: min(34vh, 20rem);position:relative;width:min(100%,calc(var(--stage-max-height) * var(--ratio, 1.7778)));aspect-ratio:var(--ratio, 1.7778);overflow:hidden;border-radius:10px;background:var(--ink);container-type:size}.stage video{display:block;width:100%;height:100%;object-fit:contain;background:var(--video-bg);cursor:pointer}.scrub{--stage-max-height: min(34vh, 20rem);position:relative;width:min(100%,calc(var(--stage-max-height) * var(--ratio, 1.7778)));height:20px;margin-top:-3px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.scrub:before,.scrub-fill{position:absolute;top:0;left:0;height:4px;border-radius:2px}.scrub:before{content:"";right:0;background:var(--line)}.scrub-fill{width:0;background:var(--violet)}.scrub:focus{outline:none}.scrub:focus-visible:before{box-shadow:0 0 0 2px var(--focus-glow-strong)}.audio-stage{--wave-heard: var(--hero-accent);--wave-ahead: var(--on-hero-faint);background:radial-gradient(60% 90% at 15% 0%,var(--hero-glow-violet),transparent 70%),radial-gradient(55% 80% at 90% 105%,var(--hero-glow-magenta),transparent 70%),var(--hero-deep);cursor:pointer}.audio-stage .wave{position:absolute;inset:0;width:100%;height:100%}.result[data-playback=playing] .big-play{opacity:0}.preview-note{margin:0;max-width:26rem;font-size:.8rem;color:var(--slate);text-align:center}.skip-cue{position:absolute;top:50%;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;background:var(--video-scrim);color:var(--on-video);font-size:.72rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(-50%);transition:opacity .15s ease}.skip-cue[data-side=back]{left:6%}.skip-cue[data-side=forward]{right:6%;flex-direction:row-reverse}.skip-cue.show{opacity:1}.skip-cue-arrows{display:flex;gap:1px}.skip-cue[data-side=forward] .skip-cue-arrows{flex-direction:row-reverse}.skip-cue-arrows span{width:7px;height:8px;background:currentColor;clip-path:polygon(0 50%,100% 0,100% 100%);animation:skip-ripple .6s ease-in-out infinite}.skip-cue[data-side=forward] .skip-cue-arrows span{clip-path:polygon(0 0,100% 50%,0 100%)}.skip-cue-arrows span:nth-child(2){animation-delay:.1s}.skip-cue-arrows span:nth-child(3){animation-delay:.2s}@keyframes skip-ripple{0%,to{opacity:.35}50%{opacity:1}}.overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tool-pill{display:inline-flex;align-items:center;gap:.45rem;height:44px;padding:0 1rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:.95rem;font-weight:700;white-space:nowrap;cursor:pointer}.tool-value{font-weight:600;color:var(--slate)}.tool-caret{color:var(--slate);transition:transform .15s ease}.tool-pill[aria-expanded=true]{border-color:var(--violet-text);box-shadow:inset 0 0 0 1px var(--violet-text)}.tool-pill[aria-expanded=true] .tool-caret{transform:rotate(180deg)}.tool-pill:focus-visible,.look-style:focus-visible,.segmented button:focus-visible,.look-swatch:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}.export-status{flex-basis:100%;margin:-.25rem 0 0;font-size:.85rem;color:var(--slate);text-align:right}.export-status:empty{display:none}.tool-panels{display:grid;flex-basis:100%;gap:.6rem}.tool-panels:not(:has(>.tool-panel:not([hidden]))){display:none}.tool-panel{max-height:min(70vh,34rem);overflow-y:auto;padding:.9rem .9rem 1.25rem;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 32px var(--shadow-soft)}.look-head{display:flex;justify-content:center;margin:-.35rem 0 .35rem}.look-label-above{display:block;font-size:.85rem}.look-text-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.55rem}.look-caps{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;letter-spacing:.02em;cursor:pointer}.look-caps input{width:1rem;height:1rem;margin:0;accent-color:var(--violet);cursor:pointer}.panel-close{display:flex;align-items:center;justify-content:center;width:5.5rem;height:28px;padding:0;border:0;border-radius:12px;background:none;color:var(--slate);cursor:pointer}.panel-close:hover{color:var(--ink)}.panel-close:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}@media(max-width:899px){.tool-panels{position:absolute;top:calc(100% - .4rem);right:0;left:0;z-index:30;max-height:62dvh;overflow-y:auto;overscroll-behavior:contain}.tool-panel{max-height:none;overflow:visible}.panel-close{height:44px}.tool-panels{gap:0}.tool-panel:not([hidden]):has(~.tool-panel:not([hidden])){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:.9rem}.tool-panel:not([hidden])~.tool-panel:not([hidden]){border-top:1px solid var(--line);border-top-right-radius:0;border-top-left-radius:0;box-shadow:none}}.look-styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.look-style{display:grid;gap:.35rem;padding:.35rem;border:1px solid var(--line);border-radius:12px;background:none;color:var(--ink);font:inherit;font-size:.85rem;font-weight:700;text-align:left;cursor:pointer}.look-style canvas{display:block;width:100%;aspect-ratio:1;border-radius:8px;background:repeating-conic-gradient(var(--checker-light) 0 25%,var(--checker-dark) 0 50%) 0 0 / 12px 12px}.look-style span{padding:0 .15rem .1rem}.look-style[aria-checked=true]{border-color:var(--violet-text);box-shadow:inset 0 0 0 1px var(--violet-text)}.look-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.85rem;font-size:.85rem}.look-label{min-width:7.5rem;font-weight:700}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--page)}.segmented button{padding:.35rem .8rem;border:0;border-radius:999px;background:none;color:var(--slate);font:inherit;font-weight:600;cursor:pointer}.segmented button[aria-checked=true]{background:var(--violet);color:var(--on-violet)}.look-position{flex:1 1 9rem;max-width:16rem;height:22px;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.look-position:focus{outline:none}.look-position::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line-strong)}.look-position::-moz-range-track{height:4px;border-radius:2px;background:var(--line-strong)}.look-position::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;border:3px solid var(--surface);border-radius:50%;background:var(--violet);box-shadow:0 0 0 1px var(--violet),0 1px 3px var(--shadow-mid);-webkit-appearance:none}.look-position::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:var(--violet);box-shadow:0 0 0 1px var(--violet),0 1px 3px var(--shadow-mid)}.look-position:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--violet),0 0 0 5px var(--focus-glow)}.look-position:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--violet),0 0 0 5px var(--focus-glow)}.tool-panel .pace-slider::-webkit-slider-thumb{border-color:var(--surface)}.tool-panel .pace-slider::-moz-range-thumb{border-color:var(--surface)}.look-value{min-width:4rem;color:var(--slate);font-variant-numeric:tabular-nums}.look-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.look-swatch{width:30px;height:30px;padding:0;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}.look-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--slate)}.look-swatch-custom{background:var(--hue-wheel)}.look-swatch-custom[aria-checked=true]{background:radial-gradient(circle,var(--cp-colour) 0 42%,transparent 44%),var(--hue-wheel)}.colour-picker{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}.colour-picker[data-open]{grid-template-rows:1fr;opacity:1}.cp-inner{min-height:0;overflow:hidden}.cp-body{display:grid;gap:.8rem;max-width:22rem;margin-top:.85rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.cp-area{position:relative;height:9rem;border-radius:10px;background:linear-gradient(to top,var(--picker-black),transparent),linear-gradient(to right,var(--picker-white),hsl(var(--cp-hue) 100% 50%));cursor:crosshair;touch-action:none}.cp-thumb{position:absolute;width:18px;height:18px;border:2px solid var(--picker-white);border-radius:50%;box-shadow:0 0 0 1px var(--shadow-strong),0 2px 6px var(--shadow-mid);transform:translate(-50%,-50%);pointer-events:none}.cp-area:focus-visible,.cp-hue:focus-visible,.cp-hex input:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}.cp-hue{width:100%;height:14px;margin:0;border-radius:7px;background:var(--hue-strip);appearance:none;cursor:pointer}.cp-hue::-webkit-slider-thumb{width:20px;height:20px;border:2px solid var(--picker-white);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-strong),0 2px 6px var(--shadow-mid);appearance:none}.cp-hue::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--picker-white);border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--shadow-strong),0 2px 6px var(--shadow-mid)}.cp-hue::-moz-range-track{background:transparent}.cp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.cp-hex{display:inline-flex;align-items:center;gap:.35rem;font-weight:700}.cp-hash{margin-right:-.2rem;color:var(--slate);font-weight:600}.cp-hex input{width:5.6em;padding:.3rem .45rem;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink);font:inherit;font-weight:600;font-variant-numeric:tabular-nums;text-transform:uppercase}.cp-hex input[aria-invalid=true]{border-color:var(--warn)}.cp-sample{padding:.15rem .7rem;border-radius:999px;font-weight:700}.cp-readout{color:var(--slate);font-variant-numeric:tabular-nums}.cp-note{margin:0;color:var(--slate);font-size:.8rem}@media(prefers-reduced-motion:reduce){.colour-picker{transition:none}}@media(max-width:560px){.toolbar .tool-value{display:none}.toolbar{column-gap:.4rem}.toolbar .tool-pill{gap:.35rem;padding:0 .75rem}.toolbar .download{padding:0 .8rem 0 .95rem}.look-styles{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 .2rem;overscroll-behavior-x:contain;padding-bottom:.2rem;scrollbar-width:none}.look-styles::-webkit-scrollbar{display:none}.look-style{flex:0 0 29%;scroll-snap-align:start}.look-label{min-width:0;width:100%}}@media(max-width:400px){.toolbar .download[data-generating] .download-label{font-size:0}.toolbar .download[data-generating] .download-label:before{content:"Export";font-size:.95rem}}.pace-row{display:flex;align-items:center;gap:.9rem;padding:0 .2rem}.pace-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pace-scale{display:grid;flex:0 1 66%;min-width:7rem}.pace-readout{flex:0 0 auto;min-width:4.6rem;font-size:.9rem;font-weight:700;color:var(--ink)}.pace-desc{margin:.55rem .2rem 0;font-size:.85rem;color:var(--slate)}.pace-track{position:relative}.pace-rail{position:absolute;top:11px;left:9px;right:9px;height:4px;margin-top:-2px;border-radius:2px;background:var(--line);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.pace-rail span{position:relative;width:0}.pace-rail span:before{content:"";position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--mark)}.pace-slider{position:relative;display:block;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none}.pace-slider:focus{outline:none}.pace-slider::-webkit-slider-runnable-track{height:4px;background:transparent}.pace-slider::-moz-range-track{height:4px;background:transparent}.pace-slider::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;border:3px solid var(--page);border-radius:50%;background:var(--violet);box-shadow:0 0 0 1px var(--violet),0 1px 3px var(--shadow-mid);-webkit-appearance:none}.pace-slider::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:3px solid var(--page);border-radius:50%;background:var(--violet);box-shadow:0 0 0 1px var(--violet),0 1px 3px var(--shadow-mid)}.pace-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--violet),0 0 0 5px var(--focus-glow)}.pace-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--violet),0 0 0 5px var(--focus-glow)}.export{display:flex;align-items:center;gap:.75rem;margin-left:auto}.caption-count{margin-left:.6rem;font-variant-numeric:tabular-nums}.caption-count:empty{display:none}.download-menu{position:relative}.download{display:inline-flex;align-items:center;gap:.45rem;height:44px;padding:0 1.05rem 0 1.25rem;border:0;border-radius:999px;background:var(--ink);color:var(--on-ink);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.download-caret{transition:transform .15s ease}.download[aria-expanded=true] .download-caret{transform:rotate(180deg)}.download-options{position:absolute;top:calc(100% + .4rem);right:0;z-index:5;display:grid;min-width:15.5rem;padding:.35rem;background:var(--surface);border:.5px solid var(--line-strong);border-radius:12px;box-shadow:0 12px 32px -14px var(--shadow-deep),0 2px 6px var(--shadow-soft);text-align:left}.download-option{display:grid;gap:.05rem;padding:.55rem .75rem;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.download-option[data-lead]{margin-bottom:.25rem;background:var(--menu-hover);box-shadow:inset 0 0 0 1px var(--violet-shadow)}.download-option[data-lead] .download-format{color:var(--violet-text)}.download-option:hover,.download-option:focus-visible{background:var(--menu-hover);outline:none}.download-percent{display:inline-block;min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}.download-format{font-size:.9rem;font-weight:700}.download-use{font-size:.8rem;color:var(--slate)}.download:hover{background:var(--ink-hover)}.download.exporting,.download.exporting:disabled,.download.exporting:disabled:hover{justify-content:center;opacity:1;background:linear-gradient(90deg,var(--violet) var(--progress, 0%),var(--ink) var(--progress, 0%));font-variant-numeric:tabular-nums;cursor:progress}.download.exporting .download-caret{display:none}.download[data-confirm]{background:var(--warn-strong)}.download:disabled{opacity:.4;cursor:not-allowed}.download[data-generating]:disabled,.download[data-generating]:disabled:hover{opacity:1;background:var(--ink);cursor:default}.download[data-generating] .download-caret{display:none}.download[data-generating]:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}html[data-writing],html[data-panel]{overflow-anchor:none}.result .marks{position:absolute;inset:0;pointer-events:none;opacity:.45;transition:opacity .12s ease}.result .lines li:hover .marks,.result .lines li:focus-within .marks{opacity:1}.result .mark{position:absolute;width:0;height:0;margin:-6px 0 0 -4px;border-top:5px solid var(--violet-text);border-right:4px solid transparent;border-left:4px solid transparent}.notice{margin:0 0 1.25rem;padding:.85rem 1rem;border:1px solid var(--warn-line);border-left:3px solid var(--warn);border-radius:10px;background:var(--warn-tint);font-size:.92rem;line-height:1.5}.result .lines{margin:0;padding:0;list-style:none}.result .lines li{display:grid;grid-template-columns:3.5rem 1fr 1rem;align-items:baseline;position:relative;gap:0 1rem;margin:0 -.75rem;padding:.5rem .75rem;border-top:1px solid var(--line);border-radius:8px;cursor:text;transition:background-color .12s ease}.result .lines li:first-child{border-top:0}.result .ts{padding:0;border:0;background:none;touch-action:manipulation;font:inherit;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;color:var(--slate);cursor:pointer;white-space:nowrap}.result .ts:before{content:"";display:inline-block;margin-right:.35rem;vertical-align:.05em;border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.45em solid currentColor;opacity:.6}.result .ts:hover,.result .ts:focus-visible,.result .ts.pressed{color:var(--violet-text)}.result .ts:hover:before,.result .ts:focus-visible:before,.result .ts.pressed:before{opacity:1}.result .lines li.current .ts{--toggle-size: 2.4375rem;display:grid;place-items:center;align-self:start;width:var(--toggle-size);height:var(--toggle-size);margin:calc((1.9rem - var(--toggle-size)) / 2) 0;border-radius:50%;background:var(--violet);color:var(--on-violet);-webkit-tap-highlight-color:transparent;transition:background-color .12s ease}.result .lines li.current .ts-time{display:none}.result .lines li.current .ts:before{width:12px;height:14px;margin:0;border:0;background:currentColor;clip-path:path("M.5 1.5A1 1 0 0 1 2.001 .635L11.501 6.135A1 1 0 0 1 11.501 7.865L2.001 13.365A1 1 0 0 1 .5 12.5Z");transform:translate(2px);opacity:1}.result[data-playback=playing] .lines li.current .ts:before{clip-path:path("M2 .5H3A1.5 1.5 0 0 1 4.5 2V12A1.5 1.5 0 0 1 3 13.5H2A1.5 1.5 0 0 1 .5 12V2A1.5 1.5 0 0 1 2 .5ZM9 .5H10A1.5 1.5 0 0 1 11.5 2V12A1.5 1.5 0 0 1 10 13.5H9A1.5 1.5 0 0 1 7.5 12V2A1.5 1.5 0 0 1 9 .5Z");transform:none}.result .lines li.current .ts:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}@media(hover:hover){.result .lines li.current .ts:hover{background:var(--violet-hover)}}.result .lines li.current .ts:active,.result .lines li.current .ts.pressed{background:var(--violet-press);transition:none}@media(pointer:coarse){.result .ts{-webkit-tap-highlight-color:transparent}.result .ts:after{content:"";position:absolute;top:0;bottom:0;left:0;width:4.75rem}}.result .line{line-height:1.9;border-radius:4px;outline-offset:2px}.result .line:focus-visible{outline:2px solid var(--violet-text)}.result .edit{display:flex;align-self:start;padding-top:.45rem;color:var(--slate);opacity:0;cursor:pointer}@media(hover:hover){.result .lines li:hover{background:var(--row-hover)}.result .lines li:hover,.result .lines li:hover+li{border-top-color:transparent}.result .lines li:hover .edit{opacity:1;transition:opacity .12s ease}.result .edit:hover{color:var(--violet-text)}}@media(hover:none){.result .lines li:focus-within .edit{opacity:1}}.result .lines li.flagged{box-shadow:inset 3px 0 0 var(--warn)}::highlight(playing){background:var(--playing)}.result[data-highlight=no] .lines li.playing{background:var(--playing-soft)}::highlight(flagged){background:var(--flag-tint);color:var(--flag-ink)}.result .toolbar .another{padding:.55rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:.95rem;font-weight:600;white-space:nowrap;cursor:pointer}.result .toolbar .another:hover{border-color:var(--violet-text);color:var(--violet-text)}.result .toolbar .another:focus-visible{outline:2px solid var(--violet-text);outline-offset:2px}.result .again{margin-top:1.25rem;padding:0;border:0;background:none;color:var(--violet-text);font:inherit;font-weight:600;cursor:pointer}.result .again:hover{text-decoration:underline}@media(min-width:900px){body[data-view=editor] main{max-width:68rem}.result[data-tone=transcript]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"video tools" "video notice" "video language" "video lines" "video drafts" "video status" "video again" "video .";column-gap:2.5rem;align-items:start;max-width:none}.result[data-tone=transcript] .panel{display:contents}.result[data-tone=transcript] .preview{grid-area:video;position:sticky;top:.75rem;margin-top:.75rem}.result[data-tone=transcript] .stage,.result[data-tone=transcript] .scrub{--stage-max-height: min(50vh, 28rem)}.result[data-tone=transcript] .toolbar{grid-area:tools;position:sticky;top:0;z-index:3;margin:0 -.75rem 1.5rem;padding:.75rem;background:var(--page);border-bottom:.5px solid var(--line-soft)}.result[data-tone=transcript] .panel:after{content:none}.result[data-tone=transcript] .toolbar:after{content:"";position:absolute;top:100%;right:0;left:0;height:14px;background:linear-gradient(var(--page),var(--page-clear));pointer-events:none}.result[data-tone=transcript] .notice{grid-area:notice}.result[data-tone=transcript] .lines{grid-area:lines}.result[data-tone=transcript] .language-line{grid-area:language}.result[data-tone=transcript] .drafts{grid-area:drafts}.result[data-tone=transcript] .writing-status{grid-area:status}.result[data-tone=transcript] .again{grid-area:again;justify-self:start}}.debug-log{position:fixed;right:0;bottom:0;left:0;z-index:50;max-height:22vh;margin:0;padding:.6rem .75rem;overflow:auto;background:var(--debug-bg);color:var(--debug-ink);font:11px/1.45 ui-monospace,SF Mono,Menlo,Consolas,monospace}.debug-log.folded{left:auto;padding:.4rem;overflow:hidden;border-top-left-radius:10px}.debug-log.folded pre{display:none}.debug-log.folded .debug-copy{margin:0 0 0 .4rem}.debug-log pre{margin:0;font:inherit;white-space:pre-wrap;word-break:break-word}.debug-copy{position:sticky;top:0;float:right;margin:0 0 .4rem .6rem;padding:.45rem .8rem;border:0;border-radius:8px;background:var(--debug-ink);color:var(--debug-dark);font:700 13px/1 Plus Jakarta Sans,Plus Jakarta Sans Fallback,system-ui,sans-serif}.frame-pixel{position:fixed;top:0;left:0;z-index:60;width:1px;height:1px;pointer-events:none}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.result .lines li.writing{cursor:default}.result .lines li.writing .line{color:var(--slate)}.result .lines li.writing .ts,.result .lines li.writing.current .ts,.result .lines li.writing.current .ts:hover,.result .lines li.writing.current .ts:active{display:inline-grid;place-items:center;align-self:baseline;width:auto;height:auto;margin:0;border-radius:0;background:none;color:var(--slate);cursor:default}.result .lines li.writing .ts-time{display:none}.result .lines li.writing .ts:before,.result[data-playback=playing] .lines li.writing .ts:before{width:14px;height:14px;margin:0;border:2px solid var(--line);border-top-color:var(--violet-text);border-radius:50%;background:none;clip-path:none;transform:none;opacity:1;vertical-align:-.1em;animation:spin .8s linear infinite}.result .drafts{margin:0;padding:0;list-style:none}.result .drafts li{display:grid;grid-template-columns:3.5rem 1fr 1rem;align-items:baseline;gap:0 1rem;margin:0 -.75rem;padding:.5rem .75rem;border-top:1px solid var(--line);border-radius:8px}.result .lines:empty+.drafts li:first-child{border-top:0}.result .draft-line{grid-column:2;line-height:1.9;color:var(--slate)}.result .drafts li:last-child .draft-spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--violet-text);border-radius:50%;vertical-align:-.1em;animation:spin .8s linear infinite}.result[data-drafting] .lines li.writing .ts:before{visibility:hidden}.result .writing-status{display:grid;grid-template-columns:3.5rem 1fr;align-items:center;gap:0 1rem;margin:0;padding:.5rem 0;font-size:.95rem;color:var(--slate)}.result .writing-status .spinner{width:16px;height:16px;border-width:2px}.result .writing-status.quiet{font-size:.85rem}.result .writing-status.quiet .spinner{visibility:hidden}