PageSourceSearch

https://wan-3.io/pricing

html wan-3.io collected 2026-10-09 00:02:04 UTC 117,743 bytes, 41 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" href="/logo.png"/><link rel="preload" as="image" href="/logo-dark.png"/><title>Pricing</title><meta name="naver-site-verification" content="c3027bb93eefbbcde4e2b6bb970e59038748133c"/><meta name="theme-color" content="#09090b"/><meta name="description" content="Simple, transparent pricing with no hidden fees"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Wan 3.0"/><meta property="og:locale" content="en"/><meta property="og:title" content="Pricing"/><meta property="og:description" content="Simple, transparent pricing with no hidden fees"/><meta property="og:url" content="https://wan-3.io/pricing"/><meta property="og:image" content="https://wan-3.io/og.jpeg"/><meta name="twitter:title" content="Pricing"/><meta name="twitter:description" content="Simple, transparent pricing with no hidden fees"/><meta name="twitter:url" content="https://wan-3.io/pricing"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://wan-3.io/og.jpeg"/><link rel="modulepreload" href="/assets/main-DkzorUIT.js"/><link rel="modulepreload" href="/assets/pricing-DTPuxVz_.js"/><link rel="modulepreload" href="/assets/faqs-Bs_AYNlD.js"/><link rel="modulepreload" href="/assets/container-DfHu8uKD.js"/><link rel="modulepreload" href="/assets/dashboard-header-CUNDdyQv.js"/><link rel="modulepreload" href="/assets/payment-trust-badges-DHOGwjEs.js"/><link rel="modulepreload" href="/assets/IconArrowLeft-4NJIgW7Y.js"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="icon" href="/favicon.ico"/><link rel="manifest" href="/manifest.json"/><link rel="canonical" href="https://wan-3.io/pricing"/><link rel="alternate" hrefLang="en" href="https://wan-3.io/pricing"/><link rel="alternate" hrefLang="x-default" href="https://wan-3.io/pricing"/><link rel="stylesheet" href="/assets/styles-CXUNiMdB.css"/></head><body>
1<script>(function() {
2  try {
3    var theme = localStorage.getItem('theme') || 'dark';
4    var systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
5    var resolved = theme === 'system' ? systemTheme : theme;
6    document.documentElement.classList.add(resolved);
7  } catch (e) {
8    document.documentElement.classList.add('dark');
9  }
10})();;document.currentScript.remove()</script>
10<div data-slot="sidebar-wrapper" style="--sidebar-width:calc(var(--spacing) * 72);--sidebar-width-icon:3rem;--header-height:calc(var(--spacing) * 12)" class="group/sidebar-wrapper min-h-svh w-full has-data-[variant=inset]:bg-sidebar flex h-svh overflow-hidden"><div class="group peer hidden text-sidebar-foreground md:block" data-state="expanded" data-collapsible="" data-variant="inset" 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-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"></div><div data-slot="sidebar-container" data-side="left" class="fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"><div data-sidebar="sidebar" data-slot="sidebar-inner" class="flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border"><div data-slot="sidebar-header" data-sidebar="header" class="flex flex-col gap-2 p-2"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm data-[slot=sidebar-menu-button]:!p-1.5"><img src="/logo.png" alt="Wan 3.0 logo" class="rounded-md dark:hidden size-5" width="32" height="32" decoding="async"/><img src="/logo-dark.png" alt="Wan 3.0 logo" class="rounded-md hidden dark:block size-5" width="32" height="32" decoding="async"/><span class="truncate font-semibold text-base">Wan 3.0</span></a></li></ul></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm flex flex-col gap-0.5"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-home size-4 shrink-0"><path d="M5 12l-2 0l9 -9l9 9l-2 0"></path><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"></path><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6"></path></svg><span class="truncate font-medium text-sm">Home</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/#generate" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focu
10s-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-sparkles size-4 shrink-0"><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg><span class="truncate font-medium text-sm">Create</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/favorites" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-star size-4 shrink-0"><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873l-6.158 -3.245"></path></svg><span class="truncate font-medium text-sm">Favorites</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/history" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-history size-4 shrink-0"><path d="M12 8l0 4l2 2"></path><path d="M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5"></path></svg><span class="truncate font-medium text-sm">History</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focu
10s-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm active" href="/pricing" data-status="active" aria-current="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="tabler-icon tabler-icon-credit-card size-4 shrink-0"><path d="M3 8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3l0 -8"></path><path d="M3 10l18 0"></path><path d="M7 15l.01 0"></path><path d="M11 15l2 0"></path></svg><span class="truncate font-medium text-sm">Pricing</span><span data-slot="badge" data-variant="default" class="group/badge inline-flex w-fit items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent py-0.5 whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! bg-primary text-primary-foreground [a]:hover:bg-primary/80 ml-auto h-5 shrink-0 px-1.5 text-[10px] font-bold leading-none">50% OFF</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/blog" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-news size-4 shrink-0"><path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"></path><path d="M8 8l4 0"></path><path d="M8 12l4 0"></path><path d="M8 16l4 0"></path></svg><span class="truncate font-medium text-sm">Blog</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-2"><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm flex flex-col gap-0.5"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-cpu size-4 shrink-0"><path d="M5 6a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1l0 -12"></path><path d="M9 9h6v6h-6l0 -6"></path><path d="M3 10h2"></path><path d="M3 14h2"></path><path d="M10 3v2"></path><path d="M14 3v2"></path><path d="M21 10h-2"></path><path d="M21 14h-2"></path><path d="M14 21v-2"></path><path d="M10 21v-2"></path></svg><span class="truncate font-medium text-sm">model</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="tabler-icon tabler-icon-chevron-right ml-auto size-4 shrink-0 text-muted-foreground transition-transform rotate-90"><path d="M9 6l6 6l-6 6"></path></svg></button></li><ul data-slot="sidebar-menu-sub" data-sidebar="menu-sub" class="mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden"><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-sparkles size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg><span class="flex-1 truncate">all models</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts/seedance-2.5" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-video size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4"></path><path d="M3 8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg><span class="flex-1 truncate">Seedance 2.5</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts/nanobanana" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><svg aria-hidden="true" class="size-4 shrink-0 text-muted-foreground" viewBox="0 0 24 24">
10<path fill="#4285F4" d="M23.49 12.27c0-.79-.07-1.54-.2-2.27H12v4.29h6.44a5.37 5.37 0 0 1-2.33 3.52l3.76 2.91c2.2-2.03 3.62-5.03 3.62-8.45Z"></path><path fill="#34A853" d="M12 24c3.24 0 5.96-1.06 7.95-2.88l-3.76-2.91c-1.05.7-2.4 1.12-4.19 1.12-3.12 0-5.77-2.11-6.72-4.96l-3.88 3A12 12 0 0 0 12 24Z"></path><path fill="#FBBC05" d="M5.28 14.37A7.2 7.2 0 0 1 4.91 12c0-.82.14-1.61.37-2.37l-3.88-3A12 12 0 0 0 0 12c0 1.92.46 3.74 1.4 5.37l3.88-3Z"></path><path fill="#EA4335" d="M12 4.67c1.89 0 3.58.65 4.91 1.93l3.58-3.58C17.95.68 15.24 0 12 0 7.31 0 3.25 2.69 1.4 6.63l3.88 3c.95-2.85 3.6-4.96 6.72-4.96Z"></path></svg><span class="flex-1 truncate">Nano Banana</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts/gptimage" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><svg aria-hidden="true" class="size-4 shrink-0 text-muted-foreground" preserveAspectRatio="xMidYMid" viewBox="0 0 256 260"><path fill="currentColor" d="M239.184 106.203a64.716 64.716 0 0 0-5.576-53.103C219.452 28.459 191 15.784 163.213 21.74A65.586 65.586 0 0 0 52.096 45.22a64.716 64.716 0 0 0-43.23 31.36c-14.31 24.602-11.061 55.634 8.033 76.74a64.665 64.665 0 0 0 5.525 53.102c14.174 24.65 42.644 37.324 70.446 31.36a64.72 64.72 0 0 0 48.754 21.744c28.481.025 53.714-18.361 62.414-45.481a64.767 64.767 0 0 0 43.229-31.36c14.137-24.558 10.875-55.423-8.083-76.483Zm-97.56 136.338a48.397 48.397 0 0 1-31.105-11.255l1.535-.87 51.67-29.825a8.595 8.595 0 0 0 4.247-7.367v-72.85l21.845 12.636c.218.111.37.32.409.563v60.367c-.056 26.818-21.783 48.545-48.601 48.601Zm-104.466-44.61a48.345 48.345 0 0 1-5.781-32.589l1.534.921 51.722 29.826a8.339 8.339 0 0 0 8.441 0l63.181-36.425v25.221a.87.87 0 0 1-.358.665l-52.335 30.184c-23.257 13.398-52.97 5.431-66.404-17.803ZM23.549 85.38a48.499 48.499 0 0 1 25.58-21.333v61.39a8.288 8.288 0 0 0 4.195 7.316l62.874 36.272-21.845 12.636a.819.819 0 0 1-.767 0L41.353 151.53c-23.211-13.454-31.171-43.144-17.804-66.405v.256Zm179.466 41.695-63.08-36.63L161.73 77.86a.819.819 0 0 1 .768 0l52.233 30.184a48.6 48.6 0 0 1-7.316 87.635v-61.391a8.544 8.544 0 0 0-4.4-7.213Zm21.742-32.69-1.535-.922-51.619-30.081a8.39 8.39 0 0 0-8.492 0L99.98 99.808V74.587a.716.716 0 0 1 .307-.665l52.233-30.133a48.652 48.652 0 0 1 72.236 50.391v.205ZM88.061 139.097l-21.845-12.585a.87.87 0 0 1-.41-.614V65.685a48.652 48.652 0 0 1 79.757-37.346l-1.535.87-51.67 29.825a8.595 8.595 0 0 0-4.246 7.367l-.051 72.697Zm11.868-25.58 28.138-16.217 28.188 16.218v32.434l-28.086 16.218-28.188-16.218-.052-32.434Z"></path></svg><span class="flex-1 truncate">GPT Image</span></a></li></ul></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm flex flex-col gap-0.5"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focu
10s-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm"><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="tabler-icon tabler-icon-tags size-4 shrink-0"><path d="M3 8v4.172a2 2 0 0 0 .586 1.414l5.71 5.71a2.41 2.41 0 0 0 3.408 0l3.592 -3.592a2.41 2.41 0 0 0 0 -3.408l-5.71 -5.71a2 2 0 0 0 -1.414 -.586h-4.172a2 2 0 0 0 -2 2"></path><path d="M18 19l1.592 -1.592a4.82 4.82 0 0 0 0 -6.816l-4.592 -4.592"></path><path d="M7 10h-.01"></path></svg><span class="truncate font-medium text-sm">Category</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="tabler-icon tabler-icon-chevron-right ml-auto size-4 shrink-0 text-muted-foreground transition-transform rotate-90"><path d="M9 6l6 6l-6 6"></path></svg></button></li><ul data-slot="sidebar-menu-sub" data-sidebar="menu-sub" class="mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden"><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-layers-intersect size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path><path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg><span class="flex-1 truncate">all prompts</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=food-drink" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-tools-kitchen-2 size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12m0 12v6h-1v-3m-10 -14v17m-3 -17v3a3 3 0 1 0 6 0v-3"></path></svg><span class="flex-1 truncate">Food &amp; Drink</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=illustration-3d" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-brush size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg><span class="flex-1 truncate">Illustration &amp; 3D</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=photography" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-camera size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M5 7h1a2 2 0 0 0 2 -2a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1a2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-9a2 2 0 0 1 2 -2"></path><path d="M9 13a3 3 0 1 0 6 0a3 3 0 0 0 -6 0"></path></svg><span class="flex-1 truncate">picture</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=poster-design" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-layout-board-split size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M4 12h8"></path><path d="M12 15h8"></path><path d="M12 9h8"></path><path d="M12 4v16"></path></svg><span class="flex-1 truncate">poster design</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=product-brand" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-box size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5"></path><path d="M12 12l8 -4.5"></path><path d="M12 12l0 9"></path><path d="M12 12l-8 -4.5"></path></svg><span class="flex-1 truncate">Products &amp; Brands</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/prompts?category=ui-graphic" class="flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 [&amp;&gt;svg]:text-sidebar-accent-foreground"><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="tabler-icon tabler-icon-layout-grid size-4 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path><path d="M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4"></path></svg><span class="flex-1 truncate">UI &amp; Graphics</span></a></li></ul></ul></div></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex flex-col gap-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0 border-t pt-4"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" data-slot="dropdown-menu-trigger" data-sidebar="menu-button" data-size="lg" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:p-0! bg-sidebar-accent/60 text-sidebar-accent-foreground hover:bg-sidebar-accent data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground" tabindex="0" aria-haspopup="menu" id="base-ui-_R_rpaoq_"><span data-slot="avatar" data-size="default" class="group/avatar relative flex shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten size-8 border"><span data-slot="avatar-fallback" class="flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs absolute inset-0"><span class="sr-only">User</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="tabler-icon tabler-icon-user size-4"><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path></svg></span></span><div class="grid flex-1 text-left text-sm leading-tight"><span class="truncate font-semibold">guest</span><span class="truncate text-xs text-muted-foreground">Not logged in</span></div><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="tabler-icon tabler-icon-selector ml-auto size-4"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path></svg></button></li></ul></div></div></div></div><main data-slot="sidebar-inset" class="relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2"><div class="min-w-0 flex-1 min-h-0 overflow-y-auto"><a href="/#generate" class="relative block overflow-hidden border-b border-white/10 bg-[linear-gradient(90deg,#5b21b6_0%,#7e22ce_52%,#a21caf_100%)] px-10 py-2 text-center text-sm font-medium text-white shadow-[0_1px_0_rgba(255,255,255,0.08)_inset] transition hover:text-white/90"><span aria-hidden="true" class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_-180%,rgba(255,255,255,0.38),transparent_58%)]"></span><span class="relative">Wan 3.0 is here.</span><button type="button" aria-label="Close" class="absolute top-1/2 right-2 z-10 -translate-y-1/2 roun
10ded p-1 text-white/80 transition hover:bg-white/15 hover:text-white"><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="tabler-icon tabler-icon-x size-3.5"><path d="M18 6l-12 12"></path><path d="M6 6l12 12"></path></svg></button></a><!--$--><div class="flex min-h-svh flex-col"><header class="sticky top-0 z-50 flex h-(--header-height) shrink-0 items-center border-b bg-background transition-[width,height] ease-linear md:rounded-t-xl group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)"><div class="flex w-full min-w-0 items-center gap-2 px-4 lg:px-6"><button type="button" tabindex="0" data-slot="sidebar-trigger" data-sidebar="trigger" class="group/button inline-flex items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg -ml-1 shrink-0"><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="tabler-icon tabler-icon-layout-sidebar "><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M9 4l0 16"></path></svg><span class="sr-only">Toggle Sidebar</span></button><button type="button" tabindex="0" data-slot="button" aria-label="back" class="group/button inline-flex items-center justify-center border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg shrink-0"><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="tabler-icon tabler-icon-arrow-left size-4"><path d="M5 12l14 0"></path><path d="M5 12l6 6"></path><path d="M5 12l6 -6"></path></svg></button><div class="flex min-w-0 flex-1 items-center"></div><div class="ml-auto flex shrink-0 items-center gap-3 pl-4"><button type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_6l2qaoq_" aria-haspopup="dialog" aria-expanded="false" data-slot="popover-trigger" data-testid="gift-feedback-button" aria-label="Report a bug, get free credits" title="Report a bug, get free credits" class="flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-full border border-border bg-transparent p-0 hover:bg-accent"><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="tabler-icon tabler-icon-gift size-4 text-amber-500"><path d="M3 9a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1l0 -2"></path><path d="M12 8l0 13"></path><path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5"></path></svg></button><span><button type="button" data-testid="credit-badge" class="flex h-8 items-center gap-1.5 rounded-md border px-2.5 text-sm transition-colors hover:bg-accent" title="credits"><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="tabler-icon tabler-icon-coins size-4 text-amber-500"><path d="M9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3"></path><path d="M9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4"></path><path d="M3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598"></path><path d="M3 6v10c0 .888 .772 1.45 2 2"></path><path d="M3 11c0 .888 .772 1.45 2 2"></path></svg><span class="font-medium">0</span></button></span><div data-slot="skeleton" class="animate-pulse bg-muted h-8 w-16 rounded-md"></div><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_1t2qaoq_" data-slot="dropdown-menu-trigger" aria-label="Toggle theme" class="flex size-8 shrink-0 items-center justify-center rounded-full border border-border bg-transparent p-0 hover:bg-accent"><span class="relative inline-flex size-4 items-center justify-center"><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="tabler-icon tabler-icon-sun size-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg><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="tabler-icon tabler-icon-moon absolute size-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454l0 .008"></path></svg></span></button></div></div></header><div class="container mx-auto max-w-7xl py-16 px-4"><div class="mx-auto max-w-6xl space-y-8"><div class="rounded-xl border border-primary/30 bg-gradient-to-r from-primary/10 via-primary/5 to-primary/10 px-4 py-3 sm:px-6 sm:py-4"><div class="flex flex-col items-center justify-center gap-2 text-center sm:flex-row sm:gap-4 sm:text-left"><div class="space-y-0.5"><p class="text-base font-bold tracking-tight text-primary sm:text-lg">Limited-time 50% off</p><p class="text-xs text-muted-foreground sm:text-sm">Special pricing ends at midnight tonight</p></div><div class="inline-flex shrink-0 items-center gap-2 rounded-full border border-primary/20 bg-background/80 px-3 py-1.5 text-sm shadow-sm"><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="tabler-icon tabler-icon-clock size-4 text-primary"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M12 7v5l3 3"></path></svg><span class="text-muted-foreground">Ends in</span><span class="font-mono text-base font-bold tabular-nums text-primary">23:57:55</span></div></div></div><div class="space-y-4 text-center"><h1 class="text-3xl font-bold tracking-tight">Pricing</h1><p class="text-lg text-muted-foreground">Choose the plan that works best for you</p></div><h2 class="sr-only">Choose the plan that works best for you</h2><div class="flex flex-col gap-12"><div class="mx-auto flex w-full max-w-5xl flex-nowrap items-center justify-between gap-1 px-0.5 sm:gap-2 sm:px-1"><div class="flex min-w-0 flex-nowrap items-center gap-1 sm:gap-2"><div data-orientation="horizontal" aria-orientation="horizontal" role="group" data-slot="toggle-group" data-size="sm" data-spacing="2" class="group/toggle-group w-fit flex-row data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch flex shrink-0 cursor-pointer items-center gap-0 rounded-md border bg-muted/30 p-0.5 sm:rounded-lg" style="--gap:2"><button type="button" aria-disabled="false" tabindex="-1" aria-pressed="false" data-slot="toggle-group-item" data-variant="default" data-size="sm" data-spacing="2" class="group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent min-w-7 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-3.5 h-7 shrink-0 cursor-pointer rounded px-2 text-[10px] font-medium aria-pressed:!bg-primary aria-pressed:!text-primary-foreground aria-pressed:hover:!bg-primary aria-pressed:hover:!text-primary-foreground sm:h-8 sm:rounded-md sm:px-3 sm:text-xs">Monthly</button><span aria-hidden="true" class="h-3.5 w-px bg-border sm:h-4"></span><button type="button" data-pressed="" aria-disabled="false" tabindex="-1" aria-pressed="true" data-slot="toggle-group-item" data-variant="default" data-size="sm" data-spacing="2" class="group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent min-w-7 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 h-7 shrink-0 cursor-pointer rounded px-2 text-[10px] font-medium aria-pressed:!bg-primary aria-pressed:!text-primary-foreground aria-pressed:hover:!bg-primary aria-pressed:hover:!text-primary-foreground sm:h-8 sm:rounded-md sm:px-3 sm:text-xs">Yearly<span class="ml-1 hidden h-4 items-center rounded-full bg-primary px-1.5 text-[9px] font-bold leading-none text-primary-foreground group-data-[state=on]/toggle:bg-primary-foreground group-data-[state=on]/toggle:text-primary sm:inline-flex">🔥 Save 50% yearly</span></button></div></div><div class="flex shrink-0 flex-nowrap items-center gap-1 sm:gap-2"><div data-orientation="horizontal" aria-orientation="horizontal" role="group" data-slot="toggle-group" data-size="sm" data-spacing="2" class="group/toggle-group w-fit flex-row data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch flex shrink-0 cursor-pointer items-center gap-0 rounded-md border bg-muted/30 p-0.5 sm:rounded-lg" style="--gap:2"><button type="button" aria-disabled="false" tabindex="-1" aria-pressed="false" data-slot="toggle-group-item" data-variant="default" data-size="sm" data-spacing="2" class="group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent min-w-7 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-3.5 h-7 shrink-0 cursor-pointer rounded px-2 text-[10px] font-medium aria-pressed:!bg-primary aria-pressed:!text-primary-foreground aria-pressed:hover:!bg-primary aria-pressed:hover:!text-primary-foreground sm:h-8 sm:rounded-md sm:px-3 sm:text-xs"><span class="sm:hidden">one time</span><span class="hidden sm:inline">One-time credits</span></button><span aria-hidden="true" class="h-3.5 w-px bg-border sm:h-4"></span><button type="button" data-pressed="" aria-disabled="false" tabindex="-1" aria-pressed="true" data-slot="toggle-group-item" data-variant="default" data-size="sm" data-spacing="2" class="group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t group/toggle inline-flex items-center justify-center gap-1 whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-transparent min-w-7 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 h-7 shrink-0 cursor-pointer rounded px-2 text-[10px] font-medium aria-pressed:!bg-primary aria-pressed:!text-primary-foreground aria-pressed:hover:!bg-primary aria-pressed:hover:!text-primary-foreground sm:h-8 sm:rounded-md sm:px-3 sm:text-xs">Subscription</button></div><div class="inline-flex shrink-0 items-center"><button type="button" tabindex="0" id="base-ui-_R_1acsqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Payment currency" class="w-fit items-center justify-between gap-1.5 border-input py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 inline-flex h-7 min-w-7 cursor-pointer rounded-md border bg-muted/30 px-1.5 text-[10px] font-medium shadow-none sm:h-8 sm:min-w-20 sm:rou
10nded-lg sm:px-3 sm:text-xs"><span data-slot="select-value" class="flex flex-1 text-left"><span class="sm:hidden">🇺🇸</span><span class="hidden sm:inline">🇺🇸<!-- --> <!-- -->USD</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_1acsqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="USD"/></div></div></div><div class="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3"><div data-slot="card" data-size="default" class="group/card gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl flex h-full flex-col" data-testid="pricing-card-starter"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-base leading-snug font-medium group-data-[size=sm]/card:text-sm"><h3 class="font-medium">Starter</h3></div><div class="my-4"><p class="mb-1 text-sm font-medium text-primary tabular-nums">Annual $118.8 billing</p><div class="flex flex-wrap items-baseline gap-x-2 gap-y-1"><span class="text-3xl font-semibold tabular-nums sm:text-4xl">$9.90</span><span class="text-xl sm:text-2xl">/month</span></div><div class="mt-2"><span class="text-sm text-muted-foreground line-through tabular-nums">$19.80<!-- -->/month</span></div><p class="mt-1 text-sm font-medium text-muted-foreground">Credits are granted monthly</p><span data-slot="badge" data-variant="outline" class="group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-muted [a]:hover:text-muted-foreground pointer-events-none mt-2 h-auto rounded-md border-primary/40 px-2.5 py-1 text-xs font-semibold text-primary">🔥 Launch sale 50% off</span><div class="mt-3 space-y-1.5"><div class="pointer-events-none flex flex-wrap items-center gap-x-2 gap-y-1 rounded-lg border border-border px-3 py-2 text-xs"><span class="font-semibold tabular-nums">💰 $118.8 billed yearly</span><span class="text-muted-foreground line-through tabular-nums">$237.6</span></div><p class="text-xs font-medium text-primary tabular-nums">Save $118.8</p></div></div><div data-slot="card-description" class="text-sm text-muted-foreground"><p class="text-sm">A simple plan for getting started with AI video</p></div><div class="pointer-events-none mt-4 flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2 text-xs"><span class="text-muted-foreground">Cost per 100 credits</span><span class="font-semibold tabular-nums">$1.11</span></div><a href="/auth/login" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 mt-4 h-11 w-full cursor-pointer text-base font-semibold">Get started for $118.8/yr</a></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-4"><div data-testid="video-generation-estimate" class="flex flex-nowrap items-center justify-center gap-1 border-y border-dashed py-2 text-[11px] text-muted-foreground"><button type="button" tabindex="0" id="base-ui-_R_4tksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video resolution" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[62px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">480p</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_4tksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="480p"/><button type="button" tabindex="0" id="base-ui-_R_8tksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video model" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[120px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">wan-3</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_8tksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="wan-3"/><button type="button" tabindex="0" id="base-ui-_R_ctksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video duration" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-4 w-[54px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">5</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_ctksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="5"/><span class="shrink-0">Up to</span><strong data-testid="video-generation-estimate-result" class="shrink-0 text-xs font-semibold tabular-nums text-primary">22</strong><span class="sr-only" aria-live="polite">Up to 22 480p Wan 3.0 videos at 5s each</span></div><ul class="list-outside space-y-4 text-sm"><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>892 credits per month</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Monthly credits for video generation</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Standard generation queue</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Email support</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Commercial use</span></li></ul><ul class="list-outside space-y-4 text-sm"><li 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="tabler-icon tabler-icon-circle-x size-4 text-muted-foreground"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M10 10l4 4m0 -4l-4 4"></path></svg><span>No priority queue</span></li><li 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="tabler-icon tabler-icon-circle-x size-4 text-muted-foreground"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M10 10l4 4m0 -4l-4 4"></path></svg><span>No dedicated account manager</span></li></ul></div></div><div data-slot="card" data-size="default" class="group/card gap-4 roun
10ded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl flex h-full flex-col relative overflow-visible" data-testid="pricing-card-pro"><div class="absolute -top-3 left-1/2 -translate-x-1/2 transform"><span data-slot="badge" data-variant="default" class="group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-primary/80 bg-primary text-primary-foreground">Popular</span></div><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-base leading-snug font-medium group-data-[size=sm]/card:text-sm"><h3 class="font-medium">Pro</h3></div><div class="my-4"><p class="mb-1 text-sm font-medium text-primary tabular-nums">Annual $239.88 billing</p><div class="flex flex-wrap items-baseline gap-x-2 gap-y-1"><span class="text-3xl font-semibold tabular-nums sm:text-4xl">$19.99</span><span class="text-xl sm:text-2xl">/month</span></div><div class="mt-2"><span class="text-sm text-muted-foreground line-through tabular-nums">$39.90<!-- -->/month</span></div><p class="mt-1 text-sm font-medium text-muted-foreground">Credits are granted monthly</p><span data-slot="badge" data-variant="outline" class="group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-muted [a]:hover:text-muted-foreground pointer-events-none mt-2 h-auto rounded-md border-primary/40 px-2.5 py-1 text-xs font-semibold text-primary">🔥 Launch sale 50% off</span><div class="mt-3 space-y-1.5"><div class="pointer-events-none flex flex-wrap items-center gap-x-2 gap-y-1 rounded-lg border border-border px-3 py-2 text-xs"><span class="font-semibold tabular-nums">💰 $239.88 billed yearly</span><span class="text-muted-foreground line-through tabular-nums">$478.8</span></div><p class="text-xs font-medium text-primary tabular-nums">Save $238.92</p></div></div><div data-slot="card-description" class="text-sm text-muted-foreground"><p class="text-sm">More credits for regular creators and professionals</p></div><div class="pointer-events-none mt-4 flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2 text-xs"><span class="text-muted-foreground">Cost per 100 credits</span><span class="font-semibold tabular-nums">$0.98</span></div><a href="/auth/login" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 mt-4 h-11 w-full cursor-pointer text-base font-semibold">Get started for $239.88/yr</a></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-4"><div data-testid="video-generation-estimate" class="flex flex-nowrap items-center justify-center gap-1 border-y border-dashed py-2 text-[11px] text-muted-foreground"><button type="button" tabindex="0" id="base-ui-_R_4uksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video resolution" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[62px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">480p</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_4uksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="480p"/><button type="button" tabindex="0" id="base-ui-_R_8uksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video model" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[120px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">wan-3</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_8uksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="wan-3"/><button type="button" tabindex="0" id="base-ui-_R_cuksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video duration" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-4 w-[54px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">5</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_cuksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="5"/><span class="shrink-0">Up to</span><strong data-testid="video-generation-estimate-result" class="shrink-0 text-xs font-semibold tabular-nums text-primary">50</strong><span class="sr-only" aria-live="polite">Up to 50 480p Wan 3.0 videos at 5s each</span></div><ul class="list-outside space-y-4 text-sm"><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>2,034 credits per month</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>More monthly generation credits</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Priority generation queue</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Access to supported video workflows</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Priority support</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Commercial use</span></li></ul><ul class="list-outside space-y-4 text-sm"></ul></div></div><div data-slot="card" data-size="default" class="group/card gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[&gt;img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl flex h-full flex-col" data-testid="pricing-card-premium"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-base leading-snug font-medium group-data-[size=sm]/card:text-sm"><h3 class="font-medium">Max</h3></div><div class="my-4"><p class="mb-1 text-sm font-medium text-primary tabular-nums">Annual $1,199.88 billing</p><div class="flex flex-wrap items-baseline gap-x-2 gap-y-1"><span class="text-3xl font-semibold tabular-nums sm:text-4xl">$99.99</span><span class="text-xl sm:text-2xl">/month</span></div><div class="mt-2"><span class="text-sm text-muted-foreground line-through tabular-nums">$199.90<!-- -->/month</span></div><p class="mt-1 text-sm font-medium text-muted-foreground">Credits are granted monthly</p><span data-slot="badge" data-variant="outline" class="group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden border whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;&gt;svg]:pointer-events-none [&amp;&gt;svg]:size-3! [a]:hover:bg-muted [a]:hover:text-muted-foreground pointer-events-none mt-2 h-auto rounded-md border-primary/40 px-2.5 py-1 text-xs font-semibold text-primary">🔥 Launch sale 50% off</span><div class="mt-3 space-y-1.5"><div class="pointer-events-none flex flex-wrap items-center gap-x-2 gap-y-1 rounded-lg border border-border px-3 py-2 text-xs"><span class="font-semibold tabular-nums">💰 $1,199.88 billed yearly</span><span class="text-muted-foreground line-through tabular-nums">$2,398.8</span></div><p class="text-xs font-medium text-primary tabular-nums">Save $1,198.92</p></div></div><div data-slot="card-description" class="text-sm text-muted-foreground"><p class="text-sm">High-volume credits for studios and power users</p></div><div class="pointer-events-none mt-4 flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2 text-xs"><span class="text-muted-foreground">Cost per 100 credits</span><span class="font-semibold tabular-nums">$0.83</span></div><a href="/auth/login" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 mt-4 h-11 w-full cursor-pointer text-base font-semibold">Get started for $1,199.88/yr</a></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-4"><div data-testid="video-generation-estimate" class="flex flex-nowrap items-center justify-center gap-1 border-y border-dashed py-2 text-[11px] text-muted-foreground"><button type="button" tabindex="0" id="base-ui-_R_4vksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video resolution" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[62px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">480p</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_4vksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="480p"/><button type="button" tabindex="0" id="base-ui-_R_8vksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video model" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 w-[120px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">wan-3</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_8vksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="wan-3"/><button type="button" tabindex="0" id="base-ui-_R_cvksqaoq_" role="combobox" aria-expanded="false" aria-haspopup="listbox" data-slot="select-trigger" data-size="sm" aria-label="Video duration" class="flex items-center justify-between border border-input bg-transparent py-2 whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
10size-&#x27;])]:size-4 w-[54px] h-6 shrink-0 cursor-pointer gap-0.5 rounded-md px-1.5 text-[11px] data-[size=sm]:h-6 [&amp;_svg]:size-3"><span data-slot="select-value" class="flex flex-1 text-left">5</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="tabler-icon tabler-icon-selector pointer-events-none size-4 text-muted-foreground" aria-hidden="true"><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4"></path>▼</svg></button><input id="base-ui-_R_cvksqaoq_-hidden-input" style="clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0;padding:0;width:1px;height:1px;margin:-1px;position:fixed;top:0;left:0" tabindex="-1" aria-hidden="true" value="5"/><span class="shrink-0">Up to</span><strong data-testid="video-generation-estimate-result" class="shrink-0 text-xs font-semibold tabular-nums text-primary">300</strong><span class="sr-only" aria-live="polite">Up to 300 480p Wan 3.0 videos at 5s each</span></div><ul class="list-outside space-y-4 text-sm"><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>12,014 credits per month</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>High monthly generation credit allowance</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Priority generation queue</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Access to supported video workflows</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Commercial use</span></li><li 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="tabler-icon tabler-icon-circle-check size-4 text-chart-2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 12l2 2l4 -4"></path></svg><span>Dedicated account support</span></li></ul><ul class="list-outside space-y-4 text-sm"></ul></div></div></div></div><div class="flex flex-col items-center gap-3 rounded-2xl border px-4 py-4 sm:px-6 sm:py-5 border-border/60 bg-muted/20"><p class="text-center text-sm font-semibold tracking-tight text-foreground">Secure payment</p><p class="max-w-2xl text-center text-xs leading-relaxed sm:text-sm text-muted-foreground">We accept Visa, Mastercard, Amex, Discover, JCB, Apple Pay, Google Pay, and other major payment methods.</p><div class="flex w-full max-w-3xl flex-col gap-3"><div class="space-y-2"><p class="text-center text-[10px] font-medium uppercase tracking-wider sm:text-xs text-muted-foreground">Global payments</p><div class="flex flex-wrap items-center justify-center gap-2"><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Str
10ipe"><img src="/payment-logos/stripe.svg" alt="Stripe" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[40px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Visa"><img src="/payment-logos/visa.svg" alt="Visa" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[44px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Mastercard"><img src="/payment-logos/mastercard.svg" alt="Mastercard" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[36px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="American Express"><img src="/payment-logos/american-express.svg" alt="American Express" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[52px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="JCB"><img src="/payment-logos/jcb.svg" alt="JCB" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[32px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Discover"><img src="/payment-logos/discover.svg" alt="Discover" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[56px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Diners Club"><img src="/payment-logos/diners.svg" alt="Diners Club" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[72px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="UnionPay"><img src="/payment-logos/unionpay.svg" alt="UnionPay" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[48px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Ap
10ple Pay"><img src="/payment-logos/apple-pay.svg" alt="Apple Pay" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[44px]"/></div><div class="flex h-8 items-center justify-center rounded-lg border border-black/[0.06] bg-white px-2.5 py-1 shadow-[0_1px_2px_rgba(15,23,42,0.04)] sm:h-9 sm:px-3" title="Google Pay"><img src="/payment-logos/google-pay.svg" alt="Google Pay" loading="lazy" decoding="async" class="h-4 w-auto object-contain sm:h-[18px] max-w-[44px]"/></div></div></div></div><p class="max-w-2xl text-center text-[11px] leading-relaxed sm:text-xs text-muted-foreground">Secure checkout by Stripe · SSL encrypted · PCI DSS compliant · 256-bit encryption</p><p class="text-center text-[11px] sm:text-xs text-muted-foreground">Billing questions:<!-- --> <a href="mailto:[email protected]" class="underline underline-offset-4 transition-colors text-foreground/80 hover:text-foreground">[email protected]</a></p></div><section id="faqs" class="px-4 py-16 md:py-24"><div class="mx-auto max-w-4xl"><div class="reveal-visible"><div class="flex flex-col items-center text-center gap-4"><p class="uppercase tracking-wider text-primary font-semibold">Wan 3.0 FAQ — Frequently Asked Questions</p><h2 class="text-balance text-2xl text-foreground">Everything you need to know about Wan 3.0</h2></div></div><div class="reveal-visible mx-auto mt-12 max-w-4xl" style="animation-delay:150ms"><div class="divide-y divide-border rounded-2xl border border-primary/15 px-4 py-3 shadow-sm dark:border-primary/10 sm:px-8"><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>What can I create with Wan 3.0?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Wan 3.0 supports AI video generation from text prompts (text-to-vi
10deo) and reference images (image-to-video). Use Wan 3.0 to create cinematic clips, motion concepts, social content, and storyboards — all in one workspace.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>Can I try Wan 3.0 for free?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Yes. Wan 3.0 offers free credits to new accounts — no credit card required. Start creating on Wan 3.0 immediately and upgrade when you need more.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>Does Wan 3.0 support text-to-video and image-to-video?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Yes. Wan 3.0 integrates both text-to-video and image-to-video generation in a single interface. Choose the workflow that fits your creative goal inside Wan 3.0.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>Which video models are available on Wan 3.0?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Wan 3.0 currently runs on the Wan 2.7 model engine with text-to-video and image-to-video variants. Additional Wan 3.0 model integrations are planned.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>How does Wan 3.0 pricing work?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Wan 3.0 uses a credit-based system. Each generation on Wan 3.0 consumes credits based on the workflow, duration, and resolution you select. The cost is displayed before you create on Wan 3.0.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>Is there a generation limit on Wan 3.0?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Your available generations on Wan 3.0 depend on your credit balance. Wan 3.0 free tier includes trial credits. Paid Wan 3.0 plans provide larger credit pools — add credits whenever you need more.</p></div></details>
10<details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>What resolution and duration does Wan 3.0 support?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Available resolutions and durations depend on the selected model. The generator only shows settings supported by your chosen workflow.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>Are my uploads and results private on Wan 3.0?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Your uploaded references and generated results on Wan 3.0 are private to your account. See our Privacy Policy for details on how Wan 3.0 handles your data.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>How do I cancel my subscription?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">First, open the <a href="/settings/billing" class="font-semibold text-primary underline underline-offset-4 hover:text-primary/80">billing page</a> and click &quot;Manage subscription&quot;. Choose to cancel in the Stripe customer portal, and auto-renewal will stop at the end of your current billing period.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>How do I request a refund?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">For our refund policy, please see the <a href="/terms" class="font-semibold text-primary underline underline-offset-4 hover:text-primary/80">Terms of Service</a>. If you need a refund, contact us at <a href="mailto:[email protected]" class="font-semibold text-primary underline underline-offset-4 hover:text-primary/80">[email protected]</a>.</p></div></details><details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>What if credits feel too expensive?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">We understand credits can feel pricey. That&#x27;s due to the heavy compute Wan 3.0 requires. To get the most out of your credits, read the <a href="/blog/how-to-use-wan-3" class="font-semibold text-primary underline underline-offset-4 hover:text-primary/80">Wan 3.0 user guide</a>.</p></div></details>
10<details class="group cursor-pointer py-4"><summary class="flex items-center justify-between text-base font-medium hover:no-underline [&amp;::-webkit-details-marker]:hidden"><span>How do I get video quality I&#x27;m happy with?</span><svg class="size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-open:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="mt-3"><p class="text-base text-muted-foreground">Read the <a href="/blog/how-to-use-wan-3" class="font-semibold text-primary underline underline-offset-4 hover:text-primary/80">Wan 3.0 user guide</a>, especially the official prompting tutorial. Wan 3.0 is built for professional AI video creation, and the right techniques help you get the most out of it.</p></div></details></div></div></div></section></div></div></div>
10<script></script>
10<!--/$--></div></main></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
10<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};
11;$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/main-DkzorUIT.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/main-DkzorUIT.js\")"}]},"/(pages)/pricing":$R[8]={preloads:$R[9]=["/assets/pricing-DTPuxVz_.js","/assets/faqs-Bs_AYNlD.js","/assets/container-DfHu8uKD.js","/assets/dashboard-header-CUNDdyQv.js","/assets/payment-trust-badges-DHOGwjEs.js","/assets/IconArrowLeft-4NJIgW7Y.js"]}}},matches:$R[10]=[$R[11]={i:"__root__/",u:1791504124138,s:"success",ssr:!0},$R[12]={i:"/(pages)/pricing/pricing",u:1791504124138,s:"success",ssr:!0}],lastMatchId:"/(pages)/pricing/pricing",dehydratedData:$R[13]={queryStream:$R[14]=($R[15]=(e) => new ReadableStream({ start: (r) => {
12  e.on({ next: (a2) => {
13    try {
14      r.enqueue(a2);
15    } catch (t2) {
16    }
17  }, throw: (a2) => {
18    r.error(a2);
19  }, return: () => {
20    try {
21      r.close();
22    } catch (a2) {
23    }
24  } });
25} }))($R[16]=($R[17]=() => {
26  let e = [], r = [], t2 = true, n2 = false, a2 = 0, s = (l2, g2, S2) => {
27    for (S2 = 0; S2 < a2; S2++) r[S2] && r[S2][g2](l2);
28  }, i = (l2, g2, S2, d2) => {
29    for (g2 = 0, S2 = e.length; g2 < S2; g2++) d2 = e[g2], !t2 && g2 === S2 - 1 ? l2[n2 ? "return" : "throw"](d2) : l2.next(d2);
30  }, u2 = (l2, g2) => (t2 && (g2 = a2++, r[g2] = l2), i(l2), () => {
31    t2 && (r[g2] = r[a2], r[a2--] = void 0);
32  });
33  return { __SEROVAL_STREAM__: true, on: (l2) => u2(l2), next: (l2) => {
34    t2 && (e.push(l2), s(l2, "next"));
35  }, throw: (l2) => {
36    t2 && (e.push(l2), s(l2, "throw"), t2 = false, n2 = false, r.length = 0);
37  }, return: (l2) => {
38    t2 && (e.push(l2), s(l2, "return"), t2 = false, n2 = true, r.length = 0);
39  } };
40})())}})($R["tsr"]);document.currentScript.remove()</script>
40<script type="module" async="">import("/assets/main-DkzorUIT.js")</script>
40<script>($R=>$R[16].return(void 0))($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
40<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"4233e6be258248cebfc529b89601e190","r":1,"spa":2}' crossorigin="anonymous"></script>
40
41</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.