https://www.noodletomato.com/_next/static/chunks/2958-747222c76762e5d8.js?dpl=dpl_FeV9U2KCEeyhD5mYDREJzu6u8VFy

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2958],{19516:(e,t,n)=>{n.d(t,{H:()=>x,SG:()=>d,us:()=>p});var a=n(95155),r=n(66766),s=n(12115),l=n(32892),i=n(54416),o=n(74783),c=n(59434);function x(e){let{links:t,brand:n="NoodleTomato",loginLabel:x="Log in",ctaLabel:d="Start free",activeId:p,onNavigate:u,onLogin:m,onCta:f,loginHref:h,cta:g,variant:b="solid",className:v}=e,[j,N]=(0,s.useState)(!1),w=(0,s.useRef)(null);return(0,s.useEffect)(()=>{if(j)return document.addEventListener("pointerdown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",t)};function e(e){var t;(null==(t=w.current)?void 0:t.contains(e.target))||N(!1)}function t(e){"Escape"===e.key&&N(!1)}},[j]),(0,a.jsxs)("nav",{ref:w,"aria-label":"Primary",className:(0,c.cn)("relative mx-auto flex h-[56px] w-full max-w-[1168px] items-center rounded-full border border-[var(--line)] pl-[14px] pr-[7px] sm:h-[68px] sm:pl-[25px] sm:pr-[11px]","glass"===b?"[background:color-mix(in_oklab,var(--surface)_62%,transparent)] backdrop-blur-[18px] shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_18px_40px_-18px_rgba(0,0,0,0.6)]":"bg-[linear-gradient(180deg,var(--surface-2)_0%,var(--surface)_58%,var(--surface)_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.7),0_18px_40px_-18px_rgba(0,0,0,0.45),0_2px_6px_-2px_rgba(0,0,0,0.12)]",v),children:[(0,a.jsxs)("button",{type:"button",onClick:()=>null==u?void 0:u("home"),className:"flex shrink-0 items-center gap-[10px] rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)]",children:[(0,a.jsx)(r.default,{src:"/logo-mark.png",alt:"",width:28,height:28,className:"h-7 w-7 rounded-[8px]"}),(0,a.jsx)("span",{className:"hidden font-geist text-[18px] font-semibold leading-none tracking-[-0.01em] text-[var(--fg)] sm:inline",children:n})]}),(0,a.jsx)("ul",{className:"hidden flex-1 items-center justify-center gap-[24px] xl:flex",children:t.map(e=>(0,a.jsxs)("li",{className:"relative",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>null==u?void 0:u(e.id),"aria-current":p===e.id?"page":void 0,className:(0,c.cn)("flex items-center gap-[8px] rounded-full font-geist text-[20px] leading-none text-[var(--fg)] transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)]",p&&p!==e.id&&"opacity-80"),children:[e.icon?(0,a.jsx)(l.A,{className:"h-[16px] w-[16px]",strokeWidth:2}):null,(0,a.jsx)("span",{className:"whitespace-nowrap",children:e.label}),e.pill?(0,a.jsx)("span",{className:"flex h-[23px] items-center rounded-[6px] bg-[var(--nt-accent-soft)] px-[9px] font-inter text-[12px] font-medium leading-none text-[var(--nt-accent)]",children:e.pill}):null]}),e.badge?(0,a.jsx)("span",{className:"pointer-events-none absolute left-1/2 top-full mt-[2px] flex h-[20px] -translate-x-1/2 items-center whitespace-nowrap rounded-full bg-[var(--nt-accent)] px-[9px] font-inter text-[11px] font-bold uppercase leading-none tracking-[0.04em] text-[var(--btn-fg)]",children:e.badge}):null]},e.id))}),(0,a.jsxs)("div",{className:"ml-auto flex shrink-0 items-center gap-[14px] sm:gap-[18px] xl:ml-0",children:[(0,a.jsx)("button",{type:"button","aria-label":j?"Close menu":"Menu","aria-expanded":j,onClick:()=>N(e=>!e),className:"flex h-[36px] w-[36px] items-center justify-center rounded-full text-[var(--fg)] transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)] xl:hidden",children:j?(0,a.jsx)(i.A,{className:"h-[20px] w-[20px]",strokeWidth:2}):(0,a.jsx)(o.A,{className:"h-[20px] w-[20px]",strokeWidth:2})}),h?(0,a.jsx)("a",{href:h,onClick:m,className:"rounded-full font-geist text-[15px] leading-none text-[var(--fg)] transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)] sm:text-[18px] xl:text-[20px]",children:x}):(0,a.jsx)("button",{type:"button",onClick:m,className:"rounded-full font-geist text-[20px] leading-none text-[var(--fg)] transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)]",children:x}),null!=g?g:(0,a.jsx)("button",{type:"button",onClick:f,className:"flex h-[48px] items-center rounded-full bg-[var(--btn-bg)] px-[20px] font-geist text-[20px] font-semibold leading-none text-[var(--btn-fg)] transition-transform hover:-translate-y-[1px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--nt-accent-ring)]",children:d})]}),j?(0,a.jsx)("div",{className:"absolute inset-x-0 top-[calc(100%+8px)] rounded-[22px] border border-[var(--line)] bg-[var(--surface)] p-[6px] shadow-[0_24px_48px_-20px_rgba(0,0,0,0.6)] xl:hidden",children:(0,a.jsx)("ul",{className:"flex flex-col",children:t.map(e=>(0,a.jsx)("li",{children:(0,a.jsxs)("button",{type:"button",onClick:()=>{N(!1),null==u||u(e.id)},className:"flex h-[48px] w-full items-center gap-[10px] rounded-[16px] px-[16px] text-left font-geist text-[17px] text-[var(--fg)] transition-colors hover:bg-[var(--chip)]",children:[e.icon?(0,a.jsx)(l.A,{className:"h-[16px] w-[16px]",strokeWidth:2}):null,(0,a.jsx)("span",{children:e.label}),e.pill?(0,a.jsx)("span",{className:"flex h-[22px] items-center rounded-[6px] bg-[var(--nt-accent-soft)] px-[8px] font-inter text-[12px] font-medium leading-none text-[var(--nt-accent)]",children:e.pill}):null,e.badge?(0,a.jsx)("span",{className:"ml-auto flex h-[20px] items-center rounded-full bg-[var(--nt-accent)] px-[9px] font-inter text-[11px] font-bold uppercase leading-none tracking-[0.04em] text-[var(--btn-fg)]",children:e.badge}):null]})},e.id))})}):null]})}let d=[{id:"examples",label:"Examples"},{id:"styles",label:"Styles",pill:"New"}

1,{id:"how-it-works",label:"How it works"},{id:"pricing",label:"Pricing"},{id:"faq",label:"FAQ"},{id:"mcp",label:"MCP",pill:"New",badge:"Soon",icon:!0}];function p(){return(0,a.jsx)("div",{className:"landing landing-paper px-4 py-10 sm:px-8",style:{background:"linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%)"},children:(0,a.jsx)(x,{links:d,activeId:"examples"})})}},48830:(e,t,n)=>{n.d(t,{F2:()=>N,KF:()=>w,xM:()=>g});var a=n(95155),r=n(66766),s=n(12115),l=n(9771),i=n(15273),o=n(70463),c=n(57434),x=n(23323),d=n(80987),p=n(30227),u=n(91788),m=n(4021),f=n(97151),h=n(85690);function g(e){let{tabs:t,activeTab:n,onTabChange:r,muted:s=!0,onMuteToggle:o,children:c,className:x}=e;return(0,a.jsxs)("div",{className:"relative w-full overflow-hidden rounded-[20px] pt-[35px] ".concat(null!=x?x:""),style:{background:"radial-gradient(140% 100% at 50% 100%, color-mix(in srgb, var(--nt-accent) 45%, var(--surface)) 0%, var(--nt-accent-soft) 48%, var(--bg-2) 100%)"},children:[(0,a.jsx)("div",{role:"tablist","aria-label":"Product views",className:"mx-auto grid h-[42px] w-[calc(100%-32px)] max-w-[755px] rounded-full p-[4px] md:w-[calc(100%-120px)]",style:{gridTemplateColumns:"repeat(".concat(t.length,", minmax(0, 1fr))"),background:"color-mix(in srgb, var(--surface) 45%, transparent)"},children:t.map(e=>{let t=e===n;return(0,a.jsx)("button",{type:"button",role:"tab","aria-selected":t,onClick:()=>null==r?void 0:r(e),className:"min-w-0 truncate rounded-full border font-geist text-[12.5px] font-semibold uppercase tracking-[0.08em] transition-colors ".concat(t?"bg-[var(--surface)] text-[var(--nt-accent)]":"border-transparent text-[var(--fg-2)] hover:text-[var(--fg)]"),style:t?{borderColor:"color-mix(in srgb, var(--nt-accent) 55%, transparent)"}:void 0,children:e},e)})}),(0,a.jsx)("button",{type:"button","aria-label":s?"Unmute":"Mute","aria-pressed":s,onClick:o,className:"absolute right-[27px] top-[27px] hidden h-[58px] w-[58px] items-center justify-center rounded-full transition-transform hover:scale-105 lg:flex",style:{background:"color-mix(in srgb, var(--surface) 40%, transparent)"},children:(0,a.jsx)("span",{className:"flex h-[43px] w-[43px] items-center justify-center rounded-full bg-[var(--nt-accent)] text-[var(--btn-fg)]",children:s?(0,a.jsx)(l.A,{size:18,strokeWidth:2}):(0,a.jsx)(i.A,{size:18,strokeWidth:2})})}),(0,a.jsx)("div",{className:"mx-4 mt-[26px] overflow-hidden rounded-t-[10px] bg-[var(--surface)] md:mx-[60px]",style:{boxShadow:"0 18px 50px -20px color-mix(in srgb, var(--fg) 30%, transparent)"},children:c})]})}let b=["Idea","Brief","Script","Shots","Export"],v=[1,2,3,4,5,6].map(e=>"/figma/run/unreal-planet-0".concat(e,".jpg")),j=[{label:"Idea",icon:o.A},{label:"Brief",icon:c.A},{label:"Script",icon:x.A},{label:"Shots",icon:d.A},{label:"Music",icon:p.A},{label:"Export",icon:u.A}];function N(e){let{title:t,activeTool:n,onToolClick:s,onGenerate:l,children:i}=e;return(0,a.jsxs)("div",{className:"font-geist text-[var(--fg)]",children:[(0,a.jsxs)("div",{className:"flex h-[60px] items-center gap-[14px] border-b border-[var(--line)] px-[18px]",children:[(0,a.jsx)(r.default,{src:"/logo-mark.png",alt:"",width:24,height:24,className:"h-6 w-6 rounded-[6px]"}),(0,a.jsx)("span",{className:"min-w-0 truncate text-[14px] font-semibold",children:t}),(0,a.jsx)("span",{"aria-hidden":!0,className:"hidden h-[22px] w-px bg-[var(--line)] sm:block"}),(0,a.jsxs)("span",{className:"hidden items-center gap-[10px] text-[var(--fg-3)] sm:flex",children:[(0,a.jsx)(m.A,{size:16,strokeWidth:1.75}),(0,a.jsx)(f.A,{size:16,strokeWidth:1.75})]}),(0,a.jsx)("div",{className:"mx-auto hidden items-start gap-[6px] md:flex",children:j.map(e=>{let{label:t,icon:r}=e,l=(null==n?void 0:n.toLowerCase())===t.toLowerCase(),i="flex w-[52px] flex-col items-center gap-[3px] text-[11px] ".concat(l?"text-[var(--nt-accent)]":"text-[var(--fg-2)]");return s?(0,a.jsxs)("button",{type:"button",onClick:()=>s(t),className:"".concat(i," rounded-[8px] transition-colors hover:text-[var(--fg)]"),children:[(0,a.jsx)(r,{size:18,strokeWidth:1.75}),t]},t):(0,a.jsxs)("span",{className:i,children:[(0,a.jsx)(r,{size:18,strokeWidth:1.75}),t]},t)}

1)}),(0,a.jsxs)("div",{className:"ml-auto flex items-center gap-[10px] md:ml-0",children:[(0,a.jsx)("span",{className:"hidden lg:flex",children:[1,2,3].map((e,t)=>(0,a.jsx)("span",{className:"relative h-[22px] w-[22px] overflow-hidden rounded-full ring-2 ring-[var(--surface)]",style:{marginLeft:t?-6:0,zIndex:3-t},children:(0,a.jsx)(r.default,{src:"/avatars/user-".concat(e,".jpg"),alt:"",fill:!0,sizes:"22px",className:"object-cover"})},e))}),(0,a.jsx)("span",{className:"hidden h-[26px] items-center rounded-[6px] border border-[var(--line-2)] px-[10px] text-[12px] font-medium lg:flex",children:"Invite"}),(0,a.jsx)(h.A,{size:16,strokeWidth:1.75,className:"hidden text-[var(--fg-2)] lg:block"}),l?(0,a.jsx)("button",{type:"button",onClick:l,className:"flex h-[26px] items-center rounded-[6px] bg-[var(--nt-accent)] px-[12px] text-[12.5px] font-semibold text-[var(--btn-fg)] transition-transform hover:-translate-y-px",children:"Generate"}):(0,a.jsx)("span",{className:"flex h-[26px] items-center rounded-[6px] bg-[var(--nt-accent)] px-[12px] text-[12.5px] font-semibold text-[var(--btn-fg)]",children:"Generate"})]})]}),null!=i?i:(0,a.jsx)("div",{className:"grid grid-cols-2 gap-[12px] p-[18px] md:grid-cols-3",children:v.map((e,t)=>(0,a.jsxs)("div",{className:"relative aspect-video overflow-hidden rounded-[8px] bg-[var(--surface-2)]",children:[(0,a.jsx)(r.default,{src:e,alt:"Shot ".concat(t+1),fill:!0,sizes:"(max-width: 1320px) 33vw, 400px",className:"object-cover"}),(0,a.jsx)("span",{className:"absolute left-[8px] top-[8px] rounded-full bg-[var(--btn-bg)] px-[7px] py-[2px] text-[10px] font-semibold tabular-nums text-[var(--btn-fg)]",children:String(t+1).padStart(2,"0")})]},e))})]})}function w(){let[e,t]=(0,s.useState)(b[3]),[n,r]=(0,s.useState)(!0);return(0,a.jsx)("section",{className:"w-full bg-[var(--bg)] px-6 py-12",children:(0,a.jsx)("div",{className:"mx-auto w-full max-w-[1320px]",children:(0,a.jsx)(g,{tabs:b,activeTab:e,onTabChange:t,muted:n,onMuteToggle:()=>r(e=>!e),children:(0,a.jsx)(N,{title:"Unreal planet \xb7 9:16",activeTool:e})})})})}},58786:(e,t,n)=>{n.d(t,{wt:()=>x,zB:()=>o});var a=n(95155),r=n(38564),s=n(81284),l=n(92138),i=n(12115);function o(e){let{rating:t,size:n=18,gap:s=9,className:l}=e;return(0,a.jsx)("span",{role:"img","aria-label":"".concat(t," out of 5"),className:"inline-flex items-center ".concat(null!=l?l:""),style:{gap:s},children:[0,1,2,3,4].map(e=>{let s=Math.max(0,Math.min(1,t-e));return(0,a.jsxs)("span",{className:"relative inline-block shrink-0",style:{width:n,height:n},children:[(0,a.jsx)(r.A,{size:n,strokeWidth:0,fill:"currentColor",className:"absolute inset-0 text-[var(--chip-2)]"}),(0,a.jsx)("span",{className:"absolute inset-y-0 left-0 overflow-hidden",style:{width:"".concat(100*s,"%")},children:(0,a.jsx)(r.A,{size:n,strokeWidth:0,fill:"currentColor",className:"text-[var(--nt-accent)]"})})]},e)})})}function c(e){let{badge:t,headline:n,accent:r,subtitle:c,cta:x,onCta:d,trustNote:p,rating:u=5,ratingLabel:m,className:f}=e,h=n.split("\n");return(0,a.jsxs)("div",{className:"flex w-full flex-col items-center text-center ".concat(null!=f?f:""),children:[(0,a.jsxs)("span",{className:"inline-flex h-[37px] items-center gap-[8px] rounded-full border px-[24px] font-geist text-[15px] font-semibold uppercase tracking-[0.06em] text-[var(--nt-accent)]",style:{borderColor:"color-mix(in srgb, var(--nt-accent) 30%, transparent)"},children:[t,(0,a.jsx)(s.A,{size:18,strokeWidth:1.75,"aria-hidden":!0})]}),(0,a.jsx)("h1",{className:"mt-[19px] max-w-[1100px] font-geist text-[44px] font-semibold leading-[1.02] tracking-[-0.03em] text-[var(--fg)] sm:text-[64px] lg:text-[93px]",children:h.map((e,t)=>(0,a.jsxs)(i.Fragment,{children:[t>0?(0,a.jsx)("br",{}):null,function(e,t){if(!t)return e;let n=e.indexOf(t);return n<0?e:(0,a.jsxs)(a.Fragment,{children:[e.slice(0,n),(0,a.jsx)("span",{className:"text-[var(--nt-accent)]",children:t}),e.slice(n+t.length)]})}(e,r)]},t))}),(0,a.jsx)("p",{className:"mt-[18px] max-w-[600px] font-inter text-[18px] leading-[28px] text-[var(--fg)]",children:c}),(0,a.jsxs)("button",{type:"button",onClick:d,className:"mt-[26px] inline-flex h-[65px] items-center gap-[8px] rounded-[8px] bg-[var(--nt-accent)] px-[26px] font-geist text-[19px] font-semibold text-[color:var(--nt-accent-contrast,#fff)] transition-transform hover:-translate-y-

1px",style:{boxShadow:"0 10px 30px -10px color-mix(in srgb, var(--nt-accent) 60%, transparent)"},children:[x,(0,a.jsx)(l.A,{size:18,strokeWidth:2.25,"aria-hidden":!0})]}),(0,a.jsxs)("div",{className:"mt-[20px] flex flex-wrap items-center justify-center gap-[15px] font-inter text-[14px] leading-[20px] text-[var(--fg-2)]",children:[(0,a.jsx)("span",{children:p}),(0,a.jsx)("span",{"aria-hidden":!0,className:"h-[16px] w-px bg-[var(--line-2)]"}),(0,a.jsx)(o,{rating:u,size:14,gap:3}),(0,a.jsx)("span",{children:m})]})]})}function x(){return(0,a.jsx)("section",{className:"w-full bg-[var(--bg)] px-6 pb-[58px] pt-[64px]",children:(0,a.jsx)("div",{className:"mx-auto w-full max-w-[1320px]",children:(0,a.jsx)(c,{badge:"The video agent \xb7 Beta",headline:"Describe a video.\nWe make the whole thing.",accent:"the whole thing",subtitle:"Research, script, narration, visuals, music and the edit, handled by one agent. Ten seconds to two hours, on any subject.",cta:"Start a video",trustNote:"No card to try",rating:4.9,ratingLabel:"4.9 from 2,500+ users"})})})}},59434:(e,t,n)=>{n.d(t,{cn:()=>s});var a=n(52596),r=n(39688);function s(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.QP)((0,a.$)(t))}},74599:(e,t,n)=>{n.d(t,{Q3:()=>A,ji:()=>z});var a=n(95155),r=n(55456),s=n(80987),l=n(48264),i=n(50492),o=n(57434),c=n(20144),x=n(70257),d=n(84616),p=n(97207),u=n(39881),m=n(13052),f=n(50825),h=n(12115),g=n(59434);let b={size:20,strokeWidth:1.75,"aria-hidden":!0},v={size:20,strokeWidth:1.75,"aria-hidden":!0},j=[{id:"youtube",label:"YouTube video",icon:(0,a.jsx)(r.A,{...b})},{id:"micro-drama",label:"Micro drama",icon:(0,a.jsx)(s.A,{...b})},{id:"explainer",label:"Explainer",icon:(0,a.jsx)(l.A,{...b})}],N=["A 20-minute documentary on the Antikythera mechanism","A micro drama about a rival bakery","Why the B-2 looks impossible","The life of a Roman soldier"],w=[{id:"upload",label:"Upload footage",icon:(0,a.jsx)(i.A,{...v})},{id:"script",label:"Import a script",icon:(0,a.jsx)(o.A,{...v})},{id:"voice",label:"Voice: Auto",icon:(0,a.jsx)(c.A,{...v,className:"text-[var(--nt-accent)]"}),submenu:!0},{id:"advanced",label:"Advanced controls",icon:(0,a.jsx)(x.A,{...v})}],k=(0,a.jsxs)(a.Fragment,{children:["Start with ",(0,a.jsx)("span",{className:"nt-serif-em",children:"one line"}),". You can change everything later."]}),y=["linear-gradient(135deg, var(--nt-accent) 0%, var(--accent-3) 100%)","linear-gradient(135deg, var(--accent-2) 0%, var(--nt-accent) 100%)","linear-gradient(135deg, var(--accent-3) 0%, var(--accent-2) 100%)","linear-gradient(135deg, var(--accent-2) 0%, var(--accent-3) 100%)"],_="[background:color-mix(in_oklab,var(--surface)_85%,transparent)]";function A(e){var t,n;let{onSend:r,tabs:s=j,chips:l=N,menuItems:i=w,headline:o=k,placeholder:c="Describe the video you want",defaultValue:x="",value:b,onChange:v,onEngage:A,activeTab:z,onTabChange:C,footerSlot:S,showMic:W=!0,selectAllOnFocus:E=!1,menuPlacement:L="down",frameClassName:T,className:F}=e,[M,I]=(0,h.useState)(x),R=null!=b?b:M,D=e=>{void 0===b&&I(e),null==v||v(e)},[B,P]=(0,h.useState)(null!=(n=null==(t=s[0])?void 0:t.id)?n:""),G=null!=z?z:B,[K,Q]=(0,h.useState)(!1),[U,V]=(0,h.useState)(0),q=(0,h.useRef)(null),H=(0,h.useRef)(null),Y=(0,h.useRef)(null),O=(0,h.useId)(),$=(0,h.useId)();(0,h.useEffect)(()=>{if(!K)return;let e=e=>{var t,n;let a=e.target;(null==(t=Y.current)?void 0:t.contains(a))||(null==(n=H.current)?void 0:n.contains(a))||Q(!1)},t=e=>{"Escape"===e.key&&Q(!1)};return document.addEventListener("pointerdown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",e),document.removeEventListener("keydown",t)}},[K]);let J=()=>{let e=R.trim();e&&r(e)},X=l.length?l.map((e,t)=>l[(t+U)%l.length]):l,Z=R.trim().length>0;return(0,a.jsxs)("div",{className:(0,g.cn)("w-full",F),children:[o?(0,a.jsx)("h2",{className:"font-geist text-center text-[28px] font-medium leading-[1.2] tracking-[-0.02em] text-[var(--fg)] sm:text-[40px]",children:o}):null,(0,a.jsxs)("div",{className:(0,g.cn)("mx-auto w-full max-w-[950px]",o&&"mt-[40px] sm:mt-[55px]"),children:[(0,a.jsx)("div",{role:"tablist","aria-label":"Video format",className:"nt-mask-x relative z-0 flex items-end gap-[7px] overflow-x-auto px-[6px] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:s.map(e=>{let t=e.id===G;return(0,a.jsxs)("button",{type:"button",role:"tab","aria-selected":t,onClick:()=>{var t;return t=e.id,void(void 0===z&&P(t),null==C||C(t))},className:(0,g.cn)("font-geist -mb-[6px] flex h-[51px] flex-none shrink-0 items-center justify-center gap-[8px] rounded-t-[12px] px-[13px] text-[14px] font-semibold leading-none backdrop-blur-[12px] transition-colors sm:gap-[10px] sm:px-[15px] sm:text-[15px]",t?"".concat(_," text-[var(--fg)]"):"[background:color-mix(in_oklab,var(--fg)_9%,transparent)] text-[var(--fg-2)] hover:text-[var(--fg)]"),children:[e.icon,(0,a.jsx)("span",{className:"whitespace-nowrap",children:e.label})]},e.id)})}),(0,a.jsxs)("div",{className:(0,g.cn)("relative z-10 rounded-[17px] p-[5px] backdrop-blur-[12px]",_,T),children:[(0,a.jsxs)("div",{className:"flex min-h-[200px] flex-col rounded-[12px] border border-[var(--line-2)] bg-[var(--surface)] shadow-[0_10px_30px_rgba(0,0,0,0.06)] sm:h-[200px]",children:[(0,a.jsx)("label",{htmlFor:$,className:"sr-only",children:"Describe your video"}),(0,a.jsx)("textarea",{ref:q,id:$,value:R,onChange:e=>{null==A||A(),D(e.target.value)},onFocus:e=>{E&&e.currentTarget.select(),null==A||A()},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.nativeEvent.isComposing||(e.preventDefault(),J())},placeholder:c,rows:3,spellCheck:!1,className:"font-inter min-h-[96px] flex-1 resize-none bg-transparent px-[16px] pt-[16px] text-[16px] leading-[23px] text-[var(--fg)] outline-none [field-sizing:content] placeholder:text-[var(--fg-4)] sm:min-h-0 sm:px-[21px] sm:pt-[21px] sm:text-[20px] sm:leading-[28px] sm:[field-sizing:fixed]"}),(0,a.jsxs)("div",{className:"flex h-[70px] shrink-0 items-center justify-between px-[15px] py-[15px]",children:[(0,a.jsx)("button",{ref:H,type:"button","aria-label":"More options","aria-haspopup":"menu","aria-expanded":K,"aria-controls":O,onClick:()=>Q(e=>!e),className:"flex size-[40px] items-center justify-center rounded-full border border-[var(--line)] bg-[var(--surface)] text-[var(--fg-2)] transition-colors hover:bg-[var(--chip)] hover:text-[var(--fg)]",children:(0,a.jsx)(d.A,{size:24,strokeWidth:1.5,"aria-hidden":!0})}),S?(0,a.jsx)("div",{className:"mx-[10px] flex min-w-0 flex-1 items-center gap-[8px] overflow-x-auto [scrollbar-width:none]",children:S}):null,(0,a.jsxs)("div",{className:"flex items-center gap-[10px]",children:[W?(0,a.jsx)("button",{type:"button","aria-label":"Dictate",className:"flex size-[40px] items-center justify-center rounded-full border border-[var(--line)] bg-[var(--surface)] text-[var(--fg-2)] transition-colors hover:bg-[var(--chip)] hover:text-[var(--fg)]",children:(0,a.jsx)(p.A,{size:20,strokeWidth:1.75,"aria-hidden":!0})}):null,(0,a.jsx)("button",{type:"button","aria-label":"Send",onClick:J,disabled:!Z,className:"flex h-[40px] w-[60px] items-center justify-center rounded-full bg-[var(--btn-bg)] text-[var(--btn-fg)] transition-opacity disabled:opacity-40",children:(0,a.jsx)(u.A,{size:16,strokeWidth:2.5,"aria-hidden":!0})})]})]})]}),K?(0,a.jsx)("div",{ref:Y,id:O,role:"menu",className:(0,g.cn)("absolute left-[5px] z-20 w-[303px] max-w-[calc(100%-10px)] rounded-[14px] border border-[var(--line)] bg-[var(--surface-2)] p-1 shadow-[0_1px_2px_rgba(0,0,0,0.08),0_8px_24px_rgba(0,0,0,0.12)]","up"===L?"bottom-[calc(100%+10px)]":"top-[calc(100%+10px)]"),children:i.map(e=>(0,a.jsxs)("button",{type:"button",role:"menuitem",onClick:()=>Q(!1),className:"font-geist flex h-[54px] w-full items-center gap-[14px] rounded-[10px] px-[13px] text-left text-[18px] leading-none text-[var(--fg)] transition-colors hover:bg-[var(--chip)]",children:[(0,a.jsx)("span",{className:"flex size-[20px] shrink-0 items-center justify-center",children:e.icon}),(0,a.jsx)("span",{className:"flex-1 truncate",children:e.label}),e.submenu?(0,a.jsx)(m.A,{size:16,strokeWidth:2,"aria-hidden":!0,

1className:"shrink-0 text-[var(--fg-3)]"}):null]},e.id))}):null]})]}),l.length?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("button",{type:"button",onClick:()=>V(e=>(e+1)%l.length),className:"font-geist mx-auto mt-[40px] flex items-center gap-[10px] text-[14px] leading-[20px] tracking-[0.01em] text-[var(--fg-3)] transition-colors hover:text-[var(--fg-2)] sm:mt-[55px]",children:[(0,a.jsx)("span",{children:"Not sure where to start? Try these"}),(0,a.jsx)(f.A,{size:16,strokeWidth:1.75,"aria-hidden":!0})]}),(0,a.jsx)("div",{className:"mx-auto mt-4 flex max-w-[1000px] flex-wrap justify-center gap-[16px]",children:X.map((e,t)=>(0,a.jsxs)("button",{type:"button",onClick:()=>(e=>{null==A||A(),D(e);let t=q.current;t&&(t.focus(),requestAnimationFrame(()=>t.setSelectionRange(e.length,e.length)))})(e),className:"font-inter flex h-[44px] max-w-full items-center gap-[10px] rounded-full border border-[var(--line)] bg-[var(--chip)] pl-[12px] pr-[18px] text-[16px] text-[var(--fg)] transition-colors hover:bg-[var(--chip-2)] sm:text-[18px]",children:[(0,a.jsx)("span",{"aria-hidden":!0,className:"size-[22px] shrink-0 rounded-full",style:{background:y[(t+U)%y.length]}}),(0,a.jsx)("span",{className:"truncate",children:e})]},e))})]}):null]})}function z(e){let{className:t}=e;return(0,a.jsx)("section",{className:(0,g.cn)("bg-[var(--bg)] px-6 py-[96px] sm:py-[136px]",t),children:(0,a.jsx)(A,{defaultValue:"A 12-minute documentary on how Roman concrete heals itself",onSend:()=>{}})})}}}]);