https://www.subtitle.ai/_next/static/immutable/chunks/09szqqy-0qw0i.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,170202,e=>{"use strict";var t=e.i(271645);let s=t.forwardRef(function({title:e,titleId:s,...a},l){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":s},a),e?t.createElement("title",{id:s},e):null,t.createElement("path",{fillRule:"evenodd",d:"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z",clipRule:"evenodd"}))});e.s(["CheckIcon",0,s],170202)},625632,e=>{"use strict";var t=e.i(271645);let s=t.forwardRef(function({title:e,titleId:s,...a},l){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":s},a),e?t.createElement("title",{id:s},e):null,t.createElement("path",{d:"M3 3.732a1.5 1.5 0 0 1 2.305-1.265l6.706 4.267a1.5 1.5 0 0 1 0 2.531l-6.706 4.268A1.5 1.5 0 0 1 3 12.267V3.732Z"}))});e.s(["PlayIcon",0,s],625632)},545881,e=>{"use strict";var t=e.i(843476),s=e.i(312637),a=e.i(625632),l=e.i(271645),r=e.i(368356),i=e.i(389510);let n=[{keys:["Esc"],action:"Play or pause"},{keys:["⌘","← →"],action:"Jump 5 seconds"},{keys:["Shift","← →"],action:"Seek precisely"},{keys:["⌘","↑ ↓"],action:"Previous or next cue"},{keys:["Shift","↑ ↓"],action:"Previous or next word"},{keys:["⌘","Shift","I"],action:"Set in point"},{keys:["⌘","Shift","O"],action:"Set out point"},{keys:["⌘","Enter"],action:"New cue at the playhead"}];function c(){let[e,s]=(0,l.useState)(!1);return(0,t.jsx)("div",{className:"relative aspect-[2898/1529] overflow-hidden bg-picture",children:e?(0,t.jsx)("iframe",{src:"https://www.youtube.com/embed/eX1iRnd7m94?autoplay=1",title:"Subtitle AI editor tour",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,className:"absolute inset-0 size-full"}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("img",{src:"/screenshots/editor-demo.webp",alt:"The Subtitle AI editor: a cue list showing reading speed and line lengths per cue, the video player, and a waveform timeline with cue blocks.",width:2898,height:1529,loading:"lazy",decoding:"async",className:"absolute inset-0 size-full object-cover object-top"}),(0,t.jsx)("button",{type:"button",onClick:()=>s(!0),"aria-label":"Watch the editor tour, 2 minutes 51",className:"group absolute top-[23.5%] left-[59.65%] flex h-[41.9%] w-[39.25%] items-center justify-center bg-picture transition-colors hover:bg-panel",children:(0,t.jsxs)("span",{className:"inline-flex h-11 items-center gap-2.5 rounded-[2px] bg-signal px-4 text-sm font-semibold text-picture transition-colors group-hover:bg-signal-hot max-sm:h-8 max-sm:px-2.5 max-sm:text-xs",children:[(0,t.jsx)(a.PlayIcon,{"aria-hidden":!0,className:"size-4"}),"Watch the tour",(0,t.jsx)("span",{className:"osd text-xs font-normal text-signal-ink max-sm:hidden",children:"2:51"})]})})]})})}e.s(["EditorSection",0,function(){return(0,t.jsx)("section",{"data-ground":"paper","aria-labelledby":"editor-title",className:"bg-paper px-4 py-20 text-picture sm:px-6 sm:py-28",children:(0,t.jsxs)("div",{className:"mx-auto max-w-[1440px]",children:[(0,t.jsxs)("div",{className:"grid gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,26rem)] lg:items-end lg:gap-16",children:[(0,t.jsx)(i.CueHeading,{id:"editor-title",ground:"paper",tcIn:"10:00:11:18",lines:["The AI drafts. You sign off,","at the speed of your keyboard."]}),(0,t.jsx)("p",{className:"max-w-[46ch] text-lg/7 text-picture/75",children:"Every cue shows its reading speed and line lengths while you edit. Move cue to cue or word to word, set in and out points and add cues at the playhead without reaching for the mouse. It's 4× faster than typing subtitles by hand."})]}),(0,t.jsxs)("div",{className:"mt-12 grid gap-10 sm:mt-16 lg:grid-cols-[minmax(0,1fr)_minmax(0,22rem)] lg:gap-12",children:[(0,t.jsxs)("figure",{className:"min-w-0",children:[(0,t.jsxs)("div",{className:"bg-picture p-1.5 

1sm:p-2",children:[(0,t.jsxs)("div",{className:"osd flex items-center justify-between px-2 pt-1 pb-2.5 text-[10px] text-guide uppercase",children:[(0,t.jsx)("span",{children:"app.subtitle.ai/demo"}),(0,t.jsxs)("span",{className:"flex items-center gap-1.5 text-overlay/80",children:[(0,t.jsx)("span",{className:"size-1.5 bg-ok"}),"Saved"]})]}),(0,t.jsx)(c,{})]}),(0,t.jsx)("figcaption",{className:"mt-3 text-sm text-picture/65",children:"The editor in the public demo project. Style, highlights and chapters sit in the tabs beside the player."})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"osd text-xs uppercase",children:"Hotkeys"}),(0,t.jsx)("dl",{className:"mt-4 border-t border-picture",children:n.map(({keys:e,action:s})=>(0,t.jsxs)("div",{className:"flex items-center justify-between gap-4 border-b border-picture/15 py-2.5",children:[(0,t.jsx)("dt",{className:"text-[15px]",children:s}),(0,t.jsx)("dd",{className:"flex shrink-0 gap-1",children:e.map(e=>(0,t.jsx)("kbd",{className:"osd inline-flex h-7 min-w-7 items-center justify-center rounded-[2px] bg-overlay px-1.5 text-[11px] text-picture shadow-[0_1px_0_rgb(11_11_12/0.25)] ring-1 ring-picture/25 ring-inset",children:e},e))})]},s))}),(0,t.jsx)("p",{className:"mt-3 text-sm text-picture/60",children:"⌘ is Ctrl on Windows and Linux."}),(0,t.jsx)(r.Link,{href:s.links.demo,className:"mt-8 inline-flex items-center gap-2 text-base font-semibold underline decoration-picture/30 underline-offset-[6px] transition-colors data-hover:decoration-picture",children:"Open the demo project, no account needed"})]})]})]})})}])},115669,e=>{"use strict";var t=e.i(843476),s=e.i(702820),a=e.i(271645);let l=a.forwardRef(function({title:e,titleId:t,...s},l){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"}))}),r=a.forwardRef(function({title:e,titleId:t,...s},l){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M4.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-1ZM10.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-1Z"}))});var i=e.i(625632);let n=a.forwardRef(function({title:e,titleId:t,...s},l){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"}))});var c=e.i(207670),o=e.i(389510);let d=(0,s.scriptToWords)([{speaker:0,text:"Welcome back. Everyone has an opinion on the four-day work week, so let's start there.",rate:1.3},{speaker:1,text:"Right. People assume it means doing less."},{speaker:1,text:"It doesn't. It means you plan your week better, and your Fridays are yours.",continues:!0},{speaker:0,text:"Would your boss agree with that?"},{speaker:1,text:"Ask me again in a year."},{speaker:1,text:"But so far nobody in the team has asked to go back to five days, and that says a lot.",rate:1.9,continues:!0}]),x=d[d.length-1].end+1.4,p=d[0].start+.05,m=(0,s.timecode)(p),u=Array.from({length:140},(e,t)=>{let s=(t+.5)/140*x,a=d.some(e=>s>=e.start-.02&&s<=e.end+.02),l=(Math.imul(t+1,0x9e3779b1)>>>0)%1e3/1e3;return Math.round(1e3*(a?.3+.7*l:.05+.06*l))/1e3}),h={ok:"text-ok ring-ok/40",fast:"text-fast ring-fast/50",over:"text-over ring-over/50"},g={ok:"within reading speed",fast:"fast",over:"too fast to read"},b="custom";function f({lines:e}){return e.map((e,s)=>(0,t.jsxs)(a.Fragment,{children:[s>0&&(0,t.jsx)("br",{}),e]},s))}let j={default:{look:"plain"},professional:{look:"outline",label:"Outline"},social:{look:"social",label:"9:16 · word highlight"},podcast:{look:"audiogram",label:"Audiogram"},[b]:{look:"brand",label:"Yellow on black"}},v=u.filter((e,t)=>

1t%2==0),y="0 0 3px rgb(0 0 0 / 0.95), 0 1px 4px rgb(0 0 0 / 0.9), 0 0 9px rgb(0 0 0 / 0.55)";function w({cue:e,activeWord:s}){let l=-1;return e.lines.map((e,r)=>(0,t.jsx)("span",{className:"block",children:e.split(" ").map((e,r)=>{let i="—"===e;!i&&l++;let n=!i&&l===s;return(0,t.jsxs)(a.Fragment,{children:[r>0&&" ",(0,t.jsx)("span",{className:(0,c.clsx)(n&&"bg-signal px-[0.14em] text-picture [box-decoration-break:clone] [text-shadow:none]"),children:e})]},r)})},r))}function N({className:e}){return(0,t.jsx)("div",{className:"absolute inset-0 flex items-center gap-[2px]",children:v.map((s,a)=>(0,t.jsx)("span",{className:(0,c.clsx)("flex-1 rounded-[1px]",e),style:{height:`${(100*s).toFixed(1)}%`}},a))})}e.s(["FormatEngine",0,function(){let[e,v]=(0,a.useState)("default"),[k,S]=(0,a.useState)({cpl:30,lines:1}),C=(0,a.useMemo)(()=>e===b?{id:b,label:"House rules",cpl:k.cpl,lines:k.lines,minDur:1,maxDur:7}:s.PRESETS.find(t=>t.id===e),[e,k.cpl,k.lines]),E=(0,a.useMemo)(()=>(0,s.segment)(d,C),[C]),{look:R,label:_}=j[e]??j.default,T=(0,a.useRef)(R),[M,A]=(0,a.useState)(!1),[z,I]=(0,a.useState)(0),F=(0,a.useRef)(p),O=(0,a.useRef)(E),P=(0,a.useRef)(0),$=(0,a.useRef)(!1),[L,H]=(0,a.useState)(-1),B=(0,a.useRef)(-1),D=(0,a.useRef)(null),Z=(0,a.useRef)(null),V=(0,a.useRef)(null),W=(0,a.useRef)(null),q=(0,a.useRef)([]),U=(0,a.useCallback)(e=>{W.current&&(W.current.style.left=`${e/x*100}%`),D.current&&(D.current.style.clipPath=`inset(0 ${(100-e/x*100).toFixed(2)}% 0 0)`);let t=(0,s.timecode)(e);q.current.forEach(e=>e&&(e.textContent=t));let a=O.current.findIndex(t=>e>=t.start&&e<t.end);if(a!==P.current&&(P.current=a,I(a)),"social"===T.current){let t=-1;a>=0&&O.current[a].words.forEach((s,a)=>{s.start<=e&&(t=a)}),t!==B.current&&(B.current=t,H(t))}},[]);(0,a.useEffect)(()=>{O.current=E,T.current=R,P.current=-2,B.current=-2,U(F.current)},[E,R,U]),(0,a.useEffect)(()=>{if(!M)return;let e=0,t=0,s=a=>{if(t){let e=F.current+(a-t)/1e3;e>x&&(e=0),F.current=e,U(e)}t=a,e=requestAnimationFrame(s)};return e=requestAnimationFrame(s),()=>cancelAnimationFrame(e)},[M,U]),(0,a.useEffect)(()=>{let e=Z.current;if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let t=new IntersectionObserver(([e])=>{e.isIntersecting?$.current||A(!0):A(!1)},{threshold:.3});return t.observe(e),()=>t.disconnect()},[]),(0,a.useEffect)(()=>{let e=V.current;if(!e||z<0||e.scrollHeight<=e.clientHeight)return;let t=e.children[z];if(!t)return;let s=t.offsetTop;(s<e.scrollTop||s+t.offsetHeight>e.scrollTop+e.clientHeight)&&e.scrollTo({top:Math.max(0,s-8),behavior:"smooth"})},[z]);let J=e=>{F.current=Math.min(Math.max(0,e),x),U(F.current)},Y=z>=0?E[z]:void 0,X=Math.max(...E.flatMap(e=>e.lines.map(e=>e.length))),K=E.reduce((e,t)=>({...e,[t.state]:e[t.state]+1}),{ok:0,fast:0,over:0}),G=(s,a,l)=>(0,t.jsxs)("button",{type:"button",role:"radio","aria-checked":e===s,onClick:()=>v(s),className:(0,c.clsx)("osd inline-flex h-9 items-center gap-2 rounded-[2px] px-3 text-[11px] uppercase transition-colors",e===s?"bg-signal text-picture":"text-overlay/85 ring-1 ring-rule ring-inset hover:text-overlay hover:ring-overlay/40"),children:[a,(0,t.jsx)("span",{className:e===s?"text-signal-ink":"text-guide",children:l})]},s);return(0,t.jsxs)("div",{ref:Z,className:"bg-picture text-overlay",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-3 border-b border-rule p-3 sm:p-4 lg:flex-row lg:items-center lg:justify-between",children:[(0,t.jsxs)("div",{role:"radiogroup","aria-label":"Formatting preset",className:"flex flex-wrap gap-1.5",children:[s.PRESETS.map(e=>G(e.id,e.label,`${e.cpl}\xb7${e.lines}`)),G(b,"House rules",e===b?`${k.cpl}\xb7${k.lines}`:"Yours")]}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("button",{type:"button",onClick:()=>{$.current=M,A(!M)},"aria-label":M?"Pause sample":"Play sample",className:"flex size-9 items-center justify-center rounded-[2px] bg-overlay text-picture transition-colors hover:bg-white",children:M?(0,t.jsx)(r,{"aria-hidden":!0,className:"size-4"}):(0,t.jsx)(i.PlayIcon,{"aria-hidden":!0,className:"size-4"})}),(0,t.jsx)("span",{className:"osd text-sm text-tc",children:(0,t.jsx)("span",{ref:e=>{q.current[0]=e},children:m})})]})]}),e===b&&(0,t.jsxs)("div",{className:"osd flex flex-wrap items-center gap-x-6 gap-y-3 border-b border-rule px-3 py-3 text-[11px] uppercase sm:px-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"text-guide",children:"Characters per line"}),(0,t.jsx)("button",{type:"button","aria-label":"Fewer characters per line",disabled:k.cpl<=20,onClick:()=>S(e=>({...e,cpl:Math.max(20,e.cpl-2)})),className:"flex size-7 items-center justify-center ring-1 ring-rule ring-inset hover:ring-overlay/40 disabled:opacity-35",children:(0,t.jsx)(l,{"aria-hidden":!0,

1className:"size-3.5"})}),(0,t.jsx)("output",{"aria-live":"polite",className:"w-6 text-center text-sm text-overlay",children:k.cpl}),(0,t.jsx)("button",{type:"button","aria-label":"More characters per line",disabled:k.cpl>=60,onClick:()=>S(e=>({...e,cpl:Math.min(60,e.cpl+2)})),className:"flex size-7 items-center justify-center ring-1 ring-rule ring-inset hover:ring-overlay/40 disabled:opacity-35",children:(0,t.jsx)(n,{"aria-hidden":!0,className:"size-3.5"})})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",role:"radiogroup","aria-label":"Lines per cue",children:[(0,t.jsx)("span",{className:"text-guide",children:"Lines per cue"}),[1,2,3].map(e=>(0,t.jsx)("button",{type:"button",role:"radio","aria-checked":k.lines===e,onClick:()=>S(t=>({...t,lines:e})),className:(0,c.clsx)("flex size-7 items-center justify-center text-sm",k.lines===e?"bg-signal text-picture":"ring-1 ring-rule ring-inset hover:ring-overlay/40"),children:e},e))]})]}),(0,t.jsxs)("div",{className:"grid lg:grid-cols-[minmax(0,1.3fr)_minmax(0,1fr)]",children:[(0,t.jsxs)("div",{className:"border-rule p-3 sm:p-4 lg:border-r",children:[(0,t.jsxs)("div",{className:"relative aspect-video overflow-hidden bg-black",children:["audiogram"===R?(0,t.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-[6%] bg-picture px-[9%]",children:[(0,t.jsxs)("div",{className:"relative h-[34%] w-full",children:[(0,t.jsx)(N,{className:"bg-overlay/30"}),(0,t.jsx)("div",{ref:D,className:"absolute inset-0",style:{clipPath:`inset(0 ${(100-p/x*100).toFixed(2)}% 0 0)`},children:(0,t.jsx)(N,{className:"bg-signal"})})]}),(0,t.jsx)("p",{"aria-live":"polite",className:"min-h-[3.2em] text-center text-[clamp(0.8rem,2.6vw,1.35rem)] leading-[1.32] font-medium text-overlay lg:text-[clamp(0.8rem,1.45vw,1.35rem)]",children:Y&&(0,t.jsx)(f,{lines:Y.lines})})]}):"social"===R?(0,t.jsxs)("div",{className:"absolute inset-y-0 left-1/2 aspect-[9/16] -translate-x-1/2 overflow-hidden bg-picture [container-type:inline-size]",children:[(0,t.jsx)("img",{src:"/stills/diw-ella.webp",alt:"",width:536,height:300,loading:"lazy",decoding:"async",className:"absolute inset-0 size-full scale-150 object-cover opacity-60 blur-xl"}),(0,t.jsx)("img",{src:"/stills/diw-ella.webp",alt:"",width:536,height:300,loading:"lazy",decoding:"async",className:"absolute inset-x-0 top-[22%] aspect-video w-full object-cover"}),Y&&(0,t.jsx)("div",{"aria-live":"polite",className:"absolute inset-x-[6%] top-[62%] text-center leading-[1.4] font-extrabold text-overlay",style:{fontSize:"7.6cqw",textShadow:y},children:(0,t.jsx)(w,{cue:Y,activeWord:L})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("img",{src:"/stills/diw-ella.webp",alt:"",width:536,height:300,loading:"lazy",decoding:"async",className:"absolute inset-0 size-full object-cover"}),(0,t.jsx)("div",{className:"absolute inset-0 bg-picture/25"}),Y&&(0,t.jsx)("div",{"aria-live":"polite",className:(0,c.clsx)("absolute inset-x-[5%] bottom-[8%] text-center text-[clamp(0.8rem,2.6vw,1.35rem)] leading-[1.32] lg:text-[clamp(0.8rem,1.45vw,1.35rem)]","outline"===R?"font-medium text-overlay":"font-semibold"),style:"outline"===R?{textShadow:y}:void 0,children:"outline"===R?(0,t.jsx)(f,{lines:Y.lines}):(0,t.jsx)("span",{className:(0,c.clsx)("cue-box","brand"===R?"bg-picture text-signal":"bg-picture text-overlay"),children:(0,t.jsx)(f,{lines:Y.lines})})})]}),(0,t.jsx)(o.SafeArea,{className:"opacity-70"}),(0,t.jsxs)("span",{className:"osd absolute top-[calc(5%_+_8px)] left-[calc(5%_+_8px)] bg-picture px-1.5 py-0.5 text-[10px] text-overlay sm:text-[11px]",children:["TC ",(0,t.jsx)("span",{ref:e=>{q.current[1]=e},className:"text-tc",children:m})]}),(0,t.jsxs)("span",{className:"osd absolute top-[calc(5%_+_8px)] right-[calc(5%_+_8px)] bg-picture px-1.5 py-0.5 text-right text-[10px] text-overlay/80 uppercase sm:text-[11px]",children:[C.cpl," CPL · ",C.lines," ",1===C.lines?"line":"lines",_&&(0,t.jsxs)("span",{className:"max-sm:hidden",children:[" · ",_]})]})]}),(0,t.jsxs)("div",{"aria-hidden":!0,className:"relative mt-3 h-20 cursor-pointer select-none",onPointerDown:e=>{let t=e.currentTarget.getBoundingClientRect();J((e.clientX-t.left)/t.width*x)},children:[(0,t.jsx)("div",{className:"absolute inset-x-0 top-0 h-5",children:E.map((e,s)=>

1(0,t.jsx)("div",{className:(0,c.clsx)("osd absolute top-0 flex h-full items-center overflow-hidden px-1 text-[9px] whitespace-nowrap",s===z?"bg-signal text-picture":"bg-overlay/12 text-overlay/70 ring-1 ring-overlay/25 ring-inset"),style:{left:`${e.start/x*100}%`,width:`${(e.end-e.start)/x*100}%`},children:e.index},`${C.cpl}-${C.lines}-${e.index}`))}),(0,t.jsx)("div",{className:"absolute inset-x-0 top-7 bottom-5 flex items-center gap-px",children:u.map((e,s)=>(0,t.jsx)("span",{className:"flex-1 bg-overlay/35",style:{height:`${(100*e).toFixed(1)}%`}},s))}),(0,t.jsx)("div",{className:"osd absolute inset-x-0 bottom-0 flex justify-between text-[9px] text-guide",children:[0,5,10,15,20,25].map(e=>(0,t.jsx)("span",{children:(0,s.timecode)(e).slice(3,8)},e))}),(0,t.jsx)("div",{ref:W,className:"absolute top-0 bottom-4 w-px bg-signal",style:{left:`${p/x*100}%`},children:(0,t.jsx)("span",{className:"absolute -top-1 -left-[3px] size-[7px] bg-signal"})})]})]}),(0,t.jsx)("div",{className:"relative border-t border-rule lg:border-t-0",children:(0,t.jsx)("ol",{ref:V,"aria-label":`${E.length} subtitle cues`,className:"osd-scroll relative lg:absolute lg:inset-0 lg:overflow-y-auto",children:E.map((e,a)=>(0,t.jsx)("li",{children:(0,t.jsxs)("button",{type:"button",onClick:()=>J(e.start+.02),"aria-current":a===z?"true":void 0,className:(0,c.clsx)("block w-full border-b border-rule px-3 py-3 text-left transition-colors sm:px-4",a===z?"bg-signal text-picture":"hover:bg-panel"),children:[(0,t.jsxs)("span",{className:"osd flex items-center gap-3 text-[10px]",children:[(0,t.jsxs)("span",{className:"text-xs",children:["#",String(e.index).padStart(2,"0")]}),(0,t.jsxs)("span",{className:a===z?"text-signal-ink":"text-tc",children:[(0,s.timecode)(e.start)," → ",(0,s.timecode)(e.end)]}),(0,t.jsxs)("span",{title:`${Math.round(e.cps)} characters per second, ${g[e.state]}`,className:(0,c.clsx)("ml-auto rounded-[2px] px-1.5 py-0.5 whitespace-nowrap ring-1 ring-inset",a===z?"bg-picture text-overlay ring-picture":h[e.state]),children:[Math.round(e.cps)," CPS"]})]}),e.lines.map((e,s)=>(0,t.jsxs)("span",{className:"mt-1.5 flex items-baseline justify-between gap-3 text-sm/6 sm:text-[15px]/6",children:[(0,t.jsx)("span",{className:"min-w-0",children:e}),(0,t.jsxs)("span",{className:(0,c.clsx)("osd shrink-0 text-[10px]",a===z?"text-signal-ink":"text-guide"),children:[e.length,"/",C.cpl]})]},s))]})},`${C.cpl}-${C.lines}-${e.index}`))})})]}),(0,t.jsxs)("div",{className:"osd flex flex-col gap-2 border-t border-rule px-3 py-3 text-[10px] uppercase sm:flex-row sm:justify-between sm:px-4 sm:text-[11px]",children:[(0,t.jsxs)("span",{children:[E.length," cues · longest line ",X,"/",C.cpl," ·"," ",(0,t.jsxs)("span",{className:"text-ok",children:[K.ok," ok"]}),K.fast>0&&(0,t.jsxs)("span",{className:"text-fast",children:[" · ",K.fast," fast"]}),K.over>0&&(0,t.jsxs)("span",{className:"text-over",children:[" · ",K.over," too fast"]})]}),(0,t.jsx)("span",{className:"text-guide",children:"Sample dialogue · generated timings"})]})]})}],115669)},814813,e=>{"use strict";var t=e.i(843476),s=e.i(702820),a=e.i(170202),l=e.i(271645);let r=l.forwardRef(function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{fillRule:"evenodd",d:"M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",clipRule:"evenodd"}))}),i=l.forwardRef(function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{d:"M13.488 2.513a1.75 1.75 0 0 0-2.475 0L6.75 6.774a2.75 2.75 0 0 0-.596.892l-.848 2.047a.75.75 0 0 0 .98.98l2.047-.848a2.75 2.75 0 0 0 .892-.596l4.261-4.262a1.75 1.75 0 0 0 0-2.474Z"}),l.createElement("path",{d:"M4.75 3.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h6.5c.69 0 1.25-.56 1.25-1.25V9A.75.75 0 0 1 14 9v2.25A2.75 2.75 0 0 1 11.25 14h-6.5A2.75 2.75 0 0 1 2 11.25v-6.5A2.75 2.75 0 0 1 4.75 2H7a.75.75 0 0 1 0 1.5H4.75Z"}))}),n=l.forwardRef(function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{d:"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"}))});var c=e.i(207670);let o="Turn any video into broadcast-ready subtitles.",d={ok:"text-ok",fast:"text-fast",over:"text-over"},x="font-semibold tracking-[-0.025em] leading-[1.26] text-[8.1vw] sm:text-[5.3vw] 2xl:text-[5.75rem]";function p({lines:e}){let l=(0,s.readingChars)(e.join(" ")),i=l/3.2,n=(0,s.cpsState)(i),o="ok"===n?a.CheckIcon:r;

1return(0,t.jsxs)("span",{className:(0,c.clsx)("inline-flex items-center gap-1",d[n]),children:[i.toFixed(1)," CPS",(0,t.jsx)(o,{"aria-hidden":!0,className:"size-3.5"}),"ok"!==n&&(0,t.jsxs)("span",{className:"text-overlay/80",children:["needs ",(l/s.CPS_TARGET).toFixed(1)," s"]})]})}e.s(["HeroCue",0,function(){let e,[a,r]=(0,l.useState)(!1),[d,m]=(0,l.useState)(o),[u,h]=(0,l.useState)({cpl:42,lines:2}),g=(0,l.useRef)(null);(0,l.useEffect)(()=>{a&&(g.current?.focus(),g.current?.select())},[a]);let b=(0,l.useMemo)(()=>(0,s.packText)(d,u.cpl,u.lines),[d,u.cpl,u.lines]),f=b[0]??[],j=()=>{r(!1),m(o)};return(0,t.jsxs)("div",{className:"flex w-full flex-col items-center text-center",children:[(0,t.jsx)("h1",{id:"hero-title",className:(0,c.clsx)(x,a&&"sr-only"),children:(0,t.jsxs)("span",{className:"cue-box bg-picture text-signal",children:["Turn any video ",(0,t.jsx)("br",{className:"sm:hidden"}),"into",(0,t.jsx)("br",{className:"max-sm:hidden"})," broadcast-ready"," ",(0,t.jsx)("br",{className:"sm:hidden"}),"subtitles."]})}),a&&(0,t.jsx)("div",{"aria-live":"polite",className:x,children:f.length>0&&f.join("").length>0?(0,t.jsx)("span",{className:"cue-box bg-picture text-signal",children:f.map((e,s)=>(0,t.jsxs)(l.Fragment,{children:[s>0&&(0,t.jsx)("br",{}),e]},s))}):(0,t.jsx)("span",{className:"osd text-sm text-guide uppercase",children:"Empty cue"})}),(0,t.jsxs)("div",{className:"osd animate-osd-in mt-4 flex flex-wrap items-center justify-center gap-x-4 gap-y-1.5 text-[11px] text-overlay/85 uppercase sm:mt-5 sm:text-xs",children:[(0,t.jsx)("span",{className:"text-guide",children:"#001"}),(0,t.jsx)("span",{className:"text-tc",children:"10:00:00:00 → 10:00:03:05"}),a?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{children:(e=u.cpl,f.map(t=>`${t.length}/${e}`).join("  "))}),(0,t.jsx)(p,{lines:f}),b.length>1&&(0,t.jsxs)("span",{className:"text-fast",children:["+ ",b.length-1," more ",2===b.length?"cue":"cues"]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"sm:hidden",children:"14/20 20/20 10/20"}),(0,t.jsx)("span",{"aria-hidden":!0,className:"max-sm:hidden",children:"19/42 26/42"}),(0,t.jsx)(p,{lines:[o]}),(0,t.jsxs)("button",{type:"button",onClick:()=>{h(window.matchMedia("(min-width: 640px)").matches?{cpl:42,lines:2}:{cpl:20,lines:3}),r(!0)},className:"inline-flex items-center gap-1.5 text-signal underline decoration-signal/50 underline-offset-4 transition-colors hover:decoration-signal",children:[(0,t.jsx)(i,{"aria-hidden":!0,className:"size-3.5"}),"Type your own line"]})]})]}),a&&(0,t.jsxs)("form",{onSubmit:e=>e.preventDefault(),className:"mt-4 flex w-full max-w-xl items-stretch gap-2",children:[(0,t.jsx)("label",{htmlFor:"hero-line",className:"sr-only",children:"Type a line of dialogue"}),(0,t.jsx)("input",{id:"hero-line",ref:g,value:d,maxLength:200,autoComplete:"off",spellCheck:!1,placeholder:"Type a line of dialogue…",onChange:e=>m(e.target.value),onKeyDown:e=>"Escape"===e.key&&j(),className:"osd h-11 min-w-0 flex-1 rounded-[2px] bg-picture/90 px-3 text-sm text-overlay ring-1 ring-overlay/35 ring-inset placeholder:text-guide focus:ring-signal focus:outline-none"}),(0,t.jsxs)("button",{type:"button",onClick:j,className:"osd inline-flex h-11 items-center gap-1.5 rounded-[2px] bg-picture/90 px-3 text-xs text-overlay uppercase ring-1 ring-overlay/35 ring-inset hover:ring-overlay",children:[(0,t.jsx)(n,{"aria-hidden":!0,className:"size-4"}),"Headline"]})]})]})}],814813)},798724,e=>{"use strict";var t=e.i(843476),s=e.i(271645);let a=s.forwardRef(function({title:e,titleId:t,...a},l){return s.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":t},a),e?s.createElement("title",{id:t},e):null,s.createElement("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))});var l=e.i(207670);e.s(["LanguageList",0,function({languages:e}

1){let[r,i]=(0,s.useState)(!1);return(0,t.jsxs)("div",{children:[(0,t.jsx)("ul",{id:"language-list",className:"columns-2 gap-x-6 text-sm text-overlay/85 sm:columns-3 lg:columns-4 xl:columns-5",children:e.map((e,s)=>(0,t.jsx)("li",{className:(0,l.clsx)("break-inside-avoid border-b border-rule/70 py-1.5",!r&&s>=12&&"max-sm:hidden"),children:e},e))}),(0,t.jsxs)("button",{type:"button","aria-expanded":r,"aria-controls":"language-list",onClick:()=>i(!r),className:"mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-signal sm:hidden",children:[r?"Show fewer":`Show all ${e.length} languages`,(0,t.jsx)(a,{"aria-hidden":!0,className:(0,l.clsx)("size-4 transition-transform",r&&"rotate-180")})]})]})}],798724)},173377,e=>{"use strict";var t=e.i(843476),s=e.i(702820),a=e.i(271645);e.s(["RunningTimecode",0,function({loopSeconds:e,className:l}){let r=(0,a.useRef)(null);return(0,a.useEffect)(()=>{let t=r.current;if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let a=0,l=0,i=0,n=-1,c=r=>{i&&(l+=(r-i)/1e3),i=r;let o=Math.floor(25*l);e&&(o%=Math.round(25*e)),o!==n&&(n=o,t.textContent=(0,s.timecode)(o/25)),a=requestAnimationFrame(c)},o=new IntersectionObserver(([e])=>{cancelAnimationFrame(a),i=0,e.isIntersecting&&(a=requestAnimationFrame(c))});return o.observe(t),()=>{o.disconnect(),cancelAnimationFrame(a)}},[e]),(0,t.jsx)("span",{ref:r,className:l,children:(0,s.timecode)(0)})}])},590258,e=>{"use strict";var t=e.i(843476),s=e.i(702820),a=e.i(271645);let l=a.forwardRef(function({title:e,titleId:t,...s},l){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:l,"aria-labelledby":t},s),e?a.createElement("title",{id:t},e):null,a.createElement("path",{d:"M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Z"}),a.createElement("path",{fillRule:"evenodd",d:"M13 6H3v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6ZM8.75 7.75a.75.75 0 0 0-1.5 0v2.69L6.03 9.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06l-1.22 1.22V7.75Z",clipRule:"evenodd"}))});var r=e.i(170202),i=e.i(207670),n=e.i(389510);function c({ratio:e,still:s,position:a="center",children:l,className:r}){return(0,t.jsxs)("div",{className:(0,i.clsx)("relative overflow-hidden bg-black",r),style:{aspectRatio:e},children:[(0,t.jsx)("img",{src:s,alt:"",loading:"lazy",decoding:"async",className:"absolute inset-0 size-full object-cover",style:{objectPosition:a}}),(0,t.jsx)("div",{className:"absolute inset-0 bg-picture/20"}),l]})}let o={NL:["Iedereen heeft een mening over de vierdaagse werkweek, laten we beginnen.","Juist. Mensen denken dat je dan minder werkt.","Nee. Je plant je week beter, en je vrijdagen zijn van jou.",["— Zou je baas het daarmee eens zijn?","— Vraag het me over een jaar nog eens."]],FR:["Tout le monde a un avis sur la semaine de quatre jours, alors commençons par là.","Exact. On croit que ça veut dire travailler moins.","Pas du tout. On organise mieux sa semaine, et ses vendredis sont à soi.",["— Votre patron serait-il d'accord ?","— Reposez-moi la question dans un an."]],DE:["Alle haben eine Meinung zur Vier-Tage-Woche, also fangen wir damit an.","Genau. Viele denken, das heißt weniger arbeiten.","Tut es nicht. Man plant die Woche besser, und der Freitag gehört einem.",["— Würde Ihr Chef das auch sagen?","— Fragen Sie mich in einem Jahr noch mal."]]},d=[{tc:"10:00:01:18",lines:["Everyone has an opinion on the four-day","work week, so let's start there."]},{tc:"10:00:07:03",lines:["Right. People assume it","means doing less. It doesn't."]},{tc:"10:00:12:12",lines:["It means you plan your week better,","and your Fridays are yours."]},{tc:"10:00:18:21",lines:["— Would your boss agree with that?","— Ask me again in a year."]}],x=["Bon,","première","chose,","une","petite","pochette."],p=[["00:00","Welcome back"],["03:40","What the four-day week means"],["11:05","Does it mean doing less?"],["18:30","What the boss thinks"],["26:12","A year from now"]],m=[["ARCH_1987_014.mp4","42:10"],["ARCH_1987_015.mp4","38:55"],["ARCH_1988_002.mp4","51:03"],["ARCH_1988_003.mp4","47:20"],["ARCH_1989_021.mp4","29:48"],["ARCH_1989_022.mp4","33:16"]],u=[{id:"longform",tag:"16:9",title:"Deliver a film or documentary to spec",route:"Master → EBU-STL + SRT",body:"Upload the master, set your house rules once (42 characters, two lines, three-frame gaps, or whatever your broadcaster asks for) and get a timed draft that already follows them. Your subtitler reviews it with hotkeys instead of typing from zero, then exports EBU-STL for playout and SRT for the web in one go.",sheet:[["In","Video or audio master"],["Rules","Your preset

1: CPL, lines, gaps"],["Out","EBU-STL · SRT · TTML"]],visual:(0,t.jsx)(function(){return(0,t.jsxs)(c,{ratio:"16 / 9",still:"/stills/whatsinthebox.webp",children:[(0,t.jsx)(n.SafeArea,{className:"opacity-70"}),(0,t.jsxs)("span",{className:"osd absolute top-[calc(5%_+_8px)] left-[calc(5%_+_8px)] bg-picture px-1.5 py-0.5 text-[10px] text-overlay sm:text-[11px]",children:["TC ",(0,t.jsx)("span",{className:"text-tc",children:"10:47:12:08"})]}),(0,t.jsx)("span",{className:"osd absolute top-[calc(5%_+_8px)] right-[calc(5%_+_8px)] bg-signal px-1.5 py-0.5 text-[10px] text-picture uppercase sm:text-[11px]",children:"EBU-STL · 25 fps"}),(0,t.jsx)("div",{className:"absolute inset-x-[5%] bottom-[8%] text-center text-[clamp(0.9rem,2.2vw,1.5rem)] leading-[1.3] font-semibold",children:(0,t.jsx)("span",{className:"cue-box bg-picture text-overlay",children:"What's in the box?"})})]})},{})},{id:"translate",tag:"EN → 60+",title:"Localise one master for every market",route:"One language → many",body:"Translate finished subtitles into any of 60+ languages. Timing carries over, lines are re-broken to the same rules, and every translation opens next to the original in a compare column, so reviewers check meaning, not timecodes. Export one file per language, or both languages in one.",sheet:[["In","Approved subtitles"],["Rules","Timing kept, lines re-broken"],["Out","A file per language · bilingual"]],visual:(0,t.jsx)(function(){let[e,l]=(0,a.useState)("NL");return(0,t.jsxs)("div",{className:"bg-overlay text-picture",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3 border-b border-picture/15 px-3 py-2.5",children:[(0,t.jsx)("span",{className:"osd text-[10px] text-[#5b5a55] uppercase",children:"Compare column"}),(0,t.jsx)("div",{role:"radiogroup","aria-label":"Translation language",className:"flex gap-1",children:Object.keys(o).map(s=>(0,t.jsx)("button",{type:"button",role:"radio","aria-checked":e===s,onClick:()=>l(s),className:(0,i.clsx)("osd h-7 rounded-[2px] px-2 text-[11px]",e===s?"bg-picture text-signal":"ring-1 ring-picture/20 ring-inset hover:ring-picture/50"),children:s},s))})]}),(0,t.jsxs)("div",{className:"osd grid grid-cols-[4.25rem_minmax(0,1fr)_minmax(0,1fr)] gap-x-3 border-b border-picture/15 px-3 py-2 text-[10px] text-[#5b5a55] uppercase",children:[(0,t.jsx)("span",{children:"In"}),(0,t.jsx)("span",{children:"EN · original"}),(0,t.jsxs)("span",{children:[e," · translation"]})]}),(0,t.jsx)("ol",{children:d.map((a,l)=>{let r=o[e][l],i="string"==typeof r?(0,s.breakLines)(r,42,2)??[r]:r;return(0,t.jsxs)("li",{className:"grid grid-cols-[4.25rem_minmax(0,1fr)_minmax(0,1fr)] gap-x-3 border-b border-picture/10 px-3 py-2.5 text-[13px]/5 last:border-b-0",children:[(0,t.jsx)("span",{className:"osd pt-px text-[10px] text-[#5b5a55]",children:a.tc.slice(3)}),(0,t.jsx)("span",{className:"text-picture/75",children:a.lines.map((e,s)=>(0,t.jsx)("span",{className:"block",children:e},s))}),(0,t.jsx)("span",{children:i.map((e,s)=>(0,t.jsx)("span",{className:"block",children:e},s))})]},a.tc)})})]})},{})},{id:"social",tag:"9:16",title:"Cut tonight's segment into a vertical clip",route:"Broadcast → social MP4",body:"AI suggests the highlights. Pick one, choose 9:16, 4:5 or 1:1 and a style (karaoke fill, one word at a time, a lower-third) and render an MP4 with the subtitles burned in, ready to post.",sheet:[["In","The full segment"],["Rules","Social media · 35 CPL"],["Out","MP4 · 9:16 · 4:5 · 1:1"]],visual:(0,t.jsx)(function(){return(0,t.jsxs)("div",{className:"flex items-end gap-3 sm:gap-4",children:[(0,t.jsxs)(c,{ratio:"9 / 16",still:"/stills/angele.webp",className:"w-[38%] max-w-[13.5rem] shrink-0",children:[(0,t.jsx)("div",{className:(0,i.clsx)("absolute inset-x-[7%] bottom-[16%] text-center leading-[1.2] font-extrabold","text-[clamp(0.85rem,2.4vw,1.15rem)]"),children:x.map((e,s)=>(0,t.jsxs)(a.Fragment,{children:[(0,t.jsx)("span",{className:"animate-karaoke text-overlay [text-shadow:0_2px_0_rgb(0_0_0/0.9),0_0_10px_rgb(0_0_0/0.6)]",style:{animationDelay:`${.5*s}s`},children:e})," "]},s))}),(0,t.jsx)("span",{className:"osd absolute top-2 left-2 bg-picture px-1.5 py-0.5 text-[10px] text-overlay",children:"9:16"})]}),(0,t.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col gap-3",children:[(0,t.jsxs)("div",{className:"flex items-end gap-3",children:[(0,t.jsx)(c,{ratio:"4 / 5",still:"/stills/angele.webp",position:"50% 30%",className:"w-1/2",children:(0,t.jsx)("span",{className:"osd absolute top-1.5 left-1.5 bg-picture px-1 py-0.5 text-[9px] text-overlay",children:"4:5"})}),(0,t.jsx)(c,{ratio:"1 / 1",still:"/stills/angele.webp",position:"50% 25%",className:"w-1/2",children:(0,t.jsx)("span",{className:"osd absolute top-1.5 left-1.5 bg-picture px-1 py-0.5 text-[9px] text-overlay",children:"1:1"})})]}),(0,t.jsx)("ul",{className:"osd grid gap-1.5 text-[11px] text-overlay/85 uppercase",children:["Karaoke fill","One word at a time","Lower-third","Yellow on black"].map((e,s)=>(0,t.jsx)("li",{className:(0,i.clsx)("flex items-center gap-2 px-2 py-1.5",0===s?"bg-signal text-picture":"ring-1 ring-rule ring-inset"),children:e},e))})]})]})},{})},{id:"audio",tag:"Audio",title:"Give a radio show chapters and an audiogram",route:"Audio â

1†’ chapters + audiogram",body:"Audio-only files work too. You get a transcript with speakers, AI chapters you can export as CSV or JSON, and audiogram templates that turn a quote into a subtitled video for social.",sheet:[["In","An audio file"],["Rules","Podcast · 60 CPL · 3 lines"],["Out","DOCX · PDF · CSV · MP4"]],visual:(0,t.jsx)(function(){let e=Array.from({length:36},(e,t)=>.25+Math.abs(Math.sin(1.7*t)*Math.cos(.6*t))%1*.75);return(0,t.jsxs)("div",{className:"grid gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]",children:[(0,t.jsxs)("div",{className:"relative flex aspect-square flex-col justify-between bg-panel p-4 ring-1 ring-rule sm:p-5",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{className:"size-10 shrink-0 bg-signal"}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-sm font-semibold",children:"The four-day week"}),(0,t.jsx)("p",{className:"osd text-[10px] text-guide uppercase",children:"Episode 12 · sample"})]})]}),(0,t.jsx)("p",{className:"text-[clamp(1rem,2.2vw,1.35rem)] leading-snug font-semibold",children:(0,t.jsxs)("span",{className:"cue-box bg-signal text-picture",children:["It means you plan your week better,",(0,t.jsx)("br",{}),"and your Fridays are yours."]})}),(0,t.jsx)("div",{"aria-hidden":!0,className:"flex h-12 items-center gap-[3px]",children:e.map((e,s)=>(0,t.jsx)("span",{className:(0,i.clsx)("flex-1",s<14?"bg-signal":"bg-overlay/30"),style:{height:`${(100*e).toFixed(1)}%`}},s))})]}),(0,t.jsxs)("div",{className:"flex flex-col bg-picture ring-1 ring-rule",children:[(0,t.jsx)("p",{className:"osd border-b border-rule px-3 py-2.5 text-[10px] text-guide uppercase",children:"Chapters · chapters.csv"}),(0,t.jsx)("ol",{className:"flex-1",children:p.map(([e,s])=>(0,t.jsxs)("li",{className:"flex gap-3 border-b border-rule/60 px-3 py-2.5 text-sm last:border-b-0",children:[(0,t.jsx)("span",{className:"osd pt-px text-[11px] text-tc",children:e}),s]},e))})]})]})},{})},{id:"archive",tag:"Bulk",title:"Subtitle an archive in bulk",route:"Many projects → one zip",body:"Start from the footage or import the SRT, VTT and ASS files you already have. Organise projects in folders, then export subtitles and transcripts for all of them at once as a single zip.",sheet:[["In","Footage · SRT · VTT · ASS"],["Rules","One preset for the lot"],["Out","A zip of SRT · DOCX · TXT · JSON"]],visual:(0,t.jsx)(function(){return(0,t.jsxs)("div",{className:"bg-picture ring-1 ring-rule",children:[(0,t.jsxs)("div",{className:"osd grid grid-cols-[minmax(0,1fr)_3.5rem_auto] gap-3 border-b border-rule px-3 py-2.5 text-[10px] text-guide uppercase",children:[(0,t.jsx)("span",{children:"Project"}),(0,t.jsx)("span",{children:"Length"}),(0,t.jsx)("span",{children:"Export"})]}),(0,t.jsx)("ul",{children:m.map(([e,s])=>(0,t.jsxs)("li",{className:"osd grid grid-cols-[minmax(0,1fr)_3.5rem_auto] items-center gap-3 border-b border-rule/60 px-3 py-2.5 text-[11px]",children:[(0,t.jsx)("span",{className:"truncate text-overlay",children:e}),(0,t.jsx)("span",{className:"text-guide",children:s}),(0,t.jsx)("span",{className:"flex gap-1.5",children:["SRT","DOCX","JSON"].map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-0.5 px-1 text-[10px] text-ok ring-1 ring-ok/35 ring-inset",children:[(0,t.jsx)(r.CheckIcon,{"aria-hidden":!0,className:"size-3"}),e]},e))})]},e))}),(0,t.jsxs)("div",{className:"flex items-center gap-2.5 bg-signal px-3 py-3 text-picture",children:[(0,t.jsx)(l,{"aria-hidden":!0,className:"size-4"}),(0,t.jsx)("span",{className:"osd text-[11px] uppercase",children:"archive-export.zip · 6 projects · 3 formats each"})]})]})},{})}];e.s(["UseCases",0,function(){let[e,s]=(0,a.useState)(0),l=(0,a.useRef)([]),r=(0,a.useRef)(null),c=(0,a.useId)(),o=u[e];return(0,t.jsx)("section",{"data-ground":"picture","aria-labelledby":"jobs-title",className:"bg-picture px-4 py-20 text-overlay sm:px-6 sm:py-28",children:(0,t.jsxs)("div",{className:"mx-auto max-w-[1440px]",children:[(0,t.jsx)(n.CueHeading,{id:"jobs-title",tcIn:"10:00:07:02",lines:["Documentaries, news clips,","radio shows and archives."]}),(0,t.jsxs)("div",{className:"mt-12 grid gap-8 sm:mt-16 lg:grid-cols-[minmax(0,26rem)_minmax(0,1fr)] lg:gap-12",children:[(0,t.jsx)("div",{role:"tablist","aria-orientation":"vertical","aria-label":"Use cases",className:"border-t border-rule",onKeyDown:t=>{let a="ArrowDown"===t.key||"ArrowRight"===t.key?1:"ArrowUp"===t.key||"ArrowLeft"===t.key?-1:0;if(!a)return;t.preventDefault();let r=(e+a+u.length)%u.length;s(r),l.current[r]?.focus()},children:u.map((a,n)=>(0,t.jsxs)("button",{ref:e=>{l.current[n]=e},type:"button",role:"tab",id:`${c}-tab-${a.id}`,"aria-selected":n===e,"aria-controls":`${c}-panel`,tabIndex:n===e?0:-1,onClick:()=>(e=>{if(s(e),window.matchMedia("(min-width: 1024px)").matches)return;let t=window.matchMedia("(prefers-reduced-motion: reduce)").matches;requestAnimationFrame(()=>r.current?.scrollIntoView({block:"start",behavior:t?"auto":"smooth"}))})(n),className:(0,i.clsx)("grid w-full grid-cols-[4.5rem_minmax(0,1fr)] items-baseline gap-3 border-b border-rule px-3 py-4 text-left transition-colors",n===e?"bg-signal text-picture":"hover:bg-panel"),children:[(0,t.jsx)("span",{className:(0,i.clsx)("osd text-[10px] uppercase",n===e?"text-signal-ink":"text-guide"),children:a.tag}),(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"block text-base/6 font-semibold",children:a.title}),(0,t.jsx)("span",{className:(0,i.clsx)("osd mt-1 block text-[11px] uppercase",n===e?"text-signal-ink":"text-tc"),children:a.route})]})]},a.id))}),(0,t.jsxs)("div",{ref:r,role:"tabpanel",id:`${c}-panel`,"aria-labelledby":`${c}-tab-${o.id}`,className:"min-w-0 scroll-mt-6",children:[(0,t.jsx)("div",{children:o.visual},o.id),(0,t.jsx)("h3",{className:"mt-8 text-2xl/8 font-semibold tracking-[-0.01em] sm:text-3xl/9",children:o.title}

1),(0,t.jsx)("p",{className:"mt-3 max-w-[62ch] text-base/7 text-overlay/75 sm:text-lg/8",children:o.body}),(0,t.jsx)("dl",{className:"mt-7 grid border-t border-rule sm:grid-cols-3",children:o.sheet.map(([e,s])=>(0,t.jsxs)("div",{className:"border-b border-rule py-3 sm:border-b-0 sm:py-4 sm:pr-4",children:[(0,t.jsx)("dt",{className:"osd text-[10px] text-guide uppercase",children:e}),(0,t.jsx)("dd",{className:"mt-1 text-sm",children:s})]},e))}),(0,t.jsx)("p",{className:"osd mt-4 text-[10px] text-guide uppercase",children:"Illustrative sample · stills and file names are examples"})]})]})]})})}],590258)}]);