.timeline-transcript-lane{background:var(--muted);border-radius:6px;order:1;height:55px;position:relative}.timeline-transcript-label{color:var(--muted-foreground);padding-top:3px;font-size:10px;line-height:14px;display:inline-block;position:sticky;left:8px}.timeline-transcript-phrase{box-sizing:border-box;white-space:nowrap;border:1px solid var(--border);background:var(--seafoam-soft,var(--background));min-width:0;height:30px;color:var(--foreground);text-align:left;cursor:pointer;border-radius:7px;padding:5px 9px;font-family:inherit;font-size:12px;line-height:18px;position:absolute;top:21px;overflow:hidden}.timeline-transcript-phrase span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.timeline-transcript-phrase[data-active=true],.timeline-transcript-phrase:hover{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.timeline-transcript-phrase:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.timeline-transcript-status{width:fit-content;color:var(--muted-foreground);margin-top:6px;font-size:12px;display:block;position:sticky;left:8px}.timeline-transcript-phrase[data-active=true]{background:var(--primary);color:var(--primary-foreground)}.editor-stage>.recording-player{max-height:100%;width:min(100%, calc(100cqh * var(--player-aspect)))!important}.recording-player{border:1px solid var(--border);background:#14161b;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #30233f0c}.recording-player-picture{aspect-ratio:var(--player-aspect);background:#14161b;position:relative}.recording-player-picture>video,.recording-player-picture>div{border:0;border-radius:0;width:100%;height:100%}.recording-player-picture video{object-fit:contain}:root[data-palette] .recording-player-centre{z-index:2;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#341d2940;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:76px;height:76px;padding:0;transition:opacity .16s,background-color .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000030,inset 0 1px #ffffff26}:root[data-palette] .recording-player-centre:hover{background:#48263466}.recording-player-centre svg{stroke-width:1.5px;width:28px;height:28px}.recording-player-centre svg.lucide-play{margin-left:4px}.recording-player-centre:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (hover:hover){.recording-player[data-playing=true]:not(:hover):not(:has(:focus-visible)) .recording-player-centre{opacity:0;pointer-events:none}}@media (width<=760px){:root[data-palette] .recording-player-centre{width:58px;height:58px}}@media (prefers-reduced-motion:reduce){:root[data-palette] .recording-player-centre{transition:none}}.recording-player-picture[data-click-to-play=true]{cursor:pointer}@font-face{font-family:RS Caption Medium;src:url(/fonts/captions/Montserrat-Medium.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption ExtraBold;src:url(/fonts/captions/Montserrat-ExtraBold.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption Black;src:url(/fonts/captions/Montserrat-Black.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption Anton;src:url(/fonts/captions/Anton-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption Mono;src:url(/fonts/captions/RobotoMono-Bold.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption Serif;src:url(/fonts/captions/PlayfairDisplay%5Bwght%5D.ttf)format("truetype");font-display:swap}@font-face{font-family:RS Caption Round;src:url(/fonts/captions/Fredoka-Bold.ttf)format("truetype");font-display:swap}.captions-panel{flex-direction:column;gap:16px;min-width:0;display:flex}.captions-switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.captions-switch>span{flex-direction:column;min-width:0;display:flex}.captions-switch b{font-size:15px;font-weight:600}.captions-switch small{color:var(--muted-foreground);font-size:13px}.captions-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:3px;display:grid}.caption-card{text-align:left;border-radius:10px;flex-direction:column;gap:6px;min-width:0;transition:transform .12s;display:flex;position:relative}.caption-card:hover{transform:scale(1.03)}.caption-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.caption-card-checked .caption-sample{box-shadow:0 0 0 2px var(--primary)}.caption-card-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;overflow:hidden}.caption-swatches{flex-direction:column;gap:8px;display:flex}.caption-swatches-label{color:var(--muted-foreground);font-size:13px}.caption-swatches>div{flex-wrap:wrap;gap:8px;display:flex}.caption-swatch{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%}.caption-swatch-checked{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--primary)}.caption-swatch:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.caption-sample{aspect-ratio:16/9;background:linear-gradient(160deg,#3a4150,#161a22);border-radius:10px;place-items:center;font-size:15px;line-height:1.2;display:grid;overflow:hidden;container-type:inline-size}.caption-sample>span{color:var(--cap-text);white-space:nowrap;font-size:clamp(11px,13cqi,20px)}.caption-sample-classic>span{background:#0000009e;padding:2px 6px;font-family:RS Caption ExtraBold}.caption-sample-outline>span{-webkit-text-stroke:4px #000;paint-order:stroke fill;font-family:RS Caption ExtraBold}.caption-sample-bold-pop>span,.caption-sample-one-word>span{-webkit-text-stroke:4px #000;paint-order:stroke fill;font-family:RS Caption Black;animation:1.6s ease-out infinite cap-pop}.caption-sample-bold-pop>span{color:var(--cap-accent)}.caption-sample-loud>span{color:var(--cap-accent);-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:2px 3px #0008;font-family:RS Caption Black;animation:1.4s ease-out infinite cap-bounce}.caption-sample-karaoke>span{background:linear-gradient(90deg, var(--cap-accent) 50%, #ffffff8c 50%) 100% 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:RS Caption ExtraBold;animation:2s linear infinite cap-sweep}.caption-sample-highlight-box>span{background:var(--cap-accent);color:#000;padding:2px 6px;font-family:RS Caption ExtraBold}.caption-sample-word-pop>span{-webkit-text-stroke:3px #000;paint-order:stroke fill;font-family:RS Caption ExtraBold;animation:1.4s ease-out infinite cap-bounce}.caption-sample-neon>span{text-shadow:0 0 4px var(--cap-accent), 0 0 10px var(--cap-accent), 0 0 18px var(--cap-accent);font-family:RS Caption Medium;animation:2.4s linear infinite cap-flicker}.caption-sample-gamer>span{-webkit-text-stroke:4px #000;paint-order:stroke fill;font-family:RS Caption Anton;animation:1.2s ease-out infinite cap-pop}.caption-sample-typewriter>span{background:#000000d9;padding:2px 6px;font-family:RS Caption Mono;animation:2.4s steps(8,end) infinite cap-type;overflow:hidden}.caption-sample-minimal>span{text-shadow:0 2px 6px #000a;font-family:RS Caption Medium;animation:2.4s ease-in-out infinite cap-fade}.caption-sample-subtle>span{text-shadow:0 1px 3px #000a;font-family:RS Caption Medium;font-size:clamp(9px,9cqi,14px)}.caption-sample-gradient>span{background:linear-gradient(180deg, var(--cap-text), var(--cap-accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:RS Caption Black;animation:1.8s ease-out infinite cap-rise}.caption-sample-color-block>span{background:var(--cap-accent);padding:2px 6px;font-family:RS Caption ExtraBold;animation:1.8s ease-out infinite cap-grow}.caption-sample-podcast>span{background:linear-gradient(90deg, var(--cap-text) 50%, var(--cap-accent) 50%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:RS Caption ExtraBold}.caption-sample-news{align-items:end}.caption-sample-news>span{text-align:center;background:#141414e0;width:100%;margin-bottom:12%;padding:4px 0;font-family:RS Caption Black;font-size:clamp(9px,9cqi,14px)}.caption-sample-cinematic>span{letter-spacing:.12em;font-family:RS Caption Serif;animation:3s ease-in-out infinite cap-fade}.caption-sample-comic>span{-webkit-text-stroke:5px var(--cap-accent);paint-order:stroke fill;font-family:RS Caption Round;display:inline-block;transform:rotate(-4deg)}.caption-sample-emphasis>span{color:var(--cap-accent);text-shadow:0 2px 6px #000a;font-family:RS Caption ExtraBold;animation:1.8s ease-out infinite cap-pop}@keyframes cap-pop{0%{transform:scale(.7)}12%{transform:scale(1.06)}20%,to{transform:scale(1)}}@keyframes cap-bounce{0%{transform:translateY(0)scale(1)}10%{transform:translateY(-3px)scale(1.12)}22%,to{transform:translateY(0)scale(1)}}@keyframes cap-sweep{0%{background-position:100% 0}to{background-position:0 0}}@keyframes cap-flicker{0%,4%,8%{opacity:.2}2%,6%,10%,to{opacity:1}}@keyframes cap-type{0%{max-width:0}60%,to{max-width:12ch}}@keyframes cap-fade{0%,to{opacity:0}20%,80%{opacity:1}}@keyframes cap-rise{0%{opacity:0;transform:translateY(6px)}15%,to{opacity:1;transform:translateY(0)}}@keyframes cap-grow{0%{clip-path:inset(0 50%)}15%,to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.caption-sample>span{animation:none!important}}.caption-box{touch-action:none;cursor:move;opacity:0;border:1.5px dashed #ffffffe6;border-radius:4px;outline:1px solid #00000073;transition:opacity .15s;position:absolute}.recording-player-picture:hover .caption-box,.caption-stage[data-paused=true] .caption-box,.caption-box:focus-visible,.caption-box[data-dragging=true]{opacity:1}.caption-box:focus-visible{outline:2px solid var(--ring)}.caption-handle{touch-action:none;background:#fff;border:1.5px solid #222;border-radius:3px;width:14px;height:14px;position:absolute}.caption-handle:after{content:"";position:absolute;inset:-10px}.caption-guide{pointer-events:none;background:var(--primary);position:absolute}
