PageSourceSearch

https://frooty.ai/docs

html frooty.ai collected 2026-10-05 14:29:24 UTC 146,769 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo-large.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogo-large.png&amp;w=1920&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/0prga30pj8guh.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/10vj5rz8cn3ck.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0nba4xj5xhi.b.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/13p7gbe3-ry97.js"/>
1<script src="/_next/static/chunks/0fqc-wfiqioqu.js" async=""></script>
1<script src="/_next/static/chunks/04.sfjkqf0_pr.js" async=""></script>
1<script src="/_next/static/chunks/12iohpqams0ig.js" async=""></script>
1<script src="/_next/static/chunks/0mh5xxnp90fs8.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-01i~oyri3.lj0.js" async=""></script>
1<script src="/_next/static/chunks/0zubpfp2z3bbn.js" async=""></script>
1<script src="/_next/static/chunks/05v3rnlzd2ves.js" async=""></script>
1<script src="/_next/static/chunks/0aymh5hynp.8d.js" async=""></script>
1<script src="/_next/static/chunks/0.v_8gi.o6f~a.js" async=""></script>
1<script src="/_next/static/chunks/12g89b_zu8hx5.js" async=""></script>
1<script src="/_next/static/chunks/0ykkp4r_d8p0q.js" async=""></script>
1<script src="/_next/static/chunks/0ys41edvfg.l1.js" async=""></script>
1<script src="/_next/static/chunks/0qqd7p9ep2pkn.js" async=""></script>
1<script src="/_next/static/chunks/095md~74vpbgz.js" async=""></script>
1<script src="/_next/static/chunks/0ktpjqmleaghz.js" async=""></script>
1<script src="/_next/static/chunks/06.7z.s.5gmzx.js" async=""></script>
1<script src="/_next/static/chunks/13v~jjfssa64~.js" async=""></script>
1<script src="/_next/static/chunks/02mjdmpf3tbgm.js" async=""></script>
1<script src="/_next/static/chunks/011lqf5g_pvfb.js" async=""></script>
1<script src="/_next/static/chunks/187w~g6_nzv62.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Frooty - Video Collaboration Platform</title><meta name="description" content="Streamline your video review workflow. Frooty helps editors and clients collaborate with timestamped comments, version control, and real-time feedback."/><meta name="author" content="Frooty"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="keywords" content="video review,video collaboration,video feedback,frame.io alternative,video comments,post-production"/><meta name="creator" content="Frooty"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta property="og:title" content="Frooty - Video Collaboration Platform"/><meta property="og:description" content="Streamline your video review workflow. Collaborate with timestamped comments and real-time feedback."/><meta property="og:url" content="https://frooty.ai"/><meta property="og:site_name" content="Frooty"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://frooty.ai/og-image.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Frooty - Video Collaboration Platform"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Frooty - Video Collaboration Platform"/><meta name="twitter:description" content="Streamline your video review workflow with timestamped comments and real-time feedback."/><meta name="twitter:image" content="https://frooty.ai/og-image.png"/><link rel="icon" href="/favicon.ico?favicon.0obe_f7kan963.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Frooty","url":"https://frooty.ai","logo":"https://frooty.ai/frooty-logo.png","description":"Video collaboration platform for creative teams. Streamline your video review workflow with timestamped comments, version control, and real-time feedback.","sameAs":["https://twitter.com/frootyai"],"contactPoint":{"@type":"ContactPoint","email":"[email protected]","contactType":"customer service"}}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Frooty","url":"https://frooty.ai","description":"Video Collaboration Platform for Creative Teams"}</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){var t=localStorage.getItem(\"theme\");if(!t||t===\"dark\"){document.documentElement.classList.add(\"dark\");document.documentElement.style.colorScheme=\"dark\"}else if(t===\"light\"){document.documentElement.classList.add(\"light\");document.documentElement.style.colorScheme=\"light\"}else{var d=window.matchMedia(\"(prefers-color-scheme: dark)\");document.documentElement.classList.add(d.matches?\"dark\":\"light\");document.documentElement.style.colorScheme=d.matches?\"dark\":\"light\"}})();","id":"theme-script"}])</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){\n            if(typeof globalThis==='undefined'){\n              if(typeof window!=='undefined')window.globalThis=window;\n              else if(typeof global!=='undefined')global.globalThis=global;\n              else if(typeof self!=='undefined')self.globalThis=self;\n            }\n            if(typeof window!=='undefined'){\n              if(typeof window.module!=='undefined'){try{delete window.module;}catch(e){window.module=undefined;}}\n              if(typeof window.exports!=='undefined'){try{delete window.exports;}catch(e){window.exports=undefined;}}\n              if(typeof window.define!=='undefined'){try{delete window.define;}catch(e){window.define=undefined;}}\n            }\n            if(!Object.hasOwn){\n              Object.hasOwn=function(obj,prop){return Object.prototype.hasOwnProperty.call(Object(obj),prop);};\n            }\n            if(!Array.prototype.at){\n              Array.prototype.at=function(index){var n=Math.trunc(index)||0;if(n\u003c0)n+=this.length;if(n\u003c0||n\u003e=this.length)return undefined;return this[n];};\n            }\n            if(!String.prototype.at){\n              String.prototype.at=function(index){var n=Math.trunc(index)||0;if(n\u003c0)n+=this.length;if(n\u003c0||n\u003e=this.length)return \"\";return this.charAt(n);};\n            }\n            if(!Array.prototype.findLast){\n              Array.prototype.findLast=function(p,thisArg){for(var i=this.length-1;i\u003e=0;i--){if(p.call(thisArg,this[i],i,this))return this[i];}return undefined;};\n            }\n            if(!Array.prototype.findLastIndex){\n              Array.prototype.findLastIndex=function(p,thisArg){for(var i=this.length-1;i\u003e=0;i--){if(p.call(thisArg,this[i],i,this))return i;}return -1;};\n            }\n            if(typeof window!=='undefined'\u0026\u0026typeof window.structuredClone!=='function'){\n              window.structuredClone=function(val){try{return JSON.parse(JSON.stringify(val));}catch(e){return val;}};\n            }\n            if(typeof AbortSignal!=='undefined'\u0026\u0026typeof AbortSignal.timeout!=='function'){\n              AbortSignal.timeout=function(ms){var c=new AbortController();setTimeout(function(){try{c.abort();}catch(e){}},ms);return c.signal;};\n            }\n            if(typeof Promise!=='undefined'\u0026\u0026typeof Promise.withResolvers!=='function'){\n              Promise.withResolvers=function(){var res,rej;var p=new Promise(function(resolve,reject){res=resolve;rej=reject;});return{promise:p,resolve:res,reject:rej};};\n            }\n            if(typeof URL!=='undefined'\u0026\u0026typeof URL.canParse!=='function'){\n              URL.canParse=function(url,base){try{new URL(url,base);return true;}catch(e){return false;}};\n            }\n            if(!Array.prototype.toReversed){\n              Array.prototype.toReversed=function(){return Array.prototype.slice.call(this).reverse();};\n            }\n            if(!Array.prototype.toSorted){\n              Array.prototype.toSorted=function(c){return Array.prototype.slice.call(this).sort(c);};\n            }\n            if(!Array.prototype.toSpliced){\n              Array.prototype.toSpliced=function(){var a=Array.prototype.slice.call(this);a.splice.apply(a,arguments);return a;};\n            }\n            if(!Array.prototype.with){\n              Array.prototype.with=function(i,v){var a=Array.prototype.slice.call(this);var n=Math.trunc(i)||0;if(n\u003c0)n+=a.length;a[n]=v;return a;};\n            }\n            if(!Object.groupBy){\n              Object.groupBy=function(items,fn){var r={};var a=Array.prototype.slice.call(items);for(var i=0;i\u003ca.length;i++){var k=fn(a[i],i);if(!Object.prototype.hasOwnProperty.call(r,k))r[k]=[];r[k].push(a[i]);}return r;};\n            }\n            if(typeof Map!=='undefined'\u0026\u0026!Map.groupBy){\n              Map.groupBy=function(items,fn){var r=new Map();var a=Array.prototype.slice.call(items);for(var i=0;i\u003ca.length;i++){var k=fn(a[i],i);if(!r.has(k))r.set(k,[]);r.get(k).push(a[i]);}return r;};\n            }\n            if(!String.prototype.replaceAll){\n              String.prototype.replaceAll=function(s,r){if(s instanceof RegExp){if
1(!s.global)throw new TypeError(\"replaceAll must be called with a global RegExp\");return this.replace(s,r);}return this.split(s).join(String(r));};\n            }\n            try{\n              var __frootyCrypto=(typeof globalThis!=='undefined'\u0026\u0026globalThis.crypto)||(typeof crypto!=='undefined'?crypto:null);\n              if(__frootyCrypto\u0026\u0026!__frootyCrypto.randomUUID){\n                __frootyCrypto.randomUUID=function(){var b=new Array(16);var i;if(__frootyCrypto.getRandomValues){var g=new Uint8Array(16);__frootyCrypto.getRandomValues(g);for(i=0;i\u003c16;i++)b[i]=g[i];}else{for(i=0;i\u003c16;i++)b[i]=Math.floor(Math.random()*256);}b[6]=(b[6]\u002615)|64;b[8]=(b[8]\u002663)|128;function h(n){return(n\u003c16?\"0\":\"\")+n.toString(16);}var x=\"\";for(i=0;i\u003c16;i++)x+=h(b[i]);return x.slice(0,8)+\"-\"+x.slice(8,12)+\"-\"+x.slice(12,16)+\"-\"+x.slice(16,20)+\"-\"+x.slice(20);};\n              }\n            }catch(e){}\n          })();","id":"cep-legacy-polyfills"}])</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){var k='frooty_chunk_reload',s=sessionStorage;function isChunk(e){if(!e)return false;var m=e.message||'',n=e.name||'';return/ChunkLoadError/.test(n)||/loading (css )?chunk/i.test(m)||/Failed to load chunk/i.test(m)};function reload(){if(s.getItem(k))return;s.setItem(k,'1');var u=new URL(location.href);u.searchParams.set('_rs',Date.now());location.replace(u.toString())};addEventListener('error',function(e){var src=e.target\u0026\u0026(e.target.src||'');if(src\u0026\u0026/_next\\/static\\/chunks/.test(src)){reload();return}isChunk(e.error)\u0026\u0026reload()},true);addEventListener('unhandledrejection',function(e){isChunk(e.reason)\u0026\u0026reload()})})();","id":"chunk-reload-script"}])</script>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="geist_deef94d5-module__Sms4YG__variable geist_mono_1bf8cbf6-module__FlyLvG__variable plus_jakarta_sans_77247875-module__nyrXcG__variable source_code_pro_e06f764b-module__y54wUa__variable antialiased flex flex-col min-h-full"><div hidden=""><!--$--><!--/$--></div><div class="marketing flex min-h-screen flex-col overflow-x-clip bg-mkt-bg text-mkt-fg hover-scrollbar marketing-light light dm_serif_display_54329ccb-module__htyB4W__variable plus_jakarta_sans_77247875-module__nyrXcG__variable source_code_pro_e06f764b-module__y54wUa__variable" style="--background:#f8f8fa;--foreground:#1a1a1c;--card:#ffffff;--card-foreground:#1a1a1c;--popover:#f0f0f2;--popover-foreground:#1a1a1c;--primary:#ea580c;--primary-foreground:#ffffff;--secondary:#e5e5e8;--secondary-foreground:#1a1a1c;--muted:#e5e5e8;--muted-foreground:#6b6a6d;--accent:#ea580c;--accent-foreground:#ffffff;--destructive:#dc2626;--warning:#d97706;--border:#d4d4d6;--input:#e5e5e8;--ring:#ea580c;--primary-fixed:#ea580c;--primary-fixed-dim:#c2410c;--surface:#f8f8fa;--surface-dim:#eeeef0;--surface-high:#e8e8eb;--surface-highest:#e0e0e3"><a href="#main-content" class="marketing-skip-link">Skip to content</a><header class="fixed inset-x-0 top-0 z-50 bg-mkt-surface/70 backdrop-blur-xl text-mkt-fg"><div class="relative mx-auto flex h-16 max-w-page-wide items-center px-6"><a class="flex shrink-0 items-center" aria-label="Frooty home" href="/"><img alt="Frooty" width="889" height="289" decoding="async" data-nimg="1" class="h-8 w-auto transition-transform duration-200 hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2Flogo-large.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogo-large.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Flogo-large.png&amp;w=1920&amp;q=75"/></a><nav class="ml-12 hidden items-center gap-2 lg:flex" aria-label="Primary navigation"><a class="px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high" href="/">Home</a><button type="button" aria-expanded="false" aria-controls="features-menu" class="inline-flex items-center gap-1.5 px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mkt-accent">Features<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-70 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><a class="px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high" href="/docs">Docs</a><a class="px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high" href="/pricing">Pricing</a><a class="px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high" href="/community">Community</a><a class="px-4 py-2 rounded-full text-sm font-medium text-mkt-fg transition-all duration-150 hover:text-mkt-fg hover:bg-mkt-surface-high" href="/download">Downloads</a></nav><div class="ml-auto hidden items-center gap-5 lg:flex"><button type="button" aria-label="Switch to dark mode" class="inline-flex size-9 items-center justify-center rounded-full text-mkt-muted transition-colors hover:bg-mkt-surface-high hover:text-mkt-fg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon size-4" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></button><a class="text-sm font-medium text-mkt-muted transition-colors hover:text-mkt-fg" href="/auth/login">Sign in</a><a class="rounded-full border border-mkt-border/20 px-4 py-2 text-sm font-medium text-mkt-fg transition-all hover:border-mkt-border/40 hover:text-mkt-fg" href="/auth/register">Get started</a></div><button type="button" aria-label="Open menu" aria-expanded="false" class="ml-auto inline-flex size-10 items-center justify-center rounded-lg text-mkt-fg hover:bg-mkt-surface-high transition-colors lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main id="main-content" tabindex="-1" class="flex-1"><!--$?--><template id="B:0"></template><div class="flex items-center justify-center min-h-[50vh]" role="status" aria-l
1ive="polite" aria-label="Loading page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle animate-spin text-muted-foreground h-8 w-8" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg><span class="sr-only">Loading page</span></div><!--/$--></main><footer class="w-full border-t border-mkt-border/15 bg-mkt-surface-dim px-gutter py-10"><div class="mx-auto flex w-full max-w-page-wide flex-col items-center justify-between gap-8 md:flex-row"><div class="flex flex-col items-center gap-2 md:items-start"><div class="flex items-center gap-3"><a aria-label="Frooty home" class="inline-flex items-center" href="/"><img alt="Frooty" loading="lazy" width="889" height="289" decoding="async" data-nimg="1" class="h-6 w-auto opacity-70 transition-opacity hover:opacity-100" style="color:transparent" srcSet="/_next/image?url=%2Flogo-large.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogo-large.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Flogo-large.png&amp;w=1920&amp;q=75"/></a><p class="text-xs text-mkt-muted">© <!-- -->2026<!-- --> Frooty</p></div><p class="text-xs text-mkt-muted/70">Video review and delivery for editors.</p></div><nav aria-label="Footer" class="flex flex-wrap items-center justify-center gap-x-5 gap-y-3 sm:gap-x-6"><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/features">Features</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/docs">Docs</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/pricing">Pricing</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/community">Community</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/download">Download</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/legal/privacy">Privacy</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/legal/terms">Terms</a><a class="text-xs text-mkt-muted transition-colors hover:text-mkt-fg" href="/contact">Contact</a></nav></div></footer></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$--><!--/$-->
1<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1<script src="/_next/static/chunks/13p7gbe3-ry97.js" id="_R_" async=""></script>
1<div hidden id="S:0"><div data-slot="sidebar-wrapper" style="--sidebar-width:18rem;--sidebar-width-icon:3.5rem" class="group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"><div class="relative min-h-screen w-full bg-background text-foreground pt-20 light"><div class="mx-auto w-full max-w-[1720px] px-4 sm:px-6 lg:px-8"><div class="flex items-center justify-between py-3 md:hidden border-b border-border/30 mb-4"><div class="flex items-center gap-2"><button data-slot="sidebar-trigger" data-variant="ghost" data-size="icon" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 size-7" data-sidebar="trigger"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M9 3v18"></path></svg><span class="sr-only">Toggle Sidebar</span></button><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden text-foreground [a&amp;]:hover:bg-accent [a&amp;]:hover:text-accent-foreground gap-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open size-3.5 text-primary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span>Documentation</span></span></div><button data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 px-3 has-[&gt;svg]:px-2.5 h-8 gap-1.5 text-xs rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-3.5" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><span>Search</span></button></div><div class="flex gap-8 lg:gap-12"><div class="group peer text-sidebar-foreground hidden md:block" data-state="expanded" data-collapsible="" data-variant="sidebar" data-side="left" data-slot="sidebar"><div data-slot="sidebar-gap" class="relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-(--sidebar-width-icon)"></div><div data-slot="sidebar-container" class="fixed inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible!=offcanvas]:group-data-[side=left]:border-r group-data-[collapsible!=offcanvas]:group-data-[side=right]:border-l top-20 h-[calc(100svh-5rem)] border-r border-border/30 bg-card/40"><div data-sidebar="sidebar" data-slot="sidebar-inner" class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"><div data-slot="sidebar-header" data-sidebar="header" class="flex flex-col gap-2 border-b border-border/30 p-3.5"><button type="button" class="w-full flex items-center justify-between px-3 py-2 rounded-xl bg-muted/60 border border-border/40 text-xs text-muted-foreground hover:text-foreground hover:bg-muted/90 transition-all shadow-2xs group"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search size-3.5 text-primary transition-transform group-hover:scale-110" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><span>Search documentation...</span></span><kbd class="inline-flex items-center gap-0.5 rounded bg-background px-1.5 py-0.5 font-mono text-[10px] font-semibold text-muted-foreground border border-border/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-command size-2.5" aria-hidden="true"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"></path></svg> K</kbd></button></div>
1<div data-slot="sidebar-content" data-sidebar="content" class="flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden px-2 py-4 space-y-5"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-0"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="h-8 shrink-0 items-center rounded-md outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:bg-sidebar-accent/50 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 px-3 text-[11px] font-bold uppercase tracking-[0.14em] text-muted-foreground/70">Getting Started</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm pt-1"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors bg-primary/10 font-semibold text-primary data-[active=true]:bg-primary/10 data-[active=true]:text-primary flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="true" href="/docs"><span class="truncate">Documentation Overview</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/quickstart"><span class="truncate">Quickstart Guide</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/projects"><span class="truncate">Projects Guide</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/upload-download"><span class="truncate">Uploading &amp; Downloading</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/review-comments"><span class="truncate">Reviews, Comments &amp; Annotations</span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-0"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="h-8 shrink-0 items-center rounded-md outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:bg-sidebar-accent/50 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 px-3 text-[11px] font-bold uppercase tracking-[0.14em] text-muted-foreground
1/70">Editing App Extensions</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm pt-1"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/extension-install"><span class="truncate">Install the Extension</span><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border py-0.5 w-fit whitespace-nowrap [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 h-4 shrink-0 px-1 text-[9px] font-semibold tabular-nums">v1.6.12</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/extension-pairing"><span class="truncate">Connect Your Editor</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/extension-workflow"><span class="truncate">Comments on Your Timeline</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/extension-features"><span class="truncate">Panel Features Tour</span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-0"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="h-8 shrink-0 items-center rounded-md outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:bg-sidebar-accent/50 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 px-3 text-[11px] font-bold uppercase tracking-[0.14em] text-muted-foreground
1/70">YouTube Tools</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm pt-1"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/youtube-downloader"><span class="truncate">Import from YouTube</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/ai-shorts"><span class="truncate">AI Shorts &amp; Vertical Clips</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/youtube-publishing"><span class="truncate">Chapters &amp; Publishing</span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-0"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="h-8 shrink-0 items-center rounded-md outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:bg-sidebar-accent/50 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 px-3 text-[11px] font-bold uppercase tracking-[0.14em] text-muted-foreground
1/70">AI Captions &amp; Subtitles</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm pt-1"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/captions"><span class="truncate">Captions Overview</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/caption-styles"><span class="truncate">Caption Style Library</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/captions-export"><span class="truncate">Exporting Captions</span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-0"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="h-8 shrink-0 items-center rounded-md outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:bg-sidebar-accent/50 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 px-3 text-[11px] font-bold uppercase tracking-[0.14em] text-muted-foreground
1/70">Desktop &amp; Mobile Apps</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm pt-1"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/desktop-apps"><span class="truncate">Desktop App</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a class="peer/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left outline-hiddentransition-[width,height,padding] focus-visible:bg-sidebar-accent/50 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-[13px] leading-snug py-1.5 px-3 rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-muted/50 flex w-full items-center justify-between gap-2" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false" href="/docs/mobile-apps"><span class="truncate">Mobile App</span></a></li></ul></div></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="flex flex-col gap-2 border-t border-border/30 p-3"><div class="grid grid-cols-2 gap-2"><a data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 px-3 has-[&gt;svg]:px-2.5 h-8 text-xs rounded-lg" href="/docs/extension-install"><span>Extension</span></a><a data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 px-3 has-[&gt;svg]:px-2.5 h-8 text-xs rounded-lg" href="/download"><span>App</span></a></div></div></div></div></div><main class="min-w-0 flex-1 pb-24 md:pl-2"><div class="w-full max-w-4xl mx-auto xl:mx-0"><article class="space-y-12"><div><nav aria-label="breadcrumb" data-slot="breadcrumb" class="mb-6"><ol data-slot="breadcrumb-list" class="text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5"><li data-slot="breadcrumb-item" class="inline-flex items-center gap-1.5"><span data-slot="breadcrumb-page" role="link" aria-disabled="true" aria-current="page" class="text-xs font-semibold text-foreground">Overview</span></li></ol></nav><header class="mb-10 space-y-3"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open size-4 text-primary" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span class="text-xs font-semibold uppercase tracking-wider text-primary">Frooty Creator Hub</span></div><h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground text-balance">Frooty Documentation &amp; Guides</h1><p class="text-base sm:text-lg leading-relaxed text-muted-foreground max-w-3xl pt-1">Everything you need to collect frame-accurate client feedback, sync comments onto your editing timeline, turn long videos into viral Shorts, and animate c
1aptions.</p></header><div class="flex flex-wrap items-center gap-2 pt-1"><span class="text-xs font-semibold text-muted-foreground mr-1">Popular Topics:</span><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/quickstart">5-Min Quickstart</a><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/extension-install">Premiere Pro Plugin</a><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/extension-pairing">DaVinci Resolve Setup</a><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/ai-shorts">YouTube to Shorts</a><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/caption-styles">Caption Style Library</a><a class="px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors" href="/docs/review-comments">Frame-Accurate Comments</a></div></div><div data-slot="alert" role="alert" class="relative w-full text-sm grid has-[&gt;svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[&gt;svg]:gap-x-3 gap-y-0.5 items-start [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:translate-y-0.5 text-card-foreground my-6 rounded-xl border p-4 shadow-2xs border-amber-500/30 bg-amber-500/5 [&amp;&gt;svg]:text-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb size-4 shrink-0" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg><div data-slot="alert-title" class="col-start-2 line-clamp-1 min-h-4 text-sm font-bold tracking-tight text-amber-500">New to Frooty?</div><div data-slot="alert-description" class="col-start-2 grid justify-items-start gap-1 [&amp;_p]:leading-relaxed text-sm leading-relaxed text-foreground/90 mt-1"><div>Start with the<!-- --> <a class="font-semibold text-foreground underline hover:text-primary" href="/docs/quickstart">5-Minute Quickstart Guide</a>. If you edit in Adobe Premiere Pro or DaVinci Resolve, the<!-- --> <a class="font-semibold text-foreground underline hover:text-primary" href="/docs/extension-install">Extension Setup Guide</a> <!-- -->shows you how to dock Frooty right into your workspace.</div></div></div><section id="editing-integrations" class="space-y-3"><div class="space-y-1"><h2 class="text-2xl font-bold tracking-tight text-foreground">Host Editing App Integrations</h2><p class="text-sm text-muted-foreground">Choose your primary NLE to get the one-click installer, pairing guide, and marker sync workflow.</p></div><div class="rounded-2xl border border-border/40 bg-card overflow-hidden shadow-xs my-8"><div class="border-b border-border/30 bg-muted/40 p-4 sm:p-5 flex flex-col sm:flex-row sm:items-center justify-between gap-4"><div><div class="flex items-center gap-2 mb-1"><span class="flex size-2 rounded-full bg-green-500 animate-pulse"></span><span class="text-xs font-semibold uppercase tracking-wider text-muted-foreground">Editing Host Integration</span></div><h3 class="text-lg font-bold text-foreground">Connect Frooty to Your Timeline</h3></div><div class="flex p-1 bg-background/80 rounded-xl border border-border/30"><button type="button" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold transition-all flex items-center gap-1.5 bg-primary text-primary-foreground shadow-xs"><span class="font-bold">Pr</span> Premiere Pro</button><button type="button" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold transition-all flex items-center gap-1.5 text-muted-foreground hover:text-foreground hover:bg-muted/50"><span class="font-bold">Dv</span> DaVinci Resolve</button><button type="button" class="px-3.5 py-1.5 rounded-lg text-xs font-semibold transition-all flex items-center gap-1.5 text-muted-foreground hover:text-foreground hover:bg-muted/50"><span class="font-bold">Ae</span> After Effects</button></div></div><div class="p-5 sm:p-6"><div class="grid md:grid-cols-2 gap-6 items-center"><div class="space-y-4"><div class="inline-flex items-center gap-2 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers size-3.5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><span>CEP Extension · v<!-- -->1.6.15</span></div><h4 class="text-xl font-bold text-foreground">Premiere Pro In-App Panel</h4><p class="text-sm text-muted-foreground leading-relaxed">Dock the Frooty panel right next to your Program Monitor. View client notes, frame sketches, and jump to timecodes on your sequence with one click.</p><div class="space-y-2.5 text-xs text-muted-foreground"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check size-4 text-primary shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>Full timeline marker sync (in &amp; out points, color coded)</span></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check size-4 text-primary shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>One-click export back to client review link</span></div><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check size-4 text-primary shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><span>macOS (Apple Silicon &amp; Intel) + Windows 10/11</span></div></div><div class="pt-2 flex flex-wrap items-center gap-3"><a href="/downloads/frooty-adobe-extension-1.6.15-macos.pkg" download="" data-slot="button" data-variant="default" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-8 rounded-md px-3 has-[&gt;svg]:px-2.5 gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-3.5" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg>Mac (.pkg)</a><a href="/downloads/frooty-adobe-extension-1.6.15-windows.exe" download="" data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md px-3 has-[&gt;svg]:px-2.5 gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-3.5" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg>Windows (.exe)</a><a class="text-xs font-semibold text-primary hover:underline inline-flex items-center gap-1 ml-1" href="/docs/extension-install">Step-by-step setup <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div><div class="rounded-xl border border-border/40 bg-background/90 p-4 font-mono text-xs shadow-inner space-y-3"><div class="flex items-center justify-between border-b border-border/30 pb-2"><span class="font-bold text-foreground flex items-center gap-2"><span class="size-2 rounded-full bg-primary"></span>Window → Extensions → Frooty</span><span class="text-[10px] text-muted-foreground">Live Link</span></div><div class="space-y-2"><div class="p-2.5 rounded-lg bg-muted/60 border border-border/20 flex items-center justify-between"><div><div class="text-[11px] font-semibold text-foreground">Summer_Promo_v3.mp4</div><div class="text-[10px] text-muted-foreground">3 unread client comments</div></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 text-[9px]">00:01:24:12</span></div><div class="p-2.5 rounded-lg bg-primary/10 border border-primary/20"><div class="flex items-center justify-between text-[11px] font-bold text-primary mb-1"><span>Sarah (Client) @ 00:00:42:08</span><span class="text-[9px] bg-primary text-primary-foreground px-1 rounded">Sync Marker</span></div><div class="text-[10px] text-muted-foreground">&quot;Can we tighten this transition? Music hits earlier.&quot;</div></div></div></div></div></div></div></section><section id="review-demo" class="space-y-3"><div class="space-y-1"><h2 class="text-2xl font-bold tracking-tight text-foreground">Frame-Accurate Video Review &amp; Approvals</h2><p class="text-sm text-muted-foreground">
1See how clients and editors collaborate: timecoded markers, anchored pins, and drawings on the frame.</p></div><div class="rounded-2xl border border-border/40 bg-card overflow-hidden my-8 shadow-xs"><div class="border-b border-border/30 bg-muted/40 p-4 flex items-center justify-between"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square size-4 text-primary" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg><h4 class="text-sm font-bold text-foreground">Interactive Review Room Demo</h4></div><span class="text-xs text-muted-foreground">Click timeline markers below to test</span></div><div class="grid lg:grid-cols-5 gap-0"><div class="lg:col-span-3 bg-neutral-950 p-4 sm:p-6 flex flex-col justify-between relative min-h-[300px]"><div class="flex items-center justify-between text-xs text-white/80 z-10"><span class="font-mono font-medium">Hero_Launch_Cut_v2.mp4</span><span class="font-mono bg-white/10 px-2 py-0.5 rounded text-white font-bold">00:08<!-- --> / 01:00</span></div><div class="relative my-auto flex items-center justify-center h-44 rounded-lg bg-neutral-900 border border-neutral-800 overflow-hidden"><div class="absolute inset-0 bg-gradient-to-tr from-purple-950/40 via-neutral-900 to-indigo-950/40"></div><div class="z-10 text-center space-y-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film size-8 text-neutral-600 mx-auto" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg><div class="text-xs text-neutral-400 font-mono">Frame <!-- -->192<!-- --> @ 24fps</div></div><div class="absolute inset-x-8 inset-y-6 border-2 border-dashed border-purple-400/80 rounded-lg flex items-end justify-end p-2 z-20"><span class="bg-purple-600 text-white text-[10px] font-mono font-bold px-1.5 py-0.5 rounded flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool size-2.5" aria-hidden="true"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg> <!-- -->Beat sync</span></div></div><div class="space-y-2 z-10 pt-2"><div class="relative h-4 flex items-center cursor-pointer"><div class="w-full h-1.5 bg-neutral-800 rounded-full relative"><div class="h-full bg-primary rounded-full transition-all duration-300" style="width:13.333333333333334%"></div></div><button type="button" style="left:13.333333333333334%" class="absolute -translate-x-1/2 size-3.5 rounded-full border-2 border-neutral-950 transition-all hover:scale-125 focus:outline-none bg-white ring-2 ring-primary scale-125" title="Jump to 00:08"></button><button type="button" style="left:40%" class="absolute -translate-x-1/2 size-3.5 rounded-full border-2 border-neutral-950 transition-all hover:scale-125 focus:outline-none bg-primary" title="Jump to 00:24"></button><button type="button" style="left:68.33333333333333%" class="absolute -translate-x-1/2 size-3.5 rounded-full border-2 border-neutral-950 transition-all hover:scale-125 focus:outline-none bg-primary" title="Jump to 00:41"></button></div><div class="flex items-center justify-between text-xs text-white/70"><button type="button" class="flex items-center gap-1.5 hover:text-white transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-3.5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg><span>Play (Space)</span></button><div class="flex items-center gap-3 font-mono text-[11px]"><span class="text-white/40">Shortcuts: J-K-L / A / C</span></div></div></div></div><div class="lg:col-span-2 border-t lg:border-t-0 lg:border-l border-border/30 p-4 bg-muted/20 flex flex-col justify-between space-y-4"><div class="space-y-3"><div class="text-xs font-semibold text-muted-foreground uppercase tracking-wider flex items-center justify-between"><span>Timestamped Notes (3)</span><span class="text-[10px] text-green-500 font-bold">1 Resolved</span></div><div class="space-y-2"><button type="button" class="w-full text-left p-3 rounded-xl border transition-all text-xs space-y-1.5 bg-card border-primary shadow-xs ring-1 ring-primary/20"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="size-5 rounded-full text-white font-bold text-[10px] flex items-center justify-center bg-purple-500">E</div><span class="font-semibold text-foreground">Elena (Director)</span></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 font-mono text-[10px] px-1.5 py-0 h-4">00:08</span></div><p class="text-muted-foreground leading-relaxed">Cut this shot 0.5s faster to match the beat drop!</p></button><button type="button" class="w-full text-left p-3 rounded-xl border transition-all text-xs space-y-1.5 bg-card/50 border-border/20 hover:border-border/60 hover:bg-card"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="size-5 rounded-full text-white font-bold text-[10px] flex items-center justify-center bg-amber-500">M</div><span class="font-semibold text-foreground">Marcus (Client)</span></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 font-mono text-[10px] px-1.5 py-0 h-4">00:24</span></div><p class="text-muted-foreground leading-relaxed">Can we swap the font on this lower-third to our brand bold?</p><div class="text-[10px] text-green-600 dark:text-green-400 font-medium flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg> Resolved</div></button><button type="button" class="w-full text-left p-3 rounded-xl border transition-all text-xs space-y-1.5 bg-card/50 border-border/20 hover:border-border/60 hover:bg-card"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="size-5 rounded-full text-white font-bold text-[10px] flex items-center justify-center bg-blue-500">D</div><span class="font-semibold text-foreground">Devon (Audio)</span></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 font-mono text-[10px] px-1.5 py-0 h-4">00:41</span></div><p class="text-muted-foreground leading-relaxed">Voice note: Dialogue volume is sitting at -14 LUFS, will boost by 2dB.</p></button></div></div><div class="p-2.5 rounded-lg bg-muted border border-border/20 text-[11px] text-muted-foreground flex items-center justify-between"><span>Try clicking comment markers above</span><a class="text-primary font-semibold hover:underline" href="/docs/review-comments">Read guide →</a></div></div></div></div></section><section id="creator-workflows" class="space-y-6"><div class="space-y-1"><h2 class="text-2xl font-bold tracking-tight text-foreground">Creator Workflows</h2><p class="text-sm text-muted-foreground">Step-by-step guides tailored for editors, creative agencies, and content creators.</p></div><div class="grid sm:grid-cols-2 gap-4"><a class="group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between" href="/docs/review-comments"><div class="space-y-3"><div class="flex items-center justify-between"><div class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square size-5" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 text-[11px] font-semibold">Core Feature</span></div><div><h3 class="text-lg font-bold text-foreground group-hover:text-primary transition-colors">Reviews, Comments &amp; Annotations</h3><p class="text-sm text-muted-foreground leading-relaxed mt-1">Collect timestamped notes, drawings on the picture, and audio voice comments without requiring clients to sign up.</p></div></div><div class="pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary"><span>Explore Review Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between" href="/docs/ai-shorts"><div class="space-y-3"><div class="flex items-center justify-between"><div class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube size-5" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
15 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 text-[11px] font-semibold">AI Powered</span></div><div><h3 class="text-lg font-bold text-foreground group-hover:text-primary transition-colors">YouTube Import &amp; AI Shorts</h3><p class="text-sm text-muted-foreground leading-relaxed mt-1">Paste any YouTube URL, extract transcripts, find viral highlights, and reframe into 9:16 vertical clips.</p></div></div><div class="pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary"><span>Learn AI Repurposing</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between" href="/docs/caption-styles"><div class="space-y-3"><div class="flex items-center justify-between"><div class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 text-[11px] font-semibold">100+ Presets</span></div><div><h3 class="text-lg font-bold text-foreground group-hover:text-primary transition-colors">Animated Caption Style Library</h3><p class="text-sm text-muted-foreground leading-relaxed mt-1">Turn speech into animated captions: Karaoke, Neon Glow, Bounce, and Cinema subtitles with custom typography.</p></div></div><div class="pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary"><span>Browse Caption Styles</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><a class="group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between" href="/docs/extension-workflow"><div class="space-y-3"><div class="flex items-center justify-between"><div class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-puzzle size-5" aria-hidden="true"><path d="M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z"></path></svg></div><span data-slot="badge" class="inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a&amp;]:hover:bg-secondary/90 text-[11px] font-semibold">Workflow</span></div><div><h3 class="text-lg font-bold text-foreground group-hover:text-primary transition-colors">Comments to Timeline Markers</h3><p class="text-sm text-muted-foreground leading-relaxed mt-1">Sync client feedback directly into Premiere Pro and DaVinci Resolve markers, and resolve edits right from your NLE.</p></div></div><div class="pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary"><span>View Marker Sync Guide</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div></section><section id="keyboard-shortcuts"><div class="rounded-2xl border border-border/40 bg-card p-5 sm:p-6 my-8 shadow-xs space-y-4"><div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3 border-b border-border/20 pb-4"><div><h4 class="text-base font-bold text-foreground">Reviewer &amp; Editor Keyboard Shortcuts</h4><p class="text-xs text-muted-foreground">
1Scrub frames, drop annotations, and navigate cuts without touching your mouse.</p></div><div class="flex items-center gap-1 bg-muted p-1 rounded-lg text-xs"><button type="button" class="px-2.5 py-1 rounded-md font-medium transition-colors bg-card text-foreground shadow-xs">All</button><button type="button" class="px-2.5 py-1 rounded-md font-medium transition-colors text-muted-foreground">Playback</button><button type="button" class="px-2.5 py-1 rounded-md font-medium transition-colors text-muted-foreground">Annotation</button></div></div><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 text-xs"><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Play or pause video</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">Space</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Shuttle backward, pause, shuttle forward</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">J / K / L</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Step 1 frame backward or forward</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">← / →</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Step 1 second backward or forward</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">Shift + ← / →</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Add timestamped comment at current frame</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">C</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Drop anchored pin annotation on video</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">A</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Open pen drawing canvas</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">D</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Mute / Unmute audio</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">M</kbd></div><div class="flex items-center justify-between p-2.5 rounded-lg bg-muted/40 border border-border/20"><span class="text-muted-foreground font-medium">Toggle full screen review mode</span><kbd class="px-2 py-1 rounded bg-background border border-border/40 font-mono font-semibold text-foreground text-[11px] shadow-2xs shrink-0 ml-2">F</kbd></div></div></div></section><section id="platform-compatibility" class="p-6 rounded-2xl bg-card border border-border/40 space-y-4"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-check size-5 text-primary" aria-hidden="true"><path d="m9 10 2 2 4-4"></path><rect width="20" height="14" x="2" y="3" rx="2"></rect><path d="M12 17v4"></path><path d="M8 21h8"></path></svg><h2 class="text-lg font-bold text-foreground">Platform &amp; Hardware Compatibility</h2></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-xs"><div class="p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5"><div class="font-bold text-foreground text-sm">
1Adobe Creative Cloud</div><div class="text-muted-foreground">Premiere Pro 2020+ &amp; After Effects 2020+</div><div class="text-green-500 font-semibold pt-1">macOS &amp; Windows 10/11</div></div><div class="p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5"><div class="font-bold text-foreground text-sm">DaVinci Resolve Studio</div><div class="text-muted-foreground">Workflow Integrations API (Studio 18+)</div><div class="text-green-500 font-semibold pt-1">macOS &amp; Windows 10/11</div></div><div class="p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5"><div class="font-bold text-foreground text-sm">Desktop &amp; Mobile</div><div class="text-muted-foreground">Native apps with hardware playback</div><div class="text-green-500 font-semibold pt-1">macOS, Windows, iOS &amp; Android</div></div></div></section><div class="mt-14 space-y-8"><div class="rounded-xl border border-border/30 bg-card/60 p-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3 text-xs"><span class="text-muted-foreground font-medium flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark size-3.5 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg>Was this documentation helpful?</span><div class="flex items-center gap-2"><button data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-2.5 h-7 px-2.5 gap-1.5 text-xs rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thumbs-up size-3" aria-hidden="true"><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"></path><path d="M7 10v12"></path></svg> Yes</button><button data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-2.5 h-7 px-2.5 gap-1.5 text-xs rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-thumbs-down size-3" aria-hidden="true"><path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"></path><path d="M17 14V2"></path></svg> No</button></div></div><div data-orientation="horizontal" role="none" data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px"></div><nav class="grid gap-3 sm:grid-cols-2"><span aria-hidden="true" class="hidden sm:block"></span><a data-slot="button" data-variant="outline" data-size="default" class="inline-flex items-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-3 h-auto justify-end gap-3 p-4 rounded-xl border-border/40 hover:border-primary/40" href="/docs/quickstart"><span class="min-w-0 text-right"><span class="block text-[11px] font-semibold text-muted-foreground uppercase tracking-wider">Next</span><span class="block truncate text-sm font-semibold text-foreground mt-0.5">5-Minute Quickstart Guide</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></nav></div></article><!--$--><!--/$--></div></main><aside class="hidden xl:block w-64 shrink-0 space-y-6 pt-4 text-xs"><div class="rounded-xl border border-border/30 bg-card/60 p-4 space-y-3"><div class="text-[11px] font-bold uppercase tracking-wider text-foreground">Quick Tools</div><div class="space-y-2"><a data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 px-3 has-[&gt;svg]:px-2.5 w-full justify-start gap-2 h-8 text-xs rounded-lg" href="/docs/extension-install"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-3.5 text-primary" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg><span>Adobe Extension (v1.6.12)</span></a><a data-slot="button" data-variant="outline" data-size="sm" class="inline-flex items-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:bg-accent focus-visible:text-accent-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 px-3 has-[&gt;svg]:px-2.5 w-full justify-start gap-2 h-8 text-xs rounded-lg" href="/download"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-laptop size-3.5 text-primary" aria-hidden="true"><path d="M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z"></path><path d="M20.054 15.987H3.946"></path></svg><span>Desktop App</span></a><button type="button" class="w-full flex items-center justify-between p-2 rounded-lg bg-muted/40 hover:bg-muted/80 text-muted-foreground hover:text-foreground transition-colors"><span class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy size-3.5" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg><span>Copy Page Link</span></span></button></div></div><div class="p-3.5 rounded-xl bg-primary/5 border border-primary/10 space-y-1.5"><div class="font-semibold text-foreground text-xs flex items-center gap-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square size-3.5 text-primary" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg>Need Help or Feature?</div><p class="text-[11px] text-muted-foreground leading-relaxed">Join our creator community or chat with our team.</p><a class="inline-flex items-center gap-1 text-[11px] font-semibold text-primary hover:underline pt-0.5" href="/community">Join Community <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link size-2.5" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></aside></div></div></div></div></div>
1<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
2$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
2<script>(self.__next_f=self.__next_f||[]).push([0])</script>
2<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[108824,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\"],\"\"]\na:I[768308,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0aymh5hynp.8d.js\"],\"default\"]\ne:I[514661,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"default\"]\nf:I[735385,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"default\"]\n10:I[791706,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"\"]\n11:I[971022,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\"],\"PostHogAnalyticsProvider\"]\n12:I[372159,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\"],\"AdobeAcquisitionTracker\"]\n13:I[38949,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\"],\"WebVitalsReporter\"]\n14:I[514661,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"LoadingBoundaryProvider\"]\n15:I[152760,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"PublicProviders\"]\n16:I[559220,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"QueryProvider\"]\n17:I[546174,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"AnalyticsScripts\"]\n19:I[318246,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"LazyToaster\"]\n1a:I[858262,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"ClientSegmentRoot\"]\n1b:I[11656,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\"],\"default\"]\n1c:I[498788,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocBreadcrumbs\"]\n1d:I[498788,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocHeader\"]\n1e:I[498788,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8"])</script>
2<script>self.__next_f.push([1,"p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocCallout\"]\n1f:I[931425,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocNLESwitcher\"]\n27:I[306416,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"ViewportBoundary\"]\n29:I[306416,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"MetadataBoundary\"]\n2a:\"$Sreact.suspense\"\n2c:I[931425,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocInteractivePlayerDemo\"]\n31:I[931425,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocShortcutCheatsheet\"]\n32:I[498788,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/0ktpjqmleaghz.js\",\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"/_next/static/chunks/13v~jjfssa64~.js\",\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"/_next/static/chunks/011lqf5g_pvfb.js\"],\"DocPager\"]\n33:I[306416,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"OutletBoundary\"]\n35:I[557265,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"MarketingShell\"]\n36:I[918854,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"MarketingNav\"]\n37:I[94284,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\",\"/_next/static/chunks/187w~g6_nzv62.js\"],\"default\"]\n38:I[509061,[\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"/_next/static/chunks/05v3rnlzd2ves.js\",\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"/_next/static/chunks/0ys41edvfg.l1.js\",\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"/_next/static/chunks/095md~74vpbgz.js\"],\"MarketingFooter\"]\n39:I[384644,[\"/_next/static/chunks/0.v_8gi.o6f~a.js\",\"/_next/static/chunks/12g89b_zu8hx5.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0prga30pj8guh.css\",\"style\"]\n:HL[\"/_next/static/chunks/10vj5rz8cn3ck.css\",\"style\"]\n:HL[\"/_next/static/chunks/0nba4xj5xhi.b.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.08e28id.o-okb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/"])</script>
2<script>self.__next_f.push([1,"woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:T1353,"])</script>
2<script>self.__next_f.push([1,"(function(){\n            if(typeof globalThis==='undefined'){\n              if(typeof window!=='undefined')window.globalThis=window;\n              else if(typeof global!=='undefined')global.globalThis=global;\n              else if(typeof self!=='undefined')self.globalThis=self;\n            }\n            if(typeof window!=='undefined'){\n              if(typeof window.module!=='undefined'){try{delete window.module;}catch(e){window.module=undefined;}}\n              if(typeof window.exports!=='undefined'){try{delete window.exports;}catch(e){window.exports=undefined;}}\n              if(typeof window.define!=='undefined'){try{delete window.define;}catch(e){window.define=undefined;}}\n            }\n            if(!Object.hasOwn){\n              Object.hasOwn=function(obj,prop){return Object.prototype.hasOwnProperty.call(Object(obj),prop);};\n            }\n            if(!Array.prototype.at){\n              Array.prototype.at=function(index){var n=Math.trunc(index)||0;if(n\u003c0)n+=this.length;if(n\u003c0||n\u003e=this.length)return undefined;return this[n];};\n            }\n            if(!String.prototype.at){\n              String.prototype.at=function(index){var n=Math.trunc(index)||0;if(n\u003c0)n+=this.length;if(n\u003c0||n\u003e=this.length)return \"\";return this.charAt(n);};\n            }\n            if(!Array.prototype.findLast){\n              Array.prototype.findLast=function(p,thisArg){for(var i=this.length-1;i\u003e=0;i--){if(p.call(thisArg,this[i],i,this))return this[i];}return undefined;};\n            }\n            if(!Array.prototype.findLastIndex){\n              Array.prototype.findLastIndex=function(p,thisArg){for(var i=this.length-1;i\u003e=0;i--){if(p.call(thisArg,this[i],i,this))return i;}return -1;};\n            }\n            if(typeof window!=='undefined'\u0026\u0026typeof window.structuredClone!=='function'){\n              window.structuredClone=function(val){try{return JSON.parse(JSON.stringify(val));}catch(e){return val;}};\n            }\n            if(typeof AbortSignal!=='undefined'\u0026\u0026typeof AbortSignal.timeout!=='function'){\n              AbortSignal.timeout=function(ms){var c=new AbortController();setTimeout(function(){try{c.abort();}catch(e){}},ms);return c.signal;};\n            }\n            if(typeof Promise!=='undefined'\u0026\u0026typeof Promise.withResolvers!=='function'){\n              Promise.withResolvers=function(){var res,rej;var p=new Promise(function(resolve,reject){res=resolve;rej=reject;});return{promise:p,resolve:res,reject:rej};};\n            }\n            if(typeof URL!=='undefined'\u0026\u0026typeof URL.canParse!=='function'){\n              URL.canParse=function(url,base){try{new URL(url,base);return true;}catch(e){return false;}};\n            }\n            if(!Array.prototype.toReversed){\n              Array.prototype.toReversed=function(){return Array.prototype.slice.call(this).reverse();};\n            }\n            if(!Array.prototype.toSorted){\n              Array.prototype.toSorted=function(c){return Array.prototype.slice.call(this).sort(c);};\n            }\n            if(!Array.prototype.toSpliced){\n              Array.prototype.toSpliced=function(){var a=Array.prototype.slice.call(this);a.splice.apply(a,arguments);return a;};\n            }\n            if(!Array.prototype.with){\n              Array.prototype.with=function(i,v){var a=Array.prototype.slice.call(this);var n=Math.trunc(i)||0;if(n\u003c0)n+=a.length;a[n]=v;return a;};\n            }\n            if(!Object.groupBy){\n              Object.groupBy=function(items,fn){var r={};var a=Array.prototype.slice.call(items);for(var i=0;i\u003ca.length;i++){var k=fn(a[i],i);if(!Object.prototype.hasOwnProperty.call(r,k))r[k]=[];r[k].push(a[i]);}return r;};\n            }\n            if(typeof Map!=='undefined'\u0026\u0026!Map.groupBy){\n              Map.groupBy=function(items,fn){var r=new Map();var a=Array.prototype.slice.call(items);for(var i=0;i\u003ca.length;i++){var k=fn(a[i],i);if(!r.has(k))r.set(k,[]);r.get(k).push(a[i]);}return r;};\n            }\n            if(!String.prototype.replaceAll){\n              String.prototype.replaceAll=function(s,r){if(s instanceof RegExp){if
2(!s.global)throw new TypeError(\"replaceAll must be called with a global RegExp\");return this.replace(s,r);}return this.split(s).join(String(r));};\n            }\n            try{\n              var __frootyCrypto=(typeof globalThis!=='undefined'\u0026\u0026globalThis.crypto)||(typeof crypto!=='undefined'?crypto:null);\n              if(__frootyCrypto\u0026\u0026!__frootyCrypto.randomUUID){\n                __frootyCrypto.randomUUID=function(){var b=new Array(16);var i;if(__frootyCrypto.getRandomValues){var g=new Uint8Array(16);__frootyCrypto.getRandomValues(g);for(i=0;i\u003c16;i++)b[i]=g[i];}else{for(i=0;i\u003c16;i++)b[i]=Math.floor(Math.random()*256);}b[6]=(b[6]\u002615)|64;b[8]=(b[8]\u002663)|128;function h(n){return(n\u003c16?\"0\":\"\")+n.toString(16);}var x=\"\";for(i=0;i\u003c16;i++)x+=h(b[i]);return x.slice(0,8)+\"-\"+x.slice(8,12)+\"-\"+x.slice(12,16)+\"-\"+x.slice(16,20)+\"-\"+x.slice(20);};\n              }\n            }catch(e){}\n          })();"])</script>
2<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"docs\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(public)\",{\"children\":[\"docs\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",4]},\"$undefined\",\"$undefined\",24],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0prga30pj8guh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/10vj5rz8cn3ck.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0nba4xj5xhi.b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0zubpfp2z3bbn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/05v3rnlzd2ves.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Frooty\\\",\\\"url\\\":\\\"https://frooty.ai\\\",\\\"logo\\\":\\\"https://frooty.ai/frooty-logo.png\\\",\\\"description\\\":\\\"Video collaboration platform for creative teams. Streamline your video review workflow with timestamped comments, version control, and real-time feedback.\\\",\\\"sameAs\\\":[\\\"https://twitter.com/frootyai\\\"],\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer service\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Frooty\\\",\\\"url\\\":\\\"https://frooty.ai\\\",\\\"description\\\":\\\"Video Collaboration Platform for Creative Teams\\\"}\"}}],[\"$\",\"$L2\",null,{\"id\":\"theme-script\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(){var t=localStorage.getItem(\\\"theme\\\");if(!t||t===\\\"dark\\\"){document.documentElement.classList.add(\\\"dark\\\");document.documentElement.style.colorScheme=\\\"dark\\\"}else if(t===\\\"light\\\"){document.documentElement.classList.add(\\\"light\\\");document.documentElement.style.colorScheme=\\\"light\\\"}else{var d=window.matchMedia(\\\"(prefers-color-scheme: dark)\\\");document.documentElement.classList.add(d.matches?\\\"dark\\\":\\\"light\\\");document.documentElement.style.colorScheme=d.matches?\\\"dark\\\":\\\"light\\\"}})();\"}],[\"$\",\"$L2\",null,{\"id\":\"cep-legacy-polyfills\",\"strategy\":\"beforeInteractive\",\"children\":\"$3\"}],\"$L4\"]}],\"$L5\"]}]]}],{\"children\":[\"$L6\",{\"children\":[\"$L7\",{\"children\":[\"$L8\",{},null,false,null]},null,false,null]},null,false,null]},null,false,null],\"$L9\",false]],\"m\":\"$undefined\",\"G\":[\"$a\",[\"$Lb\",\"$Lc\",\"$Ld\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"vt2ewtbzZt14lgtSkLB7Q\"}\n"])</script>
2<script>self.__next_f.push([1,"4:[\"$\",\"$L2\",null,{\"id\":\"chunk-reload-script\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(){var k='frooty_chunk_reload',s=sessionStorage;function isChunk(e){if(!e)return false;var m=e.message||'',n=e.name||'';return/ChunkLoadError/.test(n)||/loading (css )?chunk/i.test(m)||/Failed to load chunk/i.test(m)};function reload(){if(s.getItem(k))return;s.setItem(k,'1');var u=new URL(location.href);u.searchParams.set('_rs',Date.now());location.replace(u.toString())};addEventListener('error',function(e){var src=e.target\u0026\u0026(e.target.src||'');if(src\u0026\u0026/_next\\\\/static\\\\/chunks/.test(src)){reload();return}isChunk(e.error)\u0026\u0026reload()},true);addEventListener('unhandledrejection',function(e){isChunk(e.reason)\u0026\u0026reload()})})();\"}]\n5:[\"$\",\"body\",null,{\"className\":\"geist_deef94d5-module__Sms4YG__variable geist_mono_1bf8cbf6-module__FlyLvG__variable plus_jakarta_sans_77247875-module__nyrXcG__variable source_code_pro_e06f764b-module__y54wUa__variable antialiased flex flex-col min-h-full\",\"children\":[[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center gap-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"This page could not be found.\"}],[\"$\",\"$L10\",null,{\"href\":\"/projects\",\"className\":\"text-sm underline underline-offset-4 hover:text-foreground\",\"children\":\"Go to Dashboard\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$L12\",null,{}]}],[\"$\",\"$L13\",null,{}]]}]\n6:[\"$\",\"$L14\",null,{\"loading\":[[\"$\",\"div\",\"l\",{\"className\":\"flex items-center justify-center min-h-[50vh]\",\"role\":\"status\",\"aria-live\":\"polite\",\"aria-label\":\"Loading page\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-loader-circle animate-spin text-muted-foreground h-8 w-8\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"13zald\",{\"d\":\"M21 12a9 9 0 1 1-6.219-8.56\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Loading page\"}]]}],[],[]],\"children\":[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ykkp4r_d8p0q.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ys41edvfg.l1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0qqd7p9ep2pkn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/095md~74vpbgz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"$L16\",null,{\"children\":[[\"$\",\"$L17\",null,{}],\"$L18\",[\"$\",\"$L19\",null,{}]]}]}]]}]}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ktpjqmleaghz.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/06.7z.s.5gmzx.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/13v~jjfssa64~.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/02mjdmpf3tbgm.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L1a\",null,{\"Component\":\"$1b\",\"slots\":{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"serverProvidedParams\":{\"params\":{},\"promises\":null}}]]}]\n"])</script>
2<script>self.__next_f.push([1,"8:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"article\",null,{\"className\":\"space-y-12\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L1c\",null,{\"items\":[]}],[\"$\",\"$L1d\",null,{\"icon\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open size-4 text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"eyebrow\":\"Frooty Creator Hub\",\"title\":\"Frooty Documentation \u0026 Guides\",\"lead\":\"Everything you need to collect frame-accurate client feedback, sync comments onto your editing timeline, turn long videos into viral Shorts, and animate captions.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-2 pt-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold text-muted-foreground mr-1\",\"children\":\"Popular Topics:\"}],[[\"$\",\"$L10\",\"/docs/quickstart\",{\"href\":\"/docs/quickstart\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"5-Min Quickstart\"}],[\"$\",\"$L10\",\"/docs/extension-install\",{\"href\":\"/docs/extension-install\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"Premiere Pro Plugin\"}],[\"$\",\"$L10\",\"/docs/extension-pairing\",{\"href\":\"/docs/extension-pairing\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"DaVinci Resolve Setup\"}],[\"$\",\"$L10\",\"/docs/ai-shorts\",{\"href\":\"/docs/ai-shorts\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"YouTube to Shorts\"}],[\"$\",\"$L10\",\"/docs/caption-styles\",{\"href\":\"/docs/caption-styles\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"Caption Style Library\"}],[\"$\",\"$L10\",\"/docs/review-comments\",{\"href\":\"/docs/review-comments\",\"className\":\"px-3 py-1 rounded-full text-xs font-medium bg-muted/60 hover:bg-primary/15 hover:text-primary border border-border/30 transition-colors\",\"children\":\"Frame-Accurate Comments\"}]]]}]]}],[\"$\",\"$L1e\",null,{\"type\":\"tip\",\"title\":\"New to Frooty?\",\"children\":[\"Start with the\",\" \",[\"$\",\"$L10\",null,{\"href\":\"/docs/quickstart\",\"className\":\"font-semibold text-foreground underline hover:text-primary\",\"children\":\"5-Minute Quickstart Guide\"}],\". If you edit in Adobe Premiere Pro or DaVinci Resolve, the\",\" \",[\"$\",\"$L10\",null,{\"href\":\"/docs/extension-install\",\"className\":\"font-semibold text-foreground underline hover:text-primary\",\"children\":\"Extension Setup Guide\"}],\" \",\"shows you how to dock Frooty right into your workspace.\"]}],[\"$\",\"section\",null,{\"id\":\"editing-integrations\",\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-foreground\",\"children\":\"Host Editing App Integrations\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Choose your primary NLE to get the one-click installer, pairing guide, and marker sync workflow.\"}]]}],[\"$\",\"$L1f\",null,{}]]}],[\"$\",\"section\",null,{\"id\":\"review-demo\",\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-foreground\",\"children\":\"Frame-Accurate Video Review \u0026 Approvals\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"See how clients and editors collaborate: timeco
2ded markers, anchored pins, and drawings on the frame.\"}]]}],\"$L20\"]}],\"$L21\",\"$L22\",\"$L23\",\"$L24\"]}],[\"$L25\"],\"$L26\"]}]\n"])</script>
2<script>self.__next_f.push([1,"9:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L27\",null,{\"children\":\"$L28\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L29\",null,{\"children\":[\"$\",\"$2a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L2b\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nb:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0prga30pj8guh.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nc:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/10vj5rz8cn3ck.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nd:[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0nba4xj5xhi.b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n20:[\"$\",\"$L2c\",null,{}]\n"])</script>
2<script>self.__next_f.push([1,"21:[\"$\",\"section\",null,{\"id\":\"creator-workflows\",\"className\":\"space-y-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-1\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold tracking-tight text-foreground\",\"children\":\"Creator Workflows\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground\",\"children\":\"Step-by-step guides tailored for editors, creative agencies, and content creators.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid sm:grid-cols-2 gap-4\",\"children\":[[\"$\",\"$L10\",null,{\"href\":\"/docs/review-comments\",\"className\":\"group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-square size-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"18887p\",{\"d\":\"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 text-[11px] font-semibold\",\"children\":\"Core Feature\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground group-hover:text-primary transition-colors\",\"children\":\"Reviews, Comments \u0026 Annotations\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mt-1\",\"children\":\"Collect timestamped notes, drawings on the picture, and audio voice comments without requiring clients to sign up.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Explore Review Tools\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}],[\"$\",\"$L10\",null,{\"href\":\"/docs/ai-shorts\",\"className\":\"group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-youtube size-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1q2vi4\",{\"d\":\"M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
25 0 0 1-16.2 0A2 2 0 0 1 2.5 17\"}],[\"$\",\"path\",\"1jp15x\",{\"d\":\"m10 15 5-3-5-3z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 text-[11px] font-semibold\",\"children\":\"AI Powered\"}]]}],\"$L2d\"]}],\"$L2e\"]}],\"$L2f\",\"$L30\"]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"id\":\"keyboard-shortcuts\",\"children\":[\"$\",\"$L31\",null,{}]}]\n"])</script>
2<script>self.__next_f.push([1,"23:[\"$\",\"section\",null,{\"id\":\"platform-compatibility\",\"className\":\"p-6 rounded-2xl bg-card border border-border/40 space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-monitor-check size-5 text-primary\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gnqz4\",{\"d\":\"m9 10 2 2 4-4\"}],[\"$\",\"rect\",\"48i651\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1riwvh\",{\"d\":\"M12 17v4\"}],[\"$\",\"path\",\"1ev6f3\",{\"d\":\"M8 21h8\"}],\"$undefined\"]}],[\"$\",\"h2\",null,{\"className\":\"text-lg font-bold text-foreground\",\"children\":\"Platform \u0026 Hardware Compatibility\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-3 gap-4 text-xs\",\"children\":[[\"$\",\"div\",null,{\"className\":\"p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"Adobe Creative Cloud\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Premiere Pro 2020+ \u0026 After Effects 2020+\"}],[\"$\",\"div\",null,{\"className\":\"text-green-500 font-semibold pt-1\",\"children\":\"macOS \u0026 Windows 10/11\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"DaVinci Resolve Studio\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Workflow Integrations API (Studio 18+)\"}],[\"$\",\"div\",null,{\"className\":\"text-green-500 font-semibold pt-1\",\"children\":\"macOS \u0026 Windows 10/11\"}]]}],[\"$\",\"div\",null,{\"className\":\"p-4 rounded-xl bg-muted/40 border border-border/20 space-y-1.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"font-bold text-foreground text-sm\",\"children\":\"Desktop \u0026 Mobile\"}],[\"$\",\"div\",null,{\"className\":\"text-muted-foreground\",\"children\":\"Native apps with hardware playback\"}],[\"$\",\"div\",null,{\"className\":\"text-green-500 font-semibold pt-1\",\"children\":\"macOS, Windows, iOS \u0026 Android\"}]]}]]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"24:[\"$\",\"$L32\",null,{\"next\":{\"label\":\"5-Minute Quickstart Guide\",\"href\":\"/docs/quickstart\"}}]\n25:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/011lqf5g_pvfb.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n26:[\"$\",\"$L33\",null,{\"children\":[\"$\",\"$2a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@34\"}]}]\n2d:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground group-hover:text-primary transition-colors\",\"children\":\"YouTube Import \u0026 AI Shorts\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mt-1\",\"children\":\"Paste any YouTube URL, extract transcripts, find viral highlights, and reframe into 9:16 vertical clips.\"}]]}]\n2e:[\"$\",\"div\",null,{\"className\":\"pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Learn AI Repurposing\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"2f:[\"$\",\"$L10\",null,{\"href\":\"/docs/caption-styles\",\"className\":\"group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles size-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 text-[11px] font-semibold\",\"children\":\"100+ Presets\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground group-hover:text-primary transition-colors\",\"children\":\"Animated Caption Style Library\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mt-1\",\"children\":\"Turn speech into animated captions: Karaoke, Neon Glow, Bounce, and Cinema subtitles with custom typography.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Browse Caption Styles\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"30:[\"$\",\"$L10\",null,{\"href\":\"/docs/extension-workflow\",\"className\":\"group rounded-2xl border border-border/40 bg-card p-5 hover:border-primary/50 transition-all shadow-xs flex flex-col justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-puzzle size-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"w46dr5\",{\"d\":\"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"data-slot\":\"badge\",\"className\":\"inline-flex items-center justify-center rounded-full border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 [\u0026\u003esvg]:size-3 gap-1 [\u0026\u003esvg]:pointer-events-none focus-visible:bg-accent/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent bg-secondary text-secondary-foreground [a\u0026]:hover:bg-secondary/90 text-[11px] font-semibold\",\"children\":\"Workflow\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-bold text-foreground group-hover:text-primary transition-colors\",\"children\":\"Comments to Timeline Markers\"}],[\"$\",\"p\",null,{\"className\":\"text-sm text-muted-foreground leading-relaxed mt-1\",\"children\":\"Sync client feedback directly into Premiere Pro and DaVinci Resolve markers, and resolve edits right from your NLE.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"pt-4 flex items-center gap-1.5 text-xs font-semibold text-primary\",\"children\":[[\"$\",\"span\",null,{\"children\":\"View Marker Sync Guide\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right size-3.5 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"18:[\"$\",\"$L35\",null,{\"templateId\":\"version-2-white\",\"mode\":\"light\",\"fontClassName\":\"dm_serif_display_54329ccb-module__htyB4W__variable plus_jakarta_sans_77247875-module__nyrXcG__variable source_code_pro_e06f764b-module__y54wUa__variable\",\"children\":[[\"$\",\"$L36\",null,{}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"tabIndex\":-1,\"className\":\"flex-1\",\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$37\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/187w~g6_nzv62.js\",\"async\":true}]],\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex min-h-screen flex-col items-center justify-center gap-4\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":\"This page could not be found.\"}],[\"$\",\"$L10\",null,{\"href\":\"/projects\",\"className\":\"text-sm underline underline-offset-4 hover:text-foreground\",\"children\":\"Go to Dashboard\"}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L38\",null,{}]]}]\n28:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
2<script>self.__next_f.push([1,"2b:[[\"$\",\"title\",\"0\",{\"children\":\"Frooty - Video Collaboration Platform\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Streamline your video review workflow. Frooty helps editors and clients collaborate with timestamped comments, version control, and real-time feedback.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Frooty\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"video review,video collaboration,video feedback,frame.io alternative,video comments,post-production\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Frooty\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"7\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Frooty - Video Collaboration Platform\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Streamline your video review workflow. Collaborate with timestamped comments and real-time feedback.\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:url\",\"content\":\"https://frooty.ai\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:site_name\",\"content\":\"Frooty\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://frooty.ai/og-image.png\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"Frooty - Video Collaboration Platform\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:title\",\"content\":\"Frooty - Video Collaboration Platform\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:description\",\"content\":\"Streamline your video review workflow with timestamped comments and real-time feedback.\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image\",\"content\":\"https://frooty.ai/og-image.png\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0obe_f7kan963.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/favicon-16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/favicon-32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L39\",\"26\",{}]]\n"])</script>
2<script>self.__next_f.push([1,"34:null\n"])</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.