PageSourceSearch

https://imagesv2.ai/

html imagesv2.ai collected 2026-10-05 12:02:57 UTC 1,491,389 bytes, 13 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr" class="noto_sans_mono_7df8b5a-module__OsCx2q__variable jetbrains_mono_f0e1cf5b-module__w1ICmG__variable overflow-x-hidden"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/7da1b2d9318915d2-s.p.0jn-y.~othqka.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogo.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=256&amp;q=75 2x" fetchPriority="high"/><style data-precedence="next" data-href="/_next/static/chunks/0.7fbubfrrb-~.css /_next/static/chunks/038xsboa-qblk.css /_next/static/chunks/13x3-pz71zjmu.css">@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-orange-100:#ffedd5;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-orange-600:#f05100;--color-orange-700:#c53c00;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-yellow-400:#fac800;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-green-500:#00c758;--color-green-600:#00a544;--color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-600:#155dfc;--color-blue-800:#193cb8;--color-blue-950:#162456;--color-violet-50:#f5f3ff;--color-violet-200:#ddd6ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-950:#2f0d68;--color-purple-400:#c07eff;--color-pink-50:#fdf2f8;--color-pink-400:#fb64b6;--color-pink-600:#e30076;--color-pink-950:#510424;--color-rose-500:#ff2357;--color-gray-400:#99a1af;--color-gray-600:#4a5565;--color-gray-800:#1e2939;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-500:#71717b;--color-zinc-700:#3f3f46;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-400:#a1a1a1;--color-neutral-600:#525252;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;
1--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow:var(--shadow);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-border:var(--border)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);
1--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-red-950:lab(13.003% 29.04 16.7519);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-amber-950:lab(15.8111% 20.9107 23.3752);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-950:lab(15.6723% 8.86232 -32.2945);--color-violet-50:lab(96.2416% 2.28849 -5.51657);--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-950:lab(14.0706% 33.3353 -46.7553);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-pink-50:lab(96.4459% 4.53997 -1.49434);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-pink-950:lab(15.6116% 35.2166 3.53979);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-950:lab(1.90334% .278696 -5.48866);--color-zinc-50:lab(98.26% 0 0);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115);--color-neutral-50:lab(98.26% 0 0);--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-600:lab(34.924% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
1::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);font-family:var(--font-sans);color:var(--foreground)}button,a,summary,label,select,[role=button],[role=tab],[role=menuitem],[role=option],[role=slider],[role=switch],[role=checkbox],[role=radio]{touch-action:manipulation}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/main{container:main/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\[inset\:0\%_0px\]{inset:0% 0}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-start-12{inset-inline-start:calc(var(--spacing)*-12)}.start-0{inset-inline-start:calc(var(--spacing)*0)}.start-1{inset-inline-start:calc(var(--spacing)*1)}.start-1\/2{inset-inline-start:50%}.start-2{inset-inline-start:calc(var(--spacing)*2)}.start-3{inset-inline-start:calc(var(--spacing)*3)}.start-4{inset-inline-start:calc(var(--spacing)*4)}.start-5{inset-inline-start:calc(var(--spacing)*5)}.start-\[50\%\]{inset-inline-start:50%}.-end-2{inset-inline-end:calc(var(--spacing)*-2)}.-end-3{inset-inline-end:calc(var(--spacing)*-3)}.-end-12{inset-inline-end:calc(var(--spacing)*-12)}.-end-16{inset-inline-end:calc(var(--spacing)*-16)}.end-0{inset-inline-end:calc(var(--spacing)*0)}.end-1{inset-inline-end:calc(var(--spacing)*1)}.end-2{inset-inline-end:calc(var(--spacing)*2)}.end-3{inset-inline-end:calc(var(--spacing)*3)}.end-4{inset-inline-end:calc(var(--spacing)*4)}.end-6{inset-inline-end:calc(var(--spacing)*6)}.-top-0{top:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.-top-3{top:calc(var(--spacing)*-3)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-12{top:calc(var(--spacing)*12)}.top-24{top:calc(var(--spacing)*24)}.top-\[1px\]{top:1px}.top-\[5\%\]{top:5%}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.-z-10{z-index:calc(10*-1)}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[51\]{z-index:51}.z-\[60\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.m-4{margin:calc(var(--spacing)*4)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-7{margin-inline:calc(var(--spacing)*7)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.-ms-1{margin-inline-start:calc(var(--spacing)*-1)}.-ms-2{margin-inline-start:calc(var(--spacing)*-2)}.-ms-4{margin-inline-start:calc(var(--spacing)*-4)}.ms-0\.5{margin-inline-start:calc(var(--spacing)*.5)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-1\.5{margin-inline-start:calc(var(--spacing)*1.5)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-auto{margin-inline-start:auto}.-me-1{margin-inline-end:calc(var(--spacing)*-1)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-1\.5{margin-inline-end:calc(var(--spacing)*1.5)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-10{margin-top:calc(var(--spacing)*-10)}.-mt-16{margin-top:calc(var(--spacing)*-16)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}
1.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\[0\.45rem\]{margin-top:.45rem}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.\[margin-left\:-200\%\]{margin-left:-200%}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-16\/9{aspect-ratio:16/9}.aspect-76\/59{aspect-ratio:76/59}.aspect-\[2\/1\]{aspect-ratio:2}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[230\/260\]{aspect-ratio:230/260}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-0\.5{width:calc(var(--spacing)*.5);height:calc(var(--spacing)*.5)}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-24{width:calc(var(--spacing)*24);height:calc(var(--spacing)*24)}.size-full{width:100%;height:100%}.\!h-11{height:calc(var(--spacing)*11)!important}.\[height\:300vh\]{height:300vh}.h-\(--header-height\){height:var(--header-height)}.h-\(--radix-navigation-menu-viewport-height\){height:var(--radix-navigation-menu-viewport-height)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}
1.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-72{height:calc(var(--spacing)*72)}.h-\[1\.15rem\]{height:1.15rem}.h-\[40vh\]{height:40vh}.h-\[50vh\]{height:50vh}.h-\[70vh\]{height:70vh}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[min\(240px\,calc\(100dvh-160px\)\)\]{height:min(240px,100dvh - 160px)}.h-\[min\(360px\,calc\(100dvh-160px\)\)\]{height:min(360px,100dvh - 160px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[300px\]{max-height:300px}.max-h-\[390px\]{max-height:390px}.max-h-\[400px\]{max-height:400px}.max-h-\[420px\]{max-height:420px}.max-h-\[560px\]{max-height:560px}.max-h-\[800px\]{max-height:800px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\[2\.25rem\]{min-height:2.25rem}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[104px\]{min-height:104px}.min-h-\[120px\]{min-height:120px}.min-h-\[132px\]{min-height:132px}.min-h-\[150px\]{min-height:150px}.min-h-\[160px\]{min-height:160px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-\[220px\]{min-height:220px}.min-h-\[300px\]{min-height:300px}.min-h-\[340px\]{min-height:340px}.min-h-\[400px\]{min-height:400px}.min-h-\[420px\]{min-height:420px}.min-h-\[480px\]{min-height:480px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\[width\:600vw\]{width:600vw}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[50px\]{width:50px}.w-\[95vw\]{width:95vw}.w-\[100px\]{width:100px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[min\(72rem\,92vw\)\]{width:min(72rem,92vw)}.w-\[min\(820px\,calc\(100vw-2rem\)\)\]{width:min(820px,100vw - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[20rem\]{max-width:20rem}.max-w-\[60\%\]{max-width:60%}.max-w-\[80\%\]{max-width:80%}.max-w-\[88rem\]{max-width:88rem}.max-w-\[92vw\]{max-width:92vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[460px\]{max-width:460px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-2xs{min-width:var(--container-2xs)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\[1\.9rem\]{min-width:1.9rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[52rem\]{min-width:52rem}.min-w-\[56px\]{min-width:56px}.min-w-\[60px\]{min-width:60px}.min-w-\[64px\]{min-width:64px}.min-w-\[68px\]{min-width:68px}.min-w-\[180px\]{min-width:180px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-\[calc\(50\%-6px\)\]{flex-basis:calc(50% - 6px)}.basis-full{flex-basis:100%}
1.caption-bottom{caption-side:bottom}.\[transform-origin\:100\%_0_0\]{transform-origin:100% 0 0}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-top{transform-origin:top}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[150\%\]{--tw-translate-x:150%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-180{rotate:-180deg}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-\[var\(--angle\)\]{rotate:var(--angle)}.\[transform\:rotateX\(var\(--grid-angle\)\)\]{transform:rotateX(var(--grid-angle))}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[pulse_1s_ease-in-out_2\]{animation:1s ease-in-out 2 pulse}.animate-grid{animation:15s linear infinite grid}.animate-marquee{animation:marquee var(--duration)infinite linear}.animate-marquee-vertical{animation:marquee-vertical var(--duration)linear infinite}.animate-meteor{animation:5s linear infinite meteor}.animate-pulse{animation:var(--animate-pulse)}.animate-ripple{animation:ripple var(--duration,2s)ease calc(var(--i,0)*.2s)infinite}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-zoom-in{cursor:zoom-in}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.scroll-mt-40{scroll-margin-top:calc(var(--spacing)*40)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.columns-1{columns:1}.columns-2{columns:2}.break-inside-avoid{break-inside:avoid}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[2fr_3fr\]{grid-template-columns:2fr 3fr}.grid-cols-\[32px_minmax\(0\,1fr\)\]{grid-template-columns:32px minmax(0,1fr)}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}
1.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:var\(--gap\)\]{gap:var(--gap)}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-px{gap:1px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px*var(--tw-space-y-reverse));margin-block-end:calc(1px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}:where(.-space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-2\.5{row-gap:calc(var(--spacing)*2.5)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border\/60>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\/60>:not(:last-child)){border-color:color-mix(in oklab,var(--border)60%,transparent)}}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}
1.rounded-\(--radius\){border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[calc\(var\(--radius\)\+0\.75rem\)\]{border-radius:calc(var(--radius) + .75rem)}.rounded-\[calc\(var\(--radius\)-2px\)\]{border-radius:calc(var(--radius) - 2px)}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-sm{border-start-start-radius:calc(var(--radius) - 4px)}.rounded-e-lg{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\(length\:--border-beam-width\){border-style:var(--tw-border-style);border-width:var(--border-beam-width)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-300\/50{border-color:#ffd23680}@supports (color:color-mix(in lab, red, red)){.border-amber-300\/50{border-color:color-mix(in oklab,var(--color-amber-300)50%,transparent)}}.border-amber-400\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/40{border-color:color-mix(in oklab,var(--color-amber-400)40%,transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-border,.border-border\/25{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/25{border-color:color-mix(in oklab,var(--border)25%,transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab,var(--border)70%,transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab,var(--border)80%,transparent)}}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/40{border-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab,var(--color-emerald-500)40%,transparent)}}.border-foreground,.border-foreground\/5{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\/5{border-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.border-foreground\/10{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\/10{border-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.border-foreground\/80{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\/80{border-color:color-mix(in oklab,var(--foreground)80%,transparent)}}.border-input{border-color:var(--input)}.border-muted-foreground\/30{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\/30{border-color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.border-muted-foreground\/40{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\/40{border-color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.border-muted-foreground\/50{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\/50{border-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.border-primary{border-color:var(--primary)}.border-primary-foreground\/20{border-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.border-primary-foreground\/20{border-color:color-mix(in oklab,var(--primary-foreground)20%,transparent)}}.border-primary\/10{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/10{border-color:color-mix(in oklab,var(--primary)10%,transparent)}}.border-primary\/15{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/15{border-color:color-mix(in oklab,var(--primary)15%,transparent)}}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab,var(--primary)25%,transparent)}}.border-primary\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/40{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.border-primary\/45{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/45{border-color:color-mix(in oklab,var(--primary)45%,transparent)}}.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/60{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-violet-200\/60{border-color:#ddd6ff99}@supports (color:color-mix(in lab, red, red)){.border-violet-200\/60{border-color:color-mix(in oklab,var(--color-violet-200)60%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.border-s-transparent{border-inline-start-color:#0000}.border-t-transparent{border-top-color:#0000}.\!bg-transparent{background-color:#0000!important}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#07C160\]{background-color:#07c160}.bg-\[\#EDEDED\]{background-color:#ededed}.bg-accent{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.bg-background,.bg-background\/40{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/40{background-color:color-mix(in oklab,var(--background)40%,transparent)}}.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}.bg-background\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/70{background-color:color-mix(in oklab,var(--background)70%,transparent)}}.bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.bg-background\/85{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/85{background-color:color-mix(in oklab,var(--background)85%,transparent)}}.bg-background\/88{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/88{background-color:color-mix(in oklab,var(--background)88%,transparent)}}.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black)35%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab,var(--color-black)65%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600\/80{background-color:#155dfccc}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/80{background-color:color-mix(in oklab,var(--color-blue-600)80%,transparent)}}.bg-border,.bg-border\/60{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.bg-border\/60{background-color:color-mix(in oklab,var(--border)60%,transparent)}}.bg-card,.bg-card\/25{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/25{background-color:color-mix(in oklab,var(--card)25%,transparent)}}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/5{background-color:color-mix(in oklab,var(--color-emerald-500)5%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-foreground,.bg-foreground\/25{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/25{background-color:color-mix(in oklab,var(--foreground)25%,transparent)}}.bg-foreground\/80{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/80{background-color:color-mix(in oklab,var(--foreground)80%,transparent)}}.bg-foreground\/\[0\.02\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/\[0\.02\]{background-color:color-mix(in oklab,var(--foreground)2%,transparent)}}.bg-green-500\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/15{background-color:color-mix(in oklab,var(--color-green-500)15%,transparent)}}.bg-green-600\/80{background-color:#00a544cc}@supports (color:color-mix(in lab, red, red)){.bg-green-600\/80{background-color:color-mix(in oklab,var(--color-green-600)80%,transparent)}}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/30{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.bg-muted-foreground\/60{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/60{background-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.bg-muted\/10{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/10{background-color:color-mix(in oklab,var(--muted)10%,transparent)}}.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\/30{background-color:var(
1--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/35{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/35{background-color:color-mix(in oklab,var(--muted)35%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-muted\/70{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.bg-orange-600\/80{background-color:#f05100cc}@supports (color:color-mix(in lab, red, red)){.bg-orange-600\/80{background-color:color-mix(in oklab,var(--color-orange-600)80%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--primary)15%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-primary\/50{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/50{background-color:color-mix(in oklab,var(--primary)50%,transparent)}}.bg-primary\/90{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/90{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.bg-primary\/\[0\.04\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/\[0\.04\]{background-color:color-mix(in oklab,var(--primary)4%,transparent)}}.bg-primary\/\[0\.08\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/\[0\.08\]{background-color:color-mix(in oklab,var(--primary)8%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/70{background-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/70{background-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\/55{background-color:color-mix(in oklab,var(--color-white)55%,transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-500\/15{background-color:#71717b26}@supports (color:color-mix(in lab, red, red)){.bg-zinc-500\/15{background-color:color-mix(in oklab,var(--color-zinc-500)15%,transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-linear-to-br\/increasing{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br\/increasing{--tw-gradient-position:to bottom right in oklch increasing hue}}.bg-linear-to-br\/increasing{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:linear-gradient\(90deg\,var\(--color-foreground\)_1px\,transparent_1px\)\]{background-image:linear-gradient(90deg,var(--color-foreground)1px,transparent 1px)}.\[background-image\:linear-gradient\(to_right\,var\(--light-line\)_1px\,transparent_0\)\,linear-gradient\(to_bottom\,var\(--light-line\)_1px\,transparent_0\)\]{background-image:linear-gradient(to right,var(--light-line)1px,transparent 0),linear-gradient(to bottom,var(--light-line)1px,transparent 0)}.bg-\[repeating-linear-gradient\(-45deg\,var\(--color-foreground\)\,var\(--color-foreground\)_1px\,transparent_1px\,transparent_4px\)\]{background-image:repeating-linear-gradient(-45deg,var(--color-foreground),var(--color-foreground)1px,transparent 1px,transparent 4px)}.from-\[var\(--color-from\)\]{--tw-gradient-from:var(--color-from);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
1(--tw-gradient-to-position))}.from-amber-300{--tw-gradient-from:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-400\/10{--tw-gradient-from:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.from-amber-400\/10{--tw-gradient-from:color-mix(in oklab,var(--color-amber-400)10%,transparent)}}.from-amber-400\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab,var(--color-black)40%,transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab, red, red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black)60%,transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/75{--tw-gradient-from:#000000bf}@supports (color:color-mix(in lab, red, red)){.from-black\/75{--tw-gradient-from:color-mix(in oklab,var(--color-black)75%,transparent)}}.from-black\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-muted\/40{--tw-gradient-from:var(--muted)}@supports (color:color-mix(in lab, red, red)){.from-muted\/40{--tw-gradient-from:color-mix(in oklab,var(--muted)40%,transparent)}}.from-muted\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-100{--tw-gradient-from:var(--color-neutral-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-900{--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/5{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/5{--tw-gradient-from:color-mix(in oklab,var(--primary)5%,transparent)}}.from-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
1(--tw-gradient-to-position))}.from-primary\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--primary)10%,transparent)}}.from-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/20{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/20{--tw-gradient-from:color-mix(in oklab,var(--primary)20%,transparent)}}.from-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\/90{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\/90{--tw-gradient-from:color-mix(in oklab,var(--primary)90%,transparent)}}.from-primary\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-50\/60{--tw-gradient-from:#fafafa99}@supports (color:color-mix(in lab, red, red)){.from-zinc-50\/60{--tw-gradient-from:color-mix(in oklab,var(--color-zinc-50)60%,transparent)}}.from-zinc-50\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-500{--tw-gradient-from:var(--color-zinc-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[var\(--color-to\)\]{--tw-gradient-via:var(--color-to);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-200{--tw-gradient-via:var(--color-amber-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background{--tw-gradient-via:var(--background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-p
1osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/0{--tw-gradient-via:#0000}@supports (color:color-mix(in lab, red, red)){.via-black\/0{--tw-gradient-via:color-mix(in oklab,var(--color-black)0%,transparent)}}.via-black\/0{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/80{--tw-gradient-via:#000c}@supports (color:color-mix(in lab, red, red)){.via-black\/80{--tw-gradient-via:color-mix(in oklab,var(--color-black)80%,transparent)}}.via-black\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-700{--tw-gradient-via:var(--color-yellow-700);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-50\%{--tw-gradient-via-position:50%}.to-accent\/20{--tw-gradient-to:var(--accent)}@supports (color:color-mix(in lab, red, red)){.to-accent\/20{--tw-gradient-to:color-mix(in oklab,var(--accent)20%,transparent)}}.to-accent\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-300{--tw-gradient-to:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background\/70{--tw-gradient-to:var(--background)}@supports (color:color-mix(in lab, red, red)){.to-background\/70{--tw-gradient-to:color-mix(in oklab,var(--background)70%,transparent)}}.to-background\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-100{--tw-gradient-to:var(--color-neutral-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-800{--tw-gradient-to:var(--color-neutral-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
1(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/5{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/5{--tw-gradient-to:color-mix(in oklab,var(--primary)5%,transparent)}}.to-primary\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/70{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/70{--tw-gradient-to:color-mix(in oklab,var(--primary)70%,transparent)}}.to-primary\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/85{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\/85{--tw-gradient-to:color-mix(in oklab,var(--primary)85%,transparent)}}.to-primary\/85{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-90\%{--tw-gradient-to-position:90%}.\[mask-image\:linear-gradient\(to_bottom\,white\,transparent\)\]{-webkit-mask-image:linear-gradient(#fff,#0000);mask-image:linear-gradient(#fff,#0000)}.\[mask-image\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(\#000\,\#000\)\]{-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000)}.\[background-size\:var\(--cell-size\)_var\(--cell-size\)\]{background-size:var(--cell-size)var(--cell-size)}.\[background-size\:var\(--shimmer-width\)_100\%\]{background-size:var(--shimmer-width)100%}.bg-\[length\:6px_1px\]{background-size:6px 1px}.bg-\[length\:250\%_100\%\,auto\]{background-size:250% 100%,auto}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\[background-position\:0_0\]{background-position:0 0}.\[background-repeat\:no-repeat\,padding-box\]{background-repeat:no-repeat,padding-box}.\[background-repeat\:repeat\]{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.\[mask-composite\:intersect\]{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.\[mask-clip\:padding-box\,border-box\]{-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box}.fill-current{fill:currentColor}.fill-gray-400\/30{fill:#99a1af4d}@supports (color:color-mix(in lab, red, red)){.fill-gray-400\/30{fill:color-mix(in oklab,var(--color-gray-400)30%,transparent)}}
1.fill-muted{fill:var(--muted)}.fill-primary,.fill-primary\/20{fill:var(--primary)}@supports (color:color-mix(in lab, red, red)){.fill-primary\/20{fill:color-mix(in oklab,var(--primary)20%,transparent)}}.fill-yellow-400{fill:var(--color-yellow-400)}.stroke-gray-400\/30{stroke:#99a1af4d}@supports (color:color-mix(in lab, red, red)){.stroke-gray-400\/30{stroke:color-mix(in oklab,var(--color-gray-400)30%,transparent)}}.stroke-muted{stroke:var(--muted)}.stroke-primary{stroke:var(--primary)}.stroke-1{stroke-width:1px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-\[1px\]{padding:1px}.px-\(--viewport-outer-px\){padding-inline:var(--viewport-outer-px)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.ps-2\.5{padding-inline-start:calc(var(--spacing)*2.5)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-5{padding-inline-start:calc(var(--spacing)*5)}.ps-8{padding-inline-start:calc(var(--spacing)*8)}.ps-9{padding-inline-start:calc(var(--spacing)*9)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.ps-12{padding-inline-start:calc(var(--spacing)*12)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-2\.5{padding-inline-end:calc(var(--spacing)*2.5)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pe-8{padding-inline-end:calc(var(--spacing)*8)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-24{padding-top:calc(var(--spacing)*24)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-14{padding-bottom:calc(var(--spacing)*14)}
1.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-\[-1px\]{vertical-align:-1px}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-background{color:var(--background)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive,.text-destructive\/80{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.text-destructive\/80{color:color-mix(in oklab,var(--destructive)80%,transparent)}}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-800\/80{color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-800\/80{color:color-mix(in oklab,var(--color-emerald-800)80%,transparent)}}.text-emerald-900{color:var(--color-emerald-900)}.text-foreground,.text-foreground\/40{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/40{color:color-mix(in oklab,var(--foreground)40%,transparent)}}.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab,var(--foreground)60%,transparent)}}.text-foreground\/65{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/65{color:color-mix(in oklab,var(--foreground)65%,transparent)}}.text-foreground\/70{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/70{color:color-mix(in oklab,var(--foreground)70%,transparent)}}.text-foreground\/75{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/75{color:color-mix(in oklab,var(--foreground)75%,transparent)}}.text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-foreground\/85{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/85{color:color-mix(in oklab,var(--foreground)85%,transparent)}}.text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/90{color:color-mix(in oklab,var(--foreground)90%,transparent)}}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground,.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-muted-foreground\/75{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/75{color:color-mix(in oklab,var(--muted-foreground)75%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-600\/50{color:#52525280}@supports (color:color-mix(in lab, red, red)){.text-neutral-600\/50{color:color-mix(in oklab,var(--color-neutral-600)50%,transparent)}}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-900\/55{color:#1717178c}@supports (color:color-mix(in lab, red, red)){.text-neutral-900\/55{color:color-mix(in oklab,var(--color-neutral-900)55%,transparent)}}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-pink-600{color:var(--color-pink-600)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-primary\/30{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/30{color:color-mix(in oklab,var(--primary)30%,transparent)}}.text-primary\/60{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/60{color:color-mix(in oklab,var(--primary)60%,transparent)}}.text-primary\/70{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/70{color:color-mix(in oklab,var(--primary)70%,transparent)}}.text-primary\/80{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\/80{color:color-mix(in oklab,var(--primary)80%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}
1.opacity-5{opacity:.05}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.035\]{opacity:.035}.opacity-\[var\(--opacity\)\]{opacity:var(--opacity)}.shadow{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_\#ffffff10\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff10);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_22px_-6px\]{--tw-shadow:0 8px 22px -6px var(--tw-sha
1dow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.shadow-\[\#07C160\]\/55{--tw-shadow-color:#07c1608c}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#07C160\]\/55{--tw-shadow-color:color-mix(in oklab,lab(68.7413% -58.3357 36.6284/.55) var(--tw-shadow-alpha),transparent)}}.shadow-amber-500\/30{--tw-shadow-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-amber-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\/15{--tw-shadow-color:#00000026}@supports (color:color-mix(in lab, red, red)){.shadow-black\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)15%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\/\[0\.03\]{--tw-shadow-color:#00000008}@supports (color:color-mix(in lab, red, red)){.shadow-black\/\[0\.03\]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)3%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/15{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)15%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/20{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/25{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)25%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\/55{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/55{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)55%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-red-500\/30{--tw-shadow-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-zinc-950\/5{--tw-shadow-color:#09090b0d}@supports (color:color-mix(in lab, red, red)){.shadow-zinc-950\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-zinc-950)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-\(--ring-color\){--tw-ring-color:var(--ring-color)}.ring-black\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-border,.ring-border\/60{--tw-ring-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.ring-border\/60{--tw-ring-color:color-mix(in oklab,var(--border)60%,transparent)}}.ring-foreground\/5{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/5{--tw-ring-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.ring-foreground\/\[0\.07\]{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/\[0\.07\]{--tw-ring-color:color-mix(in oklab,var(--foreground)7.0%,transparent)}}.ring-primary,.ring-primary\/15{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/15{--tw-ring-color:color-mix(in oklab,var(--primary)15%,transparent)}}.ring-primary\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.ring-primary\/30{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/30{--tw-ring-color:color-mix(in oklab,var(--primary)30%,transparent)}}.ring-primary\/40{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/40{--tw-ring-color:color-mix(in oklab,var(--primary)40%,transparent)}}.ring-primary\/60{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/60{--tw-ring-color:color-mix(in oklab,var(--primary)60%,transparent)}}.ring-primary\/70{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\/70{--tw-ring-color:color-mix(in oklab,var(--primary)70%,transparent)}}.ring-ring,.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.ring-white\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\/25{--tw-ring-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.ring-offset-gray-950\/5{--tw-ring-offset-color:#0307120d}@supports (color:color-mix(in lab, red, red)){.ring-offset-gray-950\/5{--tw-ring-offset-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
1.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)))}.\[--color-border\:--alpha\(var\(--color-foreground\)\/5\%\)\]{--color-border:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\[--color-border\:--alpha\(var\(--color-foreground\)\/5\%\)\]{--color-border:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.\[--color-muted\:--alpha\(var\(--color-foreground\)\/5\%\)\]{--color-muted:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\[--color-muted\:--alpha\(var\(--color-foreground\)\/5\%\)\]{--color-muted:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.\[--duration\:40s\]{--duration:40s}.\[--gap\:1rem\]{--gap:1rem}.\[--ring-color\:color-mix\(in_oklab\,var\(--color-foreground\)15\%\,var\(--color-primary\)\)\]{--ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\[--ring-color\:color-mix\(in_oklab\,var\(--color-foreground\)15\%\,var\(--color-primary\)\)\]{--ring-color:color-mix(in oklab,var(--color-foreground)15%,var(--color-primary))}}.\[animation-direction\:reverse\]{animation-direction:reverse}.\[perspective\:200px\]{perspective:200px}.\[transition\:background-position_1s_cubic-bezier\(\.6\,\.6\,0\,1\)_infinite\]{transition:background-position 1s cubic-bezier(.6,.6,0,1)infinite}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in,.fade-in-0{--tw-enter-opacity:0}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.zoom-in{--tw-enter-scale:0}.zoom-in-95{--tw-enter-scale:.95}:is(.\*\:size-4>*){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:is(.\*\:p-12>*){padding:calc(var(--spacing)*12)}:is(.\*\:text-center>*){text-align:center}:is(.\*\:leading-relaxed>*){--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.group-last\:hidden:is(:where(.group):last-child *){display:none}.group-open\/details\:rotate-180:is(:where(.group\/details):is([open],:popover-open,:open) *){rotate:180deg}.group-open\/details\:bg-muted:is(:where(.group\/details):is([open],:popover-open,:open) *){background-color:var(--muted)}.group-focus-within\:opacity-100:is(:where(.group):focus-within *),.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-1:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;
1--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:bg-black\/5:is(:where(.group):hover *){background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-black\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.group-hover\:bg-muted:is(:where(.group):hover *){background-color:var(--muted)}.group-hover\:bg-muted-foreground\/60:is(:where(.group):hover *){background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-muted-foreground\/60:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}
1.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-2xl:is(:where(.group):hover *){--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *){animation-play-state:paused}.group-hover\/carousel\:opacity-100:is(:where(.group\/carousel):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[collapsible\=icon\]\/sidebar-wrapper\:h-\(--header-height\):is(:where(.group\/sidebar-wrapper):has([data-collapsible=icon]) *){height:var(--header-height)}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pe-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-inline-end:calc(var(--spacing)*8)}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}
1.group-data-\[state\=open\]\:translate-y-px:is(:where(.group)[data-state=open] *){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state=open] *){rotate:90deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:-translate-x-1\/3:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-translate-x:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}
1.group-data-\[viewport\=false\]\/navigation-menu\:rounded-\(--radius\):is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:var(--radius)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:border-transparent:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-color:#0000}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow-lg:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-ring-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s;animation-duration:.2s}.group-\[\.is-assistant\]\:text-foreground:is(:where(.group).is-assistant *){color:var(--foreground)}.group-\[\.is-user\]\:ms-auto:is(:where(.group).is-user *){margin-inline-start:auto}.group-\[\.is-user\]\:rounded-lg:is(:where(.group).is-user *){border-radius:var(--radius)}.group-\[\.is-user\]\:bg-secondary:is(:where(.group).is-user *){background-color:var(--secondary)}.group-\[\.is-user\]\:px-4:is(:where(.group).is-user *){padding-inline:calc(var(--spacing)*4)}.group-\[\.is-user\]\:py-3:is(:where(.group).is-user *){padding-block:calc(var(--spacing)*3)}.group-\[\.is-user\]\:text-foreground:is(:where(.group).is-user *){color:var(--foreground)}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.peer-data-\[state\=checked\]\:text-primary:is(:where(.peer)[data-state=checked]~*){color:var(--primary)}.peer-data-\[state\=open\]\:opacity-0:is(:where(.peer)[data-state=open]~*){opacity:0}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder,.placeholder\:text-muted-foreground\/70::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-muted-foreground\/70::placeholder{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}.before\:me-1:before{content:var(--tw-content);margin-inline-end:calc(var(--spacing)*1)}.before\:-translate-x-full:before{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\:bg-linear-to-r:before{content:var(--tw-content);--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.before\:bg-linear-to-r:before{--tw-gradient-position:to right in oklab}}.before\:bg-linear-to-r:before{background-image:linear-gradient(var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
1(--tw-gradient-to-position))}.before\:via-white\/30:before{content:var(--tw-content);--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.before\:via-white\/30:before{--tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent)}}.before\:via-white\/30:before{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-700:before{content:var(--tw-content);--tw-duration:.7s;transition-duration:.7s}.before\:content-\[\"\\201C\"\]:before{--tw-content:"“";content:var(--tw-content)}.before\:duration-700:before{content:var(--tw-content);animation-duration:.7s}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:start-1\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\:ms-1:after{content:var(--tw-content);margin-inline-start:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:content-\[\"\\201D\"\]:after{--tw-content:"”";content:var(--tw-content)}.group-data-\[collapsible\=offcanvas\]\:after\:start-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);inset-inline-start:100%}.first\:mt-10:first-child{margin-top:calc(var(--spacing)*10)}.first\:rounded-s-md:first-child{border-start-start-radius:calc(var(--radius) - 2px);border-end-start-radius:calc(var(--radius) - 2px)}.first\:ps-0:first-child{padding-inline-start:calc(var(--spacing)*0)}.last\:rounded-e-md:last-child{border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:shadow-md:focus-within{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.focus-within\:ring-\[3px\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-primary\/40:focus-within{--tw-ring-color:color-mix(in oklab,var(--primary)40%,transparent)}}.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-border:hover{border-color:var(--border)}.hover\:border-foreground\/20:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/20:hover{border-color:color-mix(in oklab,var(--foreground)20%,transparent)}}.hover\:border-foreground\/25:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/25:hover{border-color:color-mix(in oklab,var(--foreground)25%,transparent)}}.hover\:border-foreground\/30:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/30:hover{border-color:color-mix(in oklab,var(--foreground)30%,transparent)}}.hover\:border-foreground\/40:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/40:hover{border-color:color-mix(in oklab,var(--foreground)40%,transparent)}}.hover\:border-muted-foreground\/50:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-muted-foreground\/50:hover{border-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.hover\:border-muted-foreground\/60:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-muted-foreground\/60:hover{border-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.hover\:border-primary\/35:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/35:hover{border-color:color-mix(in oklab,var(--primary)35%,transparent)}}.hover\:border-primary\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.hover\:border-primary\/45:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/45:hover{border-color:color-mix(in oklab,var(--primary)45%,transparent)}}.hover\:border-primary\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:border-primary\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.hover\:border-primary\/70:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-primary\/70:hover{border-color:color-mix(in oklab,var(--primary)70%,transparent)}}.hover\:bg-\[\#06AE56\]:hover{background-color:#06ae56}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-amber-500\/90:hover{background-color:#f99c00e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/90:hover{background-color:color-mix(in oklab,var(--color-amber-500)90%,transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-background:hover,.hover\:bg-background\/50:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/50:hover{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.hover\:bg-background\/80:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/80:hover{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.hover\:bg-background\/95:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/95:hover{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-foreground\/5:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/5:hover{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.hover\:bg-foreground\/10:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/10:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-500\/90:hover{background-color:#00c758e6}@supports (color:color-mix(in lab, red, red)){.hover\:bg-green-500\/90:hover{background-color:color-mix(in oklab,var(--color-green-500)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/30:hover{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.hover\:bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}
1.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-muted\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.hover\:bg-muted\/70:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/70:hover{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-neutral-900\/10:hover{background-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-900\/10:hover{background-color:color-mix(in oklab,var(--color-neutral-900)10%,transparent)}}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\:bg-primary\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\:bg-primary\/15:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/15:hover{background-color:color-mix(in oklab,var(--primary)15%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-primary\/\[0\.02\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--primary)2%,transparent)}}.hover\:bg-secondary\/50:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/50:hover{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover,.hover\:bg-sidebar-accent\/90:hover{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-sidebar-accent\/90:hover{background-color:color-mix(in oklab,var(--sidebar-accent)90%,transparent)}}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:from-primary\/95:hover{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:from-primary\/95:hover{--tw-gradient-from:color-mix(in oklab,var(--primary)95%,transparent)}}.hover\:from-primary\/95:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:to-primary\/80:hover{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:to-primary\/80:hover{--tw-gradient-to:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\:to-primary\/80:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:text-primary\/80:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-2xl:hover{--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_10px_26px_-6px\]:hover{--tw-shadow:0 10px 26px -6px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_14px_30px_-6px\]:hover{--tw-shadow:0 14px 30px -6px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.hover\:shadow-xl:hover{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[\#07C160\]\/70:hover{--tw-shadow-color:#07c160b3}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-\[\#07C160\]\/70:hover{--tw-shadow-color:color-mix(in oklab,lab(68.7413% -58.3357 36.6284/.7) var(--tw-shadow-alpha),transparent)}}.hover\:shadow-primary\/5:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/5:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)5%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-primary\/20:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/20:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-primary\/35:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/35:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)35%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-primary\/70:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:shadow-primary\/70:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)70%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:ring-border:hover{--tw-ring-color:var(--border)}.hover\:ring-foreground\/15:hover{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:ring-foreground\/15:hover{--tw-ring-color:color-mix(in oklab,var(--foreground)15%,transparent)}}.hover\:ring-primary\/50:hover{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:ring-primary\/50:hover{--tw-ring-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}:is(.\*\*\:hover\:no-underline *):hover{text-decoration-line:none}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:before\:translate-x-full:hover:before{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-foreground\/5:focus{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.focus\:bg-foreground\/5:focus{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.focus\:bg-muted:focus{background-color:var(--muted)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-foreground:focus{color:var(--foreground)}.focus\:text-primary:focus{color:var(--primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-primary:focus-visible{border-color:var(--primary)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-primary:focus-visible,.focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus-visible\:ring-primary\/25:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-primary\/25:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)25%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-\[0\.99\]:active{scale:.99}.active\:bg-background:active{background-color:var(--background)}.active\:bg-muted:active{background-color:var(--muted)}.active\:bg-primary\/10:active{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.active\:bg-primary\/10:active{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.active\:bg-sidebar-accent:active,.active\:bg-sidebar-accent\/90:active{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.active\:bg-sidebar-accent\/90:active{background-color:color-mix(in oklab,var(--sidebar-accent)90%,transparent)}}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\:opacity-90:active{opacity:.9}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-scrolled]) .in-data-scrolled\:bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){:where([data-scrolled]) .in-data-scrolled\:bg-background\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}:where([data-scrolled]) .in-data-scrolled\:shadow-black\/\[0\.06\]{--tw-shadow-color:#0000000f}@supports (color:color-mix(in lab, red, red)){:where([data-scrolled]) .in-data-scrolled\:shadow-black\/\[0\.06\]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)6%,transparent)var(--tw-shadow-alpha),transparent)}}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}:where([data-state=active]) .in-data-\[state\=active\]\:flex{display:flex}:where([data-state=active]) .in-data-\[state\=active\]\:h-screen{height:100vh}:where([data-state=active]) .in-data-\[state\=active\]\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}:where([data-state=active]) .in-data-\[state\=active\]\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}:where([data-state=active]) .in-data-\[state\=active\]\:rotate-0{rotate:none}:where([data-state=active]) .in-data-\[state\=active\]\:rotate-180{rotate:180deg}:where([data-state=active]) .in-data-\[state\=active\]\:opacity-0{opacity:0}
1:where([data-state=active]) .in-data-\[state\=active\]\:opacity-100{opacity:1}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[state\=open\]\:h-\[calc\(var\(--navigation-menu-viewport-height\)\+3\.4rem\)\]:has([data-state=open]){height:calc(var(--navigation-menu-viewport-height) + 3.4rem)}.has-data-\[state\=open\]\:h-screen:has([data-state=open]){height:100vh}.has-data-\[state\=open\]\:border-b:has([data-state=open]){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.has-data-\[state\=open\]\:bg-background\/50:has([data-state=open]){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=open\]\:bg-background\/50:has([data-state=open]){background-color:color-mix(in oklab,var(--background)50%,transparent)}}.has-data-\[state\=open\]\:bg-card\/75:has([data-state=open]){background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=open\]\:bg-card\/75:has([data-state=open]){background-color:color-mix(in oklab,var(--card)75%,transparent)}}.has-data-\[state\=open\]\:shadow-lg:has([data-state=open]){--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.has-data-\[state\=open\]\:shadow-black\/10:has([data-state=open]){--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=open\]\:shadow-black\/10:has([data-state=open]){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)10%,transparent)var(--tw-shadow-alpha),transparent)}}.has-data-\[state\=open\]\:ring-foreground\/5:has([data-state=open]){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=open\]\:ring-foreground\/5:has([data-state=open]){--tw-ring-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.has-data-\[state\=open\]\:backdrop-blur:has([data-state=open]){--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.has-\[input\:focus\]\:ring-2:has(:is(input:focus)){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.has-\[input\:focus\]\:ring-muted:has(:is(input:focus)){--tw-ring-color:var(--muted)}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\[\>button\]\:ms-\[-0\.45rem\]:has(>button){margin-inline-start:-.45rem}.has-\[\>button\]\:me-\[-0\.45rem\]:has(>button){margin-inline-end:-.45rem}.has-\[\>kbd\]\:ms-\[-0\.35rem\]:has(>kbd){margin-inline-start:-.35rem}.has-\[\>kbd\]\:me-\[-0\.35rem\]:has(>kbd){margin-inline-end:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing)*0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:bg-accent[aria-expanded=true]{background-color:var(--accent)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[active\=true\]\:bg-muted\/50[data-active=true]{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:bg-muted\/50[data-active=true]{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-foreground[data-active=true]{color:var(--foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-muted[data-active=true]:hover{background-color:var(--muted)}}.data-\[active\=true\]\:focus\:bg-muted[data-active=true]:focus{background-color:var(--muted)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[inset\]\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-2[data-orientation=horizontal]{height:calc(var(--spacing)*2)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-4[data-orientation=vertical]{height:calc(var(--spacing)*4)}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-2[data-orientation=vertical]{width:calc(var(--spacing)*2)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:px-3[data-orientation=vertical]{padding-inline:calc(var(--spacing)*3)}.data-\[orientation\=vertical\]\:py-0[data-orientation=vertical]{padding-block:calc(var(--spacing)*0)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}
1.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-auto *)[data-slot=command-input-wrapper]{height:auto}:is(.\*\*\:data-\[slot\=navigation-menu-content\]\:top-10 *)[data-slot=navigation-menu-content]{top:calc(var(--spacing)*10)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[slot\=sidebar-menu-button\]\:\!p-1\.5[data-slot=sidebar-menu-button]{padding:calc(var(--spacing)*1.5)!important}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:bg-muted\/70[data-state=active]{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=active\]\:bg-muted\/70[data-state=active]{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.data-\[state\=active\]\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-primary[data-state=active]{color:var(--primary)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-2[data-state=closed]{--tw-exit-translate-y:-.5rem}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.data-\[state\=open\]\:border-none[data-state=open]{--tw-border-style:none;border-style:none}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-card[data-state=open]{background-color:var(--card)}.data-\[state\=open\]\:bg-foreground\/5[data-state=open]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-foreground\/5[data-state=open]{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\[state\=open\]\:bg-muted[data-state=open]{background-color:var(--muted)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:bg-sidebar-accent[data-state=open]{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-foreground[data-state=open]{color:var(--foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:text-sidebar-accent-foreground[data-state=open]{color:var(--sidebar-accent-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:shadow-sm[data-state=open]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-2[data-state=open]{--tw-enter-translate-y:-.5rem}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-foreground\/5[data-state=open]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:hover\:bg-foreground\/5[data-state=open]:hover{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-foreground\/5[data-state=open]:focus{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:focus\:bg-foreground\/5[data-state=open]:focus{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=outline\]\:border-s-0[data-variant=outline]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.data-\[variant\=outline\]\:first\:border-s[data-variant=outline]:first-child{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:80rem){.max-xl\:hidden{display:none}.max-xl\:h-14{height:calc(var(--spacing)*14)}.max-xl\:w-full{width:100%}.max-xl\:overflow-hidden{overflow:hidden}.max-xl\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:where([data-state=active]) .max-xl\:in-data-\[state\=active\]\:mt-5{margin-top:calc(var(--spacing)*5)}:where([data-state=active]) .max-xl\:in-data-\[state\=active\]\:h-screen{height:100vh}:where([data-state=active]) .max-xl\:in-data-\[state\=active\]\:bg-background{background-color:var(--background)}:where([data-state=active]) .max-xl\:in-data-\[state\=active\]\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}@media (min-width:420px){.min-\[420px\]\:min-h-10{min-height:calc(var(--spacing)*10)}.min-\[420px\]\:w-auto{width:auto}.min-\[420px\]\:py-2{padding-block:calc(var(--spacing)*2)}}@media (min-width:40rem){.sm\:start-auto{inset-inline-start:auto}.sm\:top-1\/2{top:50%}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\:mt-12{margin-top:calc(var(--spacing)*12)}.sm\:mt-16{margin-top:calc(var(--spacing)*16)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:h-16{height:calc(var(--spacing)*16)}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:w-\[340px\]{width:340px}.sm\:max-w-3xl{max-width:var(--container-3xl)}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-\[95vw\]{max-width:95vw}.sm\:max-w-\[425px\]{max-width:425px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:basis-\[calc\(33\.333\%-8px\)\]{flex-basis:calc(33.333% - 8px)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:columns-2{columns:2}.sm\:columns-3{columns:3}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.sm\:grid-cols-\[260px_1fr\]{grid-template-columns:260px 1fr}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}
1.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-8{gap:calc(var(--spacing)*8)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.sm\:gap-x-5{column-gap:calc(var(--spacing)*5)}.sm\:gap-x-16{column-gap:calc(var(--spacing)*16)}.sm\:gap-y-3{row-gap:calc(var(--spacing)*3)}.sm\:gap-y-12{row-gap:calc(var(--spacing)*12)}.sm\:self-auto{align-self:auto}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-7{padding:calc(var(--spacing)*7)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-8{padding-block:calc(var(--spacing)*8)}.sm\:pt-4{padding-top:calc(var(--spacing)*4)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:text-end{text-align:end}.sm\:text-start{text-align:start}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[11px\]{font-size:11px}.sm\:tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:sticky{position:sticky}.md\:top-8{top:calc(var(--spacing)*8)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-start-auto{grid-column-start:auto}.md\:row-span-2{grid-row:span 2/span 2}.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:mt-12{margin-top:calc(var(--spacing)*12)}.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\:mb-16{margin-bottom:calc(var(--spacing)*16)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:aspect-auto{aspect-ratio:auto}.md\:h-12{height:calc(var(--spacing)*12)}.md\:h-\[420px\]{height:420px}.md\:min-h-\[320px\]{min-height:320px}.md\:min-h-\[430px\]{min-height:430px}.md\:min-h-\[560px\]{min-height:560px}.md\:min-h-full{min-height:100%}.md\:w-\(--radix-navigation-menu-viewport-width\){width:var(--radix-navigation-menu-viewport-width)}.md\:w-1\/3{width:33.3333%}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-\[680px\]{width:680px}.md\:w-\[820px\]{width:820px}.md\:w-auto{width:auto}.md\:w-fit{width:fit-content}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:max-w-3xl{max-width:var(--container-3xl)}.md\:max-w-4xl{max-width:var(--container-4xl)}.md\:max-w-5xl{max-width:var(--container-5xl)}.md\:max-w-lg{max-width:var(--container-lg)}.md\:max-w-md{max-width:var(--container-md)}.md\:max-w-xl{max-width:var(--container-xl)}.md\:flex-1{flex:1}.md\:basis-\[calc\(25\%-9px\)\]{flex-basis:calc(25% - 9px)}.md\:columns-4{columns:4}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[0\.88fr_1\.12fr\]{grid-template-columns:.88fr 1.12fr}.md\:grid-cols-\[1\.5fr_1fr\]{grid-template-columns:1.5fr 1fr}.md\:grid-cols-\[48px_minmax\(0\,1fr\)_minmax\(190px\,0\.6fr\)\]{grid-template-columns:48px minmax(0,1fr) minmax(190px,.6fr)}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}
1.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.md\:gap-2{gap:calc(var(--spacing)*2)}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-5{gap:calc(var(--spacing)*5)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:gap-24{gap:calc(var(--spacing)*24)}:where(.md\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.md\:p-3{padding:calc(var(--spacing)*3)}.md\:p-4{padding:calc(var(--spacing)*4)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-7{padding:calc(var(--spacing)*7)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-3{padding-inline:calc(var(--spacing)*3)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:px-12{padding-inline:calc(var(--spacing)*12)}.md\:py-4{padding-block:calc(var(--spacing)*4)}.md\:py-14{padding-block:calc(var(--spacing)*14)}.md\:py-16{padding-block:calc(var(--spacing)*16)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:py-24{padding-block:calc(var(--spacing)*24)}.md\:py-32{padding-block:calc(var(--spacing)*32)}.md\:py-36{padding-block:calc(var(--spacing)*36)}.md\:ps-8{padding-inline-start:calc(var(--spacing)*8)}.md\:pe-1\.5{padding-inline-end:calc(var(--spacing)*1.5)}.md\:pt-6{padding-top:calc(var(--spacing)*6)}.md\:pt-20{padding-top:calc(var(--spacing)*20)}.md\:pt-36{padding-top:calc(var(--spacing)*36)}.md\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\:text-start{text-align:start}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[15px\]{font-size:15px}.md\:leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.md\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.md\:opacity-0{opacity:0}
1@media (hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ms-0:is(:where(.peer)[data-variant=inset]~*){margin-inline-start:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ms-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-inline-start:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-20{top:calc(var(--spacing)*20)}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:hidden{display:none}.lg\:inline-block{display:inline-block}.lg\:h-fit{height:fit-content}.lg\:min-h-\[500px\]{min-height:500px}.lg\:min-h-\[560px\]{min-height:560px}.lg\:min-h-\[680px\]{min-height:680px}.lg\:max-w-3xl{max-width:var(--container-3xl)}.lg\:max-w-none{max-width:none}.lg\:basis-\[calc\(20\%-9\.6px\)\]{flex-basis:calc(20% - 9.6px)}.lg\:columns-3{columns:3}.lg\:columns-5{columns:5}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1\.1fr\]{grid-template-columns:1fr 1.1fr}.lg\:grid-cols-\[1fr_440px\]{grid-template-columns:1fr 440px}.lg\:grid-cols-\[1fr_500px\]{grid-template-columns:1fr 500px}.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.lg\:grid-cols-\[minmax\(0\,1fr\)_420px\]{grid-template-columns:minmax(0,1fr) 420px}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(280px\,360px\)_1fr\]{grid-template-columns:minmax(280px,360px) 1fr}.lg\:items-start{align-items:flex-start}.lg\:gap-2{gap:calc(var(--spacing)*2)}.lg\:gap-16{gap:calc(var(--spacing)*16)}.lg\:gap-20{gap:calc(var(--spacing)*20)}.lg\:gap-24{gap:calc(var(--spacing)*24)}.lg\:gap-px{gap:1px}:where(.lg\:space-y-20>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*20)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*20)*calc(1 - var(--tw-space-y-reverse)))}.lg\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:px-16{padding-inline:calc(var(--spacing)*16)}.lg\:px-20{padding-inline:calc(var(--spacing)*20)}.lg\:py-4{padding-block:calc(var(--spacing)*4)}.lg\:pe-0{padding-inline-end:calc(var(--spacing)*0)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}:is(.lg\:\*\:nth-1\:rounded-t-none>*):first-child{border-top-left-radius:0;border-top-right-radius:0}:is(.lg\:\*\:nth-2\:rounded-ss-none>*):nth-child(2){border-start-start-radius:0}:is(.lg\:\*\:nth-2\:rounded-ee-none>*):nth-child(2){border-end-end-radius:0}:is(.lg\:\*\:nth-3\:rounded-s-none>*):nth-child(3){border-start-start-radius:0;border-end-start-radius:0}:is(.lg\:\*\:nth-4\:rounded-e-none>*):nth-child(4){border-start-end-radius:0;border-end-end-radius:0}:is(.lg\:\*\:nth-5\:rounded-ss-none>*):nth-child(5){border-start-start-radius:0}:is(.lg\:\*\:nth-5\:rounded-ee-none>*):nth-child(5){border-end-end-radius:0}:is(.lg\:\*\:nth-6\:rounded-b-none>*):nth-child(6){border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (min-width:80rem){.xl\:m-0{margin:calc(var(--spacing)*0)}.xl\:contents{display:contents}.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:h-16{height:calc(var(--spacing)*16)}.xl\:w-fit{width:fit-content}.xl\:shrink-0{flex-shrink:0}.xl\:columns-4{columns:4}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.xl\:grid-cols-\[minmax\(11rem\,auto\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(11rem,auto) minmax(0,1fr) auto}.xl\:grid-cols-\[minmax\(300px\,380px\)_1fr\]{grid-template-columns:minmax(300px,380px) 1fr}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:gap-2{gap:calc(var(--spacing)*2)}.xl\:gap-3{gap:calc(var(--spacing)*3)}.xl\:gap-4{gap:calc(var(--spacing)*4)}:where(.xl\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.xl\:border-transparent{border-color:#0000}.xl\:bg-transparent{background-color:#0000}.xl\:p-0{padding:calc(var(--spacing)*0)}.xl\:px-8{padding-inline:calc(var(--spacing)*8)}.xl\:px-10{padding-inline:calc(var(--spacing)*10)}.xl\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}}@container (min-width:48rem){.\@3xl\:block{display:block}.\@3xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){rotate:180deg}:where(.rtl\:space-x-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}.dark\:border-amber-700:is(.dark *){border-color:var(--color-amber-700)}.dark\:border-amber-700\/40:is(.dark *){border-color:#b7500066}@supports (color:color-mix(in lab, red, red)){.dark\:border-amber-700\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-700)40%,transparent)}}.dark\:border-background:is(.dark *){border-color:var(--background)}.dark\:border-blue-800:is(.dark *){border-color:var(--color-blue-800)}.dark\:border-emerald-800:is(.dark *){border-color:var(--color-emerald-800)}.dark\:border-emerald-900\/50:is(.dark *){border-color:#004e3b80}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-900\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-emerald-900)50%,transparent)}}.dark\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\:border-red-900\/50:is(.dark *){border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.dark\:border-red-900\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.dark\:border-violet-500\/20:is(.dark *){border-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.dark\:border-violet-500\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}.dark\:border-white\/20:is(.dark *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\:border-t-white\/5:is(.dark *){border-top-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-t-white\/5:is(.dark *){border-top-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\:bg-amber-400\/10:is(.dark *){background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-400\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-400)10%,transparent)}}.dark\:bg-amber-950\/30:is(.dark *){background-color:#4619014d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950)30%,transparent)}}.dark\:bg-amber-950\/40:is(.dark *){background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950)40%,transparent)}}.dark\:bg-blue-950\/30:is(.dark *){background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950)30%,transparent)}}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-emerald-900\/40:is(.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)40%,transparent)}}.dark\:bg-emerald-950\/30:is(.dark *){background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-950)30%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-muted:is(.dark *),.dark\:bg-muted\/50:is(.dark *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-muted\/50:is(.dark *){background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.dark\:bg-neutral-50:is(.dark *){background-color:var(--color-neutral-50)}.dark\:bg-red-950\/30:is(.dark *){background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.dark\:bg-red-950\/40:is(.dark *){background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-950\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)40%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:bg-white:is(.dark *){background-color:var(--color-white)}.dark\:bg-zinc-700:is(.dark *){background-color:var(--color-zinc-700)}.dark\:bg-zinc-900:is(.dark *){background-color:var(--color-zinc-900)}.dark\:\[background-image\:linear-gradient\(to_right\,var\(--dark-line\)_1px\,transparent_0\)\,linear-gradient\(to_bottom\,var\(--dark-line\)_1px\,transparent_0\)\]:is(.dark *){background-image:linear-gradient(to right,var(--dark-line)1px,transparent 0),linear-gradient(to bottom,var(--dark-line)1px,transparent 0)}.dark\:from-black:is(.dark *){--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
1(--tw-gradient-to-position))}.dark\:from-neutral-900:is(.dark *){--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-violet-950\/40:is(.dark *){--tw-gradient-from:#2f0d6866}@supports (color:color-mix(in lab, red, red)){.dark\:from-violet-950\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-violet-950)40%,transparent)}}.dark\:from-violet-950\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:from-zinc-950\/40:is(.dark *){--tw-gradient-from:#09090b66}@supports (color:color-mix(in lab, red, red)){.dark\:from-zinc-950\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-zinc-950)40%,transparent)}}.dark\:from-zinc-950\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:via-background:is(.dark *){--tw-gradient-via:var(--background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-white\/50:is(.dark *){--tw-gradient-via:#ffffff80}@supports (color:color-mix(in lab, red, red)){.dark\:via-white\/50:is(.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)50%,transparent)}}.dark\:via-white\/50:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-white\/80:is(.dark *){--tw-gradient-via:#fffc}@supports (color:color-mix(in lab, red, red)){.dark\:via-white\/80:is(.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)80%,transparent)}}.dark\:via-white\/80:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-neutral-900:is(.dark *){--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-pink-950\/30:is(.dark *){--tw-gradient-to:#5104244d}@supports (color:color-mix(in lab, red, red)){.dark\:to-pink-950\/30:is(.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-pink-950)30%,transparent)}}.dark\:to-pink-950\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:text-amber-200:is(.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\:text-amber-500:is(.dark *){color:var(--color-amber-500)}.dark\:text-black:is(.dark *){color:var(--color-black)}.dark\:text-blue-300:is(.dark *){color:var(--color-blue-300)}.dark\:text-emerald-100:is(.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-200\/80:is(.dark *){color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-emerald-200\/80:is(.dark *){color:color-mix(in oklab,var(--color-emerald-200)80%,transparent)}}.dark\:text-emerald-300:is(.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:is(.dark *){color:var(--color-emerald-400)}.dark\:text-green-500:is(.dark *){color:var(--color-green-500)}.dark\:text-neutral-400\/50:is(.dark *){color:#a1a1a180}@supports (color:color-mix(in lab, red, red)){.dark\:text-neutral-400\/50:is(.dark *){color:color-mix(in oklab,var(--color-neutral-400)50%,transparent)}}.dark\:text-pink-400:is(.dark *){color:var(--color-pink-400)}.dark\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\:opacity-\[0\.06\]:is(.dark *){opacity:.06}.dark\:mix-blend-lighten:is(.dark *){mix-blend-mode:lighten}.dark\:shadow-none:is(.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.dark\:shadow-zinc-950:is(.dark *){--tw-shadow-color:#09090b}@supports (color:lab(0% 0 0)){.dark\:shadow-zinc-950:is(.dark *){--tw-shadow-color:lab(2.51107% .242703 -.886115)}}@supports (color:color-mix(in lab, red, red)){.dark\:shadow-zinc-950:is(.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-zinc-950)var(--tw-shadow-alpha),transparent)}}.dark\:ring-foreground\/15:is(.dark *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\:ring-foreground\/15:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--foreground)15%,transparent)}}.dark\:invert:is(.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.dark\:\[--color-border\:color-mix\(in_oklab\,var\(--color-white\)_10\%\,transparent\)\]:is(.dark *){--color-border:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:\[--color-border\:color-mix\(in_oklab\,var\(--color-white\)_10\%\,transparent\)\]:is(.dark *){--color-border:color-mix(in oklab,var(--color-white)10%,transparent)}}@media (hover:hover){.dark\:hover\:border-t-border:is(.dark *):hover{border-top-color:var(--border)}.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.dark\:hover\:text-red-200:is(.dark *):hover{color:var(--color-red-200)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=open\]\:bg-muted:is(.dark *)[data-state=open]{background-color:var(--muted)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media (min-width:80rem){.dark\:xl\:bg-transparent:is(.dark *){background-color:#0000}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var
1(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_\[data-slot\=card-content\]\]\:flex [data-slot=card-content]{display:flex}.\[\&_\[data-slot\=card-content\]\]\:min-h-0 [data-slot=card-content]{min-height:calc(var(--spacing)*0)}.\[\&_\[data-slot\=card-content\]\]\:flex-1 [data-slot=card-content]{flex:1}.\[\&_\[data-slot\=card-content\]\]\:flex-col [data-slot=card-content]{flex-direction:column}.\[\&_\[data-slot\=table-cell\]\]\:\!py-1 [data-slot=table-cell]{padding-block:calc(var(--spacing)*1)!important}.\[\&_\[data-slot\=table-container\]\]\:min-h-0 [data-slot=table-container]{min-height:calc(var(--spacing)*0)}.\[\&_\[data-slot\=table-container\]\]\:flex-1 [data-slot=table-container]{flex:1}.\[\&_\[data-slot\=table-header\]\]\:sticky [data-slot=table-header]{position:sticky}.\[\&_\[data-slot\=table-header\]\]\:top-0 [data-slot=table-header]{top:calc(var(--spacing)*0)}.\[\&_\[data-slot\=table-header\]\]\:z-10 [data-slot=table-header]{z-index:10}.\[\&_\[data-slot\=table-header\]_th\]\:bg-background [data-slot=table-header] th{background-color:var(--background)}.\[\&_\[data-slot\=table-row\]\]\:\!h-12 [data-slot=table-row]{height:calc(var(--spacing)*12)!important}.\[\&_a\]\:text-primary a{color:var(--primary)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}.\[\&_a\]\:underline-offset-4 a{text-underline-offset:4px}@media (hover:hover){.\[\&_a\]\:hover\:no-underline a:hover,.hover\:\[\&_a\]\:no-underline:hover a{text-decoration-line:none}}.\[\&_strong\]\:font-bold strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&_strong\]\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:mx-auto svg{margin-inline:auto}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:h-full svg{height:100%}.\[\&_svg\]\:max-h-\[440px\] svg{max-height:440px}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb{height:calc(var(--spacing)*3)}.\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb{width:calc(var(--spacing)*3)}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-moz-range-thumb\]\:bg-primary::-moz-range-thumb{background-color:var(--primary)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb{height:calc(var(--spacing)*3)}.\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb{width:calc(var(--spacing)*3)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}.\[\&\:\:-webkit-slider-thumb\]\:bg-primary::-webkit-slider-thumb{background-color:var(--primary)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}
1:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:first-child\]\:mt-0>:first-child{margin-top:calc(var(--spacing)*0)}@media (min-width:40rem){.sm\:\[\&\>\*\:first-child\]\:order-2>:first-child{order:2}}.\[\&\>\*\:last-child\]\:mb-0>:last-child{margin-bottom:calc(var(--spacing)*0)}@media (min-width:40rem){.sm\:\[\&\>\*\:last-child\]\:order-1>:last-child{order:1}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-md>:not(:first-child){border-start-start-radius:calc(var(--radius) - 2px);border-end-start-radius:calc(var(--radius) - 2px)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-s-none>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-s-0>:not(:first-child){border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-md>:not(:last-child){border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\[data-slot\=card\]\]\:min-h-0>[data-slot=card]{min-height:calc(var(--spacing)*0)}.\[\&\>\[data-slot\=card\]\]\:flex-1>[data-slot=card]{flex:1}.\[\&\>\[data-slot\=card\]\]\:overflow-hidden>[data-slot=card]{overflow:hidden}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-e-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>div\]\:pb-0>div{padding-bottom:calc(var(--spacing)*0)}.\[\&\>img\]\:rounded-full>img{border-radius:3.40282e38px}.\[\&\>img\]\:bg-background>img{background-color:var(--background)}.\[\&\>img\]\:p-px>img{padding:1px}.\[\&\>img\]\:ring-1>img{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow)}.\[\&\>img\]\:ring-border>img{--tw-ring-color:var(--border)}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing)*3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing)*3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pe-2:has(>[data-align=inline-end])>input{padding-inline-end:calc(var(--spacing)*2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:ps-2:has(>[data-align=inline-start])>input{padding-inline-start:calc(var(--spacing)*2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-2\.5>svg{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:max-h-full>svg{max-height:100%}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-full>svg{width:100%}.\[\&\>svg\]\:max-w-full>svg{max-width:100%}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--background:#fff;--foreground:#141a29;--card:#fff;--card-foreground:#141a29;--popover:#fff;--popover-foreground:#141a29;--primary:#154de9;--primary-foreground:#fff;--secondary:#e6e8eb;--secondary-foreground:#384050;--muted:#f2f3f5;--muted-foreground:#6c727e;--accent:#dae4ff;--accent-foreground:#384050;--destructive:#ef4444;--destructive-foreground:#fff;--border:#d4d8dd;--input:#d4d8dd;--ring:#235efa;--chart-1:#235efa;--chart-2:#8362ed;--chart-3:#00a4a4;
1--chart-4:#ad51a7;--chart-5:#cd9200;--sidebar:#f2f3f5;--sidebar-foreground:#141a29;--sidebar-primary:#154de9;--sidebar-primary-foreground:#fff;--sidebar-accent:#dae4ff;--sidebar-accent-foreground:#384050;--sidebar-border:#d4d8dd;--sidebar-ring:#235efa;--font-sans:Noto Sans Mono,ui-sans-serif,sans-serif,system-ui;--font-serif:Merriweather,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040;--tracking-normal:0em;--spacing:.25rem}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(9.3201% .515975 -10.8754);--card:lab(100% 0 0);--card-foreground:lab(9.3201% .515975 -10.8754);--popover:lab(100% 0 0);--popover-foreground:lab(9.3201% .515975 -10.8754);--primary:lab(38.5% 32.6024 -84.5248);--primary-foreground:lab(100% 0 0);--secondary:lab(91.8586% -.120372 -1.89216);--secondary-foreground:lab(26.7516% -.0234544 -11.0336);--muted:lab(95.9273% -.0742376 -1.13651);--muted-foreground:lab(47.7038% -.294715 -7.46969);--accent:lab(90.4777% .664443 -14.9475);--accent-foreground:lab(26.7516% -.0234544 -11.0336);--destructive:lab(55.8029% 65.6652 40.8307);--destructive-foreground:lab(100% 0 0);--border:lab(86.0545% -.418127 -2.99003);--input:lab(86.0545% -.418127 -2.99003);--ring:lab(44.5961% 28.6518 -84.4768);--chart-1:lab(44.5961% 28.6518 -84.4768);--chart-2:lab(50.5162% 38.8222 -66.8722);--chart-3:lab(61.2812% -59.0224 -17.3837);--chart-4:lab(48.8951% 46.686 -28.9476);--chart-5:lab(65.1773% 16.5534 73.296);--sidebar:lab(95.9273% -.0742376 -1.13651);--sidebar-foreground:lab(9.3201% .515975 -10.8754);--sidebar-primary:lab(38.5% 32.6024 -84.5248);--sidebar-primary-foreground:lab(100% 0 0);--sidebar-accent:lab(90.4777% .664443 -14.9475);--sidebar-accent-foreground:lab(26.7516% -.0234544 -11.0336);--sidebar-border:lab(86.0545% -.418127 -2.99003);--sidebar-ring:lab(44.5961% 28.6518 -84.4768)}}.dark{--background:#0a1121;--foreground:#e3e8f0;--card:#181f2e;--card-foreground:#e3e8f0;--popover:#181f2e;--popover-foreground:#e3e8f0;--primary:#6293ff;--primary-foreground:#060b18;--secondary:#282e3b;--secondary-foreground:#d4d8dd;--muted:#141a29;--muted-foreground:#989fab;--accent:#313a50;--accent-foreground:#d4d8dd;--destructive:#ef4444;--destructive-foreground:#0a1121;--border:#404855;--input:#404855;--ring:#6293ff;--chart-1:#6293ff;--chart-2:#9078ee;--chart-3:#00b7b8;--chart-4:#b767b1;--chart-5:#cf9a35;--sidebar:#181f2e;--sidebar-foreground:#e3e8f0;--sidebar-primary:#6293ff;--sidebar-primary-foreground:#060b18;--sidebar-accent:#313a50;--sidebar-accent-foreground:#d4d8dd;--sidebar-border:#404855;--sidebar-ring:#6293ff;--font-sans:Noto Sans Mono,ui-sans-serif,sans-serif,system-ui;--font-serif:Merriweather,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}@supports (color:lab(0% 0 0)){.dark{--background:lab(5.06322% .964694 -11.7604);--foreground:lab(91.8466% -.753105 -4.44845);--card:lab(11.6467% .403248 -10.9039);--card-foreground:lab(91.8466% -.753105 -4.44845);--popover:lab(11.6467% .403248 -10.9039);--popover-foreground:lab(91.8466% -.753105 -4.44845);--primary:lab(61.2419% 10.0937 -63.852);--primary-foreground:lab(2.92498% .604101 -7.73256);--secondary:lab(18.6586% -.00162423 -9.18838);--secondary-foreground:lab(86.0545% -.418127 -2.99003);--muted:lab(9.3201% .515975 -10.8754);--muted-foreground:lab(65.1204% -.693679 -7.45137);--accent:lab(24.3229% 1.08196 -14.6205);--accent-foreground:lab(86.0545% -.418127 -2.99003);--destructive:lab(55.8029% 65.6652 40.8307);--destructive-foreground:lab(5.06322% .964694 -11.7604);--border:lab(30.2975% -.89477 -9.14947);--input:lab(30.2975% -.89477 -9.14947);--ring:lab(61.2419% 10.0937 -63.852);--chart-1:lab(61.2419% 10.0937 -63.852);--chart-2:lab(57.0388% 30.1544 -57.1354);--chart-3:lab(66.7782% -49.1227 -14.6268);--chart-4:lab(55.034% 40.8896 -25.4516);--chart-5:lab(67.5597% 13.356 58.1654);--sidebar:lab(11.6467% .403248 -10.9039);--sidebar-foreground:lab(91.8466% -.753105 -4.44845);--sidebar-primary:lab(61.2419% 10.0937 -63.852);--sidebar-primary-foreground:lab(2.92498% .604101 -7.73256);--sidebar-accent:lab(24.3229% 1.08196 -14.6205);--sidebar-accent-foreground:lab(86.0545% -.418127 -2.99003);--sidebar-border:lab(30.2975% -.89477 -9.14947);--sidebar-ring:lab(61.2419% 10.0937 -63.852)}}.container{max-width:var(--container-7xl);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:40rem){.container{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.container{padding-inline:calc(var(--spacing)*12)}}@media (min-width:64rem){.container{padding-inline:calc(var(--spacing)*20)}}.font-body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}input,select,textarea{border-color:var(--border);background-color:var(--background);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){input,select,textarea{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}
1button{cursor:pointer;border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){button{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}pre{padding-inline:calc(var(--spacing)*4)}.docs th,.docs td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);padding:calc(var(--spacing)*3)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes grid{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes ripple{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(.9)}}@keyframes meteor{0%{transform:rotate(var(--angle))translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle))translateX(-500px);opacity:0}
1}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}
2@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/122ae3fd2eb25590-s.0ncu_-f3icz-t.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bfe1d01af4e99ec2-s.0xkmhr9m~odtp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/19f01400f4b28c83-s.0dah.bwspgr4j.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/053481348fc656b8-s.0oa9m1o0~yfw1.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/434fa64db183c5f7-s.0f6kj3bf2p152.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/72c852477dae22c1-s.0k5bu7w9.fmu6.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7da1b2d9318915d2-s.p.0jn-y.~othqka.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Mono Fallback;src:local(Arial);ascent-override:79.43%;descent-override:21.77%;line-gap-override:0.0%;size-adjust:134.59%}.noto_sans_mono_7df8b5a-module__OsCx2q__className{font-family:Noto Sans Mono,Noto Sans Mono Fallback;font-style:normal}.noto_sans_mono_7df8b5a-module__OsCx2q__variable{--font-sans:"Noto Sans Mono", "Noto Sans Mono Fallback"}
3@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1D
3BF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/70bc3e132a0a741e-s.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_f0e1cf5b-module__w1ICmG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_f0e1cf5b-module__w1ICmG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
4.markdown-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#1f2328;word-wrap:break-word;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.markdown-body .octicon{fill:currentColor;vertical-align:text-bottom;display:inline-block}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{content:" ";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{color:#0969da;background-color:#0000;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{border-bottom:1px solid #d1d9e0b3;margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-body mark{color:#1f2328;background-color:#fff8c5}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{box-sizing:content-box;border-style:none;max-width:100%}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;background:#d1d9e0;border:0;height:.25em;margin:1.5rem 0;padding:0;overflow:hidden}.markdown-body input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button{height:auto}.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button{appearance:none}.markdown-body [type=search]::-webkit-search-decoration{appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both;content:"";display:table}.markdown-body table{border-spacing:0;border-collapse:collapse;font-variant:tabular-nums;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline-offset:-2px;box-shadow:none;outline:2px solid #0969da}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:1px solid #0000}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid #0969da}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:1px solid #d1d9e0b3;border-radius:6px;padding:.25rem;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block;box-shadow:inset 0 -1px #d1d9e0b3}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid #d1d9e0b3;padding-bottom:.3em;font-size:1.5em;font-weight:600}.markdown-body h3{font-size:1.25em;font-weight:600}.markdown-body h4{font-size:1em;font-weight:600}.markdown-body h5{font-size:.875em;font-weight:600}.markdown-body h6{color:#59636e;font-size:.85em;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{color:#59636e;border-left:.25em solid #d1d9e0;margin:0;padding:0 1em}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.markdown-body input::-webkit-outer-spin-button{appearance:none;margin:0}.markdown-body input::-webkit-inner-spin-button{appearance:none;margin:0}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both;content:"";display:table}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;margin-left:-20px;padding-right:.25rem;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 c
4ode,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit;padding:0 .2em}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{border-bottom:0;padding-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a\ s]{list-style-type:lower-alpha}.markdown-body ol[type=A\ s]{list-style-type:upper-alpha}.markdown-body ol[type=i\ s]{list-style-type:lower-roman}.markdown-body ol[type=I\ s]{list-style-type:upper-roman}.markdown-body ol[type="1"],.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:1rem;padding:0;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{margin-bottom:1rem;padding:0 1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid #d1d9e0;padding:6px 13px}.markdown-body table td>:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame>span{float:left;border:1px solid #d1d9e0;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.markdown-body span.frame span img{float:left;display:block}.markdown-body span.frame span span{clear:both;color:#1f2328;padding:5px 0 0;display:block}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.markdown-body span.align-center span img{text-align:center;margin:0 auto}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.markdown-body span.align-right span img{text-align:right;margin:0}.markdown-body span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.markdown-body span.float-right>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.markdown-body code,.markdown-body tt{white-space:break-spaces;background-color:#818b981f;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{-webkit-text-decoration:inherit;text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{word-break:normal;margin-bottom:0}.markdown-body .highlight pre,.markdown-body pre{color:#1f2328;background-color:#f6f8fa;border-radius:6px;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code,.markdown-body pre tt{max-width:auto;line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.markdown-body .csv-data td,.markdown-body .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.markdown-body .csv-data .blob-num{text-align:right;background:#fff;border:0;padding:10px .5rem 9px}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{background:#f6f8fa;border-top:0;font-weight:600}.markdown-body [data-footnote-ref]:before{content:"["}.markdown-body [data-footnote-ref]:after{content:"]"}.markdown-body .footnotes{color:#59636e;border-top:1px solid #d1d9e0;font-size:12px}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{margin-top:1rem;padding-left:1rem;display:inline-block}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{pointer-events:none;content:"";border:2px solid #0969da;border-radius:6px;position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:#f6f8fa;background-color:#82071e}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{color:#116329;font-weight:700}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#0550ae;font-weight:700}.markdown-body .pl-mi{color:#1f2328;font-style:italic}.markdown-body .pl-mb{color:#1f2328;font-weight:700}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{color:#8250df;font-weight:700}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{color:#0a3069;text-decoration:underline}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex="0"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){box-shadow:none;outline:none}.markdown-body [tabindex="0"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{vertical-align:-.075em;min-width:1ch;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-weight:400;line-height:1;display:inline-block;font-style:normal!important}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{vertical-align:middle;margin:0 .2em .25em -1.4em}.markdown-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox,.markdown-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{clip:auto;width:auto;height:24px;display:block;overflow:visible}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{color:inherit;border-left:.25em solid #d1d9e0;margin-bottom:1rem;padding:.5rem 1rem}.markdown-body .markdown-alert>:first-child{margin-top:0}.markdown-body .markdown-alert>:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{align-items:center;font-weight:500;line-height:1;display:flex}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1
4a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body>:first-child>.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}
5.markdown-body{background-color:var(--background);color:var(--foreground)}.markdown-body a,.markdown-body a:hover{color:var(--primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body p,.markdown-body em,.markdown-body table,.markdown-body th,.markdown-body td{border-color:var(--border);background-color:var(--background);color:var(--foreground)}.markdown-body pre{background-color:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-body ul,.markdown-body ol{padding-left:1.5em!important}.markdown-body ul{list-style-type:disc!important}.markdown-body ol{list-style-type:decimal!important}.markdown-body ul ul{padding-left:1.5em!important;list-style-type:circle!important}.markdown-body ul ul ul{list-style-type:square!important}.markdown-body li{margin-top:.25em!important;margin-bottom:.25em!important}
6._gallery-module__4iId0W__thumbFrame{aspect-ratio:9/16;background:linear-gradient(#1a2a4a 0%,#2d1b3d 50%,#4a1f2e 100%);border-radius:.75rem;width:100%;position:relative;overflow:hidden}._gallery-module__4iId0W__thumbInner{transform-origin:0 0;width:750px;height:1334px;position:absolute;top:0;left:0;transform:scale(.21333)}@media (min-width:480px){._gallery-module__4iId0W__thumbInner{transform:scale(.26667)}}@media (min-width:640px){._gallery-module__4iId0W__thumbInner{transform:scale(.26)}}@media (min-width:1024px){._gallery-module__4iId0W__thumbInner{transform:scale(.30667)}}._gallery-module__4iId0W__useScene{z-index:20;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex;position:absolute;top:8px;right:8px}._gallery-module__4iId0W__useScene:hover{background:#fe2c55}._gallery-module__4iId0W__anatomyThumb{aspect-ratio:9/16;background:linear-gradient(#1a2a4a 0%,#2d1b3d 50%,#4a1f2e 100%);border-radius:1rem;width:100%;max-width:280px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}._gallery-module__4iId0W__anatomyInner{transform-origin:0 0;width:750px;height:1334px;position:absolute;top:0;left:0;transform:scale(.32)}@media (min-width:480px){._gallery-module__4iId0W__anatomyInner{transform:scale(.37333)}}
7</style><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0_h465si_rnt7.js"/>
7<script src="/_next/static/chunks/0_551n.61w1-6.js" async=""></script>
7<script src="/_next/static/chunks/0h1jmqbnu9e-e.js" async=""></script>
7<script src="/_next/static/chunks/0gsvg7zotdf6j.js" async=""></script>
7<script src="/_next/static/chunks/turbopack-122a4rh2kxo1m.js" async=""></script>
7<script src="/_next/static/chunks/0on7zijmt4-~f.js" async=""></script>
7<script src="/_next/static/chunks/0165lv591xqs5.js" async=""></script>
7<script src="/_next/static/chunks/0ok-09pe.fcoq.js" async=""></script>
7<script src="/_next/static/chunks/0diwg3tlso545.js" async=""></script>
7<script src="/_next/static/chunks/0h9eef-qjwu.z.js" async=""></script>
7<script src="/_next/static/chunks/150757mn7x5kz.js" async=""></script>
7<script src="/_next/static/chunks/0-zmzldrk8f_w.js" async=""></script>
7<script src="/_next/static/chunks/13rt6oje65g8~.js" async=""></script>
7<script src="/_next/static/chunks/16~yr-qrjtiqx.js" async=""></script>
7<script src="/_next/static/chunks/10uhpcxja5i.f.js" async=""></script>
7<script src="/_next/static/chunks/0bz1g8d1l_6rf.js" async=""></script>
7<script src="/_next/static/chunks/0f95sdb~j1g1i.js" async=""></script>
7<script src="/_next/static/chunks/0~6j59_irzg_p.js" async=""></script>
7<script src="/_next/static/chunks/0cho9t.aaez02.js" async=""></script>
7<script src="/_next/static/chunks/0atm603jnxkpt.js" async=""></script>
7<script src="/_next/static/chunks/10549sdnbf0mf.js" async=""></script>
7<script src="/_next/static/chunks/066o_t_0x6mai.js" async=""></script>
7<script src="/_next/static/chunks/0a~--p1-o-trc.js" async=""></script>
7<script src="/_next/static/chunks/0inuawddlz7bm.js" async=""></script>
7<script src="/_next/static/chunks/0gs-~tqk6t81y.js" async=""></script>
7<script src="/_next/static/chunks/13vw19ryo0ybk.js" async=""></script>
7<script src="/_next/static/chunks/0.xa2b~8_ab33.js" async=""></script>
7<script src="/_next/static/chunks/0yqqhvb7axr7h.js" async=""></script>
7<script src="/_next/static/chunks/05qzpq.xtnydm.js" async=""></script>
7<script src="/_next/static/chunks/0q5mzbiqtc~~h.js" async=""></script>
7<script src="/_next/static/chunks/0iac88ow90qsh.js" async=""></script>
7<script src="/_next/static/chunks/0ol74_x9eslzz.js" async=""></script>
7<script src="/_next/static/chunks/17a86t5n4uwak.js" async=""></script>
7<script src="/_next/static/chunks/1161btqycace0.js" async=""></script>
7<script src="/_next/static/chunks/013q0ex7ton.8.js" async=""></script>
7<link rel="preload" href="/_next/static/chunks/12png4.ny2.ey.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/0.u2.bb-06vhe.js" as="script" fetchPriority="low"/><link rel="preload" href="/_next/static/chunks/0bodl-wacays_.js" as="script" fetchPriority="low"/><meta name="next-size-adjust" content=""/><link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png"/><link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/apple-touch-icon.png"/><link rel="alternate" type="application/rss+xml" title="GPT Image 2" href="https://imagesv2.ai/feed.xml"/><title>GPT Image 2 Online Generator — Photorealistic, Sharp Text</title><meta name="description" content="GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed."/><link rel="manifest" href="/manifest.webmanifest"/><meta name="keywords" content="gpt image 2, gpt-image-2, chatgpt image2, gpt image 2 free, gpt image 2 prompts, gpt image 2 pricing"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://imagesv2.ai"/><link rel="alternate" hrefLang="en" href="https://imagesv2.ai"/><link rel="alternate" hrefLang="zh" href="https://imagesv2.ai/zh"/><link rel="alternate" hrefLang="ko" href="https://imagesv2.ai/ko"/><link rel="alternate" hrefLang="ja" href="https://imagesv2.ai/ja"/><link rel="alternate" hrefLang="fr" href="https://imagesv2.ai/fr"/><link rel="alternate" hrefLang="de" href="https://imagesv2.ai/de"/><link rel="alternate" hrefLang="es" href="https://imagesv2.ai/es"/><link rel="alternate" hrefLang="pt" href="https://imagesv2.ai/pt"/><link rel="alternate" hrefLang="ru" href="https://imagesv2.ai/ru"/><link rel="alternate" hrefLang="it" href="https://imagesv2.ai/it"/><link rel="alternate" hrefLang="ar" href="https://imagesv2.ai/ar"/><link rel="alternate" hrefLang="x-default" href="https://imagesv2.ai"/><meta property="og:title" content="GPT Image 2 Online Generator — Photorealistic, Sharp Text"/><meta property="og:description" content="GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed."/><meta property="og:url" content="https://imagesv2.ai"/><meta property="og:site_name" content="GPT Image 2"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://imagesv2.ai/preview.png"/><meta property="og:locale:alternate" content="zh_CN"/><meta property="og:locale:alternate" content="ja_JP"/><meta property="og:locale:alternate" content="ko_KR"/><meta property="og:locale:alternate" content="fr_FR"/><meta property="og:locale:alternate" content="de_DE"/><meta property="og:locale:alternate" content="es_ES"/><meta property="og:locale:alternate" content="pt_BR"/><meta property="og:locale:alternate" content="ru_RU"/><meta property="og:locale:alternate" content="it_IT"/><meta property="og:locale:alternate" content="ar_AR"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="GPT Image 2 Online Generator — Photorealistic, Sharp Text"/><meta name="twitter:description" content="GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed."/><meta name="twitter:image" content="https://imagesv2.ai/preview.png"/><!--$-->
7<script id="google-analytics">
8              
vendor: 169 bytes, lines 8-11
8window.dataLayer = window.dataLayer || [];
9              function gtag(){dataLayer.push(arguments);}
10              gtag('js', new Date());
11              gtag('config', '
11G-GC01M2BQCY
vendor: 16 bytes, lines 11-12
11');
12            
12</script>
12<!--/$-->
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"GPT Image 2","url":"https://imagesv2.ai","logo":"https://imagesv2.ai/logo.png","description":"AI image generator powered by GPT Image 2. Make posters with real text, transparent PNGs and editable SVGs. Free credits for new sign-ups.","contactPoint":[{"@type":"ContactPoint","email":"[email protected]","contactType":"customer support","availableLanguage":["English","Chinese"]}]}</script>
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"GPT Image 2","alternateName":["imagesv2","imagesv2.ai"],"url":"https://imagesv2.ai","inLanguage":"en-US"}</script>
12<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
12</head><body class="overflow-x-hidden"><style>#nprogress{pointer-events:none}#nprogress .bar{background:#6466F1;position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #6466F1,0 0 5px #6466F1;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#6466F1;border-left-color:#6466F1;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
12<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,true,true)</script>
12<div class="min-h-screen"><header id="site-header" data-state="inactive" class="has-data-[state=open]:bg-background/50 fixed inset-x-0 top-0 z-50 has-data-[state=open]:h-screen has-data-[state=open]:backdrop-blur"><div class="bg-background/88 border-border/70 absolute inset-x-0 top-0 z-50 h-16 border-b shadow-sm ring-1 shadow-black/[0.03] ring-transparent backdrop-blur transition-all duration-300 in-data-scrolled:bg-background/90 in-data-scrolled:shadow-black/[0.06] has-data-[state=open]:ring-foreground/5 has-data-[state=open]:bg-card/75 has-data-[state=open]:h-[calc(var(--navigation-menu-viewport-height)+3.4rem)] has-data-[state=open]:border-b has-data-[state=open]:shadow-lg has-data-[state=open]:shadow-black/10 has-data-[state=open]:backdrop-blur max-xl:in-data-[state=active]:bg-background max-xl:h-14 max-xl:overflow-hidden max-xl:border-b max-xl:in-data-[state=active]:h-screen max-xl:in-data-[state=active]:backdrop-blur"><div class="mx-auto max-w-[88rem] px-4 sm:px-6 xl:px-8 xl:px-10"><div class="relative flex flex-wrap items-center justify-between xl:grid xl:h-16 xl:grid-cols-[minmax(11rem,auto)_minmax(0,1fr)_auto] xl:flex-nowrap xl:gap-4"><div class="flex min-w-0 items-center justify-between gap-4 overflow-hidden max-xl:h-14 max-xl:w-full max-xl:border-b xl:contents"><div class="flex min-w-0 items-center"><a title="GPT Image 2" target="_self" class="flex shrink-0 items-center space-x-3 rtl:space-x-reverse whitespace-nowrap undefined" href="/"><img alt="GPT Image 2" fetchPriority="high" width="100" height="100" decoding="async" data-nimg="1" class="h-8 w-auto rounded-lg" style="color:transparent" srcSet="/_next/image?url=%2Flogo.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Flogo.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Flogo.png&amp;w=256&amp;q=75"/><span class="text-lg font-medium">GPT Image 2</span></a></div><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="false" role="navigation" class="group/navigation-menu relative flex max-w-max flex-1 items-center min-w-0 justify-center **:data-[slot=navigation-menu-content]:top-10 max-xl:hidden"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="group flex flex-1 list-none items-center justify-center min-w-0 gap-1.5" dir="ltr"><a title="Prompts" target="_self" class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex flex-col gap-1 rounded-md p-2 text-sm outline-none transition-all focus-visible:outline-1 focus-visible:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-foreground/85 hover:bg-muted/60 hover:text-foreground flex h-9 flex-row items-center gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap transition-colors " data-slot="navigation-menu-link" data-radix-collection-item="" href="/prompts"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb size-4" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg><!--/$-->Prompts</a><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_14pfaqivb_-trigger-radix-_R_174pfaqivb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_14pfaqivb_-content-radix-_R_174pfaqivb_" data-slot="navigation-menu-trigger" class="group inline-flex w-max items-center justify-center py-1 focus:bg-foreground
12/5 focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-foreground/5 data-[state=open]:text-foreground data-[state=open]:focus:bg-foreground/5 data-[state=open]:bg-foreground/5 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 group text-foreground/85 hover:bg-muted/60 hover:text-foreground h-9 gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap" data-radix-collection-item=""><!--$?--><template id="B:0"></template><div style="width:24px;height:24px"></div><!--/$-->Tools<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ms-1.5 size-3 opacity-75 transition duration-300 group-data-[state=open]:translate-y-px" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_14pfaqivb_-trigger-radix-_R_1n4pfaqivb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_14pfaqivb_-content-radix-_R_1n4pfaqivb_" data-slot="navigation-menu-trigger" class="group inline-flex w-max items-center justify-center py-1 focus:bg-foreground
12/5 focus:text-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-foreground/5 data-[state=open]:text-foreground data-[state=open]:focus:bg-foreground/5 data-[state=open]:bg-foreground/5 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 group text-foreground/85 hover:bg-muted/60 hover:text-foreground h-9 gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap" data-radix-collection-item=""><!--$?--><template id="B:1"></template><div style="width:24px;height:24px"></div><!--/$-->Models<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ms-1.5 size-3 opacity-75 transition duration-300 group-data-[state=open]:translate-y-px" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><a title="Pricing" target="_self" class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex flex-col gap-1 rounded-md p-2 text-sm outline-none transition-all focus-visible:outline-1 focus-visible:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-foreground/85 hover:bg-muted/60 hover:text-foreground flex h-9 flex-row items-center gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap transition-colors " data-slot="navigation-menu-link" data-radix-collection-item="" href="/pricing"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card size-4" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><!--/$-->Pricing</a><a title="My Works" target="_self" class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex flex-col gap-1 rounded-md p-2 text-sm outline-none transition-all focus-visible:outline-1 focus-visible:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-foreground/85 hover:bg-muted/60 hover:text-foreground flex h-9 flex-row items-center gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap transition-colors " data-slot="navigation-menu-link" data-radix-collection-item="" href="/history"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history size-4" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg><!--/$-->My Works</a><a title="Blog" target="_self" class="data-[active=true]:focus:bg-muted data-[active=true]:hover:bg-muted data-[active=true]:bg-muted/50 data-[active=true]:text-foreground hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex flex-col gap-1 rounded-md p-2 text-sm outline-none transition-all focus-visible:outline-1 focus-visible:ring-[3px] [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 text-foreground/85 hover:bg-muted/60 hover:text-foreground flex h-9 flex-row items-center gap-1.5 rounded-md px-2.5 text-sm font-medium whitespace-nowrap transition-colors " data-slot="navigation-menu-link" data-radix-collection-item="" href="/blog"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text size-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><!--/$-->Blog</a></ul></div></nav><button id="site-header-toggle" type="button" aria-controls="site-header" aria-expanded="false" aria-label="Open menu" data-label-open="Open menu" data-label-close="Close menu" class="relative z-20 flex size-10 shrink-0 cursor-pointer items-center justify-center rounded-lg xl:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu m-auto size-5 duration-200 in-data-[state=active]:scale-0 in-data-[state=active]:rotate-180 in-data-[state=active]:opacity-0" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></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="lucide lucide-x absolute inset-0 m-auto size-5 scale-0 -rotate-180 opacity-0 duration-200 in-data-[state=active]:scale-100 in-data-[state=active]:rotate-0 in-data-[state=active]:opacity-100" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div class="w-full xl:hidden"><nav role="navigation" class="font-body w-full overflow-x-hidden overflow-y-auto [--color-border:--alpha(var(--color-foreground)/5%)] [--color-muted:--alpha(var(--color-foreground)/5%)]"><ul class="mt-1 space-y-0 **:hover:no-underline">
12<li class="group border-foreground/5 relative border-b"><a class="flex items-center justify-between rounded-md px-0 py-3 text-lg" href="/prompts">Prompts</a></li><li class="group border-foreground/5 relative border-b"><details class="group/details"><summary class="group-open/details:bg-muted flex cursor-pointer list-none items-center justify-between rounded-md px-0 py-3 text-lg [&amp;::-webkit-details-marker]:hidden"><span>Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-foreground/60 size-4 shrink-0 transition-transform duration-200 group-open/details:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="pb-3"><div class="-mx-1 mb-3 flex flex-wrap gap-2 pb-1"><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Image generation</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Marketing &amp; design</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Editing</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Portrait style</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Social</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">SVG tools</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Browse</button></div><div class="space-y-5"><div id="mnav-group-1-0" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Image generation</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/"><span class="line-clamp-2 inline-flex items-center gap-1">AI Image Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-2-transparent-background"><span class="line-clamp-2 inline-flex items-center gap-1">Transparent Image Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/360-image"><span class="line-clamp-2 inline-flex items-center gap-1">360° Panorama</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/healing-landscape-illustration"><span class="line-clamp-2 inline-flex items-center gap-1">Healing Landscape</span></a></li></ul></div><div id="mnav-group-1-1" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Marketing &amp; design</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-2-poster-generator"><span class="line-clamp-2 inline-flex items-center gap-1">Poster Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ai-brand-kit-generator"><span class="line-clamp-2 inline-flex items-center gap-1">Brand Kit Generator</span></a></li><li>
12<a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ai-app-mockup-generator"><span class="line-clamp-2 inline-flex items-center gap-1">App Mockup Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/article-illustration"><span class="line-clamp-2 inline-flex items-center gap-1">Article Illustration</span></a></li></ul></div><div id="mnav-group-1-2" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Editing</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-2-editable-text"><span class="line-clamp-2 inline-flex items-center gap-1">Editable Text</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/poster-to-psd"><span class="line-clamp-2 inline-flex items-center gap-1">Poster to PSD (Beta)</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/old-photo-restoration"><span class="line-clamp-2 inline-flex items-center gap-1">Old Photo Restoration</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/photo-annotation"><span class="line-clamp-2 inline-flex items-center gap-1">Photo Annotation<!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame ml-1 inline size-3.5 text-orange-500" aria-hidden="true"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><!--/$--></span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ms-paint-redraw"><span class="line-clamp-2 inline-flex items-center gap-1">MS Paint Redraw<!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame ml-1 inline size-3.5 text-orange-500" aria-hidden="true"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><!--/$--></span></a></li></ul></div><div id="mnav-group-1-3" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Portrait style</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/personal-style-card"><span class="line-clamp-2 inline-flex items-center gap-1">Personal Style Card</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ai-hairstyle-changer"><span class="line-clamp-2 inline-flex items-center gap-1">AI Hairstyle Changer</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/portrait-styles"><span class="line-clamp-2 inline-flex items-center gap-1">AI Portrait Styles</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/color-analysis"><span class="line-clamp-2 inline-flex items-center gap-1">Color Analysis</span></a></li></ul></div><div id="mnav-group-1-4" class="scroll-mt-20">
12<div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Social</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/wechat-chat-generator"><span class="line-clamp-2 inline-flex items-center gap-1">WeChat Chat Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/douyin-live-generator"><span class="line-clamp-2 inline-flex items-center gap-1">TikTok Live Screenshot Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/tweet-screenshot-generator"><span class="line-clamp-2 inline-flex items-center gap-1">Tweet Screenshot Generator</span></a></li></ul></div><div id="mnav-group-1-5" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">SVG tools</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-2-svg"><span class="line-clamp-2 inline-flex items-center gap-1">SVG Generator</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ai-svg-diagram"><span class="line-clamp-2 inline-flex items-center gap-1">AI SVG Diagram</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/ai-svg-illustration"><span class="line-clamp-2 inline-flex items-center gap-1">AI SVG Illustration</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/svg-animation-generator"><span class="line-clamp-2 inline-flex items-center gap-1">SVG Animation</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/svg-viewer"><span class="line-clamp-2 inline-flex items-center gap-1">SVG Viewer</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/svg-cases"><span class="line-clamp-2 inline-flex items-center gap-1">SVG Cases</span></a></li></ul></div><div id="mnav-group-1-6" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Browse</div><ul class="flex flex-col gap-y-0.5"><li><a class="group border-primary/25 bg-primary/5 active:bg-primary/10 mt-1 flex min-h-[44px] items-center gap-2 rounded-md border px-2.5 py-2" href="/tools"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid text-primary size-4 shrink-0" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><!--/$--><span class="text-foreground flex-1 text-[13px] font-semibold">View all tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-primary size-4 shrink-0 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div></div></div></details></li>
12<li class="group border-foreground/5 relative border-b"><details class="group/details"><summary class="group-open/details:bg-muted flex cursor-pointer list-none items-center justify-between rounded-md px-0 py-3 text-lg [&amp;::-webkit-details-marker]:hidden"><span>Models</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-foreground/60 size-4 shrink-0 transition-transform duration-200 group-open/details:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="pb-3"><div class="-mx-1 mb-3 flex flex-wrap gap-2 pb-1"><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">GPT Image</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Nano Banana</button><button type="button" class="border-border/70 text-foreground/80 hover:bg-muted active:bg-muted bg-background rounded-full border px-2.5 py-1 text-[11px] font-medium whitespace-nowrap">Browse</button></div><div class="space-y-5"><div id="mnav-group-2-0" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">GPT Image</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-2-5"><span class="line-clamp-2 inline-flex items-center gap-1">GPT Image 2.5<span class="bg-orange-100 text-orange-700 ml-1.5 inline-block rounded-full px-2 py-0.5 text-[11px] font-medium">New</span></span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/"><span class="line-clamp-2 inline-flex items-center gap-1">GPT Image 2</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-1-5"><span class="line-clamp-2 inline-flex items-center gap-1">GPT Image 1.5</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/gpt-image-1"><span class="line-clamp-2 inline-flex items-center gap-1">GPT Image 1</span></a></li></ul></div><div id="mnav-group-2-1" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Nano Banana</div><ul class="flex flex-col gap-y-0.5"><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/nano-banana-2"><span class="line-clamp-2 inline-flex items-center gap-1">Nano Banana 2</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/nano-banana-pro"><span class="line-clamp-2 inline-flex items-center gap-1">Nano Banana Pro</span></a></li><li><a class="text-foreground/85 active:bg-muted flex min-h-[40px] items-center rounded-md px-2 py-1.5 text-[13px] leading-snug" href="/nano-banana"><span class="line-clamp-2 inline-flex items-center gap-1">Nano Banana</span></a></li></ul></div><div id="mnav-group-2-2" class="scroll-mt-20"><div class="text-foreground/65 mb-1.5 px-1 text-[11px] font-semibold tracking-wider uppercase">Browse</div><ul class="flex flex-col gap-y-0.5"><li><a class="group border-primary/25 bg-primary/5 active:bg-primary/10 mt-1 flex min-h-[44px] items-center gap-2 rounded-md border px-2.5 py-2" href="/tools#models"><!--$?--><template id="B:2"></template><div style="width:24px;height:24px"></div><!--/$--><span class="text-foreground flex-1 text-[13px] font-semibold">View all models</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-primary size-4 shrink-0 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div></div></div></details></li>
12<li class="group border-foreground/5 relative border-b"><a class="flex items-center justify-between rounded-md px-0 py-3 text-lg" href="/pricing">Pricing</a></li><li class="group border-foreground/5 relative border-b"><a class="flex items-center justify-between rounded-md px-0 py-3 text-lg" href="/history">My Works</a></li><li class="group border-foreground/5 relative border-b"><a class="flex items-center justify-between rounded-md px-0 py-3 text-lg" href="/blog">Blog</a></li></ul></nav></div><div class="mb-6 hidden w-full flex-wrap items-center justify-end space-y-8 in-data-[state=active]:flex max-xl:in-data-[state=active]:mt-5 md:flex-nowrap xl:m-0 xl:flex xl:w-fit xl:shrink-0 xl:gap-3 xl:space-y-0 xl:border-transparent xl:bg-transparent xl:p-0 xl:shadow-none dark:shadow-none dark:xl:bg-transparent"><div class="flex w-full flex-col items-stretch gap-3 sm:flex-row sm:items-center sm:space-y-0 md:w-fit xl:gap-2"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 has-[&gt;svg]:px-2.5 hover:bg-accent h-9 gap-1.5 rounded-lg px-2.5" disabled="" aria-label="Select language"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>English</span><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="flex-1 md:hidden"></div><div class="flex w-full flex-col space-y-3 sm:flex-row sm:gap-3 sm:space-y-0 md:w-fit"><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 py-2 has-[&gt;svg]:px-3 shadow-primary/25 ring-primary/20 hover:shadow-primary/35 h-9 cursor-pointer rounded-lg px-4 text-sm font-semibold shadow-lg ring-1 transition-all hover:-translate-y-0.5" href="/sign-in">Sign In<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></a></div></div></div></div></div></div></header>
12<script>(function(){var btn=document.getElementById('site-header-toggle');var hdr=document.getElementById('site-header');if(!btn||!hdr)return;if(btn.dataset.bound==='1')return;btn.dataset.bound='1';function sync(open){hdr.setAttribute('data-state',open?'active':'inactive');btn.setAttribute('aria-expanded',open?'true':'false');var lbl=open?btn.getAttribute('data-label-close'):btn.getAttribute('data-label-open');if(lbl)btn.setAttribute('aria-label',lbl)}btn.addEventListener('click',function(e){e.preventDefault();sync(hdr.getAttribute('data-state')!=='active')})})();</script>
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"GPT Image 2","description":"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.","url":"https://imagesv2.ai/","applicationCategory":"MultimediaApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"publisher":{"@type":"Organization","name":"GPT Image 2","url":"https://imagesv2.ai"}}</script>
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"GPT Image 2","description":"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.","url":"https://imagesv2.ai/","inLanguage":"en-US","dateModified":"2026-05-18","isPartOf":{"@type":"WebSite","name":"GPT Image 2","url":"https://imagesv2.ai"},"publisher":{"@type":"Organization","name":"GPT Image 2","url":"https://imagesv2.ai"}}</script>
12<section id="hero" class="pt-24 pb-8 md:pt-36 md:pb-8"><a target="_self" class="hover:bg-background dark:hover:border-t-border bg-muted group mx-auto mb-8 flex w-fit items-center gap-4 rounded-full border p-1 ps-4 shadow-md shadow-zinc-950/5 transition-colors duration-300 dark:border-t-white/5 dark:shadow-zinc-950" href="/#playground"><span class="text-foreground text-sm">GPT Image 2 is here — try it now</span><span class="dark:border-background block h-4 w-0.5 border-s bg-white dark:bg-zinc-700"></span><div class="bg-background group-hover:bg-muted size-6 overflow-hidden rounded-full duration-500"><div class="flex w-12 -translate-x-1/2 duration-500 ease-in-out group-hover:translate-x-0"><span class="flex size-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right m-auto size-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="flex size-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right m-auto size-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></div></a><div class="relative mx-auto max-w-full px-4 text-center md:max-w-5xl"><h1 class="text-foreground text-xl font-semibold tracking-tight text-balance break-keep sm:mt-12 sm:text-3xl sm:tracking-normal md:text-5xl"><span class="relative inline-block bg-transparent">GPT Image 2</span> Online Generator</h1><p class="text-muted-foreground mt-6 mb-6 text-sm text-balance sm:mt-8 sm:mb-8 sm:text-base md:text-lg">Photorealistic AI images with razor-sharp text rendering.<br/>Free credits for new users — no OpenAI account, no ChatGPT Plus, no prompt skills needed.</p><div class="flex items-center justify-center gap-4"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 py-2 has-[&gt;svg]:px-3 px-4 text-sm" href="/#playground"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><!--/$--><span>Start Generating</span></a><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 py-2 has-[&gt;svg]:px-3 px-4 text-sm" href="/prompts"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg><!--/$--><span>See Examples</span></a></div><p class="text-muted-foreground mt-6 block text-center text-sm">Free GPT Image 2 credits for new users — no credit card, no OpenAI account</p></div><div class="relative mt-8 px-4 sm:mt-16"><!--$?--><template id="B:3"></template><div class="bg-muted h-[500px] w-full animate-pulse rounded-lg"></div><!--/$--></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Start with curated cases. Create standout images.</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Curated high-quality GPT Image 2 image examples with prompts you can reuse. Find a result you like and start creating.</p></div><div class="columns-1 gap-4 sm:columns-2 lg:columns-3"><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Guangdong Super League Invitation Poster" loading="lazy" width="675" height="1199" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_030.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Guangdong Super League Invitation Poster</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/30-guangdong-super-league-invitation-poster">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Taobao Product Detail-Page Section" loading="lazy" width="1024" height="1536" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_180.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Taobao Product Detail-Page Section</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/180-taobao-product-detail-page-section">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="E-Commerce Sale Banner" loading="lazy" width="1024" height="683" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_182.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">E-Commerce Sale Banner</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/182-e-commerce-sale-banner">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Product Ad Redesign" loading="lazy" width="848" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_046.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Product Ad Redesign</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Dynamic Splash Product Ad" loading="lazy" width="1024" height="1024" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_178.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Dynamic Splash Product Ad</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/178-dynamic-splash-product-ad">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Y2K Scrapbook Collage Poster" loading="lazy" width="1024" height="1024" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_138.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Y2K Scrapbook Collage Poster</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Korean Idol 3x3 Collage Portrait" loading="lazy" width="675" height="1199" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_013.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Korean Idol 3x3 Collage Portrait</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/13-korean-idol-3x3-collage-portrait">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div><div class="group mb-4 cursor-pointer break-inside-avoid"><div class="bg-muted relative overflow-hidden rounded-2xl border transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Educational Cross-Section Diagram" loading="lazy" width="1024" height="1536" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 639px) calc(100vw - 32px), (max-width: 767px) calc((100vw - 64px) / 2), (max-width: 1023px) calc((100vw - 112px) / 2), (max-width: 1279px) calc((100vw - 192px) / 3), 363px" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=16&amp;q=70 16w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=32&amp;q=70 32w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=48&amp;q=70 48w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=64&amp;q=70 64w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=96&amp;q=70 96w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=128&amp;q=70 128w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_169.jpg&amp;w=3840&amp;q=70"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Educational Cross-Section Diagram</p><div class="mt-1 flex items-center gap-3"><span class="inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Make This</span><a class="inline-flex items-center gap-1 text-xs font-medium text-white underline-offset-2 hover:underline" href="/prompts/169-educational-cross-section-diagram">View details<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3 w-3 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div><div class="mt-10 flex justify-center"><a href="/prompts"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
12size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Explore curated prompts<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section id="audiences" class="scroll-mt-40 py-16 md:py-24"><div class="container"><div class="mb-10 flex flex-col gap-4 border-b pb-8"><div class="min-w-0"><p class="text-primary mb-3 text-xs font-semibold tracking-[0.2em] uppercase">USE CASES</p><h2 class="max-w-5xl text-3xl font-bold tracking-tight text-balance md:text-5xl">GPT Image 2 Use Cases for Every Industry</h2></div><p class="text-muted-foreground max-w-2xl text-sm leading-relaxed">Choose a starting point for the images your day-to-day work needs.</p></div><div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->1</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag text-primary h-6 w-6 shrink-0" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg><h3 class="text-lg font-semibold md:text-xl">E-commerce operators</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Create product heroes, sale banners, and detail-page visuals for your store.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Product hero</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Splash ad</span></div></div></div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->2</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-primary h-6 w-6 shrink-0" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg><h3 class="text-lg font-semibold md:text-xl">Brand and event teams</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Turn a launch, campaign, or event brief into a polished poster and key visual.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Event poster</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Key visual</span></div></div></div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->3</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary h-6 w-6 shrink-0" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><h3 class="text-lg font-semibold md:text-xl">Content creators</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Turn a post idea into a polished social screenshot and shareable visual.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Post screenshot</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Shareable graphic</span></div></div></div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->4</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open text-primary h-6 w-6 shrink-0" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><h3 class="text-lg font-semibold md:text-xl">Educators and knowledge teams</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Explain a process, object, or idea with clear diagrams and structured visual notes.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Visual explainer</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Article graphic</span></div></div></div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->5</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette text-primary h-6 w-6 shrink-0" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><h3 class="text-lg font-semibold md:text-xl">Product and brand designers</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Explore app mockups, color directions, and brand kit pieces before the handoff.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">App mockup</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Brand kit</span></div></div></div><div class="grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6"><span class="text-muted-foreground pt-1 font-mono text-sm">0<!-- -->6</span><div class="min-w-0"><div class="flex items-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panels-top-left text-primary h-6 w-6 shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg><h3 class="text-lg font-semibold md:text-xl">Comic and story creators</h3></div><p class="text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed">Develop characters, storyboards, and sequential comic scenes from an early idea.</p></div><div class="col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end"><div class="flex flex-wrap gap-1.5 md:justify-end"><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Characters</span><span class="text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]">Storyboard</span></div></div></div></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-3.5 w-3.5" aria-hidden="true"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>GPT Image 2 360° Panorama Generator</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Step Into a World From One Sentence</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Type a place and time. GPT Image 2 auto-appends the five panorama keywords and returns a true equirectangular panorama you can drag, zoom and walk into.</p></div><div class="grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4"><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] col-span-2 row-span-2 md:col-span-2 md:row-span-2 md:aspect-auto md:min-
12h-full" href="/360-image#create"><img alt="Giza Rooftop Dining at Night" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fgiza-rooftop-dining.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Giza Rooftop Dining at Night</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Neon Cyberpunk Rain" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fcyberpunk.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Neon Cyberpunk Rain</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Da Vinci&#x27;s Studio, 1470" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fdavinci.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Da Vinci&#x27;s Studio, 1470</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Maldives Overwater Sunrise" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fmaldives.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Maldives Overwater Sunrise</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Magic Academy Library" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fmagic-library.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Magic Academy Library</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Space Station Observation Deck" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fspace-station.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Space Station Observation Deck</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Tang Dynasty Chang&#x27;an Market" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fchangan-market.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Tang Dynasty Chang&#x27;an Market</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] " href="/360-image#create"><img alt="Luxor Temple at Night" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2F360-image%2Fluxor-temple-night.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Luxor Temple at Night</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>360°</span></div></a></div><div class="mt-10 flex justify-center"><a href="/360-image"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Open 360° Studio<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section class="overflow-hidden bg-muted/30 py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-3.5 w-3.5" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg>GPT Image 2 Tweet Screenshot Generator</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">GPT Image 2 Writes the Tweet, Renders the Screenshot</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Type a topic or vibe. GPT Image 2 drafts a viral-style tweet and renders it as a pixel-accurate X (Twitter) single-tweet screenshot — themeable, editable engagement counts, exports a 1500px PNG.</p></div><div class="columns-1 gap-4 sm:columns-2 lg:columns-3 xl:columns-4"><a class="group mb-4 block break-inside-avoid" href="/tweet-screenshot-generator"><div class="relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="King Taejo Yi Seong-gye&#x27;s X Page" loading="lazy" width="800" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_075.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">King Taejo Yi Seong-gye&#x27;s X Page</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Yours</p></div></div></a><a class="group mb-4 block break-inside-avoid" href="/tweet-screenshot-generator"><div class="relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Empress Dowager Cixi X Page" loading="lazy" width="900" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_084.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Empress Dowager Cixi X Page</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Yours</p></div></div></a><a class="group mb-4 block break-inside-avoid" href="/tweet-screenshot-generator"><div class="relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Song Dynasty Social Media Feed" loading="lazy" width="400" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_072.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Song Dynasty Social Media Feed</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Yours</p></div></div></a><a class="group mb-4 block break-inside-avoid" href="/tweet-screenshot-generator"><div class="relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Xuanwu Gate Social Feed" loading="lazy" width="900" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_081.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Xuanwu Gate Social Feed</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Yours</p></div></div></a><a class="group mb-4 block break-inside-avoid" href="/tweet-screenshot-generator"><div class="relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Multi-Platform Content Screenshots" loading="lazy" width="555" height="1200" decoding="async" data-nimg="1" class="h-auto w-full transition-transform duration-500 group-hover:scale-105" style="color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Finspiration%2Fcase_073.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100"><p class="text-sm font-semibold text-white drop-shadow-md">Multi-Platform Content Screenshots</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Generate Yours</p></div></div></a></div><div class="mt-10 flex flex-wrap items-center justify-center gap-3"><a href="/tweet-screenshot-generator"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Open Tweet Generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a><a href="/douyin-live-generator"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[&gt;svg]:px-4 gap-2">Try Douyin Live Mockup</button></a></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-3.5 w-3.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>GPT Image 2 WeChat Chat Generator</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">One Scene Prompt, GPT Image 2 Writes the Whole Chat</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Type a scene like &quot;customer follow-up&quot; or &quot;referral intro&quot; — GPT Image 2 drafts a natural conversation and renders it as a 750×1334 WeChat chat screenshot. Every line is editable, exports as PNG.</p></div><div class="grid grid-cols-2 gap-4 md:grid-cols-4 md:gap-6"><a class="group block" href="/wechat-chat-generator"><div class="relative mx-auto overflow-hidden rounded-2xl border bg-[#EDEDED] shadow-sm transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-2xl" style="width:280px;height:476px"><div style="width:750px;transform:scale(0.37333333333333335);transform-origin:top left;pointer-events:none"><div style="width:750px;min-height:100%;background:#EDEDED;font-family:-apple-system, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif;color:#000;display:flex;flex-direction:column"><div style="height:64px;background:#EDEDED;display:flex;align-items:center;justify-content:space-between;padding:0 38px 0 38px;font-size:28px;font-weight:600"><div style="display:flex;align-items:center;gap:8px"><span>19:35</span><svg width="24" height="24" viewBox="0 0 24 24">
12<path d="M21 13.5A9 9 0 1110.5 3a7 7 0 0010.5 10.5z" fill="#000"></path></svg></div><div style="display:flex;align-items:center;gap:10px"><svg width="34" height="22" viewBox="0 0 34 22"><rect x="0" y="14" width="6" height="8" rx="1.5" fill="#000"></rect><rect x="9" y="10" width="6" height="12" rx="1.5" fill="#000"></rect><rect x="18" y="6" width="6" height="16" rx="1.5" fill="#000"></rect><rect x="27" y="2" width="6" height="20" rx="1.5" fill="#000"></rect></svg><svg width="30" height="22" viewBox="0 0 30 22"><path d="M15 18a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4z" fill="#000"></path><path d="M7.5 11.2c2-2 4.7-3 7.5-3s5.5 1 7.5 3l-2.2 2.2C18.6 11.7 16.9 11 15 11s-3.6.7-5.3 2.4L7.5 11.2z" fill="#000"></path><path d="M2 5.7C5.7 2 10.2 0 15 0s9.3 2 13 5.7l-2.2 2.2C22.6 4.8 18.9 3 15 3S7.4 4.8 4.2 7.9L2 5.7z" fill="#000"></path></svg><svg width="44" height="22" viewBox="0 0 44 22"><rect x="0.75" y="2.75" width="36" height="16.5" rx="3.5" fill="none" stroke="#000" stroke-width="1.5"></rect><rect x="38" y="8" width="3" height="6" rx="1.5" fill="#000"></rect><rect x="3" y="5" width="30" height="12" rx="2" fill="#000"></rect></svg></div></div><div style="height:92px;background:#EDEDED;border-bottom:0.5px solid #C8C8C8;display:flex;align-items:center;position:relative;padding:0 24px"><div style="display:flex;align-items:center;gap:4px"><svg width="22" height="36" viewBox="0 0 22 36"><path d="M18 4L4 18l14 14" stroke="#000" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="position:absolute;left:0;right:0;text-align:center;font-size:34px;font-weight:600;pointer-events:none">Customer · Alex</div><div style="margin-left:auto"><svg width="42" height="14" viewBox="0 0 42 14"><circle cx="6" cy="7" r="3.5" fill="#000"></circle><circle cx="21" cy="7" r="3.5" fill="#000"></circle><circle cx="36" cy="7" r="3.5" fill="#000"></circle></svg></div></div><div style="flex:1;padding:24px 18px 30px;display:flex;flex-direction:column;gap:22px"><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFCB7A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2028l8%2014%2014-2%2014%202%208-14-4%2022a18%2018%200%200%201-36%200z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M40%2056q4%204%208%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2050l-2%203h4z&#x27;%20fill%3D&#x27;%23FF7A8C&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Hey, are you free? Want to reorder.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFE17A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;44&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFB200&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;37&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;51&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M36%2050q8%208%2016%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3Cg%20stroke%3D&#x27;%23FFB200&#x27;%20stroke-width%3D&#x27;3&#x27;%20stroke-linecap%3D&#x27;round&#x27;%3E%20%3Cline%20x1%3D&#x27;44&#x27;%20y1%3D&#x27;10&#x27;%20x2%3D&#x27;44&#x27;%20y2%3D&#x27;18&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;44&#x27;%20y1%3D&#x27;70&#x27;%20x2%3D&#x27;44&#x27;%20y2%3D&#x27;78&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;10&#x27;%20y1%3D&#x27;44&#x27;%20x2%3D&#x27;18&#x27;%20y2%3D&#x27;44&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;70&#x27;%20y1%3D&#x27;44&#x27;%20x2%3D&#x27;78&#x27;%20y2%3D&#x27;44&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;20&#x27;%20y1%3D&#x27;20&#x27;%20x2%3D&#x27;25&#x27;%20y2%3D&#x27;25&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;63&#x27;%20y1%3D&#x27;63&#x27;%20x2%3D&#x27;68&#x27;%20y2%3D&#x27;68&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;68&#x27;%20y1%3D&#x27;20&#x27;%20x2%3D&#x27;63&#x27;%20y2%3D&#x27;25&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;25&#x27;%20y1%3D&#x27;63&#x27;%20x2%3D&#x27;20&#x27;%20y2%3D&#x27;68&#x27;%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Sure! Same size as last time?</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFCB7A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2028l8%2014%2014-2%2014%202%208-14-4%2022a18%2018%200%200%201-36%200z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M40%2056q4%204%208%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2050l-2%203h4z&#x27;%20fill%3D&#x27;%23FF7A8C&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Yes, just switch the color to ivory.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFE17A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;44&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFB200&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;37&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;51&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M36%2050q8%208%2016%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3Cg%20stroke%3D&#x27;%23FFB200&#x27;%20stroke-width%3D&#x27;3&#x27;%20stroke-linecap%3D&#x27;round&#x27;%3E%20%3Cline%20x1%3D&#x27;44&#x27;%20y1%3D&#x27;10&#x27;%20x2%3D&#x27;44&#x27;%20y2%3D&#x27;18&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;44&#x27;%20y1%3D&#x27;70&#x27;%20x2%3D&#x27;44&#x27;%20y2%3D&#x27;78&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;10&#x27;%20y1%3D&#x27;44&#x27;%20x2%3D&#x27;18&#x27;%20y2%3D&#x27;44&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;70&#x27;%20y1%3D&#x27;44&#x27;%20x2%3D&#x27;78&#x27;%20y2%3D&#x27;44&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;20&#x27;%20y1%3D&#x27;20&#x27;%20x2%3D&#x27;25&#x27;%20y2%3D&#x27;25&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;63&#x27;%20y1%3D&#x27;63&#x27;%20x2%3D&#x27;68&#x27;%20y2%3D&#x27;68&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;68&#x27;%20y1%3D&#x27;20&#x27;%20x2%3D&#x27;63&#x27;%20y2%3D&#x27;25&#x27;%2F%3E%20%3Cline%20x1%3D&#x27;25&#x27;%20y1%3D&#x27;63&#x27;%20x2%3D&#x27;20&#x27;%20y2%3D&#x27;68&#x27;%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Got it, shipping it out today.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFCB7A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2028l8%2014%2014-2%2014%202%208-14-4%2022a18%2018%200%200%201-36%200z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;3.5&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M40%2056q4%204%208%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2050l-2%203h4z&#x27;%20fill%3D&#x27;%23FF7A8C&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Thanks! I&#x27;ll let you know when it lands.</div></div></div></div></div><div style="background:#F7F7F7;border-top:0.5px solid #D0D0D0;display:flex;align-items:center;padding:14px 18px 22px;gap:14px"><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="44" height="44" viewBox="0 0 44 44"><circle cx="22" cy="22" r="21" fill="none" stroke="#333" stroke-width="1.5"></circle><path d="M16 18v8M20 14v16M24 16v12M28 19v6" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div><div style="flex:1;height:64px;background:#fff;border-radius:8px;border:0.5px solid #D8D8D8"></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><circle cx="14" cy="18" r="2" fill="#333"></circle><circle cx="28" cy="18" r="2" fill="#333"></circle><path d="M13 26c2 3 5 4.5 8 4.5s6-1.5 8-4.5" stroke="#333" stroke-width="1.8" fill="none" stroke-linecap="round"></path></svg></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><path d="M21 12v18M12 21h18" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div></div></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><p class="text-foreground mt-3 text-center text-sm font-medium">Customer · Alex</p></a><a class="group block" href="/wechat-chat-generator"><div class="relative mx-auto overflow-hidden rounded-2xl border bg-[#EDEDED] shadow-sm transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-2xl" style="width:280px;height:476px"><div style="width:750px;transform:scale(0.37333333333333335);transform-origin:top left;pointer-events:none"><div style="width:750px;min-height:100%;background:#EDEDED;font-family:-apple-system, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif;color:#000;display:flex;flex-direction:column"><div style="height:64px;background:#EDEDED;display:flex;align-items:center;justify-content:space-between;padding:0 38px 0 38px;font-size:28px;font-weight:600"><div style="display:flex;align-items:center;gap:8px"><span>19:35</span><svg width="24" height="24" viewBox="0 0 24 24"><path d="M21 13.5A9 9 0 1110.5 3a7 7 0 0010.5 10.5z" fill="#000"></path></svg></div><div style="display:flex;align-items:center;gap:10px"><svg width="34" height="22" viewBox="0 0 34 22"><rect x="0" y="14" width="6" height="8" rx="1.5" fill="#000"></rect><rect x="9" y="10" width="6" height="12" rx="1.5" fill="#000"></rect><rect x="18" y="6" width="6" height="16" rx="1.5" fill="#000"></rect><rect x="27" y="2" width="6" height="20" rx="1.5" fill="#000"></rect></svg><svg width="30" height="22" viewBox="0 0 30 22"><path d="M15 18a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4z" fill="#000"></path><path d="M7.5 11.2c2-2 4.7-3 7.5-3s5.5 1 7.5 3l-2.2 2.2C18.6 11.7 16.9 11 15 11s-3.6.7-5.3 2.4L7.5 11.2z" fill="#000"></path><path d="M2 5.7C5.7 2 10.2 0 15 0s9.3 2 13 5.7l-2.2 2.2C22.6 4.8 18.9 3 15 3S7.4 4.8 4.2 7.9L2 5.7z" fill="#000"></path></svg><svg width="44" height="22" viewBox="0 0 44 22"><rect x="0.75" y="2.75" width="36" height="16.5" rx="3.5" fill="none" stroke="#000" stroke-width="1.5"></rect><rect x="38" y="8" width="3" height="6" rx="1.5" fill="#000"></rect><rect x="3" y="5" width="30" height="12" rx="2" fill="#000"></rect></svg></div></div><div style="height:92px;background:#EDEDED;border-bottom:0.5px solid #C8C8C8;display:flex;align-items:center;position:relative;padding:0 24px"><div style="display:flex;align-items:center;gap:4px"><svg width="22" height="36" viewBox="0 0 22 36"><path d="M18 4L4 18l14 14" stroke="#000" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="position:absolute;
12left:0;right:0;text-align:center;font-size:34px;font-weight:600;pointer-events:none">Customer · Linda</div><div style="margin-left:auto"><svg width="42" height="14" viewBox="0 0 42 14"><circle cx="6" cy="7" r="3.5" fill="#000"></circle><circle cx="21" cy="7" r="3.5" fill="#000"></circle><circle cx="36" cy="7" r="3.5" fill="#000"></circle></svg></div></div><div style="flex:1;padding:24px 18px 30px;display:flex;flex-direction:column;gap:22px"><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFD6E2&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;32&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;14&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;32&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB6C8&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;56&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;14&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;56&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB6C8&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2056l-3%203h6z&#x27;%20fill%3D&#x27;%23FF8FAB&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M40%2062q4%203%208%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;1.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Just got it — looks even better in person!</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB088&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2028L26%2012L36%2022Z&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M66%2028L62%2012L52%2022Z&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M28%2024L29%2018L33%2022Z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M60%2024L59%2018L55%2022Z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2036%20Q44%2028%2066%2036%20Q66%2060%2044%2070%20Q22%2060%2022%2036&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2050%20Q34%2056%2030%2064%20Q44%2070%2058%2064%20Q54%2056%2044%2050&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;54&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">So glad you like it 🥰</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFD6E2&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;32&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;14&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;32&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB6C8&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;56&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;14&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;56&#x27;%20cy%3D&#x27;22&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB6C8&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2056l-3%203h6z&#x27;%20fill%3D&#x27;%23FF8FAB&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M40%2062q4%203%208%200&#x27;%20stroke%3D&#x27;%233A2618&#x27;%20stroke-width%3D&#x27;1.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Already left 5 stars, my friend wants one too.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFB088&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2028L26%2012L36%2022Z&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M66%2028L62%2012L52%2022Z&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M28%2024L29%2018L33%2022Z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M60%2024L59%2018L55%2022Z&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M22%2036%20Q44%2028%2066%2036%20Q66%2060%2044%2070%20Q22%2060%2022%2036&#x27;%20fill%3D&#x27;%23E8631A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2050%20Q34%2056%2030%2064%20Q44%2070%2058%2064%20Q54%2056%2044%2050&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;54&#x27;%20rx%3D&#x27;3&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Forward her this link, that&#x27;s all she needs.</div></div></div></div></div><div style="background:#F7F7F7;border-top:0.5px solid #D0D0D0;display:flex;align-items:center;padding:14px 18px 22px;gap:14px"><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="44" height="44" viewBox="0 0 44 44"><circle cx="22" cy="22" r="21" fill="none" stroke="#333" stroke-width="1.5"></circle><path d="M16 18v8M20 14v16M24 16v12M28 19v6" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div><div style="flex:1;height:64px;background:#fff;border-radius:8px;border:0.5px solid #D8D8D8"></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><circle cx="14" cy="18" r="2" fill="#333"></circle><circle cx="28" cy="18" r="2" fill="#333"></circle><path d="M13 26c2 3 5 4.5 8 4.5s6-1.5 8-4.5" stroke="#333" stroke-width="1.8" fill="none" stroke-linecap="round"></path></svg></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><path d="M21 12v18M12 21h18" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div></div></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><p class="text-foreground mt-3 text-center text-sm font-medium">Customer · Linda</p></a><a class="group block" href="/wechat-chat-generator"><div class="relative mx-auto overflow-hidden rounded-2xl border bg-[#EDEDED] shadow-sm transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-2xl" style="width:280px;height:476px"><div style="width:750px;transform:scale(0.37333333333333335);transform-origin:top left;pointer-events:none"><div style="width:750px;min-height:100%;background:#EDEDED;font-family:-apple-system, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif;color:#000;display:flex;flex-direction:column"><div style="height:64px;background:#EDEDED;display:flex;align-items:center;justify-content:space-between;padding:0 38px 0 38px;font-size:28px;font-weight:600"><div style="display:flex;align-items:center;gap:8px"><span>19:35</span><svg width="24" height="24" viewBox="0 0 24 24"><path d="M21 13.5A9 9 0 1110.5 3a7 7 0 0010.5 10.5z" fill="#000"></path></svg></div><div style="display:flex;align-items:center;gap:10px"><svg width="34" height="22" viewBox="0 0 34 22"><rect x="0" y="14" width="6" height="8" rx="1.5" fill="#000"></rect><rect x="9" y="10" width="6" height="12" rx="1.5" fill="#000"></rect><rect x="18" y="6" width="6" height="16" rx="1.5" fill="#000"></rect><rect x="27" y="2" width="6" height="20" rx="1.5" fill="#000"></rect></svg><svg width="30" height="22" viewBox="0 0 30 22"><path d="M15 18a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4z" fill="#000"></path><path d="M7.5 11.2c2-2 4.7-3 7.5-3s5.5 1 7.5 3l-2.2 2.2C18.6 11.7 16.9 11 15 11s-3.6.7-5.3 2.4L7.5 11.2z" fill="#000"></path><path d="M2 5.7C5.7 2 10.2 0 15 0s9.3 2 13 5.7l-2.2 2.2C22.6 4.8 18.9 3 15 3S7.4 4.8 4.2 7.9L2 5.7z" fill="#000"></path></svg><svg width="44" height="22" viewBox="0 0 44 22"><rect x="0.75" y="2.75" width="36" height="16.5" rx="3.5" fill="none" stroke="#000" stroke-width="1.5"></rect><rect x="38" y="8" width="3" height="6" rx="1.5" fill="#000"></rect><rect x="3" y="5" width="30" height="12" rx="2" fill="#000"></rect></svg></div></div><div style="height:92px;background:#EDEDED;border-bottom:0.5px solid #C8C8C8;display:flex;align-items:center;position:relative;padding:0 24px"><div style="display:flex;align-items:center;gap:4px"><svg width="22" height="36" viewBox="0 0 22 36"><path d="M18 4L4 18l14 14" stroke="#000" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="position:absolute;
12left:0;right:0;text-align:center;font-size:34px;font-weight:600;pointer-events:none">Mentor · Mr. Zhang</div><div style="margin-left:auto"><svg width="42" height="14" viewBox="0 0 42 14"><circle cx="6" cy="7" r="3.5" fill="#000"></circle><circle cx="21" cy="7" r="3.5" fill="#000"></circle><circle cx="36" cy="7" r="3.5" fill="#000"></circle></svg></div></div><div style="flex:1;padding:24px 18px 30px;display:flex;flex-direction:column;gap:22px"><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23A2DAB7&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;62&#x27;%20rx%3D&#x27;4&#x27;%20ry%3D&#x27;2.5&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Introducing my friend Lisa — she runs a beauty salon.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23A56E3D&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;24&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;8&#x27;%20fill%3D&#x27;%237A4A20&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;64&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;8&#x27;%20fill%3D&#x27;%237A4A20&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;24&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;4&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;64&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;4&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23A56E3D&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;54&#x27;%20rx%3D&#x27;12&#x27;%20ry%3D&#x27;9&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;3.5&#x27;%20ry%3D&#x27;2.5&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2054v4M40%2058q4%202%208%200&#x27;%20stroke%3D&#x27;%231A1006&#x27;%20stroke-width%3D&#x27;1.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Thank you so much! I&#x27;ll add her on WeChat.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23A2DAB7&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;62&#x27;%20rx%3D&#x27;4&#x27;%20ry%3D&#x27;2.5&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Just tell her I sent you.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23A56E3D&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;24&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;8&#x27;%20fill%3D&#x27;%237A4A20&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;64&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;8&#x27;%20fill%3D&#x27;%237A4A20&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;24&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;4&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;64&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;4&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;46&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23A56E3D&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;54&#x27;%20rx%3D&#x27;12&#x27;%20ry%3D&#x27;9&#x27;%20fill%3D&#x27;%23D4A37A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;3.5&#x27;%20ry%3D&#x27;2.5&#x27;%20fill%3D&#x27;%231A1006&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M44%2054v4M40%2058q4%202%208%200&#x27;%20stroke%3D&#x27;%231A1006&#x27;%20stroke-width%3D&#x27;1.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Perfect, I owe you a coffee.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23A2DAB7&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;30&#x27;%20r%3D&#x27;9&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20r%3D&#x27;22&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;50&#x27;%20rx%3D&#x27;6&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;35&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;53&#x27;%20cy%3D&#x27;51&#x27;%20r%3D&#x27;2&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;62&#x27;%20rx%3D&#x27;4&#x27;%20ry%3D&#x27;2.5&#x27;%20fill%3D&#x27;%231F1F1F&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">We&#x27;re family, no need.</div></div></div></div></div><div style="background:#F7F7F7;border-top:0.5px solid #D0D0D0;display:flex;align-items:center;padding:14px 18px 22px;gap:14px"><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="44" height="44" viewBox="0 0 44 44"><circle cx="22" cy="22" r="21" fill="none" stroke="#333" stroke-width="1.5"></circle><path d="M16 18v8M20 14v16M24 16v12M28 19v6" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div><div style="flex:1;height:64px;background:#fff;border-radius:8px;border:0.5px solid #D8D8D8"></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><circle cx="14" cy="18" r="2" fill="#333"></circle><circle cx="28" cy="18" r="2" fill="#333"></circle><path d="M13 26c2 3 5 4.5 8 4.5s6-1.5 8-4.5" stroke="#333" stroke-width="1.8" fill="none" stroke-linecap="round"></path></svg></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><path d="M21 12v18M12 21h18" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div></div></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><p class="text-foreground mt-3 text-center text-sm font-medium">Mentor · Mr. Zhang</p></a><a class="group block" href="/wechat-chat-generator"><div class="relative mx-auto overflow-hidden rounded-2xl border bg-[#EDEDED] shadow-sm transition-all duration-300 group-hover:-translate-y-1 group-hover:shadow-2xl" style="width:280px;height:476px"><div style="width:750px;transform:scale(0.37333333333333335);transform-origin:top left;pointer-events:none"><div style="width:750px;min-height:100%;background:#EDEDED;font-family:-apple-system, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei&quot;, sans-serif;color:#000;display:flex;flex-direction:column"><div style="height:64px;background:#EDEDED;display:flex;align-items:center;justify-content:space-between;padding:0 38px 0 38px;font-size:28px;font-weight:600"><div style="display:flex;align-items:center;gap:8px"><span>19:35</span><svg width="24" height="24" viewBox="0 0 24 24">
12<path d="M21 13.5A9 9 0 1110.5 3a7 7 0 0010.5 10.5z" fill="#000"></path></svg></div><div style="display:flex;align-items:center;gap:10px"><svg width="34" height="22" viewBox="0 0 34 22"><rect x="0" y="14" width="6" height="8" rx="1.5" fill="#000"></rect><rect x="9" y="10" width="6" height="12" rx="1.5" fill="#000"></rect><rect x="18" y="6" width="6" height="16" rx="1.5" fill="#000"></rect><rect x="27" y="2" width="6" height="20" rx="1.5" fill="#000"></rect></svg><svg width="30" height="22" viewBox="0 0 30 22"><path d="M15 18a2.2 2.2 0 100-4.4 2.2 2.2 0 000 4.4z" fill="#000"></path><path d="M7.5 11.2c2-2 4.7-3 7.5-3s5.5 1 7.5 3l-2.2 2.2C18.6 11.7 16.9 11 15 11s-3.6.7-5.3 2.4L7.5 11.2z" fill="#000"></path><path d="M2 5.7C5.7 2 10.2 0 15 0s9.3 2 13 5.7l-2.2 2.2C22.6 4.8 18.9 3 15 3S7.4 4.8 4.2 7.9L2 5.7z" fill="#000"></path></svg><svg width="44" height="22" viewBox="0 0 44 22"><rect x="0.75" y="2.75" width="36" height="16.5" rx="3.5" fill="none" stroke="#000" stroke-width="1.5"></rect><rect x="38" y="8" width="3" height="6" rx="1.5" fill="#000"></rect><rect x="3" y="5" width="30" height="12" rx="2" fill="#000"></rect></svg></div></div><div style="height:92px;background:#EDEDED;border-bottom:0.5px solid #C8C8C8;display:flex;align-items:center;position:relative;padding:0 24px"><div style="display:flex;align-items:center;gap:4px"><svg width="22" height="36" viewBox="0 0 22 36"><path d="M18 4L4 18l14 14" stroke="#000" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div style="position:absolute;left:0;right:0;text-align:center;font-size:34px;font-weight:600;pointer-events:none">Partner · Mr. Wang</div><div style="margin-left:auto"><svg width="42" height="14" viewBox="0 0 42 14"><circle cx="6" cy="7" r="3.5" fill="#000"></circle><circle cx="21" cy="7" r="3.5" fill="#000"></circle><circle cx="36" cy="7" r="3.5" fill="#000"></circle></svg></div></div><div style="flex:1;padding:24px 18px 30px;display:flex;flex-direction:column;gap:22px"><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%237AC74F&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M16%2040%20Q44%2030%2072%2040%20Q72%2070%2044%2076%20Q16%2070%2016%2040&#x27;%20fill%3D&#x27;%237AC74F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;10&#x27;%20fill%3D&#x27;%235DA938&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;10&#x27;%20fill%3D&#x27;%235DA938&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;6&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;6&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1A1A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1A1A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M28%2056%20Q44%2066%2060%2056&#x27;%20stroke%3D&#x27;%233A5A20&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Reviewed the proposal, looks good overall.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFC2D1&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M24%2032L20%2022L34%2026Z&#x27;%20fill%3D&#x27;%23E89BAE&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M64%2032L68%2022L54%2026Z&#x27;%20fill%3D&#x27;%23E89BAE&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;24&#x27;%20fill%3D&#x27;%23FFA8C0&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;12&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%23FFC2D1&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;40&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;1.5&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;48&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;1.5&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;
12border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Great, I&#x27;ll prep the contract for Monday.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%237AC74F&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M16%2040%20Q44%2030%2072%2040%20Q72%2070%2044%2076%20Q16%2070%2016%2040&#x27;%20fill%3D&#x27;%237AC74F&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;10&#x27;%20fill%3D&#x27;%235DA938&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;28&#x27;%20r%3D&#x27;10&#x27;%20fill%3D&#x27;%235DA938&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;6&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;6&#x27;%20fill%3D&#x27;%23FFFFFF&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;28&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1A1A&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;60&#x27;%20cy%3D&#x27;26&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%231A1A1A&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M28%2056%20Q44%2066%2060%2056&#x27;%20stroke%3D&#x27;%233A5A20&#x27;%20stroke-width%3D&#x27;2.5&#x27;%20fill%3D&#x27;none&#x27;%20stroke-linecap%3D&#x27;round&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Recipient avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #FFFFFF"></div><div style="background:#FFFFFF;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Payment terms: 3-7 split works.</div></div></div></div><div style="display:contents"><div style="display:flex;flex-direction:row-reverse;align-items:flex-start;gap:16px"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D&#x27;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#x27;%20viewBox%3D&#x27;0%200%2088%2088&#x27;%3E%20%3Crect%20width%3D&#x27;88&#x27;%20height%3D&#x27;88&#x27;%20rx%3D&#x27;10&#x27;%20fill%3D&#x27;%23FFC2D1&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M24%2032L20%2022L34%2026Z&#x27;%20fill%3D&#x27;%23E89BAE&#x27;%2F%3E%20%3Cpath%20d%3D&#x27;M64%2032L68%2022L54%2026Z&#x27;%20fill%3D&#x27;%23E89BAE&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;48&#x27;%20r%3D&#x27;24&#x27;%20fill%3D&#x27;%23FFA8C0&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;44&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;12&#x27;%20ry%3D&#x27;8&#x27;%20fill%3D&#x27;%23FFC2D1&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;40&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;1.5&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Cellipse%20cx%3D&#x27;48&#x27;%20cy%3D&#x27;52&#x27;%20rx%3D&#x27;1.5&#x27;%20ry%3D&#x27;2&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;34&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3Ccircle%20cx%3D&#x27;54&#x27;%20cy%3D&#x27;42&#x27;%20r%3D&#x27;3&#x27;%20fill%3D&#x27;%233A2618&#x27;%2F%3E%20%3C%2Fsvg%3E" alt="Sender avatar" style="width:88px;height:88px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#D7D7D7"/><div style="position:relative;max-width:480px"><div style="position:absolute;top:22px;right:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #95EC69"></div><div style="background:#95EC69;color:#000;font-size:32px;line-height:1.35;padding:20px 24px;border-radius:8px;word-break:break-word;white-space:pre-wrap;box-shadow:0 0 1px rgba(0,0,0,0.04)">Noted, sending the draft tonight.</div></div></div></div></div><div style="background:#F7F7F7;border-top:0.5px solid #D0D0D0;display:flex;align-items:center;padding:14px 18px 22px;gap:14px"><div style="width:64px;
12height:64px;display:flex;align-items:center;justify-content:center"><svg width="44" height="44" viewBox="0 0 44 44"><circle cx="22" cy="22" r="21" fill="none" stroke="#333" stroke-width="1.5"></circle><path d="M16 18v8M20 14v16M24 16v12M28 19v6" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div><div style="flex:1;height:64px;background:#fff;border-radius:8px;border:0.5px solid #D8D8D8"></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><circle cx="14" cy="18" r="2" fill="#333"></circle><circle cx="28" cy="18" r="2" fill="#333"></circle><path d="M13 26c2 3 5 4.5 8 4.5s6-1.5 8-4.5" stroke="#333" stroke-width="1.8" fill="none" stroke-linecap="round"></path></svg></div><div style="width:64px;height:64px;display:flex;align-items:center;justify-content:center"><svg width="42" height="42" viewBox="0 0 42 42"><circle cx="21" cy="21" r="19" fill="none" stroke="#333" stroke-width="1.8"></circle><path d="M21 12v18M12 21h18" stroke="#333" stroke-width="2.2" stroke-linecap="round"></path></svg></div></div></div></div><div class="pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/40 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><p class="text-foreground mt-3 text-center text-sm font-medium">Partner · Mr. Wang</p></a></div><div class="mt-10 flex justify-center"><a href="/wechat-chat-generator"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Open WeChat Chat Generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section class="overflow-hidden bg-muted/30 py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-newspaper h-3.5 w-3.5" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg>GPT Image 2 Article Illustration Generator</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Turn one sentence into a fully composed GPT Image 2 infographic</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Food maps, science encyclopedia spreads, museum breakdowns, travel guides — GPT Image 2 covers every &quot;image with text&quot; need in a single shot. Ready for social, slides or blog.</p><p class="text-muted-foreground/80 mt-2 max-w-2xl text-sm italic">The five figures below were generated by this very tool, illustrating a fable about diffusion models we wrote in-house.</p></div><div class="grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4"><a class="group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl col-span-2 row-span-2 md:col-span-2 md:row-span-2" href="/blog/diffusion-painter-fable"><div class="relative aspect-[2/3] overflow-hidden"><img alt="The Painter in the Mist · narrative opener" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-1.png&amp;w=3840&amp;q=75"/></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md">The Painter in the Mist · narrative opener</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3 w-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the post</p></div></a><a class="group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl " href="/blog/diffusion-painter-fable"><div class="relative aspect-[2/3] overflow-hidden"><img alt="Training · adding noise frame by frame" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-2.png&amp;w=3840&amp;q=75"/></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md">Training · adding noise frame by frame</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3 w-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the post</p></div></a><a class="group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl " href="/blog/diffusion-painter-fable"><div class="relative aspect-[2/3] overflow-hidden"><img alt="Generation · denoising into the final image" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-3.png&amp;w=3840&amp;q=75"/></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md">Generation · denoising into the final image</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3 w-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the post</p></div></a><a class="group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl " href="/blog/diffusion-painter-fable"><div class="relative aspect-[2/3] overflow-hidden"><img alt="Conditional generation · text-encoder block diagram" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-4.png&amp;w=3840&amp;q=75"/></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md">Conditional generation · text-encoder block diagram</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3 w-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the post</p></div></a><a class="group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl " href="/blog/diffusion-painter-fable"><div class="relative aspect-[2/3] overflow-hidden"><img alt="Diffusion vs GAN · 4-dimension comparison" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Farticle-illustration%2Fdiffusion-fable%2Ffable-5
12.png&amp;w=3840&amp;q=75"/></div><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div><div class="absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md">Diffusion vs GAN · 4-dimension comparison</p><p class="mt-1 inline-flex items-center gap-1 text-xs text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-3 w-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the post</p></div></a></div><div class="mt-10 flex flex-wrap items-center justify-center gap-3"><a href="/article-illustration"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Open the infographic studio<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a><a href="/blog/diffusion-painter-fable"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[&gt;svg]:px-4 gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Read the full case</button></a></div></div></section><section class="overflow-hidden bg-muted/30 py-12 md:py-20"><div class="container"><div class="grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-12 lg:gap-16"><div class="relative order-1 md:order-1"><a class="block" href="/personal-style-card"><div class="relative aspect-[2/3] overflow-hidden rounded-2xl border bg-background shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Upload one photo, GPT Image 2 returns a complete style analysis" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fpersonal-style-card%2Fexample-after-en.png&amp;w=3840&amp;q=75"/></div></a></div><div class="order-2 md:order-2"><span class="bg-primary/10 text-primary mb-4 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>GPT Image 2 Personal Style Card</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Upload one photo, GPT Image 2 returns a complete style analysis</h2><p class="text-muted-foreground mt-3 text-base md:text-lg">Real face preserved. GPT Image 2 compares hairstyle, makeup, color and jewelry as best fit / neutral / avoid — all on a single 2:3 poster. A pro stylist&#x27;s report on one image.</p><ul class="mt-6 grid grid-cols-2 gap-2 md:gap-3"><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Hairstyle compare</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Makeup analysis</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Color try-on</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Jewelry pairing</span></li></ul><div class="mt-8"><a href="/personal-style-card"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Generate my style card<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wand-sparkles h-3.5 w-3.5" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg>GPT Image 2 Portrait Styles</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">One selfie, a dozen pro-level GPT Image 2 looks</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Cinematic 35mm film, editorial black-and-white, LinkedIn headshot, Korean ID photo, 3D figurine — same face, different stylists. GPT Image 2 keeps the likeness, swaps the styling.</p></div><div class="grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4"><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] col-span-2 row-span-2 md:col-span-2 md:row-span-2 md:aspect-auto md:min-
12h-full" href="/portrait-styles/editorial-bw-portrait"><img alt="Editorial B&amp;W" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2Feditorial-bw-portrait%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Editorial B&amp;W</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] " href="/portrait-styles/film-portrait-35mm"><img alt="35mm Film" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2Ffilm-portrait-35mm%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">35mm Film</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] " href="/portrait-styles/linkedin-headshot"><img alt="LinkedIn Headshot" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2Flinkedin-headshot%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">LinkedIn Headshot</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] " href="/portrait-styles/korean-id-photo"><img alt="Korean ID Photo" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2Fkorean-id-photo%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">Korean ID Photo</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] " href="/portrait-styles/ai-wedding"><img alt="AI Wedding" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2Fai-wedding%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">AI Wedding</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a><a class="group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] " href="/portrait-styles/3d-toy-figure"><img alt="3D Figurine" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 50vw, 25vw" srcSet="/_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fportrait-styles%2F3d-toy-figure%2Fcover.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="text-sm font-semibold text-white drop-shadow-md md:text-base">3D Figurine</p><span class="bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try this style</span></div></a></div><div class="mt-10 flex justify-center"><a href="/portrait-styles"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Browse all styles<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-12 lg:gap-16"><div class="order-2 md:order-1"><span class="bg-primary/10 text-primary mb-4 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-3.5 w-3.5" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg>GPT Image 2 Personal Color Analysis</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Which colors actually flatter your skin? GPT Image 2 tells you on your real face</h2><p class="text-muted-foreground mt-3 text-base md:text-lg">GPT Image 2 infers your undertone, then renders best vs avoid clothing colors side by side on your real face — clear at a glance which colors brighten or dull your complexion. Pull it up before you shop.</p><div class="mt-6 space-y-2"><div class="flex items-center gap-2"><span class="text-muted-foreground w-16 text-xs font-medium">Warm palette</span><div class="flex gap-1.5"><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#A6643A"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#E8D9B5"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#7C7E47"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#B14439"></span></div></div><div class="flex items-center gap-2"><span class="text-muted-foreground w-16 text-xs font-medium">Cool palette</span><div class="flex gap-1.5"><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#243861"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#C09BAE"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#9CCBC0"></span><span class="h-6 w-6 rounded-full border shadow-sm" style="background-color:#7E848D"></span></div></div></div><ul class="mt-6 grid grid-cols-2 gap-2 md:gap-3"><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Undertone detection</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Best-color try-on</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Avoid-color callouts</span></li><li class="bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm"><span class="bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3 w-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="font-medium">Side-by-side compare</span></li></ul><div class="mt-8"><a href="/color-analysis"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
12size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Generate my color analysis<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div><div class="relative order-1 md:order-2"><a class="block" href="/color-analysis"><div class="relative aspect-[2/3] overflow-hidden rounded-2xl border bg-background shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"><img alt="Which colors actually flatter your skin? GPT Image 2 tells you on your real face" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 50vw" srcSet="/_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fcolor-analysis%2Fexample-after-en.png&amp;w=3840&amp;q=75"/></div></a></div></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mountain h-3.5 w-3.5" aria-hidden="true"><path d="m8 3 4 8 5-5 5 15H2L8 3z"></path></svg>GPT Image 2 Healing Flat Landscape Illustration</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">Phone wallpapers in one GPT Image 2 click</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Low-saturation palette, geometric blocks, subtle film grain, 9:16 portrait ready for the lock screen. 18 GPT Image 2 scene templates — seaside, snowy night, cherry blossom, starry sky — copy-paste and go.</p></div><div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-6 md:gap-4"><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Dusk seaside cabin" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-01.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Dusk seaside cabin</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Spring flower field" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-04.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Spring flower field</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Winter snowy village" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-07.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Winter snowy village</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Moonlit forest lake" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-10.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Moonlit forest lake</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Starry-sky tent" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-15.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Starry-sky tent</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a><a class="group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border" href="/healing-landscape-illustration#scenes"><img alt="Cherry blossom path" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw" srcSet="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fhealing-landscape%2Fscene-18.jpg&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3"><p class="line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm">Cherry blossom path</p><span class="bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-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="lucide lucide-sparkles h-2.5 w-2.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Use this scene</span></div></a></div><p class="text-muted-foreground mt-4 text-center text-sm">+12 more scenes</p><div class="mt-8 flex justify-center"><a href="/healing-landscape-illustration"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">See all 18 scene prompts<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section class="overflow-hidden py-12 md:py-20"><div class="container"><div class="mb-8 flex flex-col items-center text-center"><span class="bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>GPT Image 2 Handwritten Photo Annotation</span><h2 class="text-3xl font-bold md:text-4xl lg:text-5xl">GPT Image 2 turns any photo into a Japanese-journal diary page</h2><p class="text-muted-foreground mt-3 max-w-2xl text-base md:text-lg">Upload an everyday snapshot. GPT Image 2 lays down 8–12 hand-drawn annotations with diary-style notes — and the same prompt fires natively in Chinese, English, Japanese, German. Four real outputs in four languages below.</p></div><div class="mx-auto grid max-w-6xl grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-5"><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Night market · Chinese notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;
12color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fstreet-zh.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">中文</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Night market · Chinese notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Café desk · German notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fcafe-de.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">Deutsch</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Café desk · German notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Weekend brunch · English notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-en.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">English</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Weekend brunch · English notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Lunch memo · Japanese notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Ffood-ja.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">日本語</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Lunch memo · Japanese notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
121.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Convenience store · English notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fconvenience-en.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">English</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Convenience store · English notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a><a class="group bg-muted relative aspect-square overflow-hidden rounded-2xl border" href="/photo-annotation#scenes"><img alt="Office desk · German notes" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimgs%2Fphoto-annotation%2F_smoke%2Fdesk-de.png&amp;w=3840&amp;q=75"/><span class="absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm">
12Deutsch</span><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent"></div><div class="absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4"><p class="line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base">Office desk · German notes</p><span class="bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-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="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Try it</span></div></a></div><p class="text-muted-foreground mt-4 text-center text-sm">One prompt — the model writes the annotations in whichever language you pick. Chinese, English, Japanese, German all flow natively.</p><div class="mt-8 flex justify-center"><a href="/photo-annotation"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[&gt;svg]:px-4 group gap-2">Open the annotation workstation<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></section><section class="overflow-x-hidden py-16 md:py-24 bg-muted"><div class="container overflow-x-hidden"><div class="flex flex-col gap-8 pb-12 md:flex-row md:items-center md:gap-24"><div class=""><div class="mx-auto flex w-full max-w-[500px] flex-shrink-0 flex-col gap-6 md:mx-0"><img src="/imgs/arena-leaderboard.png" alt="Arena AI Text-to-Image Leaderboard - GPT Image 2 Ranked #1" loading="lazy" decoding="async" class="h-auto w-full rounded-lg object-cover"/></div></div><div class="w-full min-w-0 md:flex-1"><div class=""><h2 class="text-foreground text-4xl font-semibold text-balance break-words">What is GPT Image 2? (also written gpt-image2, gpt image v2 or ChatGPT image 2)</h2></div><div class=""><p class="text-md text-muted-foreground my-6 text-balance break-words">GPT Image 2 is OpenAI&#x27;s next-generation image model, released April 21, 2026 (model snapshot gpt-image-2-2026-04-21). Also written gpt-image-2, gpt image2, chatgpt image 2, gpt image v2 or gpt image gen 2 — these all refer to the same model. A generational leap in text rendering, photorealism, multilingual accuracy (~95% on CJK / Arabic), and native O-series reasoning.</p></div><div class=""><div class="mt-6 inline-flex items-center gap-2 rounded-full bg-amber-500/10 px-4 py-2 text-sm font-medium text-amber-600 dark:text-amber-400"><span>🏆</span><span>Ranked #1 on Arena AI Text-to-Image Leaderboard</span></div></div></div></div><div class=""><div class="relative grid min-w-0 grid-cols-1 gap-x-3 gap-y-6 border-t pt-12 break-words sm:grid-cols-2 sm:gap-6 lg:grid-cols-4"><div class="min-w-0 space-y-3 break-words"><div class="flex min-w-0 items-center gap-2"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M13 6V21H11V6H5V4H19V6H13Z"></path></svg><!--/$-->
12<h3 class="min-w-0 text-sm font-medium break-words">Perfect Text Rendering</h3></div><p class="text-muted-foreground min-w-0 text-sm break-words">GPT Image 2 renders crisp, accurate text inside images — posters, logos, UI mockups, even CJK characters. No more garbled fonts.</p></div><div class="min-w-0 space-y-3 break-words"><div class="flex min-w-0 items-center gap-2"><!--$?--><template id="B:4"></template><div style="width:16px;height:16px"></div><!--/$--><h3 class="min-w-0 text-sm font-medium break-words">Photorealistic Output</h3></div><p class="text-muted-foreground min-w-0 text-sm break-words">Skin textures, lighting physics, and material reflections from GPT Image 2 rival real camera shots. The AI plastic look is gone.</p></div><div class="min-w-0 space-y-3 break-words"><div class="flex min-w-0 items-center gap-2"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M5 18.89H6.41421L15.7279 9.57627L14.3137 8.16206L5 17.4758V18.89ZM21 20.89H3V16.6473L16.435 3.21231C16.8256 2.82179 17.4587 2.82179 17.8492 3.21231L20.6777 6.04074C21.0682 6.43126 21.0682 7.06443 20.6777 7.45495L9.24264 18.89H21V20.89ZM15.7279 6.74785L17.1421 8.16206L18.5563 6.74785L17.1421 5.33363L15.7279 6.74785Z"></path></svg><!--/$--><h3 class="min-w-0 text-sm font-medium break-words">Natural Language Editing</h3></div><p class="text-muted-foreground min-w-0 text-sm break-words">Edit GPT Image 2 results with plain English — inpaint, outpaint, swap elements, and transfer styles in a conversational workflow.</p></div><div class="min-w-0 space-y-3 break-words"><div class="flex min-w-0 items-center gap-2"><!--$?--><template id="B:5"></template><div style="width:16px;height:16px"></div><!--/$--><h3 class="min-w-0 text-sm font-medium break-words">
12Transparent Backgrounds</h3></div><p class="text-muted-foreground min-w-0 text-sm break-words">One-click GPT Image 2 cutout with transparent PNG export — perfect for product photos, stickers, and design assets.</p></div><div class="min-w-0 space-y-3 break-words"><div class="flex min-w-0 items-center gap-2"><!--$?--><template id="B:6"></template><div style="width:16px;height:16px"></div><!--/$--><h3 class="min-w-0 text-sm font-medium break-words">Editable SVG Output</h3></div><p class="text-muted-foreground min-w-0 text-sm break-words">GPT Image 2 generations vectorized to clean editable SVG — paths, layers, theme-able colors. Open in Figma, Illustrator, or any vector tool. Perfect for icons, logos, flat illustrations.</p></div></div></div></div></section><section id="benefits" class="py-16 md:py-24"><div class="container flex flex-col items-center justify-center space-y-8 px-6 md:space-y-16"><div class="grid items-start gap-6 sm:grid-cols-2 md:gap-12 lg:gap-24"><div><img src="/imgs/benefits-why-choose.png" alt="GPT Image 2 prompt templates and features overview" loading="lazy" decoding="async" class="h-auto w-full rounded-2xl"/></div><div class="relative space-y-4"><h2 class="text-xl font-medium md:text-lg lg:text-lg">What Can GPT Image 2 Do? — Posters, Menus, Product Shots, and More</h2><p class="text-muted-foreground text-md">GPT Image 2 use cases on imagesv2.ai — transparent PNG, editable SVG, and 50+ ready-to-use templates that drop GPT Image 2 straight into your design workflow.</p><div class="mt-8 space-y-5"><div><h3 class="mb-2 flex items-center gap-2 text-sm"><!--$?--><template id="B:7"></template><div style="width:16px;height:16px"></div><!--/$-->
12Real RGBA Transparent Background — One Click</h3><p class="text-muted-foreground text-sm">GPT Image 2 doesn&#x27;t natively support transparent output — we built an alpha cutout pipeline on top. Pick &quot;Transparent&quot; and download a real RGBA PNG with feathered alpha edges. Drop straight into Photoshop, Figma, or any layered design tool — verified live on a checkerboard preview before you download.</p></div><div><h3 class="mb-2 flex items-center gap-2 text-sm"><!--$?--><template id="B:8"></template><div style="width:16px;height:16px"></div><!--/$-->Editable SVG Vector Output</h3><p class="text-muted-foreground text-sm">Pick &quot;SVG&quot; as the GPT Image 2 output format and the generation is auto-vectorized into a clean path file — open in Figma, Illustrator, or any vector tool to keep editing text, colors, and shapes. PNG is also returned as a fallback. Best for icons, logos, flat illustrations.</p></div><div><h3 class="mb-2 flex items-center gap-2 text-sm"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M21 3C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21ZM11 13H4V19H11V13ZM20 13H13V19H20V13ZM11 5H4V11H11V5ZM20 5H13V11H20V5Z"></path></svg><!--/$-->50+ Built-in Prompt Templates</h3><p class="text-muted-foreground text-sm">Product photos, social media covers, posters, avatars, children&#x27;s book illustrations — click any GPT Image 2 template and generate, no prompt skills needed.</p></div></div></div></div></div></section><section id="features" class="py-16 md:py-24"><div class="container space-y-8 md:space-y-16"><div class=""><div class="mx-auto max-w-4xl text-center text-balance"><h2 class="text-foreground mb-4 text-3xl font-semibold tracking-tight md:text-4xl">GPT Image 2 Features: Sharp Text, 4K Output, Transparent PNG</h2><p class="text-muted-foreground mb-6 md:mb-12 lg:mb-16">Sharp multilingual text, 4K output, real RGBA transparent PNG, editable SVG, natural-language editing, and multi-image consistency. From photo to pixel, manga to cinema — one model, every visual scenario.</p></div></div><div class=""><div class="relative mx-auto grid divide-x divide-y border *:p-12 sm:grid-cols-2 lg:grid-cols-3"><div class="space-y-3"><div class="flex items-center gap-2"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 6V21H11V6H5V4H19V6H13Z"></path></svg><!--/$--><h3 class="text-sm font-medium">Precise Text Rendering</h3></div><p class="text-sm">Poster headlines, UI copy, product logos, chart labels — GPT Image 2 renders them correctly in one shot, small type stays sharp, layout holds, multi-language (EN / ZH / JA / KO) without garbled characters. The diffusion-era text-rendering problem, systematically solved. No more Photoshop touch-ups.</p></div><div class="space-y-3"><div class="flex items-center gap-2"><!--$?--><template id="B:9"></template><div style="width:24px;height:24px"></div><!--/$--><h3 class="text-sm font-medium">Photorealism</h3></div><p class="text-sm">Lens vignetting, film grain, depth-of-field blur — even subtle imperfections are preserved. GPT Image 2 output is indistinguishable from a camera capture.</p></div><div class="space-y-3"><div class="flex items-center gap-2"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z"></path></svg><!--/$--><h3 class="text-sm font-medium">Cinematic Stills</h3></div><p class="text-sm">Widescreen framing, cinematic color grading, dramatic lighting reproduced with precision — Netflix-grade GPT Image 2 stills from a single prompt.</p></div><div class="space-y-3"><div class="flex items-center gap-2"><!--$?--><template id="B:a"></template><div style="width:24px;height:24px"></div><!--/$-->
12<h3 class="text-sm font-medium">Pixel Art</h3></div><p class="text-sm">Crisp pixel alignment, clean color-block edges, authentic low-res aesthetics — consistent 8-bit / 16-bit retro game art from GPT Image 2.</p></div><div class="space-y-3"><div class="flex items-center gap-2"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z"></path></svg><!--/$--><h3 class="text-sm font-medium">Manga &amp; Anime</h3></div><p class="text-sm">Clean linework, screentone shading, panel composition — GPT Image 2 renders the Japanese manga visual language natively with consistent characters.</p></div><div class="space-y-3"><div class="flex items-center gap-2"><!--$?--><template id="B:b"></template><div style="width:24px;height:24px"></div><!--/$--><h3 class="text-sm font-medium">Illustration &amp; Design</h3></div><p class="text-sm">Watercolor, flat design, 3D render, poster typography — GPT Image 2 keeps textures, lighting, and composition stable across every art style.</p></div></div></div></div></section><section id="testimonials" class="scroll-mt-40 py-16 md:py-24"><div class="container"><div class="mx-auto mb-8 max-w-5xl text-center md:mb-10"><p class="text-primary mb-3 text-xs font-semibold tracking-[0.2em] uppercase">CREATOR STORIES · ILLUSTRATIVE SCENARIOS</p><h2 class="text-3xl font-bold tracking-tight text-balance md:text-5xl">Bring Creative Ideas to Life with GPT Image 2</h2><p class="text-muted-foreground mt-4 text-sm leading-relaxed">Illustrative scenarios from the kinds of work creators bring to imagesv2.ai.</p></div><div class="bg-card relative mx-auto max-w-6xl rounded-2xl border p-6 shadow-sm md:p-10" tabindex="0" aria-roledescription="carousel" aria-label="Illustrative creator scenarios"><div class="flex min-h-[300px] flex-col justify-between gap-10 md:min-h-[320px] md:px-4" role="group" aria-roledescription="slide" aria-label="Scenario 1 of 6"><p class="sr-only" aria-live="polite">Comic creator<!-- -->: <!-- -->imagesv2.ai finally helps me draw the story I have been carrying around. I describe the characters, try a few story panels, and shape the sequence until the scene feels alive; I spend less time redrawing early drafts and can finish a short comic page to share.</p><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="lucide lucide-quote text-primary/30 mb-6 h-12 w-12 fill-current stroke-1" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><p class="text-foreground max-w-none text-2xl leading-snug font-medium tracking-tight text-balance md:text-4xl md:leading-tight">imagesv2.ai finally helps me draw the story I have been carrying around. I describe the characters, try a few story panels, and shape the sequence until the scene feels alive; I spend less time redrawing early drafts and can finish a short comic page to share.</p></div><div class="flex flex-col gap-5 border-t pt-5 sm:flex-row sm:items-end sm:justify-between"><div class="flex items-center gap-3"><img alt="Fictional comic creator portrait" loading="lazy" width="56" height="56" decoding="async" data-nimg="1" class="border-primary/15 size-14 rounded-full border object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fimgs%2Ftestimonial-avatars%2Fcomic.webp&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimgs%2Ftestimonial-avatars%2Fcomic.webp&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimgs%2Ftestimonial-avatars%2Fcomic.webp&amp;w=128&amp;q=75"/><div><p class="font-medium">Comic creator</p><p class="text-muted-foreground text-sm">Sequential stories</p></div></div></div></div><div class="mt-8 flex justify-center pt-1">
12<div class="flex items-center gap-0 sm:gap-2" aria-label="Choose a scenario"><button type="button" class="text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:ring-primary rounded-full p-2 focus-visible:ring-2 focus-visible:outline-none" aria-label="Previous scenario"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left size-4 rtl:rotate-180" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 1" aria-current="true"><span class="block rounded-full transition-all motion-reduce:transition-none bg-primary h-1.5 w-7"></span></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 2"><span class="block rounded-full transition-all motion-reduce:transition-none bg-muted-foreground/30 group-hover:bg-muted-foreground/60 size-1.5"></span></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 3"><span class="block rounded-full transition-all motion-reduce:transition-none bg-muted-foreground/30 group-hover:bg-muted-foreground/60 size-1.5"></span></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 4"><span class="block rounded-full transition-all motion-reduce:transition-none bg-muted-foreground/30 group-hover:bg-muted-foreground/60 size-1.5"></span></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 5"><span class="block rounded-full transition-all motion-reduce:transition-none bg-muted-foreground/30 group-hover:bg-muted-foreground/60 size-1.5"></span></button><button type="button" class="focus-visible:ring-primary group flex size-8 items-center justify-center rounded-full focus-visible:ring-2 focus-visible:outline-none" aria-label="View scenario 6"><span class="block rounded-full transition-all motion-reduce:transition-none bg-muted-foreground/30 group-hover:bg-muted-foreground/60 size-1.5"></span></button><button type="button" class="text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:ring-primary rounded-full p-2 focus-visible:ring-2 focus-visible:outline-none" aria-label="Next scenario"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right size-4 rtl:rotate-180" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></div></section><section id="pricing" class="py-24 md:py-36"><div class="mx-auto mb-12 px-4 text-center md:px-8"><h2 class="mb-6 font-sans text-3xl font-bold text-pretty lg:text-4xl">Plans &amp; Pricing of GPT Image 2</h2><p class="text-muted-foreground [&amp;_a]:text-primary mx-auto mb-4 max-w-xl text-pretty lg:max-w-3xl lg:text-lg [&amp;_a]:underline [&amp;_a]:underline-offset-2 [&amp;_a]:hover:no-underline">Choose the plan that works best for you. All plans include access to our core features. Want a deeper breakdown of GPT Image 2 cost per image, what's included in each tier, and how credits map to resolutions? → <a href="/gpt-image-2-pricing">See GPT Image 2 Pricing details</a></p><div class="mx-auto mt-4 flex flex-wrap items-center justify-center gap-x-6 gap-y-2"><span class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-shield-check h-4 w-4 text-green-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>Cancel anytime</span><span class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-shield-check h-4 w-4 text-green-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>Yearly saves 50% vs monthly</span><span class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-shield-check h-4 w-4 text-green-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>Credit packs never expire</span><span class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-shield-check h-4 w-4 text-green-500" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>Secure checkout</span></div></div><div class="container"><div class="border-amber-400/40 bg-card relative mx-auto mb-12 flex max-w-5xl flex-col items-center gap-6 overflow-hidden rounded-2xl border bg-linear-to-r from-amber-400/10 to-transparent p-6 sm:p-7 md:flex-row md:justify-center"><div class="flex flex-col items-center gap-2 text-center md:items-start md:text-start"><span class="inline-flex w-fit items-center rounded-full bg-amber-400 px-2.5 py-0.5 text-xs font-bold tracking-wide text-amber-950 uppercase">LIMITED OFFER</span>
12<h3 class="text-foreground text-2xl font-extrabold tracking-tight sm:text-3xl">GPT Image 2 Flash Sale</h3><p class="text-base font-semibold text-amber-500 dark:text-amber-400">Limited-Time 50% OFF</p></div></div></div><div class="container"><div class="mx-auto mt-8 mb-4 flex w-full justify-center"></div><div class="mx-auto mb-16 flex w-full justify-center md:max-w-lg"><div dir="ltr" data-orientation="horizontal" class=""><div role="tablist" aria-orientation="horizontal" class="border inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground" tabindex="-1" data-orientation="horizontal" style="outline:none"><button type="button" role="tab" aria-selected="true" aria-controls="radix-_R_9orlflpfaqivb_-content-yearly" data-state="active" id="radix-_R_9orlflpfaqivb_-trigger-yearly" class="inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Yearly<span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden [a&amp;]:hover:bg-primary/90 ms-2 border-transparent bg-amber-500 text-white shadow-sm shadow-amber-500/30 hover:bg-amber-500/90">Save 50%</span></button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_9orlflpfaqivb_-content-monthly" data-state="inactive" id="radix-_R_9orlflpfaqivb_-trigger-monthly" class="inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Monthly</button><button type="button" role="tab" aria-selected="false" aria-controls="radix-_R_9orlflpfaqivb_-content-one-time" data-state="inactive" id="radix-_R_9orlflpfaqivb_-trigger-one-time" class="inline-flex items-center justify-center whitespace-nowrap rounded-lg px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm" tabindex="-1" data-orientation="horizontal" data-radix-collection-item="">Credit Pack</button></div></div></div><p class="mx-auto -mt-10 mb-12 max-w-md px-4 text-center text-sm font-medium text-red-500 dark:text-red-400">Cancel anytime.</p><div class="mx-auto mt-0 grid w-full gap-6 md:grid-cols-3" aria-hidden="false" data-pricing-group="yearly"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><span class="pointer-events-none absolute z-20 inline-flex items-center gap-1 rounded-full bg-gradient-to-br from-rose-500 to-red-600 font-bold whitespace-nowrap text-white shadow-md shadow-red-500/30 ring-1 ring-white/25 ring-inset -top-3 -end-3 px-2.5 py-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap fill-current size-3" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>50<!-- -->% OFF</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Starter</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$4.16</span><span class="text-muted-foreground font-normal text-sm">/month</span></div><div class="flex items-baseline gap-2 mb-1 text-sm"><span class="text-foreground font-medium">$49.9<!-- -->/year</span>
12<span class="text-muted-foreground/70 line-through">$100.8</span></div><div class="inline-flex w-fit items-center rounded-md bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-400/10 dark:text-amber-400 -mt-2 mb-1">Billed yearly · Save 50%</div><p class="text-muted-foreground -mt-1 mb-1 text-xs">Save $51 annually<span class="text-muted-foreground/60"> · </span>$0.0042 per credit</p><div data-slot="card-description" class="text-muted-foreground text-sm">Try it out. Perfect for personal use.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Yearly — Save 50%</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">1,000 credits delivered monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Unused credits expire at month end</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">6 months free vs monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative transition-all duration-200 border-primary border-2 shadow-xl shadow-primary/15"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown 
12size-3 text-amber-950" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>Most Popular</span><span class="pointer-events-none absolute z-20 inline-flex items-center gap-1 rounded-full bg-gradient-to-br from-rose-500 to-red-600 font-bold whitespace-nowrap text-white shadow-md shadow-red-500/30 ring-1 ring-white/25 ring-inset -top-3 -end-3 px-2.5 py-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap fill-current size-3" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>50<!-- -->% OFF</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Pro</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$16.66</span><span class="text-muted-foreground font-normal text-sm">/month</span></div><div class="flex items-baseline gap-2 mb-1 text-sm"><span class="text-foreground font-medium">$199.9<!-- -->/year</span><span class="text-muted-foreground/70 line-through">$406.8</span></div><div class="inline-flex w-fit items-center rounded-md bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-400/10 dark:text-amber-400 -mt-2 mb-1">Billed yearly · Save 50%</div><p class="text-muted-foreground -mt-1 mb-1 text-xs">Save $207 annually<span class="text-muted-foreground/60"> · </span>$0.0033 per credit</p><div data-slot="card-description" class="text-muted-foreground text-sm">Best value. For creators and designers.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm bg-primary text-primary-foreground ring-1 ring-white/25 ring-inset shadow-[0_8px_22px_-6px] shadow-primary/55 hover:brightness-105 hover:-translate-y-0.5 hover:shadow-[0_14px_30px_-6px] hover:shadow-primary/70 before:absolute before:inset-0 before:-translate-x-full before:bg-linear-to-r before:from-transparent before:via-white/30 before:to-transparent before:transition-transform before:duration-700 hover:before:translate-x-full"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Yearly — Save 50%</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">5,000 credits delivered monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Unused credits expire at month end</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">6 months free vs monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">20% cheaper per credit than Starter</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority generation queue</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset">Best Value</span><span class="pointer-events-none absolute z-20 inline-flex items-center gap-1 rounded-full bg-gradient-to-br from-rose-500 to-red-600 font-bold whitespace-nowrap text-white shadow-md shadow-red-500/30 ring-1 ring-white/25 ring-inset -top-3 -end-3 px-2.5 py-1 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap fill-current size-3" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>50<!-- -->% OFF</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Ultra</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$41.66</span><span class="text-muted-foreground font-normal text-sm">/month</span></div><div class="flex items-baseline gap-2 mb-1 text-sm"><span class="text-foreground font-medium">$499.9<!-- -->/year</span>
12<span class="text-muted-foreground/70 line-through">$1,018.8</span></div><div class="inline-flex w-fit items-center rounded-md bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:bg-amber-400/10 dark:text-amber-400 -mt-2 mb-1">Billed yearly · Save 50%</div><p class="text-muted-foreground -mt-1 mb-1 text-xs">Save $519 annually<span class="text-muted-foreground/60"> · </span>$0.0021 per credit<span class="text-amber-700 dark:text-amber-400"> · <!-- -->lowest</span></p><div data-slot="card-description" class="text-muted-foreground text-sm">Built for pros running heavy daily workloads.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Yearly — Save 50%</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">20,000 credits delivered monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Unused credits expire at month end</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">6 months free vs monthly</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">50% cheaper per credit than Starter</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Highest priority generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Early access to new models</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Dedicated customer support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div></div><div class="mx-auto mt-0 w-full gap-6 md:grid-cols-3 hidden" aria-hidden="true" data-pricing-group="monthly"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Starter</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$8.4</span><span class="text-muted-foreground font-normal text-sm">/month</span>
12<span class="text-muted-foreground/70 line-through text-base">$14.9</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">Try it out. Perfect for personal use.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Monthly</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">1,000 credits per month</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Save 58% vs one-time</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative transition-all duration-200 border-primary border-2 shadow-xl shadow-primary/15"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown 
12size-3 text-amber-950" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>Most Popular</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Pro</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$33.9</span><span class="text-muted-foreground font-normal text-sm">/month</span><span class="text-muted-foreground/70 line-through text-base">$39.9</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">Best value. For creators and designers.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm bg-primary text-primary-foreground ring-1 ring-white/25 ring-inset shadow-[0_8px_22px_-6px] shadow-primary/55 hover:brightness-105 hover:-translate-y-0.5 hover:shadow-[0_14px_30px_-6px] hover:shadow-primary/70 before:absolute before:inset-0 before:-translate-x-full before:bg-linear-to-r before:from-transparent before:via-white/30 before:to-transparent before:transition-transform before:duration-700 hover:before:translate-x-full"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Monthly</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">5,000 credits per month</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Yearly saves another 50%</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">20% cheaper per credit than Starter</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority generation queue</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset">Best Value</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Ultra</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$84.9</span><span class="text-muted-foreground font-normal text-sm">/month</span>
12<span class="text-muted-foreground/70 line-through text-base">$99.9</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">Built for pros running heavy daily workloads.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Subscribe Monthly</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">20,000 credits per month</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Yearly saves another 50%</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">50% cheaper per credit than Starter</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Highest priority generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Early access to new models</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Dedicated customer support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Cancel anytime</span></li></ul></div></div></div><div class="mx-auto mt-0 w-full gap-6 md:grid-cols-4 hidden" aria-hidden="true" data-pricing-group="one-time"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Taster</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$9.9</span>
12<span class="text-muted-foreground/70 line-through text-base">$19.9</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">500 credits. Best for first-time tasters or one-off needs — try a few images, see what GPT Image 2 can do, no subscription required.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Buy 500 Credits</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">500 credits</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Credits never expire</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">No recurring charge</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Starter</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$39.9</span>
12<span class="text-muted-foreground/70 line-through text-base">$79.8</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">5,000 credits. Best for individual creators and short-term projects — a few dozen images a month for social posts, personal portfolios and project mockups.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Buy 5,000 Credits</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">5,000 credits</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Credits never expire</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">60% cheaper per credit than Taster</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority generation queue</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Priority support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">No recurring charge</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl py-6 relative transition-all duration-200 border-primary border-2 shadow-xl shadow-primary/15"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-crown 
12size-3 text-amber-950" aria-hidden="true"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg>Most Popular</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Pro</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$99.9</span><span class="text-muted-foreground/70 line-through text-base">$199</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">20,000 credits. Best for creators, designers, e-commerce sellers and freelancers who ship consistently — cover weekly product shots, posters, social assets and pitch decks. The workhorse tier, 75% cheaper per credit than Taster.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm bg-primary text-primary-foreground ring-1 ring-white/25 ring-inset shadow-[0_8px_22px_-6px] shadow-primary/55 hover:brightness-105 hover:-translate-y-0.5 hover:shadow-[0_14px_30px_-6px] hover:shadow-primary/70 before:absolute before:inset-0 before:-translate-x-full before:bg-linear-to-r before:from-transparent before:via-white/30 before:to-transparent before:transition-transform before:duration-700 hover:before:translate-x-full"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Buy 20,000 Credits</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">20,000 credits</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Credits never expire</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Highest priority generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Early access to new models</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Dedicated customer support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">No recurring charge</span></li></ul></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 relative transition-all duration-200 border-border shadow-sm hover:-translate-y-1 hover:shadow-md"><span class="absolute inset-x-0 -top-3 mx-auto inline-flex h-6 w-fit items-center gap-1 rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset">Best Value</span><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6"><div data-slot="card-title" class="leading-none font-medium"><h3 class="text-sm font-medium">Max</h3></div><div class="flex flex-wrap items-baseline mt-3 mb-1 gap-x-2 gap-y-1"><span class="text-primary font-bold tracking-tight text-4xl">$199.9</span>
12<span class="text-muted-foreground/70 line-through text-base">$399.8</span></div><div data-slot="card-description" class="text-muted-foreground text-sm">50,000 credits. Best for brands, studios, agencies and high-volume production teams — bulk commercial visuals, client delivery and managed-content production at scale. Shareable across the team.</div><button data-slot="button" class="[&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive has-[&gt;svg]:px-3 focus-visible:ring-ring relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg font-semibold whitespace-nowrap transition-all duration-200 focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 mt-4 w-full px-4 py-2 active:translate-y-0 active:scale-[0.99] h-11 text-sm border border-primary/45 bg-primary/[0.08] text-primary hover:border-primary/70 hover:bg-primary/15 hover:shadow-md hover:shadow-primary/20 hover:-translate-y-0.5"><!--$--><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="size-4" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13 10H20L11 23V14H4L13 1V10Z"></path></svg><!--/$--><span>Buy 50,000 Credits</span></button></div><div data-slot="card-content" class="px-6 space-y-4"><hr class="border-dashed"/><p class="text-sm font-medium">Includes</p><ul class="list-outside space-y-3 text-sm"><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="text-foreground font-semibold">50,000 credits</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Actual credit cost is shown before generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Credits never expire</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">80% cheaper per credit than Taster</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">All generation features</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Highest priority generation</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Early access to new models</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Dedicated customer support</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Commercial license</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">Watermark-free downloads</span></li><li class="flex items-start gap-2"><span class="flex shrink-0 items-center justify-center rounded-full bg-green-500/15 mt-0.5 size-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-600 dark:text-green-500 size-3" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="">No recurring charge</span></li></ul></div></div></div></div></section><section id="faq" class="py-16 md:py-24 undefined">
12<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is GPT Image 2?","acceptedAnswer":{"@type":"Answer","text":"GPT Image 2 is OpenAI's next-generation image model, succeeding GPT Image 1.5. It delivers breakthrough improvements in text rendering, photorealism, world knowledge, and spatial reasoning. imagesv2.ai provides easy access to this model via a simple web interface. Also written gpt-image2, gpt image2, gpt image v2, gpt image gen 2, or ChatGPT image 2 — these all refer to the same model."}},{"@type":"Question","name":"Which models does imagesv2.ai support?","acceptedAnswer":{"@type":"Answer","text":"We aggregate multiple image generation models including GPT Image 2, GPT Image 1.5, GPT Image 1, Nano Banana, Nano Banana 2, Nano Banana Pro, and more. You can compare outputs from different models side by side and choose the best result — all from one platform."}},{"@type":"Question","name":"Can I try GPT Image 2 for free before paying?","acceptedA
12nswer":{"@type":"Answer","text":"New users get free GPT Image 2 credits to experience the full generation capability — no credit card required. After that, GPT Image 2 pricing offers three options to match how you use it: a yearly subscription with up to 50% off, a monthly subscription for flexibility, or one-time credit packs that never expire. See full GPT Image 2 prices on our pricing page."}},{"@type":"Question","name":"Do I need an OpenAI account or ChatGPT Plus subscription?","acceptedAnswer":{"@type":"Answer","text":"No. imagesv2.ai provides direct browser access to GPT Image 2 — no OpenAI account, no ChatGPT Plus subscription required. We also offer more flexible payment options than OpenAI directly."}},{"@type":"Question","name":"I don't know how to write GPT Image 2 prompts. How do I use it without prompt skills?","acceptedAnswer":{"@type":"Answer","text":"Absolutely no skills needed. We provide 50+ built-in GPT Image 2 prompt templates covering common scenarios — product photos, social media covers, posters, avatars, children's book illustrations, and more. Just click a template, edit a few words, and generate. No prompt engineering required."}},{"@type":"Question","name":"What can I create with GPT Image 2?","acceptedA
12nswer":{"@type":"Answer","text":"Almost anything visual: product photos, social media covers, YouTube thumbnails, posters with accurate text, restaurant menus, UI mockups, game concept art, avatars, and more. You can also one-click generate 1:1 (Instagram), 16:9 (YouTube), and 9:16 (TikTok) versions for multi-platform publishing."}},{"@type":"Question","name":"Does GPT Image 2 support Chinese, Japanese, Korean, or Arabic text?","acceptedAnswer":{"@type":"Answer","text":"Yes. GPT Image 2 renders multilingual text at ~95% accuracy — Simplified Chinese, Traditional Chinese, Japanese, Korean, Arabic, and 20+ other scripts. This is a major upgrade over GPT Image 1.5, which often produced garbled non-Latin glyphs. Use it on posters, menus, social media covers, or product packaging — write your prompt in any language and the model lays out the text correctly."}},{"@type":"Question","name":"Can GPT Image 2 keep the same character or style across multiple images?","acceptedAnswer":{"@type":"Answer","text":"Yes. GPT Image 2 introduced native multi-image consistency — generate a series of images and the same character, mascot, or visual style carries through. Useful for children's book illustrations, brand campaigns, comic panels, and product variants. Earlier models like GPT Image 1.5 and DALL·E 3 couldn't reliably do this without heavy prompt engineering."}},{"@type":"Question","name":"Can I edit an existing image with GPT Image 2, or only generate from scratch?","acceptedA
12nswer":{"@type":"Answer","text":"Both. Upload an image and describe the change in plain English — \"remove the background\", \"change the shirt to red\", \"add neon signs in the back\" — and GPT Image 2 will edit it. imagesv2.ai supports drag-and-drop image upload and reference-guided generation. The image-to-image mode preserves the original composition while applying your requested changes."}},{"@type":"Question","name":"When was GPT Image 2 released?","acceptedAnswer":{"@type":"Answer","text":"GPT Image 2 was released by OpenAI on April 21, 2026 (model snapshot gpt-image-2-2026-04-21). It succeeded GPT Image 1.5 and is OpenAI's first image model with native O-series reasoning. imagesv2.ai integrated GPT Image 2 on launch day — you can try it right now without an OpenAI account."}},{"@type":"Question","name":"How does GPT Image 2 compare to Nano Banana Pro and Nano Banana 2?","acceptedAnswer":{"@type":"Answer","text":"GPT Image 2 leads in text rendering accuracy (~95% multilingual) and photorealism. Nano Banana Pro and Nano Banana 2 are Google's competing models — and despite the names, they are two different models: Nano Banana Pro is Gemini 3 Pro Image, Google's flagship, while Nano Banana 2 is the newer Gemini 3.1 Flash Image, faster and cheaper. Both are generally quicker than GPT Image 2 and strong on stylized illustration. imagesv2.ai supports them side by side — see the full comparison on our GPT Image 2 vs Nano Banana Pro page, or the dedicated Nano Banana 2 page."}},{"@type":"Question","name":"How is GPT Image 2 different from DALL·E 3?","acceptedA
12nswer":{"@type":"Answer","text":"DALL·E 3 was OpenAI's previous image model, now superseded by GPT Image 2. Key upgrades: text inside images is sharp instead of garbled, photorealism handles human faces and product shots reliably, and the model now reasons about layout before generating. If you used DALL·E 3 or gpt image2 before, GPT Image 2 is a drop-in upgrade — same prompt style, much better output."}},{"@type":"Question","name":"Can GPT Image 2 generate 4K images, and does it work with OpenAI Codex?","acceptedAnswer":{"@type":"Answer","text":"Yes — GPT Image 2 supports 4K output (and 1K / 2K), available on imagesv2.ai. GPT Image 2 was released alongside the Codex update in OpenAI's April 21, 2026 launch — both share the same O-series reasoning backbone, but Codex is for code while GPT Image 2 is for images. You don't need Codex access to use GPT Image 2 here."}},{"@type":"Question","name":"Do I own the images I generate, and can I sell them?","acceptedAnswer":{"@type":"Answer","text":"Yes. Images generated through imagesv2.ai with GPT Image 2 are yours to use commercially — product photos, ads, posters, social media, e-commerce listings, even merchandise. No additional licensing fee. OpenAI's usage policy permits commercial use of GPT Image 2 outputs subject to their content policy."}},{"@type":"Question","name":"Does GPT Image 2 support transparent background?","acceptedA
12nswer":{"@type":"Answer","text":"Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that delivers one-click transparent PNG output. Pick \"Transparent\" under Background on the generation panel, write your prompt, hit Generate — what you download is a real RGBA PNG with soft alpha edges, ready to drop straight into Photoshop, Figma, PowerPoint, an e-commerce listing, or any tool that respects PNG transparency. The preview area uses a checkerboard backdrop so you can confirm the alpha before downloading. Costs 10 extra credits per image vs. the standard mode. GPT Image 1 and GPT Image 1.5 also support transparent background — switch models depending on the style you want."}},{"@type":"Question","name":"Does GPT Image 2 support SVG / editable vector output?","acceptedAnswer":{"@type":"Answer","text":"Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that adds editable SVG vector output. OpenAI's Image API only emits raster formats (PNG / JPEG / WebP), so we layered an automatic vectorization pipeline on top — pick \"SVG\" under Output Format on the generation panel, write your prompt, hit Generate, and you get both the high-resolution PNG and a clean editable SVG. The SVG opens in Figma, Illustrator, Inkscape, or any vector tool to keep editing text, colors, and shapes. Best for icons, logos, and flat illustrations — photorealistic content doesn't vectorize cleanly. For the full workflow with style presets, visit the dedicated GPT Image 2 SVG Generator page. Costs 10 extra credits per image vs. the standard mode."}}]}</script>
12<div class="mx-auto max-w-full px-4 md:max-w-3xl md:px-8"><div class=""><div class="mx-auto max-w-2xl text-center text-balance"><h2 class="text-foreground mb-4 text-3xl font-semibold tracking-tight md:text-4xl">GPT Image 2 — Frequently Asked Questions</h2><p class="text-muted-foreground mb-6 md:mb-12 lg:mb-16 [&amp;_a]:text-primary [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Common questions about GPT Image 2 and imagesv2.ai. Have more questions? Contact us at support&#64;imagesv2.ai.</p></div></div><div class=""><div class="mx-auto mt-12 max-w-full"><div data-slot="accordion" class="bg-muted dark:bg-muted/50 w-full rounded-2xl p-1" data-orientation="vertical"><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_51d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_11d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">What is GPT Image 2?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_51d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_11d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">GPT Image 2 is OpenAI's next-generation image model, succeeding GPT Image 1.5. It delivers breakthrough improvements in text rendering, photorealism, world knowledge, and spatial reasoning. imagesv2.ai provides easy access to this model via a simple web interface. Also written gpt-image2, gpt image2, gpt image v2, gpt image gen 2, or ChatGPT image 2 — these all refer to the same model.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_52d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_12d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Which models does imagesv2.ai support?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_52d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_12d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" 
12class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">We aggregate multiple image generation models including GPT Image 2, GPT Image 1.5, GPT Image 1, Nano Banana, Nano Banana 2, Nano Banana Pro, and more. You can compare outputs from different models side by side and choose the best result — all from one platform.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_53d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_13d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Can I try GPT Image 2 for free before paying?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_53d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_13d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">New users get free GPT Image 2 credits to experience the full generation capability — no credit card required. After that, GPT Image 2 pricing offers three options to match how you use it: a yearly subscription with up to 50% off, a monthly subscription for flexibility, or one-time credit packs that never expire. See full GPT Image 2 prices on our pricing page.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_54d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_14d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Do I need an OpenAI account or ChatGPT Plus subscription?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_54d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_14d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" 
12class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">No. imagesv2.ai provides direct browser access to GPT Image 2 — no OpenAI account, no ChatGPT Plus subscription required. We also offer more flexible payment options than OpenAI directly.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_55d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_15d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">I don&#x27;t know how to write GPT Image 2 prompts. How do I use it without prompt skills?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_55d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_15d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Absolutely no skills needed. We provide 50+ built-in GPT Image 2 prompt templates covering common scenarios — product photos, social media covers, posters, avatars, children's book illustrations, and more. Just click a template, edit a few words, and generate. No prompt engineering required.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_56d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_16d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">What can I create with GPT Image 2?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_56d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_16d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" 
12class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Almost anything visual: product photos, social media covers, YouTube thumbnails, posters with accurate text, restaurant menus, UI mockups, game concept art, avatars, and more. You can also one-click generate 1:1 (Instagram), 16:9 (YouTube), and 9:16 (TikTok) versions for multi-platform publishing.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_57d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_17d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Does GPT Image 2 support Chinese, Japanese, Korean, or Arabic text?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_57d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_17d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes. GPT Image 2 renders multilingual text at ~95% accuracy — Simplified Chinese, Traditional Chinese, Japanese, Korean, Arabic, and 20+ other scripts. This is a major upgrade over GPT Image 1.5, which often produced garbled non-Latin glyphs. Use it on posters, menus, social media covers, or product packaging — write your prompt in any language and the model lays out the text correctly.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_58d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_18d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;
12svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Can GPT Image 2 keep the same character or style across multiple images?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_58d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_18d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes. GPT Image 2 introduced native multi-image consistency — generate a series of images and the same character, mascot, or visual style carries through. Useful for children's book illustrations, brand campaigns, comic panels, and product variants. Earlier models like GPT Image 1.5 and DALL·E 3 couldn't reliably do this without heavy prompt engineering.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_59d9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_19d9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Can I edit an existing image with GPT Image 2, or only generate from scratch?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_59d9blflpfaqivb_" role="region" aria-labelledby="radix-_R_19d9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Both. Upload an image and describe the change in plain English — "remove the background", "change the shirt to red", "add neon signs in the back" — and GPT Image 2 will edit it. imagesv2.ai supports drag-and-drop image upload and reference-guided generation. The image-to-image mode preserves the original composition while applying your requested changes.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5ad9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1ad9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
12ded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">When was GPT Image 2 released?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5ad9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1ad9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">GPT Image 2 was released by OpenAI on April 21, 2026 (model snapshot gpt-image-2-2026-04-21). It succeeded GPT Image 1.5 and is OpenAI's first image model with native O-series reasoning. imagesv2.ai integrated GPT Image 2 on launch day — you can try it right now without an OpenAI account.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5bd9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1bd9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">How does GPT Image 2 compare to Nano Banana Pro and Nano Banana 2?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5bd9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1bd9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">GPT Image 2 leads in text rendering accuracy (~95% multilingual) and photorealism. Nano Banana Pro and Nano Banana 2 are Google's competing models — and despite the names, they are two different models: Nano Banana Pro is Gemini 3 Pro Image, Google's flagship, while Nano Banana 2 is the newer Gemini 3.1 Flash Image, faster and cheaper. Both are generally quicker than GPT Image 2 and strong on stylized illustration. imagesv2.ai supports them side by side — see the full comparison on our GPT Image 2 vs Nano Banana Pro page, or the dedicated Nano Banana 2 page.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5cd9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1cd9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
12ded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">How is GPT Image 2 different from DALL·E 3?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5cd9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1cd9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">DALL·E 3 was OpenAI's previous image model, now superseded by GPT Image 2. Key upgrades: text inside images is sharp instead of garbled, photorealism handles human faces and product shots reliably, and the model now reasons about layout before generating. If you used DALL·E 3 or gpt image2 before, GPT Image 2 is a drop-in upgrade — same prompt style, much better output.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5dd9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1dd9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Can GPT Image 2 generate 4K images, and does it work with OpenAI Codex?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5dd9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1dd9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes — GPT Image 2 supports 4K output (and 1K / 2K), available on imagesv2.ai. GPT Image 2 was released alongside the Codex update in OpenAI's April 21, 2026 launch — both share the same O-series reasoning backbone, but Codex is for code while GPT Image 2 is for images. You don't need Codex access to use GPT Image 2 here.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5ed9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1ed9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
12ded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Do I own the images I generate, and can I sell them?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5ed9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1ed9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes. Images generated through imagesv2.ai with GPT Image 2 are yours to use commercially — product photos, ads, posters, social media, e-commerce listings, even merchandise. No additional licensing fee. OpenAI's usage policy permits commercial use of GPT Image 2 outputs subject to their content policy.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5fd9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1fd9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Does GPT Image 2 support transparent background?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5fd9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1fd9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that delivers one-click transparent PNG output. Pick "Transparent" under Background on the generation panel, write your prompt, hit Generate — what you download is a real RGBA PNG with soft alpha edges, ready to drop straight into Photoshop, Figma, PowerPoint, an e-commerce listing, or any tool that respects PNG transparency. The preview area uses a checkerboard backdrop so you can confirm the alpha before downloading. Costs 10 extra credits per image vs. the standard mode. GPT Image 1 and GPT Image 1.5 also support transparent background — switch models depending on the style you want.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div><div class="group"><div data-state="open" data-orientation="vertical" data-slot="accordion-item" class="border-b last:border-b-0 data-[state=open]:bg-card dark:data-[state=open]:bg-muted peer rounded-xl border-none px-7 py-1 data-[state=open]:border-none data-[state=open]:shadow-sm"><h3 data-orientation="vertical" data-state="open" class="flex"><button type="button" aria-controls="radix-_R_5gd9blflpfaqivb_" aria-expanded="true" data-state="open" data-orientation="vertical" id="radix-_R_1gd9blflpfaqivb_" data-slot="accordion-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 roun
12ded-md py-4 text-start font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&amp;[data-state=open]&gt;svg]:rotate-180 cursor-pointer text-base hover:no-underline" data-radix-collection-item="">Does GPT Image 2 support SVG / editable vector output?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="open" id="radix-_R_5gd9blflpfaqivb_" role="region" aria-labelledby="radix-_R_1gd9blflpfaqivb_" data-orientation="vertical" data-slot="accordion-content" class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"><div class="pt-0 pb-4"><p class="[&amp;_a]:text-primary text-base [&amp;_a]:underline [&amp;_a]:underline-offset-4 hover:[&amp;_a]:no-underline">Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that adds editable SVG vector output. OpenAI's Image API only emits raster formats (PNG / JPEG / WebP), so we layered an automatic vectorization pipeline on top — pick "SVG" under Output Format on the generation panel, write your prompt, hit Generate, and you get both the high-resolution PNG and a clean editable SVG. The SVG opens in Figma, Illustrator, Inkscape, or any vector tool to keep editing text, colors, and shapes. Best for icons, logos, and flat illustrations — photorealistic content doesn't vectorize cleanly. For the full workflow with style presets, visit the dedicated GPT Image 2 SVG Generator page. Costs 10 extra credits per image vs. the standard mode.</p></div></div></div><hr class="mx-7 border-dashed group-last:hidden peer-data-[state=open]:opacity-0"/></div></div><p class="text-muted-foreground mt-6 px-8"></p></div></div></div></section><section id="cta" class="py-16 md:py-24 bg-muted"><div class="container"><div class="text-center"><div class=""><h2 class="text-4xl font-semibold text-balance lg:text-5xl">Use GPT Image 2 Free Online — Start in 3 Seconds</h2></div><div class=""><p class="mt-4">Free GPT Image 2 credits for new users. No OpenAI account, no ChatGPT Plus subscription, no prompt skills needed — just type and generate.</p></div><div class=""><div class="mt-12 flex flex-wrap justify-center gap-4"><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[&gt;svg]:px-3" href="/#playground"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><!--/$--><span>Try Free Now</span></a><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[&gt;svg]:px-3" href="/prompts"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg><!--/$--><span>View Examples</span></a><a target="_self" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
12size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[&gt;svg]:px-3" href="/tools"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><!--/$--><span>View All Tools</span></a></div></div></div></div></section><footer id="footer" class="py-8 sm:py-8  overflow-x-hidden"><div class="container space-y-8 overflow-x-hidden"><div class="min-w-0"><div class="grid min-w-0 gap-6 sm:grid-cols-5"><div class="min-w-0 space-y-4 text-sm break-words sm:col-span-2"><span class="block font-medium break-words">Product</span><div class="grid min-w-0 gap-x-6 gap-y-5 sm:grid-cols-2"><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Core Generation</span><div class="flex min-w-0 flex-col gap-2"><a title="GPT Image 2 Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/"><span class="inline-flex items-center gap-1 break-words">GPT Image 2 Generator</span></a><a title="GPT Image 2 Poster Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-2-poster-generator"><span class="inline-flex items-center gap-1 break-words">GPT Image 2 Poster Generator</span></a><a title="GPT Image 2 Transparent Image Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-2-transparent-background"><span class="inline-flex items-center gap-1 break-words">GPT Image 2 Transparent Image Generator</span></a><a title="GPT Image 2 Editable Text" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-2-editable-text"><span class="inline-flex items-center gap-1 break-words">GPT Image 2 Editable Text</span></a></div></div><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Photo Tools</span><div class="flex min-w-0 flex-col gap-2"><a title="Old Photo Restoration" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/old-photo-restoration"><span class="inline-flex items-center gap-1 break-words">Old Photo Restoration</span></a><a title="Poster to PSD (Beta)" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/poster-to-psd"><span class="inline-flex items-center gap-1 break-words">Poster to PSD (Beta)</span></a><a title="Handwritten Photo Annotation" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/photo-annotation"><span class="inline-flex items-center gap-1 break-words">Handwritten Photo Annotation<!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame size-3 shrink-0 text-orange-500" aria-hidden="true"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><!--/$--></span></a><a title="MS Paint Redraw" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ms-paint-redraw"><span class="inline-flex items-center gap-1 break-words">MS Paint Redraw<!--$--><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame size-3 shrink-0 text-orange-500" aria-hidden="true"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg><!--/$--></span></a></div></div><div class="min-w-0 space-y-2">
12<span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Social Screenshots</span><div class="flex min-w-0 flex-col gap-2"><a title="WeChat Chat Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/wechat-chat-generator"><span class="inline-flex items-center gap-1 break-words">WeChat Chat Generator</span></a><a title="TikTok Live Screenshot Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/douyin-live-generator"><span class="inline-flex items-center gap-1 break-words">TikTok Live Screenshot Generator</span></a><a title="Tweet Screenshot Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/tweet-screenshot-generator"><span class="inline-flex items-center gap-1 break-words">Tweet Screenshot Generator</span></a></div></div><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Style &amp; Portrait</span><div class="flex min-w-0 flex-col gap-2"><a title="Personal Style Card" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/personal-style-card"><span class="inline-flex items-center gap-1 break-words">Personal Style Card</span></a><a title="AI Hairstyle Changer" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ai-hairstyle-changer"><span class="inline-flex items-center gap-1 break-words">AI Hairstyle Changer</span></a><a title="AI Portrait Styles" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/portrait-styles"><span class="inline-flex items-center gap-1 break-words">AI Portrait Styles</span></a><a title="Color Analysis" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/color-analysis"><span class="inline-flex items-center gap-1 break-words">Color Analysis</span></a></div></div><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Creative Scenes</span><div class="flex min-w-0 flex-col gap-2"><a title="360° Panorama Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/360-image"><span class="inline-flex items-center gap-1 break-words">360° Panorama Generator</span></a><a title="Healing Flat Landscape" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/healing-landscape-illustration"><span class="inline-flex items-center gap-1 break-words">Healing Flat Landscape</span></a><a title="Article Illustration Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/article-illustration"><span class="inline-flex items-center gap-1 break-words">Article Illustration Generator</span></a><a title="AI App Mockup Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ai-app-mockup-generator"><span class="inline-flex items-center gap-1 break-words">AI App Mockup Generator</span></a><a title="AI Brand Kit Generator" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ai-brand-kit-generator"><span class="inline-flex items-center gap-1 break-words">AI Brand Kit Generator</span></a></div></div></div></div><div class="min-w-0 space-y-4 text-sm break-words "><span class="block font-medium break-words">SVG</span><div class="flex min-w-0 flex-col gap-5"><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Generate</span><div class="flex min-w-0 flex-col gap-2"><a title="GPT Image 2 SVG" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-2-svg"><span class="inline-flex items-center gap-1 break-words">GPT Image 2 SVG</span></a><a title="AI SVG Diagram" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ai-svg-diagram"><span class="inline-flex items-center gap-1 break-words">AI SVG Diagram</span></a><a title="AI SVG Illustration" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/ai-svg-illustration"><span class="inline-flex items-center gap-1 break-words">AI SVG Illustration</span></a><a title="SVG Animation" target="" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/svg-animation-generator"><span class="inline-flex items-center gap-1 break-words">SVG Animation</span></a></div></div><div class="min-w-0 space-y-2">
12<span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">View</span><div class="flex min-w-0 flex-col gap-2"><a title="SVG Viewer" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/svg-viewer"><span class="inline-flex items-center gap-1 break-words">SVG Viewer</span></a></div></div><div class="min-w-0 space-y-2"><span class="text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words">Inspiration</span><div class="flex min-w-0 flex-col gap-2"><a title="SVG Cases" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/svg-cases"><span class="inline-flex items-center gap-1 break-words">SVG Cases</span></a></div></div></div></div><div class="min-w-0 space-y-4 text-sm break-words "><span class="block font-medium break-words">Resources</span><div class="flex min-w-0 flex-wrap gap-4 sm:flex-col"><a title="Prompts" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/prompts"><span class="inline-flex items-center gap-1 break-words">Prompts</span></a><a title="All Tools" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/tools"><span class="inline-flex items-center gap-1 break-words">All Tools</span></a></div></div><div class="min-w-0 space-y-4 text-sm break-words "><span class="block font-medium break-words">Models</span><div class="flex min-w-0 flex-wrap gap-4 sm:flex-col"><a title="GPT Image 2" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/"><span class="inline-flex items-center gap-1 break-words">GPT Image 2</span></a><a title="GPT Image 1" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-1"><span class="inline-flex items-center gap-1 break-words">GPT Image 1</span></a><a title="GPT Image 1.5" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-1-5"><span class="inline-flex items-center gap-1 break-words">GPT Image 1.5</span></a><a title="Nano Banana" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/nano-banana"><span class="inline-flex items-center gap-1 break-words">Nano Banana</span></a><a title="Nano Banana 2" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/nano-banana-2"><span class="inline-flex items-center gap-1 break-words">Nano Banana 2</span></a><a title="Nano Banana Pro" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/nano-banana-pro"><span class="inline-flex items-center gap-1 break-words">Nano Banana Pro</span></a><a title="GPT Image 2.5" target="_self" class="text-muted-foreground hover:text-primary block break-words duration-150" href="/gpt-image-2-5"><span class="inline-flex items-center gap-1 break-words">GPT Image 2.5</span></a></div></div></div></div><div class="flex min-w-0 flex-wrap items-center gap-4 sm:gap-8"><div class="min-w-0 flex-1"></div></div><div aria-hidden="true" class="h-px min-w-0 [background-image:linear-gradient(90deg,var(--color-foreground)_1px,transparent_1px)] bg-[length:6px_1px] bg-repeat-x opacity-25"></div><div class="flex justify-center"><div class="flex flex-wrap items-center justify-center gap-2"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">English</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
12size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">中文</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">한국어</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">日本語</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Français</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Deutsch</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Español</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
12size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Português</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Русский</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">Italiano</button><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 gap-1.5 has-[&gt;svg]:px-2.5 h-8 rounded-full px-4 text-xs">العربية</button></div></div><div class="flex min-w-0 flex-wrap justify-between gap-8"><div class="text-muted-foreground space-y-1 text-sm"><div>© <!-- -->2024<!-- --> <a href="/" target="" class="text-primary hover:text-primary/80 cursor-pointer">GPT Image 2</a>, All rights reserved</div><div>Contact: <a href="/cdn-cgi/l/email-protection#b7c4c2c7c7d8c5c3f7dedad6d0d2c4c18599d6de" class="text-primary hover:text-primary/80 cursor-pointer">support<span aria-hidden="true">​</span>@<span aria-hidden="true">​</span>imagesv2.ai</a></div></div><div class="min-w-0 flex-1"></div><div class="flex min-w-0 flex-wrap items-center gap-4"><a target="" class="text-muted-foreground hover:text-primary block text-xs break-words underline duration-150" href="/about">About</a><a target="" class="text-muted-foreground hover:text-primary block text-xs break-words underline duration-150" href="/feedback">Feedback</a><a target="" class="text-muted-foreground hover:text-primary block text-xs break-words underline duration-150" href="/privacy-policy">Privacy Policy</a><a target="" class="text-muted-foreground hover:text-primary block text-xs break-words underline duration-150" href="/terms-of-service">Terms of Service</a></div><div class="flex min-w-0 flex-wrap items-center gap-2"><a target="_self" class="text-muted-foreground hover:text-primary bg-background block cursor-pointer rounded-full p-2 duration-150" aria-label="Email" href="/cdn-cgi/l/email-protection#2e5d5b5e5e415c5a6e47434f494b5d581c004f47"><!--$--><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><!--/$--></a></div></div></div></footer></div><!--$--><!--/$-->
vendor: 108 bytes, line 12
12<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
12<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
12<script src="/_next/static/chunks/0_h465si_rnt7.js" id="_R_" async=""></script>
12<div hidden id="S: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="lucide lucide-boxes size-4" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></div>
12<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
13$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
13<div hidden id="S:1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers size-4" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div>
13<script>$RC("B:1","S:1")</script>
13<div hidden id="S:2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-primary size-4 shrink-0" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div>
13<script>$RC("B:2","S:2")</script>
13<div hidden id="S:3"><div id="playground" class="mx-auto w-full max-w-7xl scroll-mt-24"><div class="space-y-6 "><div class="bg-muted flex items-center justify-between rounded-lg px-4 py-2 text-sm"><span class="text-muted-foreground">This generation costs<!-- -->:<!-- --> <strong class="text-primary text-base">3</strong> <!-- -->credits</span><button class="text-primary cursor-pointer text-sm font-medium underline">Log in to start creating</button></div><div class="grid gap-6 lg:grid-cols-2"><div class="min-h-0 lg:min-h-[500px]"><div class="contents"><div data-slot="card" class="bg-card text-card-foreground gap-6 rounded-xl border py-6 shadow-sm flex h-full w-full flex-col overflow-hidden"><div data-slot="card-header" class="@container/card-header auto-rows-min grid-rows-[auto_auto] px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 flex flex-wrap items-start justify-between gap-2 pb-4 border-b"><div class="min-w-0 flex-1"><div data-slot="card-title" class="text-lg font-medium">Generate Image</div><div data-slot="card-description" class="text-muted-foreground text-sm mt-1">Create a new image from a text prompt.</div></div><div role="tablist" aria-label="Generate / Edit" class="border-input isolate z-20 inline-flex h-auto w-full min-[420px]:w-auto shrink-0 rounded-md border bg-muted p-1 text-muted-foreground touch-manipulation"><button type="button" role="tab" aria-selected="true" tabindex="0" class="inline-flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-center rounded-md px-3 py-2.5 text-base font-medium transition-colors sm:text-sm min-[420px]:min-h-10 min-[420px]:py-2 touch-manipulation active:opacity-90 bg-background text-foreground shadow-sm">Generate</button><button type="button" role="tab" aria-selected="false" tabindex="0" class="inline-flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-center rounded-md px-3 py-2.5 text-base font-medium transition-colors sm:text-sm min-[420px]:min-h-10 min-[420px]:py-2 touch-manipulation active:opacity-90 text-muted-foreground">Edit</button></div></div><form noValidate="" class="flex flex-1 flex-col overflow-hidden"><div data-slot="card-content" class="flex-1 space-y-5 overflow-y-auto p-4"><div class="space-y-1.5"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Prompt</label><textarea class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm min-h-[132px]" placeholder="e.g., A photorealistic cat astronaut floating in space"></textarea></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Number of Images<!-- -->: <!-- -->1</label><span dir="ltr" data-orientation="horizontal" aria-disabled="true" data-disabled="" data-slot="slider" class="relative flex w-full touch-none items-center py-3 select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-0" style="--radix-slider-thumb-transform:translateX(-50%)"><span data-disabled="" data-orientation="horizontal" data-slot="slider-track" class="relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"><span data-orientation="horizontal" data-disabled="" data-slot="slider-range" class="absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" style="left:0%;right:100%"></span></span><span style="transform:var(--radix-slider-thumb-transform);position:absolute;
13left:calc(0% + 0px)"><span role="slider" aria-valuemin="1" aria-valuemax="4" aria-orientation="horizontal" data-orientation="horizontal" data-disabled="" data-slot="slider-thumb" class="block size-6 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" style="display:none" data-radix-collection-item=""></span><input style="display:none"/></span></span><p class="text-muted-foreground text-[11px] ">First generation is limited to 1 image — the 3-credit price is per image.</p></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Size</label><div class="space-y-3"><div class="flex flex-wrap items-center gap-2"><button type="button" aria-pressed="true" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-primary bg-primary/5 text-foreground" data-state="closed" data-slot="tooltip-trigger"><div class="flex h-9 w-9 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="lucide lucide-sparkles h-5 w-5 text-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><span class="leading-none">Auto</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:100%" aria-hidden="true"></div></div><span class="leading-none">1:1</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:75%" aria-hidden="true"></div></div><span class="leading-none">4:3</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:56.25%" aria-hidden="true"></div></div><span class="leading-none">16:9</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:75%;height:100%" aria-hidden="true"></div></div><span class="leading-none">3:4</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground
13/50 bg-muted" style="width:56.25%;height:100%" aria-hidden="true"></div></div><span class="leading-none">9:16</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 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="lucide lucide-sliders-horizontal h-5 w-5 text-muted-foreground" aria-hidden="true"><path d="M10 5H3"></path><path d="M12 19H3"></path><path d="M14 3v4"></path><path d="M16 17v4"></path><path d="M21 12h-9"></path><path d="M21 19h-5"></path><path d="M21 5h-7"></path><path d="M8 10v4"></path><path d="M8 12H3"></path></svg></div><span class="leading-none">Custom</span></button></div></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Quality</label><div role="radiogroup" aria-label="Image quality" class="grid grid-cols-2 gap-3 sm:flex sm:flex-wrap sm:gap-x-5 sm:gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="q-auto"><input id="q-auto" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-generate" value="auto"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="min-w-0">Auto</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="q-low"><input id="q-low" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-generate" checked="" value="low"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally1 lucide-tally-1 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path></svg><span class="min-w-0">Low</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="q-medium"><input id="q-medium" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-generate" value="medium"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally2 lucide-tally-2 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path><path d="M9 4v16"></path></svg><span class="min-w-0">Medium</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="q-high"><input id="q-high" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-generate" value="high"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally3 lucide-tally-3 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path><path d="M9 4v16"></path><path d="M14 4v16"></path></svg><span class="min-w-0">High</span></label></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">
13Background</label><div role="radiogroup" class="grid grid-cols-2 gap-3 sm:flex sm:flex-wrap sm:gap-x-5 sm:gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="bg-gpt2-auto"><input id="bg-gpt2-auto" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-background-gpt2" checked="" value="auto"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="min-w-0">Auto</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="bg-gpt2-transparent"><input id="bg-gpt2-transparent" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-background-gpt2" value="transparent"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eraser h-4 w-4" aria-hidden="true"><path d="M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"></path><path d="m5.082 11.09 8.828 8.828"></path></svg><span class="min-w-0">Transparent</span></label></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Output Format</label><div role="radiogroup" class="grid grid-cols-2 gap-3 sm:flex sm:flex-wrap sm:gap-x-5 sm:gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="fmt-png"><input id="fmt-png" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-output-format" checked="" value="png"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">PNG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="fmt-jpeg"><input id="fmt-jpeg" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-output-format" value="jpeg"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">JPEG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="fmt-webp"><input id="fmt-webp" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-output-format" value="webp"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">WebP</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="fmt-svg"><input id="fmt-svg" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-output-format" value="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="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">SVG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="fmt-psd"><input id="fmt-psd" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-output-format" value="psd"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">PSD (Beta)</span></label></div></div></div><div data-slot="card-footer" class="flex items-center [.border-t]:pt-6 border-t p-4"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
13size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[&gt;svg]:px-3 w-full" type="submit">Generate<span class="ms-2 opacity-80">(<!-- -->3<!-- --> credits)</span></button></div></form></div></div><div class="hidden"><!--$?--><template id="B:c"></template><div class="bg-muted h-full min-h-[500px] animate-pulse rounded-lg"></div><!--/$--></div></div><div class="flex min-h-0 flex-col lg:min-h-[500px]"><div class="bg-muted/30 flex min-h-[300px] w-full flex-1 flex-col items-center justify-between gap-4 overflow-hidden rounded-lg border p-4"><div class="relative flex h-full w-full flex-grow items-center justify-center overflow-hidden"><div class="flex h-full w-full flex-col items-center justify-center gap-3 p-2"><div class="group relative flex h-full w-full flex-1 items-center justify-center overflow-hidden rounded-lg"><div role="button" tabindex="0" aria-label="View full size" class="absolute inset-0 cursor-zoom-in"><div class="absolute inset-0 transition-opacity duration-700 opacity-100" style="background-image:linear-gradient(45deg, #d1d5db 25%, transparent 25%), linear-gradient(-45deg, #d1d5db 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #d1d5db 75%), linear-gradient(-45deg, transparent 75%, #d1d5db 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;background-color:#ffffff"><img alt="Cartoon sticker · transparent PNG" loading="lazy" decoding="async" data-nimg="fill" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:contain;color:transparent" sizes="(max-width: 767px) calc(100vw - 80px), (max-width: 1279px) 40vw, 480px" srcSet="/_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=256&amp;q=70 256w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=384&amp;q=70 384w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=640&amp;q=70 640w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=750&amp;q=70 750w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=828&amp;q=70 828w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=1080&amp;q=70 1080w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=1200&amp;q=70 1200w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=1920&amp;q=70 1920w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=2048&amp;q=70 2048w, /_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=3840&amp;q=70 3840w" src="/_next/image?url=%2Fimgs%2Ftransparent-bg%2Fsticker.png&amp;w=3840&amp;q=70"/></div></div><button type="button" aria-label="View full size" class="bg-background/70 hover:bg-background absolute end-2 top-2 flex h-8 w-8 items-center justify-center rounded-md border backdrop-blur-sm transition-opacity md:opacity-0 md:group-hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2 h-4 w-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="m21 3-7 7"></path><path d="m3 21 7-7"></path><path d="M9 21H3v-6"></path></svg></button><button type="button" aria-label="Previous" class="bg-background/70 hover:bg-background absolute start-2 top-1/2 flex h-9 w-9 -translate-y-1/2 items-center justify-center rounded-full border shadow-sm backdrop-blur-sm transition-opacity md:opacity-0 md:group-hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left h-5 w-5 rtl:rotate-180" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Next" class="bg-background/70 hover:bg-background absolute end-2 top-1/2 flex h-9 w-9 -translate-y-1/2 items-center justify-center rounded-full border shadow-sm backdrop-blur-sm transition-opacity md:opacity-0 md:group-hover:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 rtl:rotate-180" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div><div class="flex h-10 w-full shrink-0 items-center justify-center gap-4"></div></div></div></div><!--$?--><template id="B:d"></template><div class="bg-muted h-32 animate-pulse rounded-lg"></div><!--/$--></div></div></div>
13<script>$RC("B:3","S:3")</script>
13<div hidden id="S:4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M9.82843 5L7.82843 7H4V19H20V7H16.1716L14.1716 5H9.82843ZM9 3H15L17 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V6C2 5.44772 2.44772 5 3 5H7L9 3ZM12 18C8.96243 18 6.5 15.5376 6.5 12.5C6.5 9.46243 8.96243 7 12 7C15.0376 7 17.5 9.46243 17.5 12.5C17.5 15.5376 15.0376 18 12 18ZM12 16C13.933 16 15.5 14.433 15.5 12.5C15.5 10.567 13.933 9 12 9C10.067 9 8.5 10.567 8.5 12.5C8.5 14.433 10.067 16 12 16Z"></path></svg></div>
13<script>$RC("B:4","S:4")</script>
13<div hidden id="S:5"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10 5.9967C10 6.7292 9.80311 7.41571 9.45936 8.0062L12 10.5825L18.7279 3.85457C19.509 3.07352 20.7753 3.07352 21.5563 3.85457L9.44618 15.9647C9.79807 16.5603 10 17.2549 10 17.9967C10 20.2058 8.20914 21.9967 6 21.9967C3.79086 21.9967 2 20.2058 2 17.9967C2 15.7876 3.79086 13.9967 6 13.9967C6.74181 13.9967 7.43645 14.1986 8.03197 14.5505L10.5858 11.9967L8.03197 9.44289C7.43645 9.79478 6.74181 9.9967 6 9.9967C3.79086 9.9967 2 8.20584 2 5.9967C2 3.78756 3.79086 1.9967 6 1.9967C8.20914 1.9967 10 3.78756 10 5.9967ZM8 5.9967C8 4.89213 7.10457 3.9967 6 3.9967C4.89543 3.9967 4 4.89213 4 5.9967C4 7.10127 4.89543 7.9967 6 7.9967C7.10457 7.9967 8 7.10127 8 5.9967ZM21.5563 20.1388C20.7753 20.9199 19.509 20.9199 18.7279 20.1388L13.4113 14.8222L14.8255 13.408L21.5563 20.1388ZM16 10.9967H18V12.9967H16V10.9967ZM20 10.9967H22V12.9967H20V10.9967ZM6 10.9967H8V12.9967H6V10.9967ZM2 10.9967H4V12.9967H2V10.9967ZM6 19.9967C7.10457 19.9967 8 19.1013 8 17.9967C8 16.8921 7.10457 15.9967 6 15.9967C4.89543 15.9967 4 16.8921 4 17.9967C4 19.1013 4.89543 19.9967 6 19.9967Z"></path></svg></div>
13<script>$RC("B:5","S:5")</script>
13<div hidden id="S:6"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M16.5962 1.03651L22.9428 7.38312C23.1381 7.57838 23.1381 7.89496 22.9428 8.09022C22.8679 8.16513 22.7712 8.21431 22.6665 8.23067L21.1924 8.46113L15.5356 2.80428L15.7477 1.31935C15.7868 1.04599 16.04 0.856036 16.3134 0.895088C16.4205 0.910388 16.5197 0.960011 16.5962 1.03651ZM4.59487 20.1478C8.31725 16.8163 12.5899 15.82 17.2379 14.6273L17.6843 10.6099L13.3869 6.31241L9.36936 6.7588C8.17674 11.4068 7.18038 15.6795 3.84886 19.4018L2.4541 18.0071C5.28253 14.7072 6.34319 11.0539 7.7574 4.9256L14.1214 4.21849L19.7783 9.87539L19.0711 16.2393C12.9429 17.6535 9.28947 18.7142 5.98964 21.5426L4.59487 20.1478ZM9.87872 14.118C9.09767 13.3369 9.09767 12.0706 9.87872 11.2896C10.6598 10.5085 11.9261 10.5085 12.7071 11.2896C13.4882 12.0706 13.4882 13.3369 12.7071 14.118C11.9261 14.899 10.6598 14.899 9.87872 14.118Z"></path></svg></div>
13<script>$RC("B:6","S:6")</script>
13<div hidden id="S:7"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10 5.9967C10 6.7292 9.80311 7.41571 9.45936 8.0062L12 10.5825L18.7279 3.85457C19.509 3.07352 20.7753 3.07352 21.5563 3.85457L9.44618 15.9647C9.79807 16.5603 10 17.2549 10 17.9967C10 20.2058 8.20914 21.9967 6 21.9967C3.79086 21.9967 2 20.2058 2 17.9967C2 15.7876 3.79086 13.9967 6 13.9967C6.74181 13.9967 7.43645 14.1986 8.03197 14.5505L10.5858 11.9967L8.03197 9.44289C7.43645 9.79478 6.74181 9.9967 6 9.9967C3.79086 9.9967 2 8.20584 2 5.9967C2 3.78756 3.79086 1.9967 6 1.9967C8.20914 1.9967 10 3.78756 10 5.9967ZM8 5.9967C8 4.89213 7.10457 3.9967 6 3.9967C4.89543 3.9967 4 4.89213 4 5.9967C4 7.10127 4.89543 7.9967 6 7.9967C7.10457 7.9967 8 7.10127 8 5.9967ZM21.5563 20.1388C20.7753 20.9199 19.509 20.9199 18.7279 20.1388L13.4113 14.8222L14.8255 13.408L21.5563 20.1388ZM16 10.9967H18V12.9967H16V10.9967ZM20 10.9967H22V12.9967H20V10.9967ZM6 10.9967H8V12.9967H6V10.9967ZM2 10.9967H4V12.9967H2V10.9967ZM6 19.9967C7.10457 19.9967 8 19.1013 8 17.9967C8 16.8921 7.10457 15.9967 6 15.9967C4.89543 15.9967 4 16.8921 4 17.9967C4 19.1013 4.89543 19.9967 6 19.9967Z"></path></svg></div>
13<script>$RC("B:7","S:7")</script>
13<div hidden id="S:8"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M16.5962 1.03651L22.9428 7.38312C23.1381 7.57838 23.1381 7.89496 22.9428 8.09022C22.8679 8.16513 22.7712 8.21431 22.6665 8.23067L21.1924 8.46113L15.5356 2.80428L15.7477 1.31935C15.7868 1.04599 16.04 0.856036 16.3134 0.895088C16.4205 0.910388 16.5197 0.960011 16.5962 1.03651ZM4.59487 20.1478C8.31725 16.8163 12.5899 15.82 17.2379 14.6273L17.6843 10.6099L13.3869 6.31241L9.36936 6.7588C8.17674 11.4068 7.18038 15.6795 3.84886 19.4018L2.4541 18.0071C5.28253 14.7072 6.34319 11.0539 7.7574 4.9256L14.1214 4.21849L19.7783 9.87539L19.0711 16.2393C12.9429 17.6535 9.28947 18.7142 5.98964 21.5426L4.59487 20.1478ZM9.87872 14.118C9.09767 13.3369 9.09767 12.0706 9.87872 11.2896C10.6598 10.5085 11.9261 10.5085 12.7071 11.2896C13.4882 12.0706 13.4882 13.3369 12.7071 14.118C11.9261 14.899 10.6598 14.899 9.87872 14.118Z"></path></svg></div>
13<script>$RC("B:8","S:8")</script>
13<div hidden id="S:9"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.85802 19.71L12 16H5.07026C6.10692 17.7921 7.8188 19.1447 9.85802 19.71ZM4.25204 14H8.5359L5.07103 7.99867C4.38987 9.17566 4 10.5423 4 12C4 12.6906 4.08751 13.3608 4.25204 14ZM6.39496 6.29179L8.5359 10L12 4C9.8171 4 7.8384 4.87429 6.39496 6.29179ZM14.142 4.28998L12 8H18.9297C17.8931 6.20791 16.1812 4.85529 14.142 4.28998ZM19.748 10H15.4641L18.929 16.0013C19.6101 14.8243 20 13.4577 20 12C20 11.3094 19.9125 10.6392 19.748 10ZM17.605 17.7082L15.4641 14L12 20C14.1829 20 16.1616 19.1257 17.605 17.7082ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM13.1547 10H10.8453L9.6906 12L10.8453 14H13.1547L14.3094 12L13.1547 10Z"></path></svg></div>
13<script>$RC("B:9","S:9")</script>
13<div hidden id="S:a"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 11.5C4.51472 11.5 2.5 9.48528 2.5 7C2.5 4.51472 4.51472 2.5 7 2.5C9.48528 2.5 11.5 4.51472 11.5 7C11.5 9.48528 9.48528 11.5 7 11.5ZM7 21.5C4.51472 21.5 2.5 19.4853 2.5 17C2.5 14.5147 4.51472 12.5 7 12.5C9.48528 12.5 11.5 14.5147 11.5 17C11.5 19.4853 9.48528 21.5 7 21.5ZM17 11.5C14.5147 11.5 12.5 9.48528 12.5 7C12.5 4.51472 14.5147 2.5 17 2.5C19.4853 2.5 21.5 4.51472 21.5 7C21.5 9.48528 19.4853 11.5 17 11.5ZM17 21.5C14.5147 21.5 12.5 19.4853 12.5 17C12.5 14.5147 14.5147 12.5 17 12.5C19.4853 12.5 21.5 14.5147 21.5 17C21.5 19.4853 19.4853 21.5 17 21.5ZM7 9.5C8.38071 9.5 9.5 8.38071 9.5 7C9.5 5.61929 8.38071 4.5 7 4.5C5.61929 4.5 4.5 5.61929 4.5 7C4.5 8.38071 5.61929 9.5 7 9.5ZM7 19.5C8.38071 19.5 9.5 18.3807 9.5 17C9.5 15.6193 8.38071 14.5 7 14.5C5.61929 14.5 4.5 15.6193 4.5 17C4.5 18.3807 5.61929 19.5 7 19.5ZM17 9.5C18.3807 9.5 19.5 8.38071 19.5 7C19.5 5.61929 18.3807 4.5 17 4.5C15.6193 4.5 14.5 5.61929 14.5 7C14.5 8.38071 15.6193 9.5 17 9.5ZM17 19.5C18.3807 19.5 19.5 18.3807 19.5 17C19.5 15.6193 18.3807 14.5 17 14.5C15.6193 14.5 14.5 15.6193 14.5 17C14.5 18.3807 15.6193 19.5 17 19.5Z"></path></svg></div>
13<script>$RC("B:a","S:a")</script>
13<div hidden id="S:b"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C17.5222 2 22 5.97778 22 10.8889C22 13.9556 19.5111 16.4444 16.4444 16.4444H14.4778C13.5556 16.4444 12.8111 17.1889 12.8111 18.1111C12.8111 18.5333 12.9778 18.9222 13.2333 19.2111C13.5 19.5111 13.6667 19.9 13.6667 20.3333C13.6667 21.2556 12.9 22 12 22C6.47778 22 2 17.5222 2 12C2 6.47778 6.47778 2 12 2ZM10.8111 18.1111C10.8111 16.0843 12.451 14.4444 14.4778 14.4444H16.4444C18.4065 14.4444 20 12.851 20 10.8889C20 7.1392 16.4677 4 12 4C7.58235 4 4 7.58235 4 12C4 16.19 7.2226 19.6285 11.324 19.9718C10.9948 19.4168 10.8111 18.7761 10.8111 18.1111ZM7.5 12C6.67157 12 6 11.3284 6 10.5C6 9.67157 6.67157 9 7.5 9C8.32843 9 9 9.67157 9 10.5C9 11.3284 8.32843 12 7.5 12ZM16.5 12C15.6716 12 15 11.3284 15 10.5C15 9.67157 15.6716 9 16.5 9C17.3284 9 18 9.67157 18 10.5C18 11.3284 17.3284 12 16.5 12ZM12 9C11.1716 9 10.5 8.32843 10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5C13.5 8.32843 12.8284 9 12 9Z"></path></svg></div>
13<script>$RC("B:b","S:b")</script>
13<div hidden id="S:c"><div data-slot="card" class="bg-card text-card-foreground gap-6 rounded-xl border py-6 shadow-sm flex h-full w-full flex-col overflow-hidden"><div data-slot="card-header" class="@container/card-header auto-rows-min grid-rows-[auto_auto] px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 flex flex-wrap items-start justify-between gap-2 border-b pb-4"><div class="min-w-0 flex-1"><div data-slot="card-title" class="text-lg font-medium">Edit Image</div><div data-slot="card-description" class="text-muted-foreground text-sm mt-1">Modify an existing image with a text prompt.</div></div><div role="tablist" aria-label="Generate / Edit" class="border-input isolate z-20 inline-flex h-auto w-full min-[420px]:w-auto shrink-0 rounded-md border bg-muted p-1 text-muted-foreground touch-manipulation"><button type="button" role="tab" aria-selected="true" tabindex="0" class="inline-flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-center rounded-md px-3 py-2.5 text-base font-medium transition-colors sm:text-sm min-[420px]:min-h-10 min-[420px]:py-2 touch-manipulation active:opacity-90 bg-background text-foreground shadow-sm">Generate</button><button type="button" role="tab" aria-selected="false" tabindex="0" class="inline-flex min-h-11 min-w-0 flex-1 cursor-pointer items-center justify-center rounded-md px-3 py-2.5 text-base font-medium transition-colors sm:text-sm min-[420px]:min-h-10 min-[420px]:py-2 touch-manipulation active:opacity-90 text-muted-foreground">Edit</button></div></div><form noValidate="" class="flex flex-1 flex-col overflow-hidden"><div data-slot="card-content" class="flex-1 space-y-5 overflow-y-auto p-4"><div class="space-y-1.5"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Prompt</label><textarea class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm min-h-[80px]" placeholder="e.g., Change the background to a sunset beach"></textarea></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Number of Images<!-- -->: <!-- -->1</label><span dir="ltr" data-orientation="horizontal" aria-disabled="true" data-disabled="" data-slot="slider" class="relative flex w-full touch-none items-center py-3 select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:px-3 data-[orientation=vertical]:py-0" style="--radix-slider-thumb-transform:translateX(-50%)"><span data-disabled="" data-orientation="horizontal" data-slot="slider-track" class="relative grow overflow-hidden rounded-full bg-muted data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2"><span data-orientation="horizontal" data-disabled="" data-slot="slider-range" class="absolute bg-primary data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full" style="left:0%;right:100%"></span></span><span style="transform:var(--radix-slider-thumb-transform);position:absolute;left:calc(0% + 0px)"><span role="slider" aria-valuemin="1" aria-valuemax="4" aria-orientation="horizontal" data-orientation="horizontal" data-disabled="" data-slot="slider-thumb" class="block size-6 shrink-0 rounded-full border border-primary bg-white shadow-sm ring-ring/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" style="display:none" data-radix-collection-item=""></span><input style="display:none"/></span></span>
13<p class="text-muted-foreground text-[11px] ">First generation is limited to 1 image — the 3-credit price is per image.</p></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Source Image(s) [Max: 10]</label><div class="border-input hover:bg-accent flex min-h-[120px] w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-4 transition-colors  "><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload text-muted-foreground h-8 w-8" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></svg><p class="text-muted-foreground text-sm">No file selected</p><p class="text-muted-foreground text-xs">Drag &amp; drop, click to browse, or paste from clipboard</p></div><input type="file" data-slot="input" class="file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive sr-only" id="edit-img-input" accept="image/png,image/jpeg,image/webp" multiple=""/></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Mask</label><button data-slot="button" class="inline-flex items-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-8 rounded-md gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full justify-start" type="button" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scan-eye me-2 h-4 w-4" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><circle cx="12" cy="12" r="1"></circle><path d="M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"></path></svg>Create Mask</button></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Size</label><div class="space-y-3"><div class="flex flex-wrap items-center gap-2"><button type="button" aria-pressed="true" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-primary bg-primary/5 text-foreground" data-state="closed" data-slot="tooltip-trigger"><div class="flex h-9 w-9 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="lucide lucide-sparkles h-5 w-5 text-primary" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
131.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><span class="leading-none">Auto</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:100%" aria-hidden="true"></div></div><span class="leading-none">1:1</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:75%" aria-hidden="true"></div></div><span class="leading-none">4:3</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:100%;height:56.25%" aria-hidden="true"></div></div><span class="leading-none">16:9</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:75%;height:100%" aria-hidden="true"></div></div><span class="leading-none">3:4</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 items-center justify-center"><div class="rounded-[3px] border-[1.5px] transition-colors border-muted-foreground/50 bg-muted" style="width:56.25%;height:100%" aria-hidden="true"></div></div><span class="leading-none">9:16</span></button><button type="button" aria-pressed="false" class="flex min-w-[64px] flex-col items-center gap-1 rounded-lg border p-2 text-xs transition-colors border-border bg-background text-muted-foreground hover:border-primary/40 hover:text-foreground"><div class="flex h-9 w-9 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="lucide lucide-sliders-horizontal h-5 w-5 text-muted-foreground" aria-hidden="true"><path d="M10 5H3"></path><path d="M12 19H3"></path><path d="M14 3v4"></path><path d="M16 17v4"></path><path d="M21 12h-9"></path><path d="M21 19h-5"></path><path d="M21 5h-7"></path><path d="M8 10v4"></path><path d="M8 12H3"></path></svg></div><span class="leading-none">Custom</span></button></div></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Quality</label><div role="radiogroup" aria-label="Image quality" class="gap-3 flex flex-wrap gap-x-5 gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-q-auto"><input id="ed-q-auto" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-edit" value="auto"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
131.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="min-w-0">Auto</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="ed-q-low"><input id="ed-q-low" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-edit" checked="" value="low"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally1 lucide-tally-1 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path></svg><span class="min-w-0">Low</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-q-medium"><input id="ed-q-medium" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-edit" value="medium"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally2 lucide-tally-2 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path><path d="M9 4v16"></path></svg><span class="min-w-0">Medium</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-q-high"><input id="ed-q-high" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-image-quality-edit" value="high"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tally3 lucide-tally-3 h-4 w-4" aria-hidden="true"><path d="M4 4v16"></path><path d="M9 4v16"></path><path d="M14 4v16"></path></svg><span class="min-w-0">High</span></label></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Background</label><div role="radiogroup" class="grid grid-cols-2 gap-3 sm:flex sm:flex-wrap sm:gap-x-5 sm:gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="ed-bg-gpt2-auto"><input id="ed-bg-gpt2-auto" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-background-gpt2" checked="" value="auto"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
131.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg><span class="min-w-0">Auto</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-bg-gpt2-transparent"><input id="ed-bg-gpt2-transparent" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-background-gpt2" value="transparent"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eraser h-4 w-4" aria-hidden="true"><path d="M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"></path><path d="m5.082 11.09 8.828 8.828"></path></svg><span class="min-w-0">Transparent</span></label></div></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50">Output Format</label><div role="radiogroup" class="gap-3 flex flex-wrap gap-x-5 gap-y-3"><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted border-primary bg-primary/5 text-foreground" for="ed-fmt-png"><input id="ed-fmt-png" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-output-format" checked="" value="png"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">PNG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-fmt-jpeg"><input id="ed-fmt-jpeg" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-output-format" value="jpeg"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">JPEG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-fmt-webp"><input id="ed-fmt-webp" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-output-format" value="webp"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">WebP</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-fmt-svg"><input id="ed-fmt-svg" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-output-format" value="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="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">SVG</span></label><label data-slot="label" class="font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 border-border bg-background text-muted-foreground flex min-h-11 cursor-pointer items-center gap-2 rounded-lg border px-3 py-2 text-sm transition-colors hover:border-primary/40 hover:text-foreground active:bg-muted" for="ed-fmt-psd"><input id="ed-fmt-psd" type="radio" class="border-input text-primary size-4 shrink-0 rounded-full" name="playground-edit-output-format" value="psd"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-image h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><circle cx="10" cy="12" r="2"></circle><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"></path></svg><span class="min-w-0">PSD (Beta)</span></label></div></div></div><div data-slot="card-footer" class="flex [.border-t]:pt-6 flex-col items-stretch gap-1.5 border-t p-4"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
13size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[&gt;svg]:px-3 w-full" type="submit">Edit Image<span class="ms-2 opacity-80">(<!-- -->3<!-- --> credits)</span></button></div></form></div></div>
13<script>$RC("B:c","S:c")</script>
13<div hidden id="S:d"><div class="space-y-8"><h2 class="text-center text-2xl font-bold">How to Use the GPT Image 2 Playground</h2><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3"><div data-slot="card-title" class="font-semibold flex items-center gap-2 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal text-primary h-5 w-5" aria-hidden="true"><path d="M10 5H3"></path><path d="M12 19H3"></path><path d="M14 3v4"></path><path d="M16 17v4"></path><path d="M21 12h-9"></path><path d="M21 19h-5"></path><path d="M21 5h-7"></path><path d="M8 10v4"></path><path d="M8 12H3"></path></svg>GPT Image 2 Parameter Guide</div></div><div data-slot="card-content" class="px-6 font-body space-y-6 text-sm leading-relaxed"><div><p class="mb-3 font-medium">Quality Comparison (gpt-image-2)</p><div class="overflow-x-auto"><table class="w-full text-start text-sm"><thead><tr class="border-b"><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Quality</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Speed</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Image Detail</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Credits/Image</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Best For</th></tr></thead><tbody><tr class="border-b last:border-0 align-top"><td class="px-2 py-2 first:ps-0 font-medium whitespace-nowrap">Low</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Fastest (3-8s)</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Good composition, less detail</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">10</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Quick iterations, bulk generation, social media</td></tr><tr class="border-b last:border-0 align-top"><td class="px-2 py-2 first:ps-0 font-medium whitespace-nowrap">Medium</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Moderate (10-20s)</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Rich details, good textures</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">40</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Marketing images, presentations</td></tr><tr class="border-b last:border-0 align-top"><td class="px-2 py-2 first:ps-0 font-medium whitespace-nowrap">High</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Slower (20-40s)</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Highest fidelity, finest details</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">110</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Print, posters, premium assets</td></tr><tr class="border-b last:border-0 align-top"><td class="px-2 py-2 first:ps-0 font-medium whitespace-nowrap">Auto</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Model decides</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Auto-selected by model</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">40</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">When unsure</td></tr></tbody></table></div></div><div><p class="mb-3 font-medium">Model Comparison</p><div class="overflow-x-auto"><table class="w-full text-start text-sm"><thead><tr class="border-b"><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Model</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Highlights</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">Low/Image</th><th class="text-muted-foreground px-2 py-2 font-medium first:ps-0">High/Image</th></tr></thead><tbody><tr class="border-b last:border-0 align-top"><td class="px-2 py-2 first:ps-0 font-medium whitespace-nowrap">gpt-image-2</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">Latest, best results</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">10</td><td class="px-2 py-2 first:ps-0 text-muted-foreground">110</td></tr></tbody></table></div></div><div><p class="mb-2 font-medium">Cost-Saving Tips</p><ul class="text-muted-foreground list-disc space-y-1 ps-5"><li>Start with Low quality to iterate on prompts, then switch to Medium or High for the final version.</li><li>Credits scale with image count: per-image cost × number of images.</li><li>New users get a 3-credit first-trial bonus on the standard tier (one-time).</li></ul></div></div></div><div class="grid gap-6 md:grid-cols-2"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3"><div data-slot="card-title" class="font-semibold flex items-center gap-2 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary h-5 w-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
131.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>GPT Image 2 Text-to-Image Generation</div></div><div data-slot="card-content" class="px-6 font-body space-y-4 text-sm leading-relaxed"><p class="text-muted-foreground">Enter a text prompt describing the image you want. Adjust parameters like size (Square, Landscape, Portrait), quality (Low/Medium/High), output format (PNG/JPEG/WebP), and background (Opaque or Transparent). Click &quot;Generate&quot; and GPT Image 2 will create a brand-new image from your description.</p><div><p class="mb-2 font-medium">Tips for Better GPT Image 2 Results</p><ul class="text-muted-foreground list-disc space-y-1 ps-5"><li>Be specific and detailed in your prompt — describe lighting, composition, style, and mood.</li><li>Use &quot;Transparent&quot; background to get cutout images for product photos, stickers, and design assets.</li><li>Low quality is fastest and cheapest; High quality gives the best results but costs more.</li><li>Generate multiple GPT Image 2 images (up to 10) to compare different interpretations of your prompt.</li></ul></div></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3"><div data-slot="card-title" class="font-semibold flex items-center gap-2 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil text-primary h-5 w-5" aria-hidden="true"><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path><path d="m15 5 4 4"></path></svg>GPT Image 2 Image Editing (Inpainting)</div></div><div data-slot="card-content" class="px-6 font-body space-y-4 text-sm leading-relaxed"><p class="text-muted-foreground">Upload a source image, write a prompt describing the changes you want, and GPT Image 2 will modify the image accordingly. Without a mask, GPT Image 2 decides which areas to change. With a mask, you can precisely control which regions are modified.</p></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3"><div data-slot="card-title" class="font-semibold flex items-center gap-2 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers text-primary h-5 w-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>How the Mask Editor Works</div></div><div data-slot="card-content" class="px-6 font-body space-y-4 text-sm leading-relaxed"><ol class="text-muted-foreground list-decimal space-y-2 ps-5"><li>Upload your source image in Edit mode.</li><li>Click &quot;Create Mask&quot; to open the mask editor.</li><li>Draw on the image with the brush — the red areas you paint will become the editable regions.</li><li>Adjust the brush size slider for fine or coarse control.</li><li>Click &quot;Save Mask&quot; to generate the mask file. You&#x27;ll see a preview (black = keep, transparent = edit).</li><li>Write a prompt describing what should appear in the masked areas.</li><li>Click &quot;Edit Image&quot; to submit.</li></ol></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 pb-3"><div data-slot="card-title" class="font-semibold flex items-center gap-2 text-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-primary h-5 w-5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
131.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>GPT Image 2 Image-to-Image (Style Transfer)</div></div><div data-slot="card-content" class="px-6 font-body space-y-4 text-sm leading-relaxed"><p class="text-muted-foreground">You can use Edit mode for GPT Image 2 image-to-image generation without a mask. Simply upload a reference image and describe the transformation you want in the prompt — for example, &quot;Convert this photo to a watercolor painting&quot; or &quot;Reimagine this scene in a cyberpunk style&quot;. GPT Image 2 will use your image as a reference to generate a new version.</p><div><p class="mb-2 font-medium">Example GPT Image 2 Prompts for Image-to-Image</p><ul class="text-muted-foreground list-disc space-y-1 ps-5"><li class="italic">&quot;Convert this photo to Studio Ghibli anime style&quot;</li><li class="italic">&quot;Reimagine this scene as a 3D rendered illustration&quot;</li><li class="italic">&quot;Transform this into a vintage oil painting&quot;</li><li class="italic">&quot;Make this look like a professional product photo with white background&quot;</li></ul></div></div></div></div></div></div>
13<script>$RC("B:d","S:d")</script>
13<script>(self.__next_f=self.__next_f||[]).push([0])</script>
13<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[121913,[\"/_next/static/chunks/0on7zijmt4-~f.js\",\"/_next/static/chunks/0165lv591xqs5.js\"],\"default\"]\n3:I[963445,[\"/_next/static/chunks/0on7zijmt4-~f.js\",\"/_next/static/chunks/0165lv591xqs5.js\"],\"default\"]\n10:I[563491,[\"/_next/static/chunks/0ok-09pe.fcoq.js\"],\"default\"]\n:HL[\"/_next/static/media/7da1b2d9318915d2-s.p.0jn-y.~othqka.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n4:T3a3d6,"])</script>
13<script>self.__next_f.push([1,"@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:\"\"}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-orange-100:#ffedd5;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-orange-600:#f05100;--color-orange-700:#c53c00;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-yellow-400:#fac800;--color-yellow-600:#cd8900;--color-yellow-700:#a36100;--color-green-500:#00c758;--color-green-600:#00a544;--color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-600:#155dfc;--color-blue-800:#193cb8;--color-blue-950:#162456;--color-violet-50:#f5f3ff;--color-violet-200:#ddd6ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-950:#2f0d68;--color-purple-400:#c07eff;--color-pink-50:#fdf2f8;--color-pink-400:#fb64b6;--color-pink-600:#e30076;--color-pink-950:#510424;--color-rose-500:#ff2357;--color-gray-400:#99a1af;--color-gray-600:#4a5565;--color-gray-800:#1e2939;--color-gray-950:#030712;--color-zinc-50:#fafafa;--color-zinc-500:#71717b;--color-zinc-700:#3f3f46;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-400:#a1a1a1;--color-neutral-600:#525252;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;
13--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow:var(--shadow);--color-background:var(--background);--color-foreground:var(--foreground);--color-primary:var(--primary);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-border:var(--border)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);
13--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-red-950:lab(13.003% 29.04 16.7519);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-amber-950:lab(15.8111% 20.9107 23.3752);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-800:lab(30.2514% 27.7853 -70.2699);--color-blue-950:lab(15.6723% 8.86232 -32.2945);--color-violet-50:lab(96.2416% 2.28849 -5.51657);--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-950:lab(14.0706% 33.3353 -46.7553);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-pink-50:lab(96.4459% 4.53997 -1.49434);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-pink-950:lab(15.6116% 35.2166 3.53979);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-950:lab(1.90334% .278696 -5.48866);--color-zinc-50:lab(98.26% 0 0);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115);--color-neutral-50:lab(98.26% 0 0);--color-neutral-100:lab(96.52% -.0000298023 .0000119209);--color-neutral-400:lab(66.128% -.0000298023 .0000119209);--color-neutral-600:lab(34.924% 0 0);--color-neutral-800:lab(15.204% 0 -.00000596046);--color-neutral-900:lab(7.78201% -.0000149012 0)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}
13::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);font-family:var(--font-sans);color:var(--foreground)}button,a,summary,label,select,[role=button],[role=tab],[role=menuitem],[role=option],[role=slider],[role=switch],[role=checkbox],[role=radio]{touch-action:manipulation}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.\\@container\\/card-header{container:card-header/inline-size}.\\@container\\/main{container:main/inline-size}.\\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\\[inset\\:0\\%_0px\\]{inset:0% 0}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-start-12{inset-inline-start:calc(var(--spacing)*-12)}.start-0{inset-inline-start:calc(var(--spacing)*0)}.start-1{inset-inline-start:calc(var(--spacing)*1)}.start-1\\/2{inset-inline-start:50%}.start-2{inset-inline-start:calc(var(--spacing)*2)}.start-3{inset-inline-start:calc(var(--spacing)*3)}.start-4{inset-inline-start:calc(var(--spacing)*4)}.start-5{inset-inline-start:calc(var(--spacing)*5)}.start-\\[50\\%\\]{inset-inline-start:50%}.-end-2{inset-inline-end:calc(var(--spacing)*-2)}.-end-3{inset-inline-end:calc(var(--spacing)*-3)}.-end-12{inset-inline-end:calc(var(--spacing)*-12)}.-end-16{inset-inline-end:calc(var(--spacing)*-16)}.end-0{inset-inline-end:calc(var(--spacing)*0)}.end-1{inset-inline-end:calc(var(--spacing)*1)}.end-2{inset-inline-end:calc(var(--spacing)*2)}.end-3{inset-inline-end:calc(var(--spacing)*3)}.end-4{inset-inline-end:calc(var(--spacing)*4)}.end-6{inset-inline-end:calc(var(--spacing)*6)}.-top-0{top:calc(var(--spacing)*0)}.-top-2{top:calc(var(--spacing)*-2)}.-top-3{top:calc(var(--spacing)*-3)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\.5{top:calc(var(--spacing)*1.5)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-3\\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-6{top:calc(var(--spacing)*6)}.top-12{top:calc(var(--spacing)*12)}.top-24{top:calc(var(--spacing)*24)}.top-\\[1px\\]{top:1px}.top-\\[5\\%\\]{top:5%}.top-\\[50\\%\\]{top:50%}.top-\\[60\\%\\]{top:60%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\\[50\\%\\]{left:50%}.isolate{isolation:isolate}.-z-10{z-index:calc(10*-1)}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[51\\]{z-index:51}.z-\\[60\\]{z-index:60}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.m-4{margin:calc(var(--spacing)*4)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-7{margin-inline:calc(var(--spacing)*7)}.mx-auto{margin-inline:auto}.my-0\\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-6{margin-block:calc(var(--spacing)*6)}.my-8{margin-block:calc(var(--spacing)*8)}.my-auto{margin-block:auto}.-ms-1{margin-inline-start:calc(var(--spacing)*-1)}.-ms-2{margin-inline-start:calc(var(--spacing)*-2)}.-ms-4{margin-inline-start:calc(var(--spacing)*-4)}.ms-0\\.5{margin-inline-start:calc(var(--spacing)*.5)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-1\\.5{margin-inline-start:calc(var(--spacing)*1.5)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-auto{margin-inline-start:auto}.-me-1{margin-inline-end:calc(var(--spacing)*-1)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-1\\.5{margin-inline-end:calc(var(--spacing)*1.5)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-10{margin-top:calc(var(--spacing)*-10)}.-mt-16{margin-top:calc(var(--spacing)*-16)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}
13.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-\\[0\\.45rem\\]{margin-top:.45rem}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.\\[margin-left\\:-200\\%\\]{margin-left:-200%}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\\.5{margin-left:calc(var(--spacing)*1.5)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-16\\/9{aspect-ratio:16/9}.aspect-76\\/59{aspect-ratio:76/59}.aspect-\\[2\\/1\\]{aspect-ratio:2}.aspect-\\[2\\/3\\]{aspect-ratio:2/3}.aspect-\\[3\\/2\\]{aspect-ratio:3/2}.aspect-\\[3\\/4\\]{aspect-ratio:3/4}.aspect-\\[4\\/3\\]{aspect-ratio:4/3}.aspect-\\[4\\/5\\]{aspect-ratio:4/5}.aspect-\\[9\\/16\\]{aspect-ratio:9/16}.aspect-\\[16\\/9\\]{aspect-ratio:16/9}.aspect-\\[230\\/260\\]{aspect-ratio:230/260}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-0\\.5{width:calc(var(--spacing)*.5);height:calc(var(--spacing)*.5)}.size-1\\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-14{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}.size-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-24{width:calc(var(--spacing)*24);height:calc(var(--spacing)*24)}.size-full{width:100%;height:100%}.\\!h-11{height:calc(var(--spacing)*11)!important}.\\[height\\:300vh\\]{height:300vh}.h-\\(--header-height\\){height:var(--header-height)}.h-\\(--radix-navigation-menu-viewport-height\\){height:var(--radix-navigation-menu-viewport-height)}.h-1{height:calc(var(--spacing)*1)}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}
13.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-72{height:calc(var(--spacing)*72)}.h-\\[1\\.15rem\\]{height:1.15rem}.h-\\[40vh\\]{height:40vh}.h-\\[50vh\\]{height:50vh}.h-\\[70vh\\]{height:70vh}.h-\\[300px\\]{height:300px}.h-\\[400px\\]{height:400px}.h-\\[500px\\]{height:500px}.h-\\[min\\(240px\\,calc\\(100dvh-160px\\)\\)\\]{height:min(240px,100dvh - 160px)}.h-\\[min\\(360px\\,calc\\(100dvh-160px\\)\\)\\]{height:min(360px,100dvh - 160px)}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-\\(--radix-dropdown-menu-content-available-height\\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\\(--radix-select-content-available-height\\){max-height:var(--radix-select-content-available-height)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\\[85vh\\]{max-height:85vh}.max-h-\\[88vh\\]{max-height:88vh}.max-h-\\[90dvh\\]{max-height:90dvh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[95vh\\]{max-height:95vh}.max-h-\\[300px\\]{max-height:300px}.max-h-\\[390px\\]{max-height:390px}.max-h-\\[400px\\]{max-height:400px}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[560px\\]{max-height:560px}.max-h-\\[800px\\]{max-height:800px}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-12{min-height:calc(var(--spacing)*12)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-24{min-height:calc(var(--spacing)*24)}.min-h-32{min-height:calc(var(--spacing)*32)}.min-h-\\[2\\.25rem\\]{min-height:2.25rem}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[80px\\]{min-height:80px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[104px\\]{min-height:104px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[132px\\]{min-height:132px}.min-h-\\[150px\\]{min-height:150px}.min-h-\\[160px\\]{min-height:160px}.min-h-\\[180px\\]{min-height:180px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[220px\\]{min-height:220px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[340px\\]{min-height:340px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[420px\\]{min-height:420px}.min-h-\\[480px\\]{min-height:480px}.min-h-\\[500px\\]{min-height:500px}.min-h-\\[600px\\]{min-height:600px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\\[width\\:600vw\\]{width:600vw}.w-\\(--radix-dropdown-menu-trigger-width\\){width:var(--radix-dropdown-menu-trigger-width)}.w-\\(--sidebar-width\\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-0\\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\\.5{width:calc(var(--spacing)*2.5)}.w-2\\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\\[50px\\]{width:50px}.w-\\[95vw\\]{width:95vw}.w-\\[100px\\]{width:100px}.w-\\[160px\\]{width:160px}.w-\\[180px\\]{width:180px}.w-\\[200px\\]{width:200px}.w-\\[min\\(72rem\\,92vw\\)\\]{width:min(72rem,92vw)}
13.w-\\[min\\(820px\\,calc\\(100vw-2rem\\)\\)\\]{width:min(820px,100vw - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.max-w-\\(--skeleton-width\\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[20rem\\]{max-width:20rem}.max-w-\\[60\\%\\]{max-width:60%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[88rem\\]{max-width:88rem}.max-w-\\[92vw\\]{max-width:92vw}.max-w-\\[95vw\\]{max-width:95vw}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[260px\\]{max-width:260px}.max-w-\\[300px\\]{max-width:300px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[1600px\\]{max-width:1600px}.max-w-\\[calc\\(100\\%-2rem\\)\\]{max-width:calc(100% - 2rem)}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-2xs{min-width:var(--container-2xs)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-40{min-width:calc(var(--spacing)*40)}.min-w-56{min-width:calc(var(--spacing)*56)}.min-w-\\[1\\.9rem\\]{min-width:1.9rem}.min-w-\\[8rem\\]{min-width:8rem}.min-w-\\[52rem\\]{min-width:52rem}.min-w-\\[56px\\]{min-width:56px}.min-w-\\[60px\\]{min-width:60px}.min-w-\\[64px\\]{min-width:64px}.min-w-\\[68px\\]{min-width:68px}.min-w-\\[180px\\]{min-width:180px}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-\\[calc\\(50\\%-6px\\)\\]{flex-basis:calc(50% - 6px)}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.\\[transform-origin\\:100\\%_0_0\\]{transform-origin:100% 0 0}.origin-\\(--radix-dropdown-menu-content-transform-origin\\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\\(--radix-hover-card-content-transform-origin\\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\\(--radix-select-content-transform-origin\\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\\(--radix-tooltip-content-transform-origin\\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-top{transform-origin:top}.-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\\[-50\\%\\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\\[150\\%\\]{--tw-translate-x:150%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\\[calc\\(-50\\%_-_2px\\)\\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-180{rotate:-180deg}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-\\[var\\(--angle\\)\\]{rotate:var(--angle)}.\\[transform\\:rotateX\\(var\\(--grid-angle\\)\\)\\]{transform:rotateX(var(--grid-angle))}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\\[pulse_1s_ease-in-out_2\\]{animation:1s ease-in-out 2 pulse}.animate-grid{animation:15s linear infinite grid}.animate-marquee{animation:marquee var(--duration)infinite linear}.animate-marquee-vertical{animation:marquee-vertical var(--duration)linear infinite}.animate-meteor{animation:5s linear infinite meteor}.animate-pulse{animation:var(--animate-pulse)}.animate-ripple{animation:ripple var(--duration,2s)ease calc(var(--i,0)*.2s
13)infinite}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-zoom-in{cursor:zoom-in}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.scroll-mt-40{scroll-margin-top:calc(var(--spacing)*40)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.columns-1{columns:1}.columns-2{columns:2}.break-inside-avoid{break-inside:avoid}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.grid-cols-\\[2fr_3fr\\]{grid-template-columns:2fr 3fr}.grid-cols-\\[32px_minmax\\(0\\,1fr\\)\\]{grid-template-columns:32px minmax(0,1fr)}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[auto_1fr_auto\\]{grid-template-columns:auto 1fr auto}.grid-rows-\\[auto_auto\\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\\[gap\\:var\\(--gap\\)\\]{gap:var(--gap)}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-px{gap:1px}:where(.space-y-0\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\\.5\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\\.5\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\\.5\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px*var(--tw-space-y-reverse));margin-block-end:calc(1px*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-12{column-gap:calc(var(--spacing)*12)}:where(.-space-x-1\u003e:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-1)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2\u003e:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-4\u003e:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2\u003e:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3\u003e:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-2\\.5{row-gap:calc(var(--spacing)*2.5)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.gap-y-8{row-gap:calc(var(--spacing)*8)}:where(.divide-x\u003e:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y\u003e:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border\\/60\u003e:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\\/60\u003e:not(:last-child)){border-color:color-mix(in oklab,var(--border)60%,transparent)}}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-\\(--radius\\){border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[2px\\]{border-radius:2px}
13.rounded-\\[2rem\\]{border-radius:2rem}.rounded-\\[3px\\]{border-radius:3px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[calc\\(var\\(--radius\\)\\+0\\.75rem\\)\\]{border-radius:calc(var(--radius) + .75rem)}.rounded-\\[calc\\(var\\(--radius\\)-2px\\)\\]{border-radius:calc(var(--radius) - 2px)}.rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\]{border-radius:calc(var(--radius) - 5px)}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-sm{border-start-start-radius:calc(var(--radius) - 4px)}.rounded-e-lg{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-b-md{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\\(length\\:--border-beam-width\\){border-style:var(--tw-border-style);border-width:var(--border-beam-width)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[0\\.5px\\]{border-style:var(--tw-border-style);border-width:.5px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\\(--color-border\\){border-color:var(--color-border)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-300\\/50{border-color:#ffd23680}@supports (color:color-mix(in lab, red, red)){.border-amber-300\\/50{border-color:color-mix(in oklab,var(--color-amber-300)50%,transparent)}}.border-amber-400\\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab, red, red)){.border-amber-400\\/40{border-color:color-mix(in oklab,var(--color-amber-400)40%,transparent)}}.border-black\\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\\/10{border-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-border,.border-border\\/25{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/25{border-color:color-mix(in oklab,var(--border)25%,transparent)}}.border-border\\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-border\\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/70{border-color:color-mix(in oklab,var(--border)70%,transparent)}}.border-border\\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\\/80{border-color:color-mix(in oklab,var(--border)80%,transparent)}}.border-destructive\\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/30{border-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.border-destructive\\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/40{border-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500\\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\\/30{border-color:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}.border-emerald-500\\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\\/40{border-color:color-mix(in oklab,var(--color-emerald-500)40%,transparent)}}.border-foreground,.border-foreground\\/5{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/5{border-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.border-foreground\\/10{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/10{border-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.border-foreground\\/80{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-foreground\\/80{border-color:color-mix(in oklab,var(--foreground)80%,transparent)}}.border-input{border-color:var(--input)}.border-muted-foreground\\/30{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\\/30{border-color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.border-muted-foreground\\/40{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\\/40{border-color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.border-muted-foreground\\/50{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.border-muted-foreground\\/50{border-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.border-primary{border-color:var(--primary)}.border-primary-foreground\\/20{border-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.border-primary-foreground\\/20{border-color:color-mix(in oklab,var(--primary-foreground)20%,transparent)}}.border-primary\\/10{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/10{border-color:color-mix(in oklab,var(--primary)10%,transparent)}}.border-primary\\/15{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/15{border-color:color-mix(in oklab,var(--primary)15%,transparent)}}.border-primary\\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/20{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.border-primary\\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/25{border-color:color-mix(in oklab,var(--primary)25%,transparent)}}.border-primary\\/30{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}.border-primary\\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/40{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.border-primary\\/45{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/45{border-color:color-mix(in oklab,var(--primary)45%,transparent)}}.border-primary\\/60{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/60{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-transparent{border-color:#0000}.border-violet-200\\/60{border-color:#ddd6ff99}@supports (color:color-mix(in lab, red, red)){.border-violet-200\\/60{border-color:color-mix(in oklab,var(--color-violet-200)60%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\\/25{border-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.border-s-transparent{border-inline-start-color:#0000}.border-t-transparent{border-top-color:#0000}.\\!bg-transparent{background-color:#0000!important}.bg-\\(--color-bg\\){background-color:var(--color-bg)}.bg-\\[\\#07C160\\]{background-color:#07c160}.bg-\\[\\#EDEDED\\]{background-color:#ededed}.bg-accent{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-amber-500\\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.bg-background,.bg-background\\/40{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/40{background-color:color-mix(in oklab,var(--background)40%,transparent)}}.bg-background\\/50{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-background\\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}.bg-background\\/70{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/70{background-color:color-mix(in oklab,var(--background)70%,transparent)}}.bg-background\\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.bg-background\\/85{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/85{background-color:color-mix(in oklab,var(--background)85%,transparent)}}.bg-background\\/88{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/88{background-color:color-mix(in oklab,var(--background)88%,transparent)}}.bg-background\\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}.bg-background\\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\\/0{background-color:color-mix(in oklab,var(--color-black)0%,transparent)}}.bg-black\\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\\/35{background-color:color-mix(in oklab,var(--color-black)35%,transparent)}}.bg-black\\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-black\\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-black\\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\\/65{background-color:color-mix(in oklab,var(--color-black)65%,transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600\\/80{background-color:#155dfccc}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\\/80{background-color:color-mix(in oklab,var(--color-blue-600)80%,transparent)}}.bg-border,.bg-border\\/60{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.bg-border\\/60{background-color:color-mix(in oklab,var(--border)60%,transparent)}}.bg-card,.bg-card\\/25{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\\/25{background-color:color-mix(in oklab,var(--card)25%,transparent)}}.bg-destructive,.bg-destructive\\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-destructive\\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500\\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\\/5{background-color:color-mix(in oklab,var(--color-emerald-500)5%,transparent)}}.bg-emerald-500\\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-foreground,.bg-foreground\\/25{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/25{background-color:color-mix(in oklab,var(--foreground)25%,transparent)}}.bg-foreground\\/80{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/80{background-color:color-mix(in oklab,var(--foreground)80%,transparent)}}.bg-foreground\\/\\[0\\.02\\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\\/\\[0\\.02\\]{background-color:color-mix(in oklab,var(--foreground)2%,transparent)}}.bg-green-500\\/15{background-color:#00c75826}@supports (color:color-mix(in lab, red, red)){.bg-green-500\\/15{background-color:color-mix(in oklab,var(--color-green-500)15%,transparent)}}.bg-green-600\\/80{background-color:#00a544cc}@supports (color:color-mix(in lab, red, red)){.bg-green-600\\/80{background-color:color-mix(in oklab,var(--color-green-600)80%,transparent)}}.bg-input{background-color:var(--input)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\\/30{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/30{background-color:color-mix(in oklab,var(--muted-foreground)30%,transparent)}}.bg-muted-foreground\\/60{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\\/60{background-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.bg-muted\\/10{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/10{background-color:color-mix(in oklab,var(--muted)10%,transparent)}}.bg-muted\\/20{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\\/30{backgroun
13d-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\\/35{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/35{background-color:color-mix(in oklab,var(--muted)35%,transparent)}}.bg-muted\\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/40{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.bg-muted\\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\\/60{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-muted\\/70{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/70{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500\\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\\/20{background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.bg-orange-600\\/80{background-color:#f05100cc}@supports (color:color-mix(in lab, red, red)){.bg-orange-600\\/80{background-color:color-mix(in oklab,var(--color-orange-600)80%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.bg-primary\\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\\/15{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/15{background-color:color-mix(in oklab,var(--primary)15%,transparent)}}.bg-primary\\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-primary\\/50{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/50{background-color:color-mix(in oklab,var(--primary)50%,transparent)}}.bg-primary\\/90{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/90{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.bg-primary\\/\\[0\\.04\\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/\\[0\\.04\\]{background-color:color-mix(in oklab,var(--primary)4%,transparent)}}.bg-primary\\/\\[0\\.08\\]{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/\\[0\\.08\\]{background-color:color-mix(in oklab,var(--primary)8%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\\/70{background-color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.bg-red-500\\/70{background-color:color-mix(in oklab,var(--color-red-500)70%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-white\\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.bg-white\\/55{background-color:color-mix(in oklab,var(--color-white)55%,transparent)}}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-500\\/15{background-color:#71717b26}@supports (color:color-mix(in lab, red, red)){.bg-zinc-500\\/15{background-color:color-mix(in oklab,var(--color-zinc-500)15%,transparent)}}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-linear-to-br\\/increasing{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br\\/increasing{--tw-gradient-position:to bottom right in oklch increasing hue}}.bg-linear-to-br\\/increasing{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\\[background-image\\:linear-gradient\\(90deg\\,var\\(--color-foreground\\)_1px\\,transparent_1px\\)\\]{background-image:linear-gradient(90deg,var(--color-foreground)1px,transparent 1px)}.\\[background-image\\:linear-gradient\\(to_right\\,var\\(--light-line\\)_1px\\,transparent_0\\)\\,linear-gradient\\(to_bottom\\,var\\(--light-line\\)_1px\\,transparent_0\\)\\]{background-image:linear-gradient(to right,var(--light-line)1px,transparent 0),linear-gradient(to bottom,var(--light-line)1px,transparent 0)}.bg-\\[repeating-linear-gradient\\(-45deg\\,var\\(--color-foreground\\)\\,var\\(--color-foreground\\)_1px\\,transparent_1px\\,transparent_4px\\)\\]{background-image:repeating-linear-gradient(-45deg,var(--color-foreground),var(--color-foreground)1px,transparent 1px,transparent 4px)}.from-\\[var\\(--color-from\\)\\]{--tw-gradient-from:var(--color-from);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.from-amber-300{--tw-gradient-from:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-400\\/10{--tw-gradient-from:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.from-amber-400\\/10{--tw-gradient-from:color-mix(in oklab,var(--color-amber-400)10%,transparent)}}.from-amber-400\\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\\/40{--tw-gradient-from:color-mix(in oklab,var(--color-black)40%,transparent)}}.from-black\\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab, red, red)){.from-black\\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black)60%,transparent)}}.from-black\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black)70%,transparent)}}.from-black\\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\\/75{--tw-gradient-from:#000000bf}@supports (color:color-mix(in lab, red, red)){.from-black\\/75{--tw-gradient-from:color-mix(in oklab,var(--color-black)75%,transparent)}}.from-black\\/75{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-black\\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\\/80{--tw-gradient-from:color-mix(in oklab,var(--color-black)80%,transparent)}}.from-black\\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-muted\\/40{--tw-gradient-from:var(--muted)}@supports (color:color-mix(in lab, red, red)){.from-muted\\/40{--tw-gradient-from:color-mix(in oklab,var(--muted)40%,transparent)}}.from-muted\\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-100{--tw-gradient-from:var(--color-neutral-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-neutral-900{--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\\/5{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\\/5{--tw-gradient-from:color-mix(in oklab,var(--primary)5%,transparent)}}.from-primary\\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.from-primary\\/10{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\\/10{--tw-gradient-from:color-mix(in oklab,var(--primary)10%,transparent)}}.from-primary\\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\\/20{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\\/20{--tw-gradient-from:color-mix(in oklab,var(--primary)20%,transparent)}}.from-primary\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary\\/90{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.from-primary\\/90{--tw-gradient-from:color-mix(in oklab,var(--primary)90%,transparent)}}.from-primary\\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-50{--tw-gradient-from:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-50\\/60{--tw-gradient-from:#fafafa99}@supports (color:color-mix(in lab, red, red)){.from-zinc-50\\/60{--tw-gradient-from:color-mix(in oklab,var(--color-zinc-50)60%,transparent)}}.from-zinc-50\\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-zinc-500{--tw-gradient-from:var(--color-zinc-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\\[var\\(--color-to\\)\\]{--tw-gradient-via:var(--color-to);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-200{--tw-gradient-via:var(--color-amber-200);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-background{--tw-gradient-via:var(--background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-p
13osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\\/0{--tw-gradient-via:#0000}@supports (color:color-mix(in lab, red, red)){.via-black\\/0{--tw-gradient-via:color-mix(in oklab,var(--color-black)0%,transparent)}}.via-black\\/0{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\\/20{--tw-gradient-via:color-mix(in oklab,var(--color-black)20%,transparent)}}.via-black\\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\\/80{--tw-gradient-via:#000c}@supports (color:color-mix(in lab, red, red)){.via-black\\/80{--tw-gradient-via:color-mix(in oklab,var(--color-black)80%,transparent)}}.via-black\\/80{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-700{--tw-gradient-via:var(--color-yellow-700);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-50\\%{--tw-gradient-via-position:50%}.to-accent\\/20{--tw-gradient-to:var(--accent)}@supports (color:color-mix(in lab, red, red)){.to-accent\\/20{--tw-gradient-to:color-mix(in oklab,var(--accent)20%,transparent)}}.to-accent\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-300{--tw-gradient-to:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background{--tw-gradient-to:var(--background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-background\\/70{--tw-gradient-to:var(--background)}@supports (color:color-mix(in lab, red, red)){.to-background\\/70{--tw-gradient-to:color-mix(in oklab,var(--background)70%,transparent)}}.to-background\\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-100{--tw-gradient-to:var(--color-neutral-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-neutral-800{--tw-gradient-to:var(--color-neutral-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\\/5{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\\/5{--tw-gradient-to:color-mix(in oklab,var(--primary)5%,transparent)}}.to-primary\\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\\/70{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\\/70{--tw-gradient-to:color-mix(in oklab,var(--primary)70%,transparent)}}.to-primary\\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\\/85{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.to-primary\\/85{--tw-gradient-to:color-mix(in oklab,var(--primary)85%,transparent)}}.to-primary\\/85{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-90\\%{--tw-gradient-to-position:90%}.\\[mask-image\\:linear-gradient\\(to_bottom\\,white\\,transparent\\)\\]{-webkit-mask-image:linear-gradient(#fff,#0000);mask-image:linear-gradient(#fff,#0000)}.\\[mask-image\\:linear-gradient\\(transparent\\,transparent\\)\\,linear-gradient\\(\\#000\\,\\#000\\)\\]{-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000)}.\\[background-size\\:var\\(--cell-size\\)_var\\(--cell-size\\)\\]{background-size:var(--cell-size)var(--cell-size)}.\\[background-size\\:var\\(--shimmer-width\\)_100\\%\\]{background-size:var(--shimmer-width)100%}.bg-\\[length\\:6px_1px\\]{background-size:6px 1px}.bg-\\[length\\:250\\%_100\\%\\,auto\\]{background-size:250% 100%,auto}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\\[background-position\\:0_0\\]{background-position:0 0}.\\[background-repeat\\:no-repeat\\,padding-box\\]{background-repeat:no-repeat,padding-box}.\\[background-repeat\\:repeat\\]{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat-x{background-repeat:repeat-x}.\\[mask-composite\\:intersect\\]{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.\\[mask-clip\\:padding-box\\,border-box\\]{-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box}.fill-current{fill:currentColor}.fill-gray-400\\/30{fill:#99a1af4d}@supports (color:color-mix(in lab, red, red)){.fill-gray-400\\/30{fill:color-mix(in oklab,var(--color-gray-400)30%,transparent)}}
13.fill-muted{fill:var(--muted)}.fill-primary,.fill-primary\\/20{fill:var(--primary)}@supports (color:color-mix(in lab, red, red)){.fill-primary\\/20{fill:color-mix(in oklab,var(--primary)20%,transparent)}}.fill-yellow-400{fill:var(--color-yellow-400)}.stroke-gray-400\\/30{stroke:#99a1af4d}@supports (color:color-mix(in lab, red, red)){.stroke-gray-400\\/30{stroke:color-mix(in oklab,var(--color-gray-400)30%,transparent)}}.stroke-muted{stroke:var(--muted)}.stroke-primary{stroke:var(--primary)}.stroke-1{stroke-width:1px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-12{padding:calc(var(--spacing)*12)}.p-\\[1px\\]{padding:1px}.px-\\(--viewport-outer-px\\){padding-inline:var(--viewport-outer-px)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.ps-2\\.5{padding-inline-start:calc(var(--spacing)*2.5)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-5{padding-inline-start:calc(var(--spacing)*5)}.ps-8{padding-inline-start:calc(var(--spacing)*8)}.ps-9{padding-inline-start:calc(var(--spacing)*9)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.ps-12{padding-inline-start:calc(var(--spacing)*12)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-2\\.5{padding-inline-end:calc(var(--spacing)*2.5)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pe-8{padding-inline-end:calc(var(--spacing)*8)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-24{padding-top:calc(var(--spacing)*24)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-14{padding-bottom:calc(var(--spacing)*14)}
13.pl-4{padding-left:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-\\[-1px\\]{vertical-align:-1px}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11\\.5px\\]{font-size:11.5px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[0\\.2em\\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\\[0\\.4em\\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\\[0\\.12em\\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-background{color:var(--background)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive,.text-destructive\\/80{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.text-destructive\\/80{color:color-mix(in oklab,var(--destructive)80%,transparent)}}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-800\\/80{color:#005f46cc}@supports (color:color-mix(in lab, red, red)){.text-emerald-800\\/80{color:color-mix(in oklab,var(--color-emerald-800)80%,transparent)}}.text-emerald-900{color:var(--color-emerald-900)}.text-foreground,.text-foreground\\/40{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/40{color:color-mix(in oklab,var(--foreground)40%,transparent)}}.text-foreground\\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/60{color:color-mix(in oklab,var(--foreground)60%,transparent)}}.text-foreground\\/65{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/65{color:color-mix(in oklab,var(--foreground)65%,transparent)}}.text-foreground\\/70{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/70{color:color-mix(in oklab,var(--foreground)70%,transparent)}}.text-foreground\\/75{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/75{color:color-mix(in oklab,var(--foreground)75%,transparent)}}.text-foreground\\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.text-foreground\\/85{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/85{color:color-mix(in oklab,var(--foreground)85%,transparent)}}.text-foreground\\/90{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/90{color:color-mix(in oklab,var(--foreground)90%,transparent)}}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-muted-foreground,.text-muted-foreground\\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/40{color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.text-muted-foreground\\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-muted-foreground\\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/60{color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.text-muted-foreground\\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/70{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.text-muted-foreground\\/75{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/75{color:color-mix(in oklab,var(--muted-foreground)75%,transparent)}}.text-muted-foreground\\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-600\\/50{color:#52525280}@supports (color:color-mix(in lab, red, red)){.text-neutral-600\\/50{color:color-mix(in oklab,var(--color-neutral-600)50%,transparent)}}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-900\\/55{color:#1717178c}@supports (color:color-mix(in lab, red, red)){.text-neutral-900\\/55{color:color-mix(in oklab,var(--color-neutral-900)55%,transparent)}}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-700{color:var(--color-orange-700)}.text-pink-600{color:var(--color-pink-600)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-primary\\/30{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\\/30{color:color-mix(in oklab,var(--primary)30%,transparent)}}.text-primary\\/60{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\\/60{color:color-mix(in oklab,var(--primary)60%,transparent)}}.text-primary\\/70{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\\/70{color:color-mix(in oklab,var(--primary)70%,transparent)}}.text-primary\\/80{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.text-primary\\/80{color:color-mix(in oklab,var(--primary)80%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-accent-foreground{color:var(--sidebar-accent-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-600{color:var(--color-yellow-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}
13.opacity-5{opacity:.05}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\\[0\\.035\\]{opacity:.035}.opacity-\\[var\\(--opacity\\)\\]{opacity:var(--opacity)}.shadow{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_\\#ffffff10\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff10);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_8px_22px_-6px\\]{--tw-shadow:0 8px 22px -6px var(--tw-sha
13dow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.shadow-\\[\\#07C160\\]\\/55{--tw-shadow-color:#07c1608c}@supports (color:color-mix(in lab, red, red)){.shadow-\\[\\#07C160\\]\\/55{--tw-shadow-color:color-mix(in oklab,lab(68.7413% -58.3357 36.6284/.55) var(--tw-shadow-alpha),transparent)}}.shadow-amber-500\\/30{--tw-shadow-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-amber-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.shadow-black\\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\\/15{--tw-shadow-color:#00000026}@supports (color:color-mix(in lab, red, red)){.shadow-black\\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)15%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-black\\/\\[0\\.03\\]{--tw-shadow-color:#00000008}@supports (color:color-mix(in lab, red, red)){.shadow-black\\/\\[0\\.03\\]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)3%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\\/15{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\\/15{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)15%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\\/20{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\\/25{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)25%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-primary\\/55{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shadow-primary\\/55{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)55%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-red-500\\/30{--tw-shadow-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-red-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-zinc-950\\/5{--tw-shadow-color:#09090b0d}@supports (color:color-mix(in lab, red, red)){.shadow-zinc-950\\/5{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-zinc-950)5%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-\\(--ring-color\\){--tw-ring-color:var(--ring-color)}.ring-black\\/5{--tw-ring-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.ring-border,.ring-border\\/60{--tw-ring-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.ring-border\\/60{--tw-ring-color:color-mix(in oklab,var(--border)60%,transparent)}}.ring-foreground\\/5{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/5{--tw-ring-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.ring-foreground\\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/10{--tw-ring-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.ring-foreground\\/\\[0\\.07\\]{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/\\[0\\.07\\]{--tw-ring-color:color-mix(in oklab,var(--foreground)7.0%,transparent)}}.ring-primary,.ring-primary\\/15{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/15{--tw-ring-color:color-mix(in oklab,var(--primary)15%,transparent)}}.ring-primary\\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/20{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.ring-primary\\/30{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/30{--tw-ring-color:color-mix(in oklab,var(--primary)30%,transparent)}}.ring-primary\\/40{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/40{--tw-ring-color:color-mix(in oklab,var(--primary)40%,transparent)}}.ring-primary\\/60{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/60{--tw-ring-color:color-mix(in oklab,var(--primary)60%,transparent)}}.ring-primary\\/70{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ring-primary\\/70{--tw-ring-color:color-mix(in oklab,var(--primary)70%,transparent)}}.ring-ring,.ring-ring\\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-transparent{--tw-ring-color:transparent}.ring-white\\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\\/20{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.ring-white\\/25{--tw-ring-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.ring-white\\/25{--tw-ring-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.ring-offset-gray-950\\/5{--tw-ring-offset-color:#0307120d}@supports (color:color-mix(in lab, red, red)){.ring-offset-gray-950\\/5{--tw-ring-offset-color:color-mix(in oklab,var(--color-gray-950)5%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\\[1px\\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left\\,right\\,width\\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[margin\\,opacity\\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\,padding\\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\,height\\]{transition-property:width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}
13.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\\[--bg\\:linear-gradient\\(90deg\\,\\#0000_calc\\(50\\%-var\\(--spread\\)\\)\\,var\\(--color-background\\)\\,\\#0000_calc\\(50\\%\\+var\\(--spread\\)\\)\\)\\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)))}.\\[--color-border\\:--alpha\\(var\\(--color-foreground\\)\\/5\\%\\)\\]{--color-border:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\\[--color-border\\:--alpha\\(var\\(--color-foreground\\)\\/5\\%\\)\\]{--color-border:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.\\[--color-muted\\:--alpha\\(var\\(--color-foreground\\)\\/5\\%\\)\\]{--color-muted:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\\[--color-muted\\:--alpha\\(var\\(--color-foreground\\)\\/5\\%\\)\\]{--color-muted:color-mix(in oklab,var(--color-foreground)5%,transparent)}}.\\[--duration\\:40s\\]{--duration:40s}.\\[--gap\\:1rem\\]{--gap:1rem}.\\[--ring-color\\:color-mix\\(in_oklab\\,var\\(--color-foreground\\)15\\%\\,var\\(--color-primary\\)\\)\\]{--ring-color:var(--color-foreground)}@supports (color:color-mix(in lab, red, red)){.\\[--ring-color\\:color-mix\\(in_oklab\\,var\\(--color-foreground\\)15\\%\\,var\\(--color-primary\\)\\)\\]{--ring-color:color-mix(in oklab,var(--color-foreground)15%,var(--color-primary))}}.\\[animation-direction\\:reverse\\]{animation-direction:reverse}.\\[perspective\\:200px\\]{perspective:200px}.\\[transition\\:background-position_1s_cubic-bezier\\(\\.6\\,\\.6\\,0\\,1\\)_infinite\\]{transition:background-position 1s cubic-bezier(.6,.6,0,1)infinite}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in,.fade-in-0{--tw-enter-opacity:0}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.slide-in-from-bottom-4{--tw-enter-translate-y:1rem}.zoom-in{--tw-enter-scale:0}.zoom-in-95{--tw-enter-scale:.95}:is(.\\*\\:size-4\u003e*){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}:is(.\\*\\:p-12\u003e*){padding:calc(var(--spacing)*12)}:is(.\\*\\:text-center\u003e*){text-align:center}:is(.\\*\\:leading-relaxed\u003e*){--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.group-last\\:hidden:is(:where(.group):last-child *){display:none}.group-open\\/details\\:rotate-180:is(:where(.group\\/details):is([open],:popover-open,:open) *){rotate:180deg}.group-open\\/details\\:bg-muted:is(:where(.group\\/details):is([open],:popover-open,:open) *){background-color:var(--muted)}.group-focus-within\\:opacity-100:is(:where(.group):focus-within *),.group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\\:translate-x-0\\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\\:-translate-y-1:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;
13--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:scale-\\[1\\.02\\]:is(:where(.group):hover *){scale:1.02}.group-hover\\:scale-\\[1\\.03\\]:is(:where(.group):hover *){scale:1.03}.group-hover\\:bg-black\\/5:is(:where(.group):hover *){background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.group-hover\\:bg-black\\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-black)5%,transparent)}}.group-hover\\:bg-muted:is(:where(.group):hover *){background-color:var(--muted)}.group-hover\\:bg-muted-foreground\\/60:is(:where(.group):hover *){background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.group-hover\\:bg-muted-foreground\\/60:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--primary)}.group-hover\\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-2xl:is(:where(.group):hover *){--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.group-hover\\:\\[animation-play-state\\:paused\\]:is(:where(.group):hover *){animation-play-state:paused}.group-hover\\/carousel\\:opacity-100:is(:where(.group\\/carousel):hover *),.group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *){opacity:1}}.group-has-data-\\[collapsible\\=icon\\]\\/sidebar-wrapper\\:h-\\(--header-height\\):is(:where(.group\\/sidebar-wrapper):has([data-collapsible=icon]) *){height:var(--header-height)}.group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pe-8:is(:where(.group\\/menu-item):has([data-sidebar=menu-action]) *){padding-inline-end:calc(var(--spacing)*8)}.group-has-\\[\\\u003einput\\]\\/input-group\\:pt-2\\.5:is(:where(.group\\/input-group):has(\u003einput) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\\[\\\u003einput\\]\\/input-group\\:pb-2\\.5:is(:where(.group\\/input-group):has(\u003einput) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\\[disabled\\=true\\]\\/input-group\\:opacity-50:is(:where(.group\\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\\[state\\=open\\]\\:translate-y-px:is(:where(.group)[data-state=open] *){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\\[state\\=open\\]\\/collapsible\\:rotate-90:is(:where(.group\\/collapsible)[data-state=open] *){rotate:90deg}.group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\\[variant\\=floating\\]\\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\\[variant\\=floating\\]\\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:block:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\\[vaul-drawer-direction\\=top\\]\\/drawer-content\\:text-center:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:top-full:is(:where(.group\\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:mt-1\\.5:is(:where(.group\\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:-translate-x-1\\/3:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-translate-x:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:overflow-hidden:is(:where(.group\\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-\\(--radius\\):is(:where(.group\\/navigation-menu)[data-viewport=false] *){border-radius:var(--radius)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:border:is(:where(.group\\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:border-transparent:is(:where(.group\\/navigation-menu)[data-viewport=false] *){border-color:#0000}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover:is(:where(.group\\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground:is(:where(.group\\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow-lg:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-1:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-ring-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-200:is(:where(.group\\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s;animation-duration:.2s}.group-\\[\\.is-assistant\\]\\:text-foreground:is(:where(.group).is-assistant *){color:var(--foreground)}.group-\\[\\.is-user\\]\\:ms-auto:is(:where(.group).is-user *){margin-inline-start:auto}.group-\\[\\.is-user\\]\\:rounded-lg:is(:where(.group).is-user *){border-radius:var(--radius)}.group-\\[\\.is-user\\]\\:bg-secondary:is(:where(.group).is-user *){background-color:var(--secondary)}.group-\\[\\.is-user\\]\\:px-4:is(:where(.group).is-user *){padding-inline:calc(var(--spacing)*4)}.group-\\[\\.is-user\\]\\:py-3:is(:where(.group).is-user *){padding-block:calc(var(--spacing)*3)}.group-\\[\\.is-user\\]\\:text-foreground:is(:where(.group).is-user *){color:var(--foreground)}@media (hover:hover){.peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\\[active\\=true\\]\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.peer-data-\\[state\\=checked\\]\\:text-primary:is(:where(.peer)[data-state=checked]~*){color:var(--primary)}.peer-data-\\[state\\=open\\]\\:opacity-0:is(:where(.peer)[data-state=open]~*){opacity:0}.selection\\:bg-primary ::selection,.selection\\:bg-primary::selection{background-color:var(--primary)}.selection\\:text-primary-foreground ::selection,.selection\\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\\:text-muted-foreground::placeholder,.placeholder\\:text-muted-foreground\\/70::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.placeholder\\:text-muted-foreground\\/70::placeholder{color:color-mix(in oklab,var(--muted-foreground)70%,transparent)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}.before\\:me-1:before{content:var(--tw-content);margin-inline-end:calc(var(--spacing)*1)}.before\\:-translate-x-full:before{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.before\\:bg-linear-to-r:before{content:var(--tw-content);--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.before\\:bg-linear-to-r:before{--tw-gradient-position:to right in oklab}}.before\\:bg-linear-to-r:before{background-image:linear-gradient(var(--tw-gradient-stops))}.before\\:from-transparent:before{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.before\\:via-white\\/30:before{content:var(--tw-content);--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.before\\:via-white\\/30:before{--tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent)}}.before\\:via-white\\/30:before{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.before\\:to-transparent:before{content:var(--tw-content);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.before\\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\\:duration-700:before{content:var(--tw-content);--tw-duration:.7s;transition-duration:.7s}.before\\:content-\\[\\\"\\\\201C\\\"\\]:before{--tw-content:\"“\";content:var(--tw-content)}.before\\:duration-700:before{content:var(--tw-content);animation-duration:.7s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\\:start-1\\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\\:ms-1:after{content:var(--tw-content);margin-inline-start:calc(var(--spacing)*1)}.after\\:w-\\[2px\\]:after{content:var(--tw-content);width:2px}.after\\:content-\\[\\\"\\\\201D\\\"\\]:after{--tw-content:\"”\";content:var(--tw-content)}.group-data-\\[collapsible\\=offcanvas\\]\\:after\\:start-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);inset-inline-start:100%}.first\\:mt-10:first-child{margin-top:calc(var(--spacing)*10)}.first\\:rounded-s-md:first-child{border-start-start-radius:calc(var(--radius) - 2px);border-end-start-radius:calc(var(--radius) - 2px)}.first\\:ps-0:first-child{padding-inline-start:calc(var(--spacing)*0)}.last\\:rounded-e-md:last-child{border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.last\\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:shadow-md:focus-within{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.focus-within\\:ring-\\[3px\\]:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-primary\\/40:focus-within{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-within\\:ring-primary\\/40:focus-within{--tw-ring-color:color-mix(in oklab,var(--primary)40%,transparent)}}.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\\:ring-ring\\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-\\[1\\.01\\]:hover{scale:1.01}.hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.hover\\:border-border:hover{border-color:var(--border)}.hover\\:border-foreground\\/20:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-foreground\\/20:hover{border-color:color-mix(in oklab,var(--foreground)20%,transparent)}}.hover\\:border-foreground\\/25:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-foreground\\/25:hover{border-color:color-mix(in oklab,var(--foreground)25%,transparent)}}.hover\\:border-foreground\\/30:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-foreground\\/30:hover{border-color:color-mix(in oklab,var(--foreground)30%,transparent)}}.hover\\:border-foreground\\/40:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-foreground\\/40:hover{border-color:color-mix(in oklab,var(--foreground)40%,transparent)}}.hover\\:border-muted-foreground\\/50:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-muted-foreground\\/50:hover{border-color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.hover\\:border-muted-foreground\\/60:hover{border-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-muted-foreground\\/60:hover{border-color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.hover\\:border-primary\\/35:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/35:hover{border-color:color-mix(in oklab,var(--primary)35%,transparent)}}.hover\\:border-primary\\/40:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/40:hover{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.hover\\:border-primary\\/45:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/45:hover{border-color:color-mix(in oklab,var(--primary)45%,transparent)}}.hover\\:border-primary\\/50:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/50:hover{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\\:border-primary\\/60:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/60:hover{border-color:color-mix(in oklab,var(--primary)60%,transparent)}}.hover\\:border-primary\\/70:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:border-primary\\/70:hover{border-color:color-mix(in oklab,var(--primary)70%,transparent)}}.hover\\:bg-\\[\\#06AE56\\]:hover{background-color:#06ae56}.hover\\:bg-accent:hover{background-color:var(--accent)}.hover\\:bg-amber-500\\/90:hover{background-color:#f99c00e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-amber-500\\/90:hover{background-color:color-mix(in oklab,var(--color-amber-500)90%,transparent)}}.hover\\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\\:bg-background:hover,.hover\\:bg-background\\/50:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-background\\/50:hover{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.hover\\:bg-background\\/80:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-background\\/80:hover{background-color:color-mix(in oklab,var(--background)80%,transparent)}}.hover\\:bg-background\\/95:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-background\\/95:hover{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.hover\\:bg-black\\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/70:hover{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}
13.hover\\:bg-black\\/80:hover{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-black\\/80:hover{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\\:bg-foreground\\/5:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/5:hover{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.hover\\:bg-foreground\\/10:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-foreground\\/10:hover{background-color:color-mix(in oklab,var(--foreground)10%,transparent)}}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-green-500\\/90:hover{background-color:#00c758e6}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-green-500\\/90:hover{background-color:color-mix(in oklab,var(--color-green-500)90%,transparent)}}.hover\\:bg-muted:hover,.hover\\:bg-muted\\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/30:hover{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.hover\\:bg-muted\\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/40:hover{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.hover\\:bg-muted\\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\\:bg-muted\\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/60:hover{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.hover\\:bg-muted\\/70:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/70:hover{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.hover\\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\\:bg-neutral-900\\/10:hover{background-color:#1717171a}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-neutral-900\\/10:hover{background-color:color-mix(in oklab,var(--color-neutral-900)10%,transparent)}}.hover\\:bg-primary:hover,.hover\\:bg-primary\\/5:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/5:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.hover\\:bg-primary\\/10:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/10:hover{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.hover\\:bg-primary\\/15:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/15:hover{background-color:color-mix(in oklab,var(--primary)15%,transparent)}}.hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\\:bg-primary\\/\\[0\\.02\\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/\\[0\\.02\\]:hover{background-color:color-mix(in oklab,var(--primary)2%,transparent)}}.hover\\:bg-secondary\\/50:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/50:hover{background-color:color-mix(in oklab,var(--secondary)50%,transparent)}}.hover\\:bg-secondary\\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\\:bg-sidebar-accent:hover,.hover\\:bg-sidebar-accent\\/90:hover{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-sidebar-accent\\/90:hover{background-color:color-mix(in oklab,var(--sidebar-accent)90%,transparent)}}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:bg-white\\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\\:from-primary\\/95:hover{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:from-primary\\/95:hover{--tw-gradient-from:color-mix(in oklab,var(--primary)95%,transparent)}}.hover\\:from-primary\\/95:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.hover\\:to-primary\\/80:hover{--tw-gradient-to:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:to-primary\\/80:hover{--tw-gradient-to:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\\:to-primary\\/80:hover{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\\:text-destructive:hover{color:var(--destructive)}.hover\\:text-foreground:hover{color:var(--foreground)}.hover\\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\\:text-primary:hover{color:var(--primary)}.hover\\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\\:text-primary\\/80:hover{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:text-primary\\/80:hover{color:color-mix(in oklab,var(--primary)80%,transparent)}}.hover\\:text-red-600:hover{color:var(--color-red-600)}.hover\\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\\:no-underline:hover{text-decoration-line:none}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-2xl:hover{--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[0_10px_26px_-6px\\]:hover{--tw-shadow:0 10px 26px -6px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[0_14px_30px_-6px\\]:hover{--tw-shadow:0 14px 30px -6px var(--tw-shadow-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-lg:hover{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.hover\\:shadow-xl:hover{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-\\[\\#07C160\\]\\/70:hover{--tw-shadow-color:#07c160b3}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-\\[\\#07C160\\]\\/70:hover{--tw-shadow-color:color-mix(in oklab,lab(68.7413% -58.3357 36.6284/.7) var(--tw-shadow-alpha),transparent)}}.hover\\:shadow-primary\\/5:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-primary\\/5:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)5%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:shadow-primary\\/20:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-primary\\/20:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)20%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:shadow-primary\\/35:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-primary\\/35:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)35%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:shadow-primary\\/70:hover{--tw-shadow-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:shadow-primary\\/70:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--primary)70%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\\:ring-border:hover{--tw-ring-color:var(--border)}.hover\\:ring-foreground\\/15:hover{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\\:ring-foreground\\/15:hover{--tw-ring-color:color-mix(in oklab,var(--foreground)15%,transparent)}}.hover\\:ring-primary\\/50:hover{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:ring-primary\\/50:hover{--tw-ring-color:color-mix(in oklab,var(--primary)50%,transparent)}}.hover\\:brightness-105:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}:is(.\\*\\*\\:hover\\:no-underline *):hover{text-decoration-line:none}.hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\\:before\\:translate-x-full:hover:before{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:after\\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\\:z-10:focus{z-index:10}.focus\\:border-transparent:focus{border-color:#0000}.focus\\:bg-accent:focus{background-color:var(--accent)}.focus\\:bg-foreground\\/5:focus{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.focus\\:bg-foreground\\/5:focus{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.focus\\:bg-muted:focus{background-color:var(--muted)}.focus\\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\\:text-foreground:focus{color:var(--foreground)}.focus\\:text-primary:focus{color:var(--primary)}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-primary:focus{--tw-ring-color:var(--primary)}.focus\\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:z-10:focus-visible{z-index:10}.focus-visible\\:border-primary:focus-visible{border-color:var(--primary)}.focus-visible\\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.focus-visible\\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-\\[3px\\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\\:ring-primary:focus-visible,.focus-visible\\:ring-primary\\/20:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-primary\\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus-visible\\:ring-primary\\/25:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-primary\\/25:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)25%,transparent)}}.focus-visible\\:ring-ring:focus-visible,.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-white\\/70:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\\:scale-\\[0\\.99\\]:active{scale:.99}.active\\:bg-background:active{background-color:var(--background)}.active\\:bg-muted:active{background-color:var(--muted)}.active\\:bg-primary\\/10:active{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.active\\:bg-primary\\/10:active{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.active\\:bg-sidebar-accent:active,.active\\:bg-sidebar-accent\\/90:active{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab, red, red)){.active\\:bg-sidebar-accent\\/90:active{background-color:color-mix(in oklab,var(--sidebar-accent)90%,transparent)}}.active\\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.active\\:opacity-90:active{opacity:.9}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}:where([data-scrolled]) .in-data-scrolled\\:bg-background\\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){:where([data-scrolled]) .in-data-scrolled\\:bg-background\\/90{background-color:color-mix(in oklab,var(--background)90%,transparent)}}:where([data-scrolled]) .in-data-scrolled\\:shadow-black\\/\\[0\\.06\\]{--tw-shadow-color:#0000000f}@supports (color:color-mix(in lab, red, red)){:where([data-scrolled]) .in-data-scrolled\\:shadow-black\\/\\[0\\.06\\]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)6%,transparent)var(--tw-shadow-alpha),transparent)}}:where([data-side=left]) .in-data-\\[side\\=left\\]\\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\\[side\\=right\\]\\:cursor-e-resize{cursor:e-resize}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:flex{display:flex}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:h-screen{height:100vh}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:rotate-0{rotate:none}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:rotate-180{rotate:180deg}:where([data-state=active]) .in-data-\\[state\\=active\\]\\:opacity-0{opacity:0}
13:where([data-state=active]) .in-data-\\[state\\=active\\]\\:opacity-100{opacity:1}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\\[state\\=open\\]\\:h-\\[calc\\(var\\(--navigation-menu-viewport-height\\)\\+3\\.4rem\\)\\]:has([data-state=open]){height:calc(var(--navigation-menu-viewport-height) + 3.4rem)}.has-data-\\[state\\=open\\]\\:h-screen:has([data-state=open]){height:100vh}.has-data-\\[state\\=open\\]\\:border-b:has([data-state=open]){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.has-data-\\[state\\=open\\]\\:bg-background\\/50:has([data-state=open]){background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.has-data-\\[state\\=open\\]\\:bg-background\\/50:has([data-state=open]){background-color:color-mix(in oklab,var(--background)50%,transparent)}}.has-data-\\[state\\=open\\]\\:bg-card\\/75:has([data-state=open]){background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.has-data-\\[state\\=open\\]\\:bg-card\\/75:has([data-state=open]){background-color:color-mix(in oklab,var(--card)75%,transparent)}}.has-data-\\[state\\=open\\]\\:shadow-lg:has([data-state=open]){--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.has-data-\\[state\\=open\\]\\:shadow-black\\/10:has([data-state=open]){--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.has-data-\\[state\\=open\\]\\:shadow-black\\/10:has([data-state=open]){--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)10%,transparent)var(--tw-shadow-alpha),transparent)}}.has-data-\\[state\\=open\\]\\:ring-foreground\\/5:has([data-state=open]){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.has-data-\\[state\\=open\\]\\:ring-foreground\\/5:has([data-state=open]){--tw-ring-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.has-data-\\[state\\=open\\]\\:backdrop-blur:has([data-state=open]){--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.has-data-\\[variant\\=inset\\]\\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-\\[3px\\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.has-\\[input\\:focus\\]\\:ring-2:has(:is(input:focus)){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.has-\\[input\\:focus\\]\\:ring-muted:has(:is(input:focus)){--tw-ring-color:var(--muted)}.has-\\[\\\u003e\\[data-align\\=block-end\\]\\]\\:h-auto:has(\u003e[data-align=block-end]){height:auto}.has-\\[\\\u003e\\[data-align\\=block-end\\]\\]\\:flex-col:has(\u003e[data-align=block-end]){flex-direction:column}.has-\\[\\\u003e\\[data-align\\=block-start\\]\\]\\:h-auto:has(\u003e[data-align=block-start]){height:auto}.has-\\[\\\u003e\\[data-align\\=block-start\\]\\]\\:flex-col:has(\u003e[data-align=block-start]){flex-direction:column}.has-\\[\\\u003e\\[data-slot\\=button-group\\]\\]\\:gap-2:has(\u003e[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\\[\\\u003ebutton\\]\\:ms-\\[-0\\.45rem\\]:has(\u003ebutton){margin-inline-start:-.45rem}.has-\\[\\\u003ebutton\\]\\:me-\\[-0\\.45rem\\]:has(\u003ebutton){margin-inline-end:-.45rem}.has-\\[\\\u003ekbd\\]\\:ms-\\[-0\\.35rem\\]:has(\u003ekbd){margin-inline-start:-.35rem}.has-\\[\\\u003ekbd\\]\\:me-\\[-0\\.35rem\\]:has(\u003ekbd){margin-inline-end:-.35rem}.has-\\[\\\u003esvg\\]\\:p-0:has(\u003esvg){padding:calc(var(--spacing)*0)}.has-\\[\\\u003esvg\\]\\:px-2:has(\u003esvg){padding-inline:calc(var(--spacing)*2)}.has-\\[\\\u003esvg\\]\\:px-2\\.5:has(\u003esvg){padding-inline:calc(var(--spacing)*2.5)}.has-\\[\\\u003esvg\\]\\:px-3:has(\u003esvg){padding-inline:calc(var(--spacing)*3)}.has-\\[\\\u003esvg\\]\\:px-4:has(\u003esvg){padding-inline:calc(var(--spacing)*4)}.has-\\[\\\u003etextarea\\]\\:h-auto:has(\u003etextarea){height:auto}.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\\:bg-accent[aria-expanded=true]{background-color:var(--accent)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\\[active\\=true\\]\\:bg-muted\\/50[data-active=true]{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-\\[active\\=true\\]\\:bg-muted\\/50[data-active=true]{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.data-\\[active\\=true\\]\\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\\[active\\=true\\]\\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\\[active\\=true\\]\\:text-foreground[data-active=true]{color:var(--foreground)}.data-\\[active\\=true\\]\\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}@media (hover:hover){.data-\\[active\\=true\\]\\:hover\\:bg-muted[data-active=true]:hover{background-color:var(--muted)}}.data-\\[active\\=true\\]\\:focus\\:bg-muted[data-active=true]:focus{background-color:var(--muted)}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=true]{opacity:.5}.data-\\[inset\\]\\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing)*8)}.data-\\[orientation\\=horizontal\\]\\:h-2[data-orientation=horizontal]{height:calc(var(--spacing)*2)}.data-\\[orientation\\=horizontal\\]\\:h-full[data-orientation=horizontal]{height:100%}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]{height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]{width:100%}.data-\\[orientation\\=vertical\\]\\:h-4[data-orientation=vertical]{height:calc(var(--spacing)*4)}.data-\\[orientation\\=vertical\\]\\:h-auto[data-orientation=vertical]{height:auto}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]{height:100%}.data-\\[orientation\\=vertical\\]\\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\\[orientation\\=vertical\\]\\:w-2[data-orientation=vertical]{width:calc(var(--spacing)*2)}.data-\\[orientation\\=vertical\\]\\:w-auto[data-orientation=vertical]{width:auto}.data-\\[orientation\\=vertical\\]\\:w-full[data-orientation=vertical]{width:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]{width:1px}.data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\\[orientation\\=vertical\\]\\:px-3[data-orientation=vertical]{padding-inline:calc(var(--spacing)*3)}.data-\\[orientation\\=vertical\\]\\:py-0[data-orientation=vertical]{padding-block:calc(var(--spacing)*0)}.data-\\[placeholder\\]\\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\\[selected\\=true\\]\\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\\[selected\\=true\\]\\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\\[size\\=default\\]\\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\\[size\\=sm\\]\\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-auto *)[data-slot=command-input-wrapper]{height:auto}:is(.\\*\\*\\:data-\\[slot\\=navigation-menu-content\\]\\:top-10 *)[data-slot=navigation-menu-content]{top:calc(var(--spacing)*10)}:is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}:is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1\u003e*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex\u003e*)[data-slot=select-value]{display:flex}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center\u003e*)[data-slot=select-value]{align-items:center}:is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-2\u003e*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\\[slot\\=sidebar-menu-button\\]\\:\\!p-1\\.5[data-slot=sidebar-menu-button]{padding:calc(var(--spacing)*1.5)!important}.data-\\[state\\=active\\]\\:bg-background[data-state=active]{background-color:var(--background)}.data-\\[state\\=active\\]\\:bg-muted\\/70[data-state=active]{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=active\\]\\:bg-muted\\/70[data-state=active]{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.data-\\[state\\=active\\]\\:bg-white[data-state=active]{background-color:var(--color-white)}.data-\\[state\\=active\\]\\:text-foreground[data-state=active]{color:var(--foreground)}.data-\\[state\\=active\\]\\:text-primary[data-state=active]{color:var(--primary)}.data-\\[state\\=active\\]\\:shadow-sm[data-state=active]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[state\\=checked\\]\\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\\[state\\=checked\\]\\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\\[state\\=checked\\]\\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\\[state\\=closed\\]\\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\\[state\\=closed\\]\\:duration-300[data-state=closed]{animation-duration:.3s}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=closed\\]\\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\\[state\\=closed\\]\\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\\[state\\=closed\\]\\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\\[state\\=closed\\]\\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\\[state\\=closed\\]\\:slide-out-to-top-2[data-state=closed]{--tw-exit-translate-y:-.5rem}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=hidden\\]\\:animate-out[data-state=hidden]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\\[state\\=hidden\\]\\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\\[state\\=on\\]\\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\\[state\\=on\\]\\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.data-\\[state\\=open\\]\\:border-none[data-state=open]{--tw-border-style:none;border-style:none}.data-\\[state\\=open\\]\\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\\[state\\=open\\]\\:bg-card[data-state=open]{background-color:var(--card)}.data-\\[state\\=open\\]\\:bg-foreground\\/5[data-state=open]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=open\\]\\:bg-foreground\\/5[data-state=open]{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\\[state\\=open\\]\\:bg-muted[data-state=open]{background-color:var(--muted)}.data-\\[state\\=open\\]\\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\\[state\\=open\\]\\:bg-sidebar-accent[data-state=open]{background-color:var(--sidebar-accent)}.data-\\[state\\=open\\]\\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\\[state\\=open\\]\\:text-foreground[data-state=open]{color:var(--foreground)}.data-\\[state\\=open\\]\\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\\[state\\=open\\]\\:text-sidebar-accent-foreground[data-state=open]{color:var(--sidebar-accent-foreground)}.data-\\[state\\=open\\]\\:opacity-100[data-state=open]{opacity:1}.data-\\[state\\=open\\]\\:shadow-sm[data-state=open]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.data-\\[state\\=open\\]\\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\\[state\\=open\\]\\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\\[state\\=open\\]\\:duration-500[data-state=open]{animation-duration:.5s}.data-\\[state\\=open\\]\\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=open\\]\\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\\[state\\=open\\]\\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\\[state\\=open\\]\\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\\[state\\=open\\]\\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\\[state\\=open\\]\\:slide-in-from-top-2[data-state=open]{--tw-enter-translate-y:-.5rem}.data-\\[state\\=open\\]\\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\\[state\\=open\\]\\:hover\\:bg-foreground\\/5[data-state=open]:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=open\\]\\:hover\\:bg-foreground\\/5[data-state=open]:hover{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\\[state\\=open\\]\\:focus\\:bg-foreground\\/5[data-state=open]:focus{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.data-\\[state\\=open\\]\\:focus\\:bg-foreground\\/5[data-state=open]:focus{background-color:color-mix(in oklab,var(--foreground)5%,transparent)}}.data-\\[state\\=selected\\]\\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\\[state\\=unchecked\\]\\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\\[state\\=unchecked\\]\\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\\[state\\=visible\\]\\:animate-in[data-state=visible]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\\[state\\=visible\\]\\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\\[variant\\=outline\\]\\:border-s-0[data-variant=outline]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.data-\\[variant\\=outline\\]\\:shadow-xs[data-variant=outline]{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.data-\\[variant\\=outline\\]\\:first\\:border-s[data-variant=outline]:first-child{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.data-\\[vaul-drawer-direction\\=bottom\\]\\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=bottom\\]\\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=bottom\\]\\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\\[vaul-drawer-direction\\=bottom\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\\[vaul-drawer-direction\\=bottom\\]\\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\\[vaul-drawer-direction\\=bottom\\]\\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\\[vaul-drawer-direction\\=left\\]\\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=left\\]\\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=left\\]\\:w-3\\/4[data-vaul-drawer-direction=left]{width:75%}.data-\\[vaul-drawer-direction\\=left\\]\\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\\[vaul-drawer-direction\\=right\\]\\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=right\\]\\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=right\\]\\:w-3\\/4[data-vaul-drawer-direction=right]{width:75%}.data-\\[vaul-drawer-direction\\=right\\]\\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\\[vaul-drawer-direction\\=top\\]\\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=top\\]\\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\\[vaul-drawer-direction\\=top\\]\\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\\[vaul-drawer-direction\\=top\\]\\:max-h-\\[80vh\\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\\[vaul-drawer-direction\\=top\\]\\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\\[vaul-drawer-direction\\=top\\]\\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transition-none{transition-property:none}}@media not all and (min-width:80rem){.max-xl\\:hidden{display:none}.max-xl\\:h-14{height:calc(var(--spacing)*14)}.max-xl\\:w-full{width:100%}.max-xl\\:overflow-hidden{overflow:hidden}.max-xl\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}:where([data-state=active]) .max-xl\\:in-data-\\[state\\=active\\]\\:mt-5{margin-top:calc(var(--spacing)*5)}:where([data-state=active]) .max-xl\\:in-data-\\[state\\=active\\]\\:h-screen{height:100vh}:where([data-state=active]) .max-xl\\:in-data-\\[state\\=active\\]\\:bg-background{background-color:var(--background)}:where([data-state=active]) .max-xl\\:in-data-\\[state\\=active\\]\\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}@media (min-width:420px){.min-\\[420px\\]\\:min-h-10{min-height:calc(var(--spacing)*10)}.min-\\[420px\\]\\:w-auto{width:auto}.min-\\[420px\\]\\:py-2{padding-block:calc(var(--spacing)*2)}}@media (min-width:40rem){.sm\\:start-auto{inset-inline-start:auto}.sm\\:top-1\\/2{top:50%}.sm\\:col-span-2{grid-column:span 2/span 2}.sm\\:mt-8{margin-top:calc(var(--spacing)*8)}.sm\\:mt-12{margin-top:calc(var(--spacing)*12)}.sm\\:mt-16{margin-top:calc(var(--spacing)*16)}.sm\\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\\:block{display:block}.sm\\:flex{display:flex}.sm\\:inline{display:inline}.sm\\:h-16{height:calc(var(--spacing)*16)}.sm\\:h-96{height:calc(var(--spacing)*96)}.sm\\:w-16{width:calc(var(--spacing)*16)}.sm\\:w-\\[340px\\]{width:340px}.sm\\:max-w-3xl{max-width:var(--container-3xl)}.sm\\:max-w-5xl{max-width:var(--container-5xl)}.sm\\:max-w-\\[95vw\\]{max-width:95vw}.sm\\:max-w-\\[425px\\]{max-width:425px}.sm\\:max-w-lg{max-width:var(--container-lg)}.sm\\:max-w-sm{max-width:var(--container-sm)}.sm\\:basis-\\[calc\\(33\\.333\\%-8px\\)\\]{flex-basis:calc(33.333% - 8px)}.sm\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\\:columns-2{columns:2}.sm\\:columns-3{columns:3}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\\:grid-cols-\\[1fr_2fr\\]{grid-template-columns:1fr 2fr}.sm\\:grid-cols-\\[260px_1fr\\]{grid-template-columns:260px 1fr}.sm\\:flex-col{flex-direction:column}.sm\\:flex-row{flex-direction:row}.sm\\:flex-wrap{flex-wrap:wrap}.sm\\:items-center{align-items:center}.sm\\:items-end{align-items:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:justify-end{justify-content:flex-end}.sm\\:gap-2{gap:calc(var(--spacing)*2)}.sm\\:gap-2\\.5{gap:calc(var(--spacing)*2.5)}.sm\\:gap-3{gap:calc(var(--spacing)*3)}.sm\\:gap-6{gap:calc(var(--spacing)*6)}.sm\\:gap-8{gap:calc(var(--spacing)*8)}:where(.sm\\:space-y-0\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.sm\\:gap-x-5{column-gap:calc(var(--spacing)*5)}.sm\\:gap-x-16{column-gap:calc(var(--spacing)*16)}.sm\\:gap-y-3{row-gap:calc(var(--spacing)*3)}.sm\\:gap-y-12{row-gap:calc(var(--spacing)*12)}.sm\\:self-auto{align-self:auto}
13.sm\\:rounded-lg{border-radius:var(--radius)}.sm\\:p-5{padding:calc(var(--spacing)*5)}.sm\\:p-7{padding:calc(var(--spacing)*7)}.sm\\:p-8{padding:calc(var(--spacing)*8)}.sm\\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\\:py-8{padding-block:calc(var(--spacing)*8)}.sm\\:pt-4{padding-top:calc(var(--spacing)*4)}.sm\\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\\:text-end{text-align:end}.sm\\:text-start{text-align:start}.sm\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\\:text-\\[11px\\]{font-size:11px}.sm\\:tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.data-\\[vaul-drawer-direction\\=left\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction=left],.data-\\[vaul-drawer-direction\\=right\\]\\:sm\\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\\:absolute{position:absolute}.md\\:sticky{position:sticky}.md\\:top-8{top:calc(var(--spacing)*8)}.md\\:order-1{order:1}.md\\:order-2{order:2}.md\\:col-span-2{grid-column:span 2/span 2}.md\\:col-start-auto{grid-column-start:auto}.md\\:row-span-2{grid-row:span 2/span 2}.md\\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\\:mt-12{margin-top:calc(var(--spacing)*12)}.md\\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\\:mb-10{margin-bottom:calc(var(--spacing)*10)}.md\\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\\:mb-16{margin-bottom:calc(var(--spacing)*16)}.md\\:block{display:block}.md\\:flex{display:flex}.md\\:grid{display:grid}.md\\:hidden{display:none}.md\\:aspect-auto{aspect-ratio:auto}.md\\:h-12{height:calc(var(--spacing)*12)}.md\\:h-\\[420px\\]{height:420px}.md\\:min-h-\\[320px\\]{min-height:320px}.md\\:min-h-\\[430px\\]{min-height:430px}.md\\:min-h-\\[560px\\]{min-height:560px}.md\\:min-h-full{min-height:100%}.md\\:w-\\(--radix-navigation-menu-viewport-width\\){width:var(--radix-navigation-menu-viewport-width)}.md\\:w-1\\/3{width:33.3333%}.md\\:w-48{width:calc(var(--spacing)*48)}.md\\:w-\\[680px\\]{width:680px}.md\\:w-\\[820px\\]{width:820px}.md\\:w-auto{width:auto}.md\\:w-fit{width:fit-content}.md\\:max-w-2xl{max-width:var(--container-2xl)}.md\\:max-w-3xl{max-width:var(--container-3xl)}.md\\:max-w-4xl{max-width:var(--container-4xl)}.md\\:max-w-5xl{max-width:var(--container-5xl)}.md\\:max-w-lg{max-width:var(--container-lg)}.md\\:max-w-md{max-width:var(--container-md)}.md\\:max-w-xl{max-width:var(--container-xl)}.md\\:flex-1{flex:1}.md\\:basis-\\[calc\\(25\\%-9px\\)\\]{flex-basis:calc(25% - 9px)}.md\\:columns-4{columns:4}.md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\\:grid-cols-\\[0\\.88fr_1\\.12fr\\]{grid-template-columns:.88fr 1.12fr}.md\\:grid-cols-\\[1\\.5fr_1fr\\]{grid-template-columns:1.5fr 1fr}.md\\:grid-cols-\\[48px_minmax\\(0\\,1fr\\)_minmax\\(190px\\,0\\.6fr\\)\\]{grid-template-columns:48px minmax(0,1fr) minmax(190px,.6fr)}.md\\:flex-row{flex-direction:row}.md\\:flex-nowrap{flex-wrap:nowrap}.md\\:items-center{align-items:center}.md\\:items-end{align-items:flex-end}.md\\:items-start{align-items:flex-start}.md\\:justify-between{justify-content:space-between}.md\\:justify-center{justify-content:center}.md\\:justify-end{justify-content:flex-end}.md\\:gap-1\\.5{gap:calc(var(--spacing)*1.5)}.md\\:gap-2{gap:calc(var(--spacing)*2)}.md\\:gap-3{gap:calc(var(--spacing)*3)}.md\\:gap-4{gap:calc(var(--spacing)*4)}.md\\:gap-5{gap:calc(var(--spacing)*5)}.md\\:gap-6{gap:calc(var(--spacing)*6)}.md\\:gap-8{gap:calc(var(--spacing)*8)}.md\\:gap-12{gap:calc(var(--spacing)*12)}.md\\:gap-24{gap:calc(var(--spacing)*24)}:where(.md\\:space-y-10\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\\:space-y-14\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*14)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*14)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\\:space-y-16\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\\:divide-x\u003e:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.md\\:divide-y-0\u003e:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.md\\:p-3{padding:calc(var(--spacing)*3)}.md\\:p-4{padding:calc(var(--spacing)*4)}.md\\:p-5{padding:calc(var(--spacing)*5)}.md\\:p-6{padding:calc(var(--spacing)*6)}.md\\:p-7{padding:calc(var(--spacing)*7)}.md\\:p-8{padding:calc(var(--spacing)*8)}.md\\:p-10{padding:calc(var(--spacing)*10)}.md\\:p-12{padding:calc(var(--spacing)*12)}.md\\:px-3{padding-inline:calc(var(--spacing)*3)}.md\\:px-4{padding-inline:calc(var(--spacing)*4)}.md\\:px-6{padding-inline:calc(var(--spacing)*6)}.md\\:px-8{padding-inline:calc(var(--spacing)*8)}.md\\:px-12{padding-inline:calc(var(--spacing)*12)}.md\\:py-4{padding-block:calc(var(--spacing)*4)}.md\\:py-14{padding-block:calc(var(--spacing)*14)}
13.md\\:py-16{padding-block:calc(var(--spacing)*16)}.md\\:py-20{padding-block:calc(var(--spacing)*20)}.md\\:py-24{padding-block:calc(var(--spacing)*24)}.md\\:py-32{padding-block:calc(var(--spacing)*32)}.md\\:py-36{padding-block:calc(var(--spacing)*36)}.md\\:ps-8{padding-inline-start:calc(var(--spacing)*8)}.md\\:pe-1\\.5{padding-inline-end:calc(var(--spacing)*1.5)}.md\\:pt-6{padding-top:calc(var(--spacing)*6)}.md\\:pt-20{padding-top:calc(var(--spacing)*20)}.md\\:pt-36{padding-top:calc(var(--spacing)*36)}.md\\:pb-8{padding-bottom:calc(var(--spacing)*8)}.md\\:pb-10{padding-bottom:calc(var(--spacing)*10)}.md\\:pb-16{padding-bottom:calc(var(--spacing)*16)}.md\\:text-start{text-align:start}.md\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\\:text-\\[15px\\]{font-size:15px}.md\\:leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.md\\:leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.md\\:opacity-0{opacity:0}@media (hover:hover){.md\\:group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\\:peer-data-\\[variant\\=inset\\]\\:ms-0:is(:where(.peer)[data-variant=inset]~*){margin-inline-start:calc(var(--spacing)*0)}.md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ms-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-inline-start:calc(var(--spacing)*2)}.md\\:after\\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\\:sticky{position:sticky}.lg\\:top-20{top:calc(var(--spacing)*20)}.lg\\:col-span-3{grid-column:span 3/span 3}.lg\\:col-span-6{grid-column:span 6/span 6}.lg\\:col-span-9{grid-column:span 9/span 9}.lg\\:col-span-12{grid-column:span 12/span 12}.lg\\:mt-12{margin-top:calc(var(--spacing)*12)}.lg\\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\\:hidden{display:none}.lg\\:inline-block{display:inline-block}.lg\\:h-fit{height:fit-content}.lg\\:min-h-\\[500px\\]{min-height:500px}.lg\\:min-h-\\[560px\\]{min-height:560px}.lg\\:min-h-\\[680px\\]{min-height:680px}.lg\\:max-w-3xl{max-width:var(--container-3xl)}.lg\\:max-w-none{max-width:none}.lg\\:basis-\\[calc\\(20\\%-9\\.6px\\)\\]{flex-basis:calc(20% - 9.6px)}.lg\\:columns-3{columns:3}.lg\\:columns-5{columns:5}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\\:grid-cols-\\[1fr_1\\.1fr\\]{grid-template-columns:1fr 1.1fr}.lg\\:grid-cols-\\[1fr_440px\\]{grid-template-columns:1fr 440px}.lg\\:grid-cols-\\[1fr_500px\\]{grid-template-columns:1fr 500px}.lg\\:grid-cols-\\[280px_1fr\\]{grid-template-columns:280px 1fr}.lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)_360px\\]{grid-template-columns:minmax(0,1fr) 360px}.lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)_420px\\]{grid-template-columns:minmax(0,1fr) 420px}.lg\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg\\:grid-cols-\\[minmax\\(280px\\,360px\\)_1fr\\]{grid-template-columns:minmax(280px,360px) 1fr}.lg\\:items-start{align-items:flex-start}.lg\\:gap-2{gap:calc(var(--spacing)*2)}.lg\\:gap-16{gap:calc(var(--spacing)*16)}.lg\\:gap-20{gap:calc(var(--spacing)*20)}.lg\\:gap-24{gap:calc(var(--spacing)*24)}.lg\\:gap-px{gap:1px}:where(.lg\\:space-y-20\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*20)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*20)*calc(1 - var(--tw-space-y-reverse)))}.lg\\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.lg\\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\\:p-10{padding:calc(var(--spacing)*10)}.lg\\:px-0{padding-inline:calc(var(--spacing)*0)}.lg\\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\\:px-16{padding-inline:calc(var(--spacing)*16)}.lg\\:px-20{padding-inline:calc(var(--spacing)*20)}.lg\\:py-4{padding-block:calc(var(--spacing)*4)}.lg\\:pe-0{padding-inline-end:calc(var(--spacing)*0)}.lg\\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}:is(.lg\\:\\*\\:nth-1\\:rounded-t-none\u003e*):first-child{border-top-left-radius:0;border-top-right-radius:0}:is(.lg\\:\\*\\:nth-2\\:rounded-ss-none\u003e*):nth-child(2){border-start-start-radius:0}:is(.lg\\:\\*\\:nth-2\\:rounded-ee-none\u003e*):nth-child(2){border-end-end-radius:0}:is(.lg\\:\\*\\:nth-3\\:rounded-s-none\u003e*):nth-child(3){border-start-start-radius:0;border-end-start-radius:0}:is(.lg\\:\\*\\:nth-4\\:rounded-e-none\u003e*):nth-child(4){border-start-end-radius:0;border-end-end-radius:0}:is(.lg\\:\\*\\:nth-5\\:rounded-ss-none\u003e*):nth-child(5){border-start-start-radius:0}:is(.lg\\:\\*\\:nth-5\\:rounded-ee-none\u003e*):nth-child(5){border-end-end-radius:0}:is(.lg\\:\\*\\:nth-6\\:rounded-b-none\u003e*):nth-child(6){border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (min-width:80rem){.xl\\:m-0{margin:calc(var(--spacing)*0)}.xl\\:contents{display:contents}.xl\\:flex{display:flex}.xl\\:grid{display:grid}.xl\\:hidden{display:none}.xl\\:h-16{height:calc(var(--spacing)*16)}.xl\\:w-fit{width:fit-content}.xl\\:shrink-0{flex-shrink:0}.xl\\:columns-4{columns:4}.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\\:grid-cols-\\[minmax\\(0\\,1fr\\)_380px\\]{grid-template-columns:minmax(0,1fr) 380px}.xl\\:grid-cols-\\[minmax\\(11rem\\,auto\\)_minmax\\(0\\,1fr\\)_auto\\]{grid-template-columns:minmax(11rem,auto) minmax(0,1fr) auto}.xl\\:grid-cols-\\[minmax\\(300px\\,380px\\)_1fr\\]{grid-template-columns:minmax(300px,380px) 1fr}.xl\\:flex-nowrap{flex-wrap:nowrap}.xl\\:gap-2{gap:calc(var(--spacing)*2)}.xl\\:gap-3{gap:calc(var(--spacing)*3)}.xl\\:gap-4{gap:calc(var(--spacing)*4)}:where(.xl\\:space-y-0\u003e:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}.xl\\:border-transparent{border-color:#0000}.xl\\:bg-transparent{background-color:#0000}.xl\\:p-0{padding:calc(var(--spacing)*0)}.xl\\:px-8{padding-inline:calc(var(--spacing)*8)}.xl\\:px-10{padding-inline:calc(var(--spacing)*10)}
13.xl\\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@container (min-width:48rem){.\\@3xl\\:block{display:block}.\\@3xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rtl\\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){rotate:180deg}:where(.rtl\\:space-x-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *)\u003e:not(:last-child)){--tw-space-x-reverse:1}.dark\\:block:is(.dark *){display:block}.dark\\:hidden:is(.dark *){display:none}.dark\\:border-amber-700:is(.dark *){border-color:var(--color-amber-700)}.dark\\:border-amber-700\\/40:is(.dark *){border-color:#b7500066}@supports (color:color-mix(in lab, red, red)){.dark\\:border-amber-700\\/40:is(.dark *){border-color:color-mix(in oklab,var(--color-amber-700)40%,transparent)}}.dark\\:border-background:is(.dark *){border-color:var(--background)}.dark\\:border-blue-800:is(.dark *){border-color:var(--color-blue-800)}.dark\\:border-emerald-800:is(.dark *){border-color:var(--color-emerald-800)}.dark\\:border-emerald-900\\/50:is(.dark *){border-color:#004e3b80}@supports (color:color-mix(in lab, red, red)){.dark\\:border-emerald-900\\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-emerald-900)50%,transparent)}}.dark\\:border-gray-800:is(.dark *){border-color:var(--color-gray-800)}.dark\\:border-input:is(.dark *){border-color:var(--input)}.dark\\:border-red-800:is(.dark *){border-color:var(--color-red-800)}.dark\\:border-red-900\\/50:is(.dark *){border-color:#82181a80}@supports (color:color-mix(in lab, red, red)){.dark\\:border-red-900\\/50:is(.dark *){border-color:color-mix(in oklab,var(--color-red-900)50%,transparent)}}.dark\\:border-violet-500\\/20:is(.dark *){border-color:#8d54ff33}@supports (color:color-mix(in lab, red, red)){.dark\\:border-violet-500\\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-violet-500)20%,transparent)}}.dark\\:border-white\\/20:is(.dark *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\\:border-white\\/20:is(.dark *){border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.dark\\:border-t-white\\/5:is(.dark *){border-top-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\\:border-t-white\\/5:is(.dark *){border-top-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.dark\\:bg-amber-400\\/10:is(.dark *){background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-400\\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-400)10%,transparent)}}.dark\\:bg-amber-950\\/30:is(.dark *){background-color:#4619014d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-950\\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950)30%,transparent)}}.dark\\:bg-amber-950\\/40:is(.dark *){background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-amber-950\\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-amber-950)40%,transparent)}}.dark\\:bg-blue-950\\/30:is(.dark *){background-color:#1624564d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-blue-950\\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-blue-950)30%,transparent)}}.dark\\:bg-destructive\\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\\:bg-emerald-900\\/40:is(.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-900\\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-900)40%,transparent)}}.dark\\:bg-emerald-950\\/30:is(.dark *){background-color:#002c224d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-emerald-950\\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-emerald-950)30%,transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\\:bg-muted:is(.dark *),.dark\\:bg-muted\\/50:is(.dark *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-muted\\/50:is(.dark *){background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.dark\\:bg-neutral-50:is(.dark *){background-color:var(--color-neutral-50)}.dark\\:bg-red-950\\/30:is(.dark *){background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-red-950\\/30:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)30%,transparent)}}.dark\\:bg-red-950\\/40:is(.dark *){background-color:#46080966}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-red-950\\/40:is(.dark *){background-color:color-mix(in oklab,var(--color-red-950)40%,transparent)}}.dark\\:bg-transparent:is(.dark *){background-color:#0000}.dark\\:bg-white:is(.dark *){background-color:var(--color-white)}.dark\\:bg-zinc-700:is(.dark *){background-color:var(--color-zinc-700)}.dark\\:bg-zinc-900:is(.dark *){background-color:var(--color-zinc-900)}.dark\\:\\[background-image\\:linear-gradient\\(to_right\\,var\\(--dark-line\\)_1px\\,transparent_0\\)\\,linear-gradient\\(to_bottom\\,var\\(--dark-line\\)_1px\\,transparent_0\\)\\]:is(.dark *){background-image:linear-gradient(to right,var(--dark-line)1px,transparent 0),linear-gradient(to bottom,var(--dark-line)1px,transparent 0)}.dark\\:from-black:is(.dark *){--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var
13(--tw-gradient-to-position))}.dark\\:from-neutral-900:is(.dark *){--tw-gradient-from:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\\:from-violet-950\\/40:is(.dark *){--tw-gradient-from:#2f0d6866}@supports (color:color-mix(in lab, red, red)){.dark\\:from-violet-950\\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-violet-950)40%,transparent)}}.dark\\:from-violet-950\\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\\:from-zinc-950\\/40:is(.dark *){--tw-gradient-from:#09090b66}@supports (color:color-mix(in lab, red, red)){.dark\\:from-zinc-950\\/40:is(.dark *){--tw-gradient-from:color-mix(in oklab,var(--color-zinc-950)40%,transparent)}}.dark\\:from-zinc-950\\/40:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\\:via-background:is(.dark *){--tw-gradient-via:var(--background);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\\:via-white\\/50:is(.dark *){--tw-gradient-via:#ffffff80}@supports (color:color-mix(in lab, red, red)){.dark\\:via-white\\/50:is(.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)50%,transparent)}}.dark\\:via-white\\/50:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\\:via-white\\/80:is(.dark *){--tw-gradient-via:#fffc}@supports (color:color-mix(in lab, red, red)){.dark\\:via-white\\/80:is(.dark *){--tw-gradient-via:color-mix(in oklab,var(--color-white)80%,transparent)}}.dark\\:via-white\\/80:is(.dark *){--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\\:to-neutral-900:is(.dark *){--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\\:to-pink-950\\/30:is(.dark *){--tw-gradient-to:#5104244d}@supports (color:color-mix(in lab, red, red)){.dark\\:to-pink-950\\/30:is(.dark *){--tw-gradient-to:color-mix(in oklab,var(--color-pink-950)30%,transparent)}}.dark\\:to-pink-950\\/30:is(.dark *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\\:text-amber-200:is(.dark *){color:var(--color-amber-200)}.dark\\:text-amber-300:is(.dark *){color:var(--color-amber-300)}.dark\\:text-amber-400:is(.dark *){color:var(--color-amber-400)}.dark\\:text-amber-500:is(.dark *){color:var(--color-amber-500)}.dark\\:text-black:is(.dark *){color:var(--color-black)}.dark\\:text-blue-300:is(.dark *){color:var(--color-blue-300)}.dark\\:text-emerald-100:is(.dark *){color:var(--color-emerald-100)}.dark\\:text-emerald-200\\/80:is(.dark *){color:#a4f4cfcc}@supports (color:color-mix(in lab, red, red)){.dark\\:text-emerald-200\\/80:is(.dark *){color:color-mix(in oklab,var(--color-emerald-200)80%,transparent)}}.dark\\:text-emerald-300:is(.dark *){color:var(--color-emerald-300)}.dark\\:text-emerald-400:is(.dark *){color:var(--color-emerald-400)}.dark\\:text-green-500:is(.dark *){color:var(--color-green-500)}.dark\\:text-neutral-400\\/50:is(.dark *){color:#a1a1a180}@supports (color:color-mix(in lab, red, red)){.dark\\:text-neutral-400\\/50:is(.dark *){color:color-mix(in oklab,var(--color-neutral-400)50%,transparent)}}.dark\\:text-pink-400:is(.dark *){color:var(--color-pink-400)}.dark\\:text-red-300:is(.dark *){color:var(--color-red-300)}.dark\\:text-red-400:is(.dark *){color:var(--color-red-400)}.dark\\:opacity-\\[0\\.06\\]:is(.dark *){opacity:.06}.dark\\:mix-blend-lighten:is(.dark *){mix-blend-mode:lighten}.dark\\:shadow-none:is(.dark *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.dark\\:shadow-zinc-950:is(.dark *){--tw-shadow-color:#09090b}@supports (color:lab(0% 0 0)){.dark\\:shadow-zinc-950:is(.dark *){--tw-shadow-color:lab(2.51107% .242703 -.886115)}}@supports (color:color-mix(in lab, red, red)){.dark\\:shadow-zinc-950:is(.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-zinc-950)var(--tw-shadow-alpha),transparent)}}.dark\\:ring-foreground\\/15:is(.dark *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark\\:ring-foreground\\/15:is(.dark *){--tw-ring-color:color-mix(in oklab,var(--foreground)15%,transparent)}}.dark\\:invert:is(.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.dark\\:\\[--color-border\\:color-mix\\(in_oklab\\,var\\(--color-white\\)_10\\%\\,transparent\\)\\]:is(.dark *){--color-border:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\\:\\[--color-border\\:color-mix\\(in_oklab\\,var\\(--color-white\\)_10\\%\\,transparent\\)\\]:is(.dark *){--color-border:color-mix(in oklab,var(--color-white)10%,transparent)}}@media (hover:hover){.dark\\:hover\\:border-t-border:is(.dark *):hover{border-top-color:var(--border)}.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-accent\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.dark\\:hover\\:text-red-200:is(.dark *):hover{color:var(--color-red-200)}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\\:data-\\[state\\=checked\\]\\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\\:data-\\[state\\=open\\]\\:bg-muted:is(.dark *)[data-state=open]{background-color:var(--muted)}.dark\\:data-\\[state\\=unchecked\\]\\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media (min-width:80rem){.dark\\:xl\\:bg-transparent:is(.dark *){background-color:#0000}}.\\[\\\u0026_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var
13(--muted-foreground)}.\\[\\\u0026_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\\[\\\u0026_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\\#ccc]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\\[\\\u0026_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\\[\\\u0026_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\\#fff]{stroke:#0000}.\\[\\\u0026_\\.recharts-layer\\]\\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\\[\\\u0026_\\.recharts-layer\\]\\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\\[\\\u0026_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\\#ccc]{stroke:var(--border)}.\\[\\\u0026_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector,.\\[\\\u0026_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\\[\\\u0026_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\\#ccc]{stroke:var(--border)}.\\[\\\u0026_\\.recharts-sector\\]\\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\\[\\\u0026_\\.recharts-sector\\]\\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\\[\\\u0026_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\\#fff]{stroke:#0000}.\\[\\\u0026_\\.recharts-surface\\]\\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\\[\\\u0026_\\.recharts-surface\\]\\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\\[\\\u0026_\\[cmdk-group-heading\\]\\]\\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\\[\\\u0026_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\\[\\\u0026_\\[cmdk-group-heading\\]\\]\\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\\[\\\u0026_\\[cmdk-group-heading\\]\\]\\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\\[\\\u0026_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\\[\\\u0026_\\[cmdk-group\\]\\]\\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\\[\\\u0026_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\\[\\\u0026_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\\[\\\u0026_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\\[\\\u0026_\\[cmdk-input\\]\\]\\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\\[\\\u0026_\\[cmdk-item\\]\\]\\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\\[\\\u0026_\\[cmdk-item\\]\\]\\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\\[\\\u0026_\\[cmdk-item\\]_svg\\]\\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\\[\\\u0026_\\[cmdk-item\\]_svg\\]\\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\\[\\\u0026_\\[data-slot\\=card-content\\]\\]\\:flex [data-slot=card-content]{display:flex}.\\[\\\u0026_\\[data-slot\\=card-content\\]\\]\\:min-h-0 [data-slot=card-content]{min-height:calc(var(--spacing)*0)}.\\[\\\u0026_\\[data-slot\\=card-content\\]\\]\\:flex-1 [data-slot=card-content]{flex:1}.\\[\\\u0026_\\[data-slot\\=card-content\\]\\]\\:flex-col [data-slot=card-content]{flex-direction:column}.\\[\\\u0026_\\[data-slot\\=table-cell\\]\\]\\:\\!py-1 [data-slot=table-cell]{padding-block:calc(var(--spacing)*1)!important}.\\[\\\u0026_\\[data-slot\\=table-container\\]\\]\\:min-h-0 [data-slot=table-container]{min-height:calc(var(--spacing)*0)}.\\[\\\u0026_\\[data-slot\\=table-container\\]\\]\\:flex-1 [data-slot=table-container]{flex:1}.\\[\\\u0026_\\[data-slot\\=table-header\\]\\]\\:sticky [data-slot=table-header]{position:sticky}.\\[\\\u0026_\\[data-slot\\=table-header\\]\\]\\:top-0 [data-slot=table-header]{top:calc(var(--spacing)*0)}.\\[\\\u0026_\\[data-slot\\=table-header\\]\\]\\:z-10 [data-slot=table-header]{z-index:10}.\\[\\\u0026_\\[data-slot\\=table-header\\]_th\\]\\:bg-background [data-slot=table-header] th{background-color:var(--background)}.\\[\\\u0026_\\[data-slot\\=table-row\\]\\]\\:\\!h-12 [data-slot=table-row]{height:calc(var(--spacing)*12)!important}.\\[\\\u0026_a\\]\\:text-primary a{color:var(--primary)}.\\[\\\u0026_a\\]\\:underline a{text-decoration-line:underline}.\\[\\\u0026_a\\]\\:underline-offset-2 a{text-underline-offset:2px}.\\[\\\u0026_a\\]\\:underline-offset-4 a{text-underline-offset:4px}@media (hover:hover){.\\[\\\u0026_a\\]\\:hover\\:no-underline a:hover,.hover\\:\\[\\\u0026_a\\]\\:no-underline:hover a{text-decoration-line:none}}.\\[\\\u0026_strong\\]\\:font-bold strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\\[\\\u0026_strong\\]\\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\\[\\\u0026_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\\u0026_svg\\]\\:mx-auto svg{margin-inline:auto}.\\[\\\u0026_svg\\]\\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\\u0026_svg\\]\\:h-auto svg{height:auto}.\\[\\\u0026_svg\\]\\:h-full svg{height:100%}.\\[\\\u0026_svg\\]\\:max-h-\\[440px\\] svg{max-height:440px}.\\[\\\u0026_svg\\]\\:w-full svg{width:100%}.\\[\\\u0026_svg\\]\\:max-w-full svg{max-width:100%}.\\[\\\u0026_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\\u0026_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\\u0026_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\\[\\\u0026_tr\\]\\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\\[\\\u0026_tr\\:last-child\\]\\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\\[\\\u0026\\:\\:-moz-range-thumb\\]\\:h-3::-moz-range-thumb{height:calc(var(--spacing)*3)}.\\[\\\u0026\\:\\:-moz-range-thumb\\]\\:w-3::-moz-range-thumb{width:calc(var(--spacing)*3)}.\\[\\\u0026\\:\\:-moz-range-thumb\\]\\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}.\\[\\\u0026\\:\\:-moz-range-thumb\\]\\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}.\\[\\\u0026\\:\\:-moz-range-thumb\\]\\:bg-primary::-moz-range-thumb{background-color:var(--primary)}.\\[\\\u0026\\:\\:-webkit-details-marker\\]\\:hidden::-webkit-details-marker{display:none}.\\[\\\u0026\\:\\:-webkit-slider-thumb\\]\\:h-3::-webkit-slider-thumb{height:calc(var(--spacing)*3)}.\\[\\\u0026\\:\\:-webkit-slider-thumb\\]\\:w-3::-webkit-slider-thumb{width:calc(var(--spacing)*3)}.\\[\\\u0026\\:\\:-webkit-slider-thumb\\]\\:appearance-none::-webkit-slider-thumb{appearance:none}.\\[\\\u0026\\:\\:-webkit-slider-thumb\\]\\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}.\\[\\\u0026\\:\\:-webkit-slider-thumb\\]\\:bg-primary::-webkit-slider-thumb{background-color:var(--primary)}
13.\\[\\\u0026\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pe-0:has([role=checkbox]){padding-inline-end:calc(var(--spacing)*0)}.\\[\\.border-b\\]\\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\\[\\.border-b\\]\\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\\[\\.border-t\\]\\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}.\\[\\.border-t\\]\\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\\*\\:\\[span\\]\\:last\\:flex\u003e*):is(span):last-child{display:flex}:is(.\\*\\:\\[span\\]\\:last\\:items-center\u003e*):is(span):last-child{align-items:center}:is(.\\*\\:\\[span\\]\\:last\\:gap-2\u003e*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive[data-variant=destructive]\u003e*):is(svg){color:var(--destructive)!important}.\\[\\\u0026\\\u003e\\*\\]\\:focus-visible\\:relative\u003e:focus-visible{position:relative}.\\[\\\u0026\\\u003e\\*\\]\\:focus-visible\\:z-10\u003e:focus-visible{z-index:10}.\\[\\\u0026\\\u003e\\*\\:first-child\\]\\:mt-0\u003e:first-child{margin-top:calc(var(--spacing)*0)}@media (min-width:40rem){.sm\\:\\[\\\u0026\\\u003e\\*\\:first-child\\]\\:order-2\u003e:first-child{order:2}}.\\[\\\u0026\\\u003e\\*\\:last-child\\]\\:mb-0\u003e:last-child{margin-bottom:calc(var(--spacing)*0)}@media (min-width:40rem){.sm\\:\\[\\\u0026\\\u003e\\*\\:last-child\\]\\:order-1\u003e:last-child{order:1}}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:first-child\\)\\]\\:rounded-s-md\u003e:not(:first-child){border-start-start-radius:calc(var(--radius) - 2px);border-end-start-radius:calc(var(--radius) - 2px)}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:first-child\\)\\]\\:rounded-s-none\u003e:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:first-child\\)\\]\\:rounded-t-none\u003e:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:first-child\\)\\]\\:border-s-0\u003e:not(:first-child){border-inline-start-style:var(--tw-border-style);border-inline-start-width:0}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:first-child\\)\\]\\:border-t-0\u003e:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:last-child\\)\\]\\:rounded-e-md\u003e:not(:last-child){border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:last-child\\)\\]\\:rounded-e-none\u003e:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.\\[\\\u0026\\\u003e\\*\\:not\\(\\:last-child\\)\\]\\:rounded-b-none\u003e:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\\[\\\u0026\\\u003e\\[data-slot\\=card\\]\\]\\:min-h-0\u003e[data-slot=card]{min-height:calc(var(--spacing)*0)}.\\[\\\u0026\\\u003e\\[data-slot\\=card\\]\\]\\:flex-1\u003e[data-slot=card]{flex:1}.\\[\\\u0026\\\u003e\\[data-slot\\=card\\]\\]\\:overflow-hidden\u003e[data-slot=card]{overflow:hidden}.has-\\[select\\[aria-hidden\\=true\\]\\:last-child\\]\\:\\[\\\u0026\\\u003e\\[data-slot\\=select-trigger\\]\\:last-of-type\\]\\:rounded-e-md:has(:is(select[aria-hidden=true]:last-child))\u003e[data-slot=select-trigger]:last-of-type{border-start-end-radius:calc(var(--radius) - 2px);border-end-end-radius:calc(var(--radius) - 2px)}.\\[\\\u0026\\\u003e\\[data-slot\\=select-trigger\\]\\:not\\(\\[class\\*\\=\\'w-\\'\\]\\)\\]\\:w-fit\u003e[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\\[\\\u0026\\\u003e\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\]\u003e[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\\[\\\u0026\\\u003ebutton\\]\\:hidden\u003ebutton{display:none}.\\[\\\u0026\\\u003ediv\\]\\:pb-0\u003ediv{padding-bottom:calc(var(--spacing)*0)}.\\[\\\u0026\\\u003eimg\\]\\:rounded-full\u003eimg{border-radius:3.40282e38px}.\\[\\\u0026\\\u003eimg\\]\\:bg-background\u003eimg{background-color:var(--background)}.\\[\\\u0026\\\u003eimg\\]\\:p-px\u003eimg{padding:1px}.\\[\\\u0026\\\u003eimg\\]\\:ring-1\u003eimg{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
13dow)}.\\[\\\u0026\\\u003eimg\\]\\:ring-border\u003eimg{--tw-ring-color:var(--border)}.\\[\\\u0026\\\u003einput\\]\\:flex-1\u003einput{flex:1}.has-\\[\\\u003e\\[data-align\\=block-end\\]\\]\\:\\[\\\u0026\\\u003einput\\]\\:pt-3:has(\u003e[data-align=block-end])\u003einput{padding-top:calc(var(--spacing)*3)}.has-\\[\\\u003e\\[data-align\\=block-start\\]\\]\\:\\[\\\u0026\\\u003einput\\]\\:pb-3:has(\u003e[data-align=block-start])\u003einput{padding-bottom:calc(var(--spacing)*3)}.has-\\[\\\u003e\\[data-align\\=inline-end\\]\\]\\:\\[\\\u0026\\\u003einput\\]\\:pe-2:has(\u003e[data-align=inline-end])\u003einput{padding-inline-end:calc(var(--spacing)*2)}.has-\\[\\\u003e\\[data-align\\=inline-start\\]\\]\\:\\[\\\u0026\\\u003einput\\]\\:ps-2:has(\u003e[data-align=inline-start])\u003einput{padding-inline-start:calc(var(--spacing)*2)}.\\[\\\u0026\\\u003ekbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\]\u003ekbd{border-radius:calc(var(--radius) - 5px)}.\\[\\\u0026\\\u003espan\\:last-child\\]\\:truncate\u003espan:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\\[\\\u0026\\\u003esvg\\]\\:pointer-events-none\u003esvg{pointer-events:none}.\\[\\\u0026\\\u003esvg\\]\\:size-2\\.5\u003esvg{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.\\[\\\u0026\\\u003esvg\\]\\:size-3\u003esvg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\\[\\\u0026\\\u003esvg\\]\\:size-3\\.5\u003esvg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\\u0026\\\u003esvg\\]\\:size-4\u003esvg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\\u0026\\\u003esvg\\]\\:h-2\\.5\u003esvg{height:calc(var(--spacing)*2.5)}.\\[\\\u0026\\\u003esvg\\]\\:h-3\u003esvg{height:calc(var(--spacing)*3)}.\\[\\\u0026\\\u003esvg\\]\\:h-full\u003esvg{height:100%}.\\[\\\u0026\\\u003esvg\\]\\:max-h-full\u003esvg{max-height:100%}.\\[\\\u0026\\\u003esvg\\]\\:w-2\\.5\u003esvg{width:calc(var(--spacing)*2.5)}.\\[\\\u0026\\\u003esvg\\]\\:w-3\u003esvg{width:calc(var(--spacing)*3)}.\\[\\\u0026\\\u003esvg\\]\\:w-full\u003esvg{width:100%}.\\[\\\u0026\\\u003esvg\\]\\:max-w-full\u003esvg{max-width:100%}.\\[\\\u0026\\\u003esvg\\]\\:shrink-0\u003esvg{flex-shrink:0}.\\[\\\u0026\\\u003esvg\\]\\:text-muted-foreground\u003esvg{color:var(--muted-foreground)}.\\[\\\u0026\\\u003esvg\\]\\:text-sidebar-accent-foreground\u003esvg{color:var(--sidebar-accent-foreground)}.\\[\\\u0026\\\u003esvg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5\u003esvg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\\[\\\u0026\\\u003esvg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4\u003esvg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\\[\\\u0026\\\u003etr\\]\\:last\\:border-b-0\u003etr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\\[\\\u0026\\[data-state\\=open\\]\\\u003esvg\\]\\:rotate-180[data-state=open]\u003esvg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\\u0026\\]\\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\\u0026\\]\\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\\u0026\\]\\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\\u0026\\]\\:cursor-w-resize{cursor:w-resize}@media (hover:hover){a.\\[a\\\u0026\\]\\:hover\\:bg-accent:hover{background-color:var(--accent)}a.\\[a\\\u0026\\]\\:hover\\:bg-destructive\\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\\[a\\\u0026\\]\\:hover\\:bg-destructive\\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\\[a\\\u0026\\]\\:hover\\:bg-primary\\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\\[a\\\u0026\\]\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\\[a\\\u0026\\]\\:hover\\:bg-secondary\\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\\[a\\\u0026\\]\\:hover\\:bg-secondary\\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\\[a\\\u0026\\]\\:hover\\:text-accent-foreground:hover{color:var(--accent-foreground)}}}:root{--background:#fff;--foreground:#141a29;--card:#fff;--card-foreground:#141a29;--popover:#fff;--popover-foreground:#141a29;--primary:#154de9;--primary-foreground:#fff;--secondary:#e6e8eb;--secondary-foreground:#384050;--muted:#f2f3f5;--muted-foreground:#6c727e;--accent:#dae4ff;--accent-foreground:#384050;--destructive:#ef4444;--destructive-foreground:#fff;--border:#d4d8dd;--input:#d4d8dd;--ring:#235efa;--chart-1:#235efa;--chart-2:#8362ed;--chart-3:#00a4a4;
13--chart-4:#ad51a7;--chart-5:#cd9200;--sidebar:#f2f3f5;--sidebar-foreground:#141a29;--sidebar-primary:#154de9;--sidebar-primary-foreground:#fff;--sidebar-accent:#dae4ff;--sidebar-accent-foreground:#384050;--sidebar-border:#d4d8dd;--sidebar-ring:#235efa;--font-sans:Noto Sans Mono,ui-sans-serif,sans-serif,system-ui;--font-serif:Merriweather,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040;--tracking-normal:0em;--spacing:.25rem}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(9.3201% .515975 -10.8754);--card:lab(100% 0 0);--card-foreground:lab(9.3201% .515975 -10.8754);--popover:lab(100% 0 0);--popover-foreground:lab(9.3201% .515975 -10.8754);--primary:lab(38.5% 32.6024 -84.5248);--primary-foreground:lab(100% 0 0);--secondary:lab(91.8586% -.120372 -1.89216);--secondary-foreground:lab(26.7516% -.0234544 -11.0336);--muted:lab(95.9273% -.0742376 -1.13651);--muted-foreground:lab(47.7038% -.294715 -7.46969);--accent:lab(90.4777% .664443 -14.9475);--accent-foreground:lab(26.7516% -.0234544 -11.0336);--destructive:lab(55.8029% 65.6652 40.8307);--destructive-foreground:lab(100% 0 0);--border:lab(86.0545% -.418127 -2.99003);--input:lab(86.0545% -.418127 -2.99003);--ring:lab(44.5961% 28.6518 -84.4768);--chart-1:lab(44.5961% 28.6518 -84.4768);--chart-2:lab(50.5162% 38.8222 -66.8722);--chart-3:lab(61.2812% -59.0224 -17.3837);--chart-4:lab(48.8951% 46.686 -28.9476);--chart-5:lab(65.1773% 16.5534 73.296);--sidebar:lab(95.9273% -.0742376 -1.13651);--sidebar-foreground:lab(9.3201% .515975 -10.8754);--sidebar-primary:lab(38.5% 32.6024 -84.5248);--sidebar-primary-foreground:lab(100% 0 0);--sidebar-accent:lab(90.4777% .664443 -14.9475);--sidebar-accent-foreground:lab(26.7516% -.0234544 -11.0336);--sidebar-border:lab(86.0545% -.418127 -2.99003);--sidebar-ring:lab(44.5961% 28.6518 -84.4768)}}.dark{--background:#0a1121;--foreground:#e3e8f0;--card:#181f2e;--card-foreground:#e3e8f0;--popover:#181f2e;--popover-foreground:#e3e8f0;--primary:#6293ff;--primary-foreground:#060b18;--secondary:#282e3b;--secondary-foreground:#d4d8dd;--muted:#141a29;--muted-foreground:#989fab;--accent:#313a50;--accent-foreground:#d4d8dd;--destructive:#ef4444;--destructive-foreground:#0a1121;--border:#404855;--input:#404855;--ring:#6293ff;--chart-1:#6293ff;--chart-2:#9078ee;--chart-3:#00b7b8;--chart-4:#b767b1;--chart-5:#cf9a35;--sidebar:#181f2e;--sidebar-foreground:#e3e8f0;--sidebar-primary:#6293ff;--sidebar-primary-foreground:#060b18;--sidebar-accent:#313a50;--sidebar-accent-foreground:#d4d8dd;--sidebar-border:#404855;--sidebar-ring:#6293ff;--font-sans:Noto Sans Mono,ui-sans-serif,sans-serif,system-ui;--font-serif:Merriweather,serif;--font-mono:JetBrains Mono,monospace;--radius:.5rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}@supports (color:lab(0% 0 0)){.dark{--background:lab(5.06322% .964694 -11.7604);--foreground:lab(91.8466% -.753105 -4.44845);--card:lab(11.6467% .403248 -10.9039);--card-foreground:lab(91.8466% -.753105 -4.44845);--popover:lab(11.6467% .403248 -10.9039);--popover-foreground:lab(91.8466% -.753105 -4.44845);--primary:lab(61.2419% 10.0937 -63.852);--primary-foreground:lab(2.92498% .604101 -7.73256);--secondary:lab(18.6586% -.00162423 -9.18838);--secondary-foreground:lab(86.0545% -.418127 -2.99003);--muted:lab(9.3201% .515975 -10.8754);--muted-foreground:lab(65.1204% -.693679 -7.45137);--accent:lab(24.3229% 1.08196 -14.6205);--accent-foreground:lab(86.0545% -.418127 -2.99003);--destructive:lab(55.8029% 65.6652 40.8307);--destructive-foreground:lab(5.06322% .964694 -11.7604);--border:lab(30.2975% -.89477 -9.14947);--input:lab(30.2975% -.89477 -9.14947);--ring:lab(61.2419% 10.0937 -63.852);--chart-1:lab(61.2419% 10.0937 -63.852);--chart-2:lab(57.0388% 30.1544 -57.1354);--chart-3:lab(66.7782% -49.1227 -14.6268);--chart-4:lab(55.034% 40.8896 -25.4516);--chart-5:lab(67.5597% 13.356 58.1654);--sidebar:lab(11.6467% .403248 -10.9039);--sidebar-foreground:lab(91.8466% -.753105 -4.44845);--sidebar-primary:lab(61.2419% 10.0937 -63.852);--sidebar-primary-foreground:lab(2.92498% .604101 -7.73256);--sidebar-accent:lab(24.3229% 1.08196 -14.6205);--sidebar-accent-foreground:lab(86.0545% -.418127 -2.99003);--sidebar-border:lab(30.2975% -.89477 -9.14947);--sidebar-ring:lab(61.2419% 10.0937 -63.852)}}.container{max-width:var(--container-7xl);padding-inline:calc(var(--spacing)*4);margin-inline:auto}@media (min-width:40rem){.container{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.container{padding-inline:calc(var(--spacing)*12)}}@media (min-width:64rem){.container{padding-inline:calc(var(--spacing)*20)}}.font-body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}input,select,textarea{border-color:var(--border);background-color:var(--background);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){input,select,textarea{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}
13button{cursor:pointer;border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){button{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}pre{padding-inline:calc(var(--spacing)*4)}.docs th,.docs td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);padding:calc(var(--spacing)*3)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-scale-x{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-y{syntax:\"*\";inherits:false;initial-value:1}@property --tw-scale-z{syntax:\"*\";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-space-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:\"*\";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:\"*\";inherits:false}@property --tw-gradient-from{syntax:\"\u003ccolor\u003e\";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:\"\u003ccolor\u003e\";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:\"\u003ccolor\u003e\";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:\"*\";inherits:false}@property --tw-gradient-via-stops{syntax:\"*\";inherits:false}@property --tw-gradient-from-position{syntax:\"\u003clength-percentage\u003e\";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:\"\u003clength-percentage\u003e\";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:\"\u003clength-percentage\u003e\";inherits:false;initial-value:100%}@property --tw-leading{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-tracking{syntax:\"*\";inherits:false}@property --tw-ordinal{syntax:\"*\";inherits:false}@property --tw-slashed-zero{syntax:\"*\";inherits:false}@property --tw-numeric-figure{syntax:\"*\";inherits:false}@property --tw-numeric-spacing{syntax:\"*\";inherits:false}@property --tw-numeric-fraction{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"\u003clength\u003e\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-blur{syntax:\"*\";inherits:false}@property --tw-brightness{syntax:\"*\";inherits:false}@property --tw-contrast{syntax:\"*\";inherits:false}@property --tw-grayscale{syntax:\"*\";inherits:false}@property --tw-hue-rotate{syntax:\"*\";inherits:false}@property --tw-invert{syntax:\"*\";inherits:false}@property --tw-opacity{syntax:\"*\";inherits:false}@property --tw-saturate{syntax:\"*\";inherits:false}@property --tw-sepia{syntax:\"*\";inherits:false}@property --tw-drop-shadow{syntax:\"*\";inherits:false}@property --tw-drop-shadow-color{syntax:\"*\";inherits:false}@property --tw-drop-shadow-alpha{syntax:\"\u003cpercentage\u003e\";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:\"*\";inherits:false}@property --tw-backdrop-blur{syntax:\"*\";inherits:false}@property --tw-backdrop-brightness{syntax:\"*\";inherits:false}@property --tw-backdrop-contrast{syntax:\"*\";inherits:false}@property --tw-backdrop-grayscale{syntax:\"*\";inherits:false}@property --tw-backdrop-hue-rotate{syntax:\"*\";inherits:false}@property --tw-backdrop-invert{syntax:\"*\";inherits:false}@property --tw-backdrop-opacity{syntax:\"*\";inherits:false}@property --tw-backdrop-saturate{syntax:\"*\";inherits:false}@property --tw-backdrop-sepia{syntax:\"*\";inherits:false}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes grid{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes ripple{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(.9)}}@keyframes meteor{0%{transform:rotate(var(--angle))translateX(0);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle))translateX(-500px);opacity:0}
13}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap)))}}\n"])</script>
13<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\",null],{\"children\":[\"(landing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16]}],[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"style\",\"0\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/0.7fbubfrrb-~.css\",\"children\":\"$4\"}],\"$L5\",\"$L6\",\"$L7\",\"$L8\",\"$L9\",\"$La\"],\"$Lb\"]}],{\"children\":[\"$Lc\",{\"children\":[\"$Ld\",{},null,false,null]},null,false,null]},null,false,null]},null,false,\"$@e\"],\"$Lf\",false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"Hklhxp5xyqjmlZKG8fZpr\"}\n"])</script>
13<script>self.__next_f.push([1,"26:I[496054,[\"/_next/static/chunks/0on7zijmt4-~f.js\",\"/_next/static/chunks/0165lv591xqs5.js\"],\"OutletBoundary\"]\n29:I[496054,[\"/_next/static/chunks/0on7zijmt4-~f.js\",\"/_next/static/chunks/0165lv591xqs5.js\"],\"ViewportBoundary\"]\n2b:I[496054,[\"/_next/static/chunks/0on7zijmt4-~f.js\",\"/_next/static/chunks/0165lv591xqs5.js\"],\"MetadataBoundary\"]\n11:T11c6,"])</script>
13<script>self.__next_f.push([1,"@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/122ae3fd2eb25590-s.0ncu_-f3icz-t.woff2)format(\"woff2\");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/bfe1d01af4e99ec2-s.0xkmhr9m~odtp.woff2)format(\"woff2\");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/19f01400f4b28c83-s.0dah.bwspgr4j.woff2)format(\"woff2\");unicode-range:U+1F??}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/053481348fc656b8-s.0oa9m1o0~yfw1.woff2)format(\"woff2\");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/434fa64db183c5f7-s.0f6kj3bf2p152.woff2)format(\"woff2\");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/72c852477dae22c1-s.0k5bu7w9.fmu6.woff2)format(\"woff2\");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7da1b2d9318915d2-s.p.0jn-y.~othqka.woff2)format(\"woff2\");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Mono Fallback;src:local(Arial);ascent-override:79.43%;descent-override:21.77%;line-gap-override:0.0%;size-adjust:134.59%}.noto_sans_mono_7df8b5a-module__OsCx2q__className{font-family:Noto Sans Mono,Noto Sans Mono Fallback;font-style:normal}.noto_sans_mono_7df8b5a-module__OsCx2q__variable{--font-sans:\"Noto Sans Mono\", \"Noto Sans Mono Fallback\"}\n@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format(\"woff2\");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format(\"woff2\");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format(\"woff2\");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format(\"woff2\");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format(\"woff2\");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/70bc3e132a0a741e-s.1409xf.ylxg8g.woff2)format(\"woff2\");
13unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_f0e1cf5b-module__w1ICmG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_f0e1cf5b-module__w1ICmG__variable{--font-mono:\"JetBrains Mono\", \"JetBrains Mono Fallback\"}\n"])</script>
13<script>self.__next_f.push([1,"5:[\"$\",\"style\",\"1\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/038xsboa-qblk.css\",\"children\":\"$11\"}]\n6:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0diwg3tlso545.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n7:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n8:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/150757mn7x5kz.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n9:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"async\":true,\"nonce\":\"$undefined\"}]\na:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/13rt6oje65g8~.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n12:T5221,"])</script>
13<script>self.__next_f.push([1,".markdown-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#1f2328;word-wrap:break-word;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.markdown-body .octicon{fill:currentColor;vertical-align:text-bottom;display:inline-block}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{content:\" \";background-color:currentColor;width:16px;height:16px;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'\u003e\u003cpath fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'\u003e\u003c/path\u003e\u003c/svg\u003e\");mask-image:url(\"data:image/svg+xml,\u003csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'\u003e\u003cpath fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'\u003e\u003c/path\u003e\u003c/svg\u003e\")}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{color:#0969da;background-color:#0000;text-decoration:none}.markdown-body abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:600}.markdown-body dfn{font-style:italic}.markdown-body h1{border-bottom:1px solid #d1d9e0b3;margin:.67em 0;padding-bottom:.3em;font-size:2em;font-weight:600}.markdown-body mark{color:#1f2328;background-color:#fff8c5}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{box-sizing:content-box;border-style:none;max-width:100%}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 2.5rem}.markdown-body hr{box-sizing:content-box;background:#d1d9e0;border:0;height:.25em;margin:1.5rem 0;padding:0;overflow:hidden}.markdown-body input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button{height:auto}.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button{appearance:none}.markdown-body [type=search]::-webkit-search-decoration{appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:#59636e;opacity:1}.markdown-body hr:before{content:\"\";display:table}.markdown-body hr:after{clear:both;content:\"\";display:table}.markdown-body table{border-spacing:0;border-collapse:collapse;font-variant:tabular-nums;width:max-content;max-width:100%;display:block;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline-offset:-2px;box-shadow:none;outline:2px solid #0969da}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:1px solid #0000}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid #0969da}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{color:#1f2328;vertical-align:middle;background-color:#f6f8fa;border:1px solid #d1d9e0b3;border-radius:6px;padding:.25rem;font:11px/10px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;display:inline-block;box-shadow:inset 0 -1px #d1d9e0b3}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid #d1d9e0b3;padding-bottom:.3em;font-size:1.5em;font-weight:600}.markdown-body h3{font-size:1.25em;font-weight:600}.markdown-body h4{font-size:1em;font-weight:600}.markdown-body h5{font-size:.875em;font-weight:600}.markdown-body h6{color:#59636e;font-size:.85em;font-weight:600}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{color:#59636e;border-left:.25em solid #d1d9e0;margin:0;padding:0 1em}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body pre{word-wrap:normal;margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.markdown-body .octicon{vertical-align:text-bottom;fill:currentColor;display:inline-block;overflow:visible!important}.markdown-body input::-webkit-outer-spin-button{appearance:none;margin:0}.markdown-body input::-webkit-inner-spin-button{appearance:none;margin:0}.markdown-body .mr-2{margin-right:.5rem!important}.markdown-body:before{content:\"\";display:table}.markdown-body:after{clear:both;content:\"\";display:table}.markdown-body\u003e:first-child{margin-top:0!important}.markdown-body\u003e:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .absent{color:#d1242f}.markdown-body .anchor{float:left;margin-left:-20px;padding-right:.25rem;line-height:1}.markdown-body .anchor:focus{outline:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:1rem}.markdown-body blockquote\u003e:first-child{margin-top:0}.markdown-body blockquote\u003e:last-child{margin-bottom:0}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1f2328;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 c
13ode,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{font-size:inherit;padding:0 .2em}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor{margin-left:-40px}.markdown-body summary h1,.markdown-body summary h2{border-bottom:0;padding-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a\\ s]{list-style-type:lower-alpha}.markdown-body ol[type=A\\ s]{list-style-type:upper-alpha}.markdown-body ol[type=i\\ s]{list-style-type:lower-roman}.markdown-body ol[type=I\\ s]{list-style-type:upper-roman}.markdown-body ol[type=\"1\"],.markdown-body div\u003eol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li\u003ep{margin-top:1rem}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{margin-top:1rem;padding:0;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{margin-bottom:1rem;padding:0 1rem}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table td{border:1px solid #d1d9e0;padding:6px 13px}.markdown-body table td\u003e:last-child{margin-bottom:0}.markdown-body table tr{background-color:#fff;border-top:1px solid #d1d9e0b3}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body table img{background-color:#0000}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body .emoji{vertical-align:text-top;background-color:#0000;max-width:none}.markdown-body span.frame{display:block;overflow:hidden}.markdown-body span.frame\u003espan{float:left;border:1px solid #d1d9e0;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}.markdown-body span.frame span img{float:left;display:block}.markdown-body span.frame span span{clear:both;color:#1f2328;padding:5px 0 0;display:block}.markdown-body span.align-center{clear:both;display:block;overflow:hidden}.markdown-body span.align-center\u003espan{text-align:center;margin:13px auto 0;display:block;overflow:hidden}.markdown-body span.align-center span img{text-align:center;margin:0 auto}.markdown-body span.align-right{clear:both;display:block;overflow:hidden}.markdown-body span.align-right\u003espan{text-align:right;margin:13px 0 0;display:block;overflow:hidden}.markdown-body span.align-right span img{text-align:right;margin:0}.markdown-body span.float-left{float:left;margin-right:13px;display:block;overflow:hidden}.markdown-body span.float-left span{margin:13px 0 0}.markdown-body span.float-right{float:right;margin-left:13px;display:block;overflow:hidden}.markdown-body span.float-right\u003espan{text-align:right;margin:13px auto 0;display:block;overflow:hidden}.markdown-body code,.markdown-body tt{white-space:break-spaces;background-color:#818b981f;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{-webkit-text-decoration:inherit;text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre code{font-size:100%}.markdown-body pre\u003ecode{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0}.markdown-body .highlight{margin-bottom:1rem}.markdown-body .highlight pre{word-break:normal;margin-bottom:0}.markdown-body .highlight pre,.markdown-body pre{color:#1f2328;background-color:#f6f8fa;border-radius:6px;padding:1rem;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code,.markdown-body pre tt{max-width:auto;line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.markdown-body .csv-data td,.markdown-body .csv-data th{text-align:left;white-space:nowrap;padding:5px;font-size:12px;line-height:1;overflow:hidden}.markdown-body .csv-data .blob-num{text-align:right;background:#fff;border:0;padding:10px .5rem 9px}.markdown-body .csv-data tr{border-top:0}.markdown-body .csv-data th{background:#f6f8fa;border-top:0;font-weight:600}.markdown-body [data-footnote-ref]:before{content:\"[\"}.markdown-body [data-footnote-ref]:after{content:\"]\"}.markdown-body .footnotes{color:#59636e;border-top:1px solid #d1d9e0;font-size:12px}.markdown-body .footnotes ol{padding-left:1rem}.markdown-body .footnotes ol ul{margin-top:1rem;padding-left:1rem;display:inline-block}.markdown-body .footnotes li{position:relative}.markdown-body .footnotes li:target:before{pointer-events:none;content:\"\";border:2px solid #0969da;border-radius:6px;position:absolute;inset:-.5rem -.5rem -.5rem -1.5rem}.markdown-body .footnotes li:target{color:#1f2328}.markdown-body .footnotes .data-footnote-backref g-emoji{font-family:monospace}.markdown-body body:has(:modal){padding-right:var(--dialog-scrollgutter)!important}.markdown-body .pl-c{color:#59636e}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0550ae}.markdown-body .pl-e,.markdown-body .pl-en{color:#6639ba}.markdown-body .pl-smi,.markdown-body .pl-s .pl-s1{color:#1f2328}.markdown-body .pl-ent{color:#0550ae}.markdown-body .pl-k{color:#cf222e}.markdown-body .pl-s,.markdown-body .pl-pds,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sre,.markdown-body .pl-sr .pl-sra{color:#0a3069}.markdown-body .pl-v,.markdown-body .pl-smw{color:#953800}.markdown-body .pl-bu{color:#82071e}.markdown-body .pl-ii{color:#f6f8fa;background-color:#82071e}.markdown-body .pl-c2{color:#f6f8fa;background-color:#cf222e}.markdown-body .pl-sr .pl-cce{color:#116329;font-weight:700}.markdown-body .pl-ml{color:#3b2300}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#0550ae;font-weight:700}.markdown-body .pl-mi{color:#1f2328;font-style:italic}.markdown-body .pl-mb{color:#1f2328;font-weight:700}.markdown-body .pl-md{color:#82071e;background-color:#ffebe9}.markdown-body .pl-mi1{color:#116329;background-color:#dafbe1}.markdown-body .pl-mc{color:#953800;background-color:#ffd8b5}.markdown-body .pl-mi2{color:#d1d9e0;background-color:#0550ae}.markdown-body .pl-mdr{color:#8250df;font-weight:700}.markdown-body .pl-ba{color:#59636e}.markdown-body .pl-sg{color:#818b98}.markdown-body .pl-corl{color:#0a3069;text-decoration:underline}.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body [role=tabpanel][tabindex=\"0\"]:focus:not(:focus-visible),.markdown-body button:focus:not(:focus-visible),.markdown-body summary:focus:not(:focus-visible),.markdown-body a:focus:not(:focus-visible){box-shadow:none;outline:none}.markdown-body [tabindex=\"0\"]:focus:not(:focus-visible),.markdown-body details-dialog:focus:not(:focus-visible){outline:none}.markdown-body g-emoji{vertical-align:-.075em;min-width:1ch;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1em;font-weight:400;line-height:1;display:inline-block;font-style:normal!important}.markdown-body g-emoji img{width:1em;height:1em}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item label{font-weight:400}.markdown-body .task-list-item.enabled label{cursor:pointer}.markdown-body .task-list-item+.task-list-item{margin-top:.25rem}.markdown-body .task-list-item .handle{display:none}.markdown-body .task-list-item-checkbox{vertical-align:middle;margin:0 .2em .25em -1.4em}.markdown-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox,.markdown-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .task-list-item-checkbox{margin:0 -1.6em .25em .2em}.markdown-body .contains-task-list:hover .task-list-item-convert-container,.markdown-body .contains-task-list:focus-within .task-list-item-convert-container{clip:auto;width:auto;height:24px;display:block;overflow:visible}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}.markdown-body .markdown-alert{color:inherit;border-left:.25em solid #d1d9e0;margin-bottom:1rem;padding:.5rem 1rem}.markdown-body .markdown-alert\u003e:first-child{margin-top:0}.markdown-body .markdown-alert\u003e:last-child{margin-bottom:0}.markdown-body .markdown-alert .markdown-alert-title{align-items:center;font-weight:500;line-height:1;display:flex}.markdown-body .markdown-alert.markdown-alert-note{border-left-color:#0969da}.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title{color:#0969da}.markdown-body .markdown-alert.markdown-alert-important{border-left-color:#8250df}.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title{color:#8250df}.markdown-body .markdown-alert.markdown-alert-warning{border-left-color:#9a6700}.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title{color:#9a6700}.markdown-body .markdown-alert.markdown-alert-tip{border-left-color:#1a7f37}.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title{color:#1
13a7f37}.markdown-body .markdown-alert.markdown-alert-caution{border-left-color:#cf222e}.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title{color:#d1242f}.markdown-body\u003e:first-child\u003e.heading-element:first-child{margin-top:0!important}.markdown-body .highlight pre:has(+.zeroclipboard-container){min-height:52px}\n.markdown-body{background-color:var(--background);color:var(--foreground)}.markdown-body a,.markdown-body a:hover{color:var(--primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body p,.markdown-body em,.markdown-body table,.markdown-body th,.markdown-body td{border-color:var(--border);background-color:var(--background);color:var(--foreground)}.markdown-body pre{background-color:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-body ul,.markdown-body ol{padding-left:1.5em!important}.markdown-body ul{list-style-type:disc!important}.markdown-body ol{list-style-type:decimal!important}.markdown-body ul ul{padding-left:1.5em!important;list-style-type:circle!important}.markdown-body ul ul ul{list-style-type:square!important}.markdown-body li{margin-top:.25em!important;margin-bottom:.25em!important}\n._gallery-module__4iId0W__thumbFrame{aspect-ratio:9/16;background:linear-gradient(#1a2a4a 0%,#2d1b3d 50%,#4a1f2e 100%);border-radius:.75rem;width:100%;position:relative;overflow:hidden}._gallery-module__4iId0W__thumbInner{transform-origin:0 0;width:750px;height:1334px;position:absolute;top:0;left:0;transform:scale(.21333)}@media (min-width:480px){._gallery-module__4iId0W__thumbInner{transform:scale(.26667)}}@media (min-width:640px){._gallery-module__4iId0W__thumbInner{transform:scale(.26)}}@media (min-width:1024px){._gallery-module__4iId0W__thumbInner{transform:scale(.30667)}}._gallery-module__4iId0W__useScene{z-index:20;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex;position:absolute;top:8px;right:8px}._gallery-module__4iId0W__useScene:hover{background:#fe2c55}._gallery-module__4iId0W__anatomyThumb{aspect-ratio:9/16;background:linear-gradient(#1a2a4a 0%,#2d1b3d 50%,#4a1f2e 100%);border-radius:1rem;width:100%;max-width:280px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}._gallery-module__4iId0W__anatomyInner{transform-origin:0 0;width:750px;height:1334px;position:absolute;top:0;left:0;transform:scale(.32)}@media (min-width:480px){._gallery-module__4iId0W__anatomyInner{transform:scale(.37333)}}\n"])</script>
13<script>self.__next_f.push([1,"c:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"style\",\"0\",{\"nonce\":\"$undefined\",\"precedence\":\"next\",\"href\":\"/_next/static/chunks/13x3-pz71zjmu.css\",\"children\":\"$12\"}],\"$L13\",\"$L14\",\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\"],\"$L24\"]}]\nd:[\"$\",\"$1\",\"c\",{\"children\":[\"$L25\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0iac88ow90qsh.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0ol74_x9eslzz.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/17a86t5n4uwak.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1161btqycace0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/013q0ex7ton.8.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L26\",null,{\"children\":\"$@27\"}]]}]\n28:[]\ne:\"$W28\"\nf:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L29\",null,{\"children\":\"$L2a\"}],[\"$\",\"$L2b\",null,{\"children\":\"$L2c\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
13<script>self.__next_f.push([1,"13:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n14:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/10uhpcxja5i.f.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n15:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n16:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n17:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0~6j59_irzg_p.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n18:[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0cho9t.aaez02.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n19:[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/0atm603jnxkpt.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1a:[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/10549sdnbf0mf.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1b:[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/066o_t_0x6mai.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1c:[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/0a~--p1-o-trc.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1d:[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/0inuawddlz7bm.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1e:[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1f:[\"$\",\"script\",\"script-12\",{\"src\":\"/_next/static/chunks/13vw19ryo0ybk.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n20:[\"$\",\"script\",\"script-13\",{\"src\":\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n21:[\"$\",\"script\",\"script-14\",{\"src\":\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n22:[\"$\",\"script\",\"script-15\",{\"src\":\"/_next/static/chunks/05qzpq.xtnydm.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n23:[\"$\",\"script\",\"script-16\",{\"src\":\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"2d:\"$Sreact.suspense\"\n2f:I[813666,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"default\"]\n30:I[971260,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"ClientErrorListener\"]\n31:I[75403,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"UtmCapture\"]\n32:I[113108,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"ReferrerCapture\"]\n33:I[845149,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"TimezoneCapture\"]\n"])</script>
13<script>self.__next_f.push([1,"b:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"className\":\"noto_sans_mono_7df8b5a-module__OsCx2q__variable jetbrains_mono_f0e1cf5b-module__w1ICmG__variable overflow-x-hidden\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"48x48\",\"href\":\"/favicon-48x48.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"192x192\",\"href\":\"/icon-192x192.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"type\":\"application/rss+xml\",\"title\":\"GPT Image 2\",\"href\":\"https://imagesv2.ai/feed.xml\"}],[\"$\",\"$2d\",null,{\"fallback\":null,\"children\":\"$L2e\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"url\\\":\\\"https://imagesv2.ai\\\",\\\"logo\\\":\\\"https://imagesv2.ai/logo.png\\\",\\\"description\\\":\\\"AI image generator powered by GPT Image 2. Make posters with real text, transparent PNGs and editable SVGs. Free credits for new sign-ups.\\\",\\\"contactPoint\\\":[{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"[email protected]\\\",\\\"contactType\\\":\\\"customer support\\\",\\\"availableLanguage\\\":[\\\"English\\\",\\\"Chinese\\\"]}]}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"alternateName\\\":[\\\"imagesv2\\\",\\\"imagesv2.ai\\\"],\\\"url\\\":\\\"https://imagesv2.ai\\\",\\\"inLanguage\\\":\\\"en-US\\\"}\"}}]]}],[\"$\",\"body\",null,{\"suppressHydrationWarning\":true,\"className\":\"overflow-x-hidden\",\"children\":[[\"$\",\"$L2f\",null,{\"color\":\"#6466F1\",\"showSpinner\":false}],[\"$\",\"$L30\",null,{}],[\"$\",\"$L31\",null,{}],[\"$\",\"$L32\",null,{}],[\"$\",\"$L33\",null,{}],\"$L34\",[\"$\",\"$2d\",null,{\"fallback\":null,\"children\":\"$L35\"}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"2a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
13<script>self.__next_f.push([1,"36:I[722868,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"GoogleAnalyticsLoader\"]\n37:I[69900,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"\"]\n2e:[[],[],[],[[\"$\",\"$1\",\"google-analytics\",{\"children\":[[\"$\",\"$L36\",null,{\"gaId\":\"G-GC01M2BQCY\"}],[\"$\",\"script\",null,{\"id\":\"google-analytics\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              window.dataLayer = window.dataLayer || [];\\n              function gtag(){dataLayer.push(arguments);}\\n              gtag('js', new Date());\\n              gtag('config', 'G-GC01M2BQCY');\\n            \"}}]]}],[\"$\",\"$1\",\"clarity\",{\"children\":[\"$\",\"$L37\",null,{\"id\":\"clarity-script\",\"strategy\":\"lazyOnload\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n                (function(c,l,a,r,i,t,y){\\n                    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\\n                    t=l.createElement(r);t.async=1;t.src=\\\"https://www.clarity.ms/tag/\\\"+i;\\n                    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\\n                })(window, document, \\\"clarity\\\", \\\"script\\\", \\\"wgbhms3ui0\\\");\\n            \"}}]}]],[],[],[],[]]\n35:[[],[],[],[]]\n"])</script>
13<script>self.__next_f.push([1,"38:I[138010,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"default\"]\n39:T450,Ultra-detailed 360° panoramic image, 2:1 equirectangular projection, seamless left-right wrap, immersive observation game environment. A French water lily garden in Monet impressionist style, the viewer standing at the center of a small wooden bridge above the pond, surrounded by blooming water lilies, weeping willows, flower bushes, a green arched bridge, and tranquil water. Soft morning sunlight filters through a gentle mist, the water surface mirroring sky, tree shadows and flowers, dreamy golden light dust drifting through the air. All scenes from the reference images appear together, arranged in a natural and harmonious composition. Impressionist oil-painting brushwork, soft colors, Monet-style light and shadow, warm and healing atmosphere, rich spatial layers, viewable details in every direction of the 360° view — do not concentrate the subject only in the front. Suited for VR headset viewing, real spatial presence, immersive observation game environment, dreamy, serene, poetic, healing, refined artistic feel. No text, no watermark, no modern buildings, no distorted structures.3a:T408,Ultra-detailed 360° panorama of Luxor Temple at night in ancient Egypt, viewer standing at the center of the temple surrounded by colossal sandstone columns, towering obelisks, ancient carved hieroglyphic reliefs, the avenue of sphinxes, and soaring temple walls — solemn, mysterious, epic in scale. Golden torches and warm yellow lighting illuminate the temple surfaces, ancient stone columns casting dramatic long shadows, faint dust and haze in the air enhancing cinematic atmosphere. The Nile River with distant flickering lights visible in the background, deep blue night sky with faintly visible stars, immersive ancient civilization scene. Ground is ancient stone slabs and weathered sandstone with rich detail, strong spatial depth, realistic light and shadow, premium cinematic quality, luxurious and breathtaking. Mood: mysterious, solemn, epic, immersive, ancient civilization grandeur. Required: equirectangular projection, 360 panoramic, seamless environment, immersive VR, 2:1 aspect ratio, seamless left-right wrap3b:T4fa,Ultra-detailed 360° panorama of a luxury elevated rooftop dining terrace overlooking the Giza Pyramids at night, viewer standing at the center of the open-air restaurant with a vast, wide-open vista in every direction. The three Great Pyramids of Giza rise majestically in the middle distance across the desert plain, monumentally scaled and dominating the entire skyline of the panorama, lit by warm uplighting against a deep starlit sky, surrounding sand dunes and the distant Cairo city lights twinkling on the horizon, faint desert haze adding cinematic depth. The dining terrace itself wraps around the viewer in the foreground — elegantly set white-tablecloth dinner tables, candlelight, warm yellow lanterns, stone railing, polished tile floor, designer chairs, and soft ambient lighting — refined, romantic, quiet, and luxurious. A small cat stands quietly beside one of the dining tables, looking up as if waiting to be fed, adding a tender, story-like detail. The viewpoint is high and panoramic so the pyramids feel epic and unobstructed, not cropped or close. Mood: epic, mysterious, cinematic, luxurious, premium, immersive. Required: equirectangular projection, 360 panoramic, seamless environment, immersive VR, 2:1 aspect ratio, seamless left-right wrap3c:T488,Ultra-detailed 360° panorama of a beautiful peaceful countryside walk in the Swiss Alps, viewer standing on a winding mountain trail, surrounded by rolling grass slopes, blooming wildflowers, traditional wooden Swiss chalets, distant snow-capped peaks, pine forests and serene pastures. Foreground includes wildflowers, a small stone path, wooden fences and gently rolling grass; midground features traditional wooden chalets, g"])</script>
13<script>self.__next_f.push([1,"razing cows, a small church with a bell tower, a stream and tree clusters; background reveals layered snow-covered Alpine peaks beneath a crystal-clear sky. Soft morning sunlight bathes the hillsides, fresh transparent air with light mist, drifting cloud shadows and warm golden rim light, overall mood healing, serene, relaxing and poetic. Viewable details in every direction of the 360° view — do not concentrate the subject only in the front. Naturally balanced spatial distribution, true immersive presence, cinematic light and shadow, rich depth and delicate layering. No text, no watermark. Required: equirectangular projection, 360 panoramic, seamless environment, immersive VR, 2:1 aspect ratio, seamless left-right wrap3d:T533,Above are 8 Douyin / TikTok Live stream screenshot examples covering the most common live-room scenes — beauty haul, fashion try-on, farm-direct selling, tech unboxing, food mukbang, fitness, gaming, knowledge sharing. Each example shows the live room interface with realistic viewer comments, viewer count, like count, and floating heart particles — exactly what a Douyin / TikTok Live stream looks like on a phone. Want a different scene? Describe it below and our AI generator writes dozens of authentic viewer comments and renders them inside a pixel-accurate live-room interface in under 2 minutes.\n\nThe pain it solves: \"buzzing live room\" visuals are huge demand assets for short-form video creators, training programs, e-commerce decks, and marketing teams. But typing 50 realistic comments takes 30+ minutes, and self-written comments tend to look \"too clean\" — missing the chaotic authenticity of real livestream chat. Our AI is trained on real livestream comment patterns: emoji, slang, abbreviations, follow-prompts, link-requests — instantly creating a \"this room is on fire\" feel.\n\nVersus screen-recording a real livestream: no real streamer's identity exposed, full control over the comment narrative (positive vibe / skeptical vibe / hype vibe), and easy A/B testing of multiple variants for the best visual.3e:T4ea,The Tweet Screenshot Generator is an online tool that uses AI to write viral-style tweets and renders them as pixel-accurate X (formerly Twitter) single-tweet screenshots. Just enter a topic — for instance \"the exact moment a developer finds a 2-week-old bug\" or \"why I quit my side hustle\" — and AI generates a tweet with the rhythm and hook structure that actually performs on X: punchy first six words, tight sentence cadence, built-in resonance. The output is automatically wrapped in the X mobile UI (round avatar, bold name + grey handle + blue verified mark, tweet body, timestamp, view count, the five engagement icons) and exported as a 1500-px-wide PNG ready for blog posts, newsletter sections, viral clips, or any \"look-what-someone-tweeted\" content moment.\n\nThe core pain it solves: traditional tweet-screenshot tools only render the UI — you still have to write the tweet yourself, and writing one that genuinely sounds viral takes 30+ minutes of deliberation. This tool collapses that to seconds while letting you edit the text, engagement counts, verified badge, and theme afterwards.\n\nVersus capturing a real screenshot: no real account exposed, no copyright tangle, you can A/B test multiple text variants until one nails the message.3f:T86e,"])</script>
13<script>self.__next_f.push([1,"The WeChat Chat Generator is an online tool that uses AI to automatically write WeChat conversation content and render it as pixel-accurate screenshots that look like real WeChat chat captures. You don't need to install any app, you don't need design skills, you don't need Photoshop, and you definitely don't need to spend half an hour typing dialogue line by line. Just describe a scene in one sentence — for example, \"customer leaves a 5-star review after delivery\" or \"existing customer asks about repeat-purchase discount\" — and within seconds AI generates a natural, realistically-paced conversation, automatically wrapped in the WeChat 8.x interface (status bar, green/white message bubbles, avatars, input bar — all accurate), then exports the result as a 1500×2668 px PNG with one click.\n\nThe core value of this tool is collapsing the traditional 30-minute workflow (think of dialogue → type messages → arrange layout → screenshot → crop) into 1-3 minutes. Whether you're an e-commerce seller building customer-testimonial assets, a Xiaohongshu (RED) creator preparing screenshot collages for viral notes, a TikTok/Douyin video creator shooting chat-drama shorts, a WeChat-business agent showing transaction proofs, a journalist or blogger inserting reader-message illustrations into long-form articles, or a corporate trainer demonstrating customer-service scripts in slide decks — this tool lets you skip the tedious content-drafting and manual layout, freeing up your time for the actual creative work.\n\nWhat makes this tool different from typical \"WeChat screenshot makers\" online: traditional tools only solve the rendering side — you still have to think up and type every single message yourself. This tool lets AI generate 6-20 turns of natural conversation directly, complete with the filler words, emoji, and casual short sentences that real chats actually contain. The result looks like a snippet from an actual chat history, not a sterile template. After AI generation, you keep full editorial control: every message can be re-typed, re-sided (left ↔ right), added, or deleted to fit the exact story you want to tell."])</script>
13<script>self.__next_f.push([1,"34:[\"$\",\"$L38\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"common\":{\"studio_draft\":{\"restored\":\"Restored your uploads and settings from before you signed in.\"},\"metadata\":{\"title\":\"GPT Image 2 Online Generator — Photorealistic, Sharp Text\",\"description\":\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.\",\"keywords\":\"gpt image 2, gpt-image-2, chatgpt image2, gpt image 2 free, gpt image 2 prompts, gpt image 2 pricing\"},\"breadcrumb\":{\"home\":\"Home\",\"tools\":\"Tools\"},\"internal_links\":{\"all_tools_title\":\"Looking for a different tool?\",\"all_tools_description\":\"Browse every AI image generator, model, converter, and photo tool in one place.\",\"all_tools_cta\":\"View all AI image tools\"},\"sign\":{\"sign_in_title\":\"Sign In\",\"sign_in_description\":\"Sign in to your account\",\"sign_up_title\":\"Sign Up\",\"sign_up_description\":\"Create an account\",\"email_title\":\"Email\",\"email_placeholder\":\"Input your email here\",\"password_title\":\"Password\",\"password_placeholder\":\"Input your password here\",\"forgot_password\":\"Forgot password?\",\"or\":\"Or\",\"continue\":\"Continue\",\"no_account\":\"Don't have an account?\",\"already_have_account\":\"Already have an account?\",\"email_sign_in\":\"Sign in with Email\",\"google_sign_in_title\":\"Sign in with Google\",\"github_sign_in_title\":\"Sign in with GitHub\",\"close_title\":\"Close\",\"cancel_title\":\"Cancel\",\"sign_out_title\":\"Sign Out\",\"billing_title\":\"Billing\",\"name_title\":\"Name\",\"name_placeholder\":\"Input your name here\",\"email_verification_hint\":\"Use an email address you can access. You must verify your email after signing up.\",\"admin_title\":\"Admin System\",\"credits_title\":\"Credits: {credits}\",\"vip_badge\":\"VIP\",\"free_badge\":\"Free\",\"upgrade_to_vip\":\"Upgrade to VIP\",\"profile_title\":\"Profile\",\"verify_email_sent\":\"Verification email sent. Please check your inbox.\",\"verify_email_required\":\"Please verify your email address before signing in.\",\"resend_verification\":\"Resend verification email\",\"resend_verification_sent\":\"Verification email resent. Please check your inbox.\",\"verify_email_page_title\":\"Check your email\",\"verify_email_page_description\":\"To continue, click the link sent to\",\"verify_email_continue\":\"Continue\",\"verify_email_tip\":\"After verifying, click “Continue”.\",\"verify_email_not_verified_yet\":\"Not verified yet. Please click the link in your email first.\",\"verify_email_account_mismatch\":\"Signed in as {current}. This page is waiting for {expected}.\",\"resend_verification_countdown\":\"Resend verification email ({seconds}s)\",\"resend_verification_wait\":\"Please wait {seconds}s before resending.\",\"back_to_sign_in\":\"Back to Sign In\",\"new_user_reward\":\"New User Reward\",\"reward_credits\":\"Free Credits Inside\",\"reward_description\":\"Sign up now and start creating\",\"or_continue_with\":\"or continue with\",\"continue_with_email\":\"Continue with Email\",\"captcha_required\":\"Please complete the captcha verification\",\"sign_in_or_up_title\":\"Sign In / Sign Up\",\"sign_in_or_up_description\":\"Choose how to sign in or create an account.\",\"otp_hint\":\"We'll email you a 6-digit code. No password needed.\",\"otp_send_button\":\"Send me a code\",\"otp_sending\":\"Sending...\",\"otp_sent_title\":\"Check your email\",\"otp_sent_description\":\"We sent a 6-digit code to {email}. It expires in {minutes} minutes.\",\"otp_code_label\":\"Verification code\",\"otp_code_placeholder\":\"6-digit code\",\"otp_submit\":\"Verify and sign in\",\"otp_verifying\":\"Verifying...\",\"otp_resend\":\"Resend code\",\"otp_resend_countdown\":\"Resend code ({seconds}s)\",\"otp_use_different_email\":\"Use a different email\",\"errors\":{\"email_required\":\"Please enter your email address.\",\"sign_in_failed\":\"Sign in failed. Please try again.\",\"otp_send_failed\":\"We couldn't send the sign-in code. Please try again.\",\"otp_code_required\":\"Please enter the 6-digit code from your email.\",\"otp_code_invalid\":\"Invalid or expired code. Request a new one below.\",\"INVALID_EMAIL\":\"Please enter a valid email address.\",\"USER_NOT_FOUND\":\"No account was found for this email.\",\"TOO_MANY_REQUESTS\":\"Too many requests. Please wait a moment and try again.\",\"turnstile_pending\":\"Verifying you are human… please wait a moment and try again.\"},\"start_free_title\":\"Start Free\"},\"payment\":{\"choose_payment_method\":\"Choose Payment Method\",\"choose_payment_method_description\":\"\",\"cancel_title\":\"Cancel\"},\"locale_detector\":{\"title\":\"We detected your browser language is {locale}. Switch to it?\",\"switch_to\":\"Switch to {locale}\"},\"navigation\":{\"mobile_menu_open_aria\":\"Open menu\",\"mobile_menu_close_aria\":\"Close menu\",\"select_language_aria\":\"Select language\",\"select_language_with_locale_aria\":\"Select language, current language is {localeName}\"},\"errors\":{\"accessDenied\":\"Access denied\",\"signInRequired\":\"Please sign in to continue.\",\"noPermission\":\"You don't have permission to access this.\",\"subscriptionNotFound\":\"Subscription not found.\",\"orderNotFound\":\"Order not found.\",\"taskNotFound\":\"Task not found.\",\"apiKeyNotFound\":\"API key not found.\",\"paymentProviderNotFound\":\"Payment provider not found.\",\"billingUrlNotFound\":\"Couldn't open the billing portal. Please try again.\",\"invoiceUrlNotFound\":\"Couldn't find the invoice. Please try again.\",\"invali
13dSubscriptionNo\":\"Invalid subscription number.\",\"invalidOrderNo\":\"Invalid order number.\",\"subscriptionNoPaymentUser\":\"This subscription has no linked payment account.\",\"subscriptionNoPaymentSubId\":\"This subscription has no payment ID.\",\"orderNoInvoice\":\"This order has no invoice.\",\"invalidAiProvider\":\"Invalid AI provider.\"},\"auth\":{\"signingIn\":\"Signing you in...\",\"redirectingTo\":\"Redirecting to {provider}...\",\"signInFailed\":\"Sign in failed\",\"close\":\"Close\"},\"first_trial\":{\"badge\":\"First generation: {credits} credits\",\"hint_guest\":\"New accounts get {credits} free credits — exactly enough for your first generation.\",\"hint_user\":\"Your first generation costs just {credits} credits. Later runs charge the full price.\",\"num_images_locked\":\"First generation is limited to 1 image — the {credits}-credit price is per image.\"}},\"ai\":{\"music\":{\"metadata\":{\"title\":\"AI Music Generator\",\"description\":\"Generate amazing music with AI\"},\"page\":{\"title\":\"AI Music Generator\",\"description\":\"Generate amazing music with AI\"},\"generator\":{\"title\":\"Music Generator\",\"prompt\":\"Prompt\",\"prompt_placeholder\":\"A love story of Romeo and Juliet\",\"generate\":\"Generate Music\",\"loading\":\"Loading...\",\"generating\":\"Generating...\",\"sign_in_to_generate\":\"Sign In to Generate Music\",\"credits_cost\":\"{credits} credits cost\",\"credits_remaining\":\"{credits} credits remaining\",\"buy_credits\":\"Buy Credits\",\"generation_progress\":\"Generation Progress\",\"time_cost\":\"This may take up to 2-3 minutes...\",\"generated_song\":\"Generated Song\",\"ready_to_play\":\"Ready to Play\",\"audio_generating\":\"Audio Generating...\",\"generating_song\":\"Generating Song...\",\"waiting_generation\":\"Please wait while we create your masterpiece\",\"no_song_generated\":\"No Song Generated\",\"downloading\":\"Downloading...\",\"download_success\":\"Download completed successfully\",\"download_failed\":\"Failed to download audio\",\"form\":{\"custom_mode\":\"Custom Mode\",\"title\":\"Title\",\"title_placeholder\":\"The Sound of Silence\",\"style\":\"Style of Music\",\"style_placeholder\":\"indie, electronic, synths, 120bpm, distorted\",\"instrumental\":\"Instrumental\",\"prompt\":\"Prompt\",\"prompt_placeholder\":\"A country folk song about love\",\"model\":\"Model\",\"lyrics\":\"Lyrics\",\"lyrics_placeholder\":\"Write your own lyrics, two verses (8 lines) for the best result\"}}},\"chat\":{\"sidebar\":{\"header\":{\"brand\":{\"title\":\"GPT Image 2 Chat\",\"logo\":{\"src\":\"/logo.png\",\"alt\":\"GPT Image 2 Chat\"},\"url\":\"/chat\"},\"show_trigger\":false},\"buttons\":[{\"title\":\"New Chat\",\"icon\":\"Plus\",\"url\":\"/chat\",\"variant\":\"outline\"}],\"main_navs\":[{\"items\":[{\"title\":\"History\",\"icon\":\"History\",\"url\":\"/chat/history\"}]}],\"bottom_nav\":{\"items\":[]},\"user\":{\"nav\":{\"items\":[{\"title\":\"Profile\",\"url\":\"/settings/profile\",\"icon\":\"User\",\"target\":\"_blank\"}]},\"show_email\":false,\"show_signout\":true,\"signout_callback\":\"/chat\",\"signin_callback\":\"/chat\"},\"footer\":{\"nav\":{\"items\":[{\"title\":\"Home\",\"url\":\"/\",\"icon\":\"Home\",\"target\":\"_blank\"},{\"title\":\"GitHub\",\"url\":\"https://github.com/your-app-name\",\"icon\":\"Github\",\"target\":\"_blank\"},{\"title\":\"Twitter\",\"url\":\"https://twitter.com/your-app-name\",\"icon\":\"RiTwitterXFill\",\"target\":\"_blank\"},{\"title\":\"Discord\",\"url\":\"https://discord.gg/your-app-name\",\"icon\":\"RiDiscordFill\",\"target\":\"_blank\"},{\"title\":\"Email\",\"url\":\"mailto:[email protected]\",\"icon\":\"Mail\",\"target\":\"_blank\"}]},\"show_theme\":true,\"show_locale\":false},\"variant\":\"sidebar\"},\"library\":{\"title\":\"Library\",\"icon\":\"History\",\"url\":\"/chat/history\",\"more\":\"More\",\"actions\":{\"edit_title\":\"Edit Title\",\"share\":\"Share\",\"delete\":\"Delete\"}},\"generator\":{\"title\":\"What can I help you today?\",\"input_placeholder\":\"You can ask me anything\"},\"history\":{\"title\":\"Chat history\",\"description\":\"Review and revisit your previous conversations.\",\"empty\":\"No conversations yet.\",\"error\":\"Failed to load conversations.\",\"retry\":\"Try again\",\"signin\":\"Sign in to view your chat history.\",\"summary\":\"Showing {from}-{to} of {total}\",\"perPage\":\"Per page\",\"prev\":\"Previous\",\"next\":\"Next\",\"open\":\"Open chat\",\"untitled\":\"Untitled conversation\"}},\"image\":{\"metadata\":{\"title\":\"AI Image Generator\",\"description\":\"Generate images with AI models, support text-to-image and image-to-image.\"},\"page\":{\"title\":\"AI Image Generator\",\"description\":\"Generate images with AI models, support text-to-image and image-to-image.\"},\"generator\":{\"title\":\"Image Generator\",\"description\":\"Generate images with AI models, support text-to-image and image-to-image.\",\"tabs\":{\"text-to-image\":\"Text to Image\",\"image-to-image\":\"Image to Image\"},\"form\":{\"provider\":\"Provider\",\"model\":\"Model\",\"select_provider\":\"Select Provider\",\"select_model\":\"Select Model\",\"prompt\":\"Prompt\",\"prompt_placeholder\":\"Describe the details of the image, such as color, shape, texture, etc.\",\"reference_image\":\"Reference Image\",\"reference_image_placeholder\":\"Upload reference images, support multiple images\",\"some_images_failed_to_upload\":\"Some images failed to upload, please delete them and re-upload\",\"prompt_too_long\":\"Prompt is too long, please delete some content\",\"advanced_options\":\"Advanced Options\",\"num_images\":\"Number of images\",\"size\":\"Size\",\"size_auto\":\"Auto\",\"size_square\":\"Square\",\"size_landscape\":\"Landscape\",\"size_portrait\":\"Portrait\",\"size_custom\":\"Custom\",\"size_auto_hint\":\"The model picks the best size automatically\",\"size_follow_original\":\"Match input ({width}×{height})\",\"size_custom_invalid\":\"Invalid custom size — must be a multiple of 16, ratio ≤ 3:1, 0.65–8.29 MP\",\"aspect_ratio\":\"Aspect ratio\",\"resolution\":\"Resolution\",\"quality\":\"Quality\",\"quality_auto\":\"Auto\",\"quality_low\":\"Low\",\"quality_medium\":\"Medium\",\"quality_high\":\"High\",\"background\":\"Backgroun
13d\",\"background_auto\":\"Auto\",\"background_opaque\":\"Opaque\",\"background_transparent\":\"Transparent\",\"output_format\":\"Output format\",\"compression\":\"Compression\",\"moderation\":\"Moderation\",\"moderation_auto\":\"Auto\",\"moderation_low\":\"Low\"},\"generate\":\"Generate Images\",\"checking_account\":\"Checking Account...\",\"loading\":\"Loading...\",\"generating\":\"Generating...\",\"sign_in_to_generate\":\"Sign In to Generate Image\",\"credits_cost\":\"Cost {credits} credits\",\"credits_remaining\":\"Remaining {credits} credits\",\"buy_credits\":\"Buy Credits\",\"progress\":\"Progress\",\"generated_images\":\"Image Preview\",\"ready_to_generate\":\"Ready to Generate\",\"ready_for_generating\":\"Ready for Generating\",\"no_images_generated\":\"No Images Generated\",\"task_pending\":\"Waiting for the model to start\",\"task_processing\":\"Generating your image...\",\"task_success\":\"Image generation completed\",\"task_failed\":\"Generation failed\",\"download\":\"Download\",\"download_watermarked\":\"Download with Watermark\",\"download_no_watermark\":\"Remove Watermark \u0026 Download\",\"download_success\":\"Image downloaded\",\"send_to_edit\":\"Send to Edit\",\"recent_history\":\"Recent Generations\",\"view_all_history\":\"View All History\",\"no_history\":\"No history yet\"}},\"video\":{\"metadata\":{\"title\":\"AI Video Generator\",\"description\":\"Generate videos with AI models, support text-to-video, image-to-video and video-to-video.\"},\"page\":{\"title\":\"AI Video Generator\",\"description\":\"Generate videos with AI models, support text-to-video, image-to-video and video-to-video.\"},\"generator\":{\"title\":\"Video Generator\",\"description\":\"Generate videos with AI models, support text-to-video, image-to-video and video-to-video.\",\"tabs\":{\"text-to-video\":\"Text to Video\",\"image-to-video\":\"Image to Video\",\"video-to-video\":\"Video to Video\"},\"form\":{\"provider\":\"Provider\",\"model\":\"Model\",\"select_provider\":\"Select Provider\",\"select_model\":\"Select Model\",\"prompt\":\"Prompt\",\"prompt_placeholder\":\"Describe the video content, such as scene, action, style, etc.\",\"reference_image\":\"Reference Image\",\"reference_image_placeholder\":\"Upload a reference image for video generation\",\"reference_video\":\"Reference Video URL\",\"reference_video_placeholder\":\"Enter the URL of the reference video\",\"some_images_failed_to_upload\":\"Image failed to upload, please delete and re-upload\",\"prompt_too_long\":\"Prompt is too long, please delete some content\"},\"generate\":\"Generate Video\",\"checking_account\":\"Checking Account...\",\"loading\":\"Loading...\",\"generating\":\"Generating...\",\"sign_in_to_generate\":\"Sign In to Generate Video\",\"credits_cost\":\"Cost {credits} credits\",\"credits_remaining\":\"Remaining {credits} credits\",\"buy_credits\":\"Buy Credits\",\"progress\":\"Progress\",\"generated_videos\":\"Video Preview\",\"ready_to_generate\":\"Ready to Generate\",\"ready_for_generating\":\"Ready for Generating\",\"no_videos_generated\":\"No Videos Generated\",\"task_pending\":\"Waiting for the model to start\",\"task_processing\":\"Generating your video...\",\"task_success\":\"Video generation completed\",\"task_failed\":\"Generation failed\"}}},\"history\":{\"title\":\"My Works\",\"description\":\"All your generated images in one place.\",\"recent_title\":\"Recent Creations\",\"view_all\":\"View All →\",\"empty\":\"No images generated yet. Start creating!\",\"image_unavailable\":\"Image unavailable\",\"download\":\"Download\",\"download_svg\":\"Download SVG\",\"prompt\":\"Prompt\",\"model\":\"Model\",\"prev\":\"Previous\",\"next\":\"Next\",\"page_info\":\"Page {current} of {total}\",\"view_360\":\"Drag to explore 360°\",\"close\":\"Close\",\"tab_images\":\"Generated Images\",\"tab_shares\":\"My Shares\",\"shares_empty\":\"You haven't shared anything yet.\",\"share_views\":\"{count} views\",\"share_open\":\"Open\",\"share_copy\":\"Copy link\",\"share_copied\":\"Link copied\",\"scene_360-image\":\"360° Panorama\",\"scene_article-illustration\":\"Article Illustration\",\"scene_personal-style-card\":\"Style Card\",\"scene_color-analysis\":\"Color Analysis\",\"auth_title\":\"Sign in to view My Works\",\"auth_description\":\"After signing in, you can view your generation history, download original images, and manage share links.\",\"auth_feature_history\":\"View generation history\",\"auth_feature_download\":\"Download original images\",\"auth_feature_shares\":\"Manage share links\",\"auth_button\":\"Sign in\"},\"home-showcases\":{\"panorama\":{\"eyebrow\":\"GPT Image 2 360° Panorama Generator\",\"title\":\"Step Into a World From One Sentence\",\"description\":\"Type a place and time. GPT Image 2 auto-appends the five panorama keywords and returns a true equirectangular panorama you can drag, zoom and walk into.\",\"cta\":\"Open 360° Studio\",\"scenes\":{\"giza-rooftop-dining\":\"Giza Rooftop Dining at Night\",\"cyberpunk\":\"Neon Cyberpunk Rain\",\"davinci\":\"Da Vinci's Studio, 1470\",\"maldives\":\"Maldives Overwater Sunrise\",\"magic-library\":\"Magic Academy Library\",\"space-station\":\"Space Station Observation Deck\",\"changan-market\":\"Tang Dynasty Chang'an Market\",\"luxor-temple-night\":\"Luxor Temple at Night\"}},\"tweet\":{\"eyebrow\":\"GPT Image 2 Tweet Screenshot Generator\",\"title\":\"GPT Image 2 Writes the Tweet, Renders the Screenshot\",\"description\":\"Type a topic or vibe. GPT Image 2 drafts a viral-style tweet and renders it as a pixel-accurate X (Twitter) single-tweet screenshot — themeable, editable engagement counts, exports a 1500px PNG.\",\"try_it\":\"Generate Yours\",\"cta_primary\":\"Open Tweet Generator\",\"cta_secondary\":\"Try Douyin Live Mockup\"},\"wechat\":{\"eyebrow\":\"GPT Image 2 WeChat Chat Generator\",\"title\":\"One Scene Prompt, GPT Image 2 Writes the Whole Chat\",\"description\":\"Type a scene like \\\"customer follow-up\\\" or \\\"referral intro\\\" — GPT Image 2 drafts a natural conversation and renders it as a 750×1334 WeChat chat screenshot. Every line is editable, exports as PNG.\",\"cta\":\"Open WeChat Chat Generator\",\"samples\":{\"order\":{\"title\":\"Customer · Alex\",\"m1\":\"Hey, are you free? Want to reorder.\",\"m2\":\"Sure! Same size as last time?\",\"m3\"
13:\"Yes, just switch the color to ivory.\",\"m4\":\"Got it, shipping it out today.\",\"m5\":\"Thanks! I'll let you know when it lands.\"},\"feedback\":{\"title\":\"Customer · Linda\",\"m1\":\"Just got it — looks even better in person!\",\"m2\":\"So glad you like it 🥰\",\"m3\":\"Already left 5 stars, my friend wants one too.\",\"m4\":\"Forward her this link, that's all she needs.\"},\"referral\":{\"title\":\"Mentor · Mr. Zhang\",\"m1\":\"Introducing my friend Lisa — she runs a beauty salon.\",\"m2\":\"Thank you so much! I'll add her on WeChat.\",\"m3\":\"Just tell her I sent you.\",\"m4\":\"Perfect, I owe you a coffee.\",\"m5\":\"We're family, no need.\"},\"biz\":{\"title\":\"Partner · Mr. Wang\",\"m1\":\"Reviewed the proposal, looks good overall.\",\"m2\":\"Great, I'll prep the contract for Monday.\",\"m3\":\"Payment terms: 3-7 split works.\",\"m4\":\"Noted, sending the draft tonight.\"}}},\"article-illustration\":{\"eyebrow\":\"GPT Image 2 Article Illustration Generator\",\"title\":\"Turn one sentence into a fully composed GPT Image 2 infographic\",\"description\":\"Food maps, science encyclopedia spreads, museum breakdowns, travel guides — GPT Image 2 covers every \\\"image with text\\\" need in a single shot. Ready for social, slides or blog.\",\"case_caption\":\"The five figures below were generated by this very tool, illustrating a fable about diffusion models we wrote in-house.\",\"read_post\":\"Read the post\",\"cta_primary\":\"Open the infographic studio\",\"cta_secondary\":\"Read the full case\",\"figures\":{\"fable-1\":\"The Painter in the Mist · narrative opener\",\"fable-2\":\"Training · adding noise frame by frame\",\"fable-3\":\"Generation · denoising into the final image\",\"fable-4\":\"Conditional generation · text-encoder block diagram\",\"fable-5\":\"Diffusion vs GAN · 4-dimension comparison\"}},\"personal-style-card\":{\"eyebrow\":\"GPT Image 2 Personal Style Card\",\"title\":\"Upload one photo, GPT Image 2 returns a complete style analysis\",\"description\":\"Real face preserved. GPT Image 2 compares hairstyle, makeup, color and jewelry as best fit / neutral / avoid — all on a single 2:3 poster. A pro stylist's report on one image.\",\"features\":{\"hairstyle\":\"Hairstyle compare\",\"makeup\":\"Makeup analysis\",\"color\":\"Color try-on\",\"jewelry\":\"Jewelry pairing\"},\"cta\":\"Generate my style card\"},\"portrait-styles\":{\"eyebrow\":\"GPT Image 2 Portrait Styles\",\"title\":\"One selfie, a dozen pro-level GPT Image 2 looks\",\"description\":\"Cinematic 35mm film, editorial black-and-white, LinkedIn headshot, Korean ID photo, 3D figurine — same face, different stylists. GPT Image 2 keeps the likeness, swaps the styling.\",\"try_it\":\"Try this style\",\"cta\":\"Browse all styles\",\"styles\":{\"editorial-bw-portrait\":\"Editorial B\u0026W\",\"film-portrait-35mm\":\"35mm Film\",\"linkedin-headshot\":\"LinkedIn Headshot\",\"korean-id-photo\":\"Korean ID Photo\",\"ai-wedding\":\"AI Wedding\",\"3d-toy-figure\":\"3D Figurine\"}},\"color-analysis\":{\"eyebrow\":\"GPT Image 2 Personal Color Analysis\",\"title\":\"Which colors actually flatter your skin? GPT Image 2 tells you on your real face\",\"description\":\"GPT Image 2 infers your undertone, then renders best vs avoid clothing colors side by side on your real face — clear at a glance which colors brighten or dull your complexion. Pull it up before you shop.\",\"palette_warm\":\"Warm palette\",\"palette_cool\":\"Cool palette\",\"features\":{\"undertone\":\"Undertone detection\",\"best-colors\":\"Best-color try-on\",\"avoid-colors\":\"Avoid-color callouts\",\"compare\":\"Side-by-side compare\"},\"cta\":\"Generate my color analysis\"},\"healing-landscape\":{\"eyebrow\":\"GPT Image 2 Healing Flat Landscape Illustration\",\"title\":\"Phone wallpapers in one GPT Image 2 click\",\"description\":\"Low-saturation palette, geometric blocks, subtle film grain, 9:16 portrait ready for the lock screen. 18 GPT Image 2 scene templates — seaside, snowy night, cherry blossom, starry sky — copy-paste and go.\",\"scenes\":{\"scene-01\":\"Dusk seaside cabin\",\"scene-04\":\"Spring flower field\",\"scene-07\":\"Winter snowy village\",\"scene-10\":\"Moonlit forest lake\",\"scene-15\":\"Starry-sky tent\",\"scene-18\":\"Cherry blossom path\"},\"more\":\"+12 more scenes\",\"try_it\":\"Use this scene\",\"cta\":\"See all 18 scene prompts\"},\"photo-annotation\":{\"eyebrow\":\"GPT Image 2 Handwritten Photo Annotation\",\"title\":\"GPT Image 2 turns any photo into a Japanese-journal diary page\",\"description\":\"Upload an everyday snapshot. GPT Image 2 lays down 8–12 hand-drawn annotations with diary-style notes — and the same prompt fires natively in Chinese, English, Japanese, German. Four real outputs in four languages below.\",\"scenes\":{\"street-zh\":\"Night market · Chinese notes\",\"cafe-de\":\"Café desk · German notes\",\"food-en\":\"Weekend brunch · English notes\",\"food-ja\":\"Lunch memo · Japanese notes\",\"convenience-en\":\"Convenience store · English notes\",\"desk-de\":\"Office desk · German notes\"},\"hint\":\"One prompt — the model writes the annotations in whichever language you pick. Chinese, English, Japanese, German all flow natively.\",\"try_it\":\"Try it\",\"cta\":\"Open the annotation workstation\"}},\"prompts\":{\"metadata\":{\"title\":\"GPT Image 2 Prompts — Curated Examples | imagesv2.ai\",\"description\":\"Browse a curated gallery of GPT Image 2 prompts with the actual generated images. Copy any prompt and try it instantly in the playground.\",\"keywords\":\"gpt image 2 prompts, gpt image 2 prompt, gpt-image-2 prompt examples, ai image prompts\"},\"title\":\"GPT Image 2 Prompts\",\"description\":\"A curated gallery of GPT Image 2 prompts with the actual generated images. Click to view details, copy a prompt, or try it instantly.\",\"disclaimer\":\"Some prompts may be rejected by safety policies. Use them as a reference and adapt as needed.\",\"category_tabs\":{\"all\":\"All\",\"ecommerce\":\"E-commerce\",\"portrait\":\"Portraits\",\"poster\":\"Posters \u0026 Illustration\",\"ui\":\"UI Mockups\",\"character\":\"Character Design\",\"game\":\"Games\"},\"copy_prompt\":\"Copy Prompt\",\"copied\":\"Copied!\",\"copy_failed\":\"Copy failed\",\"try_it\":\"Make This\",\"view_details\":\"View details\",\"search_placeholder\":\"Search prompts, styles, use cases...\",\"mode_tabs\":{\"all\":\"All modes\",\"text_to_image\":\"Text-to-image\",\"image_to_image\":\"Image-to-image\"},\"load_more\":\"Load more\",\"loading\":\"Loading prompt...\",\"source\":\"Source\",\"before_label\":\"Before\",\"after_label\":\"After\",\"featured_title\":\"Start with curated cases. Create standout images.\",\"featured_description\":\"Curated high-quality GPT Image 2 image examples with prompts you can reuse. Find a result you like and start creating.\",\"view_all\":\"Explore curated prompts\",\"library_value_title\":\"Curated GPT Image 2 Prompt Library\",\"library_value_description\":\"Discover high-quality image examples, study their composition, style, and ideas, then copy a prompt to start creating. Browsing and copying are free with no sign-in; image generation requires an account and credits.\",\"library_bookmark_hint\":\"Return here for your next creative session\",\"library_share_hint\":\"Give someone a ready-to-use source of inspiration\",\"library_bookmark\":\"Save this library\",\"library_bookmark_title\":\"Save the prompt library\",\"library_bookmark_description\":\"Keep this library handy so you can return to your next creative session.\",\"library_bookmark_desktop\":\"Desktop: press Ctrl+D (Windows/Linux) or ⌘+D (Mac) in your browser.\",\"library_bookmark_mobile\":\"Mobile: open your browser menu and choose Add to bookmarks or Add to reading list.\",\"library_url_label\":\"Prompt library URL\",\"library_share\":\"Share this library\",\"library_share_text\":\"Curated, inspiring AI image prompts with visual examples, free to copy. Come take a look!\",\"library_share_content_label\":\"Share text and link\",\"library_share_copied\":\"Share text and link copied\",\"library_share_copied_short\":\"Copied\",\"library_share_failed\":\"Could not copy the library link\",\"library_share_recovery\":\"Select the share content below and copy it manually.\",\"detail\":{\"home\":\"Home\",\"title\":\"{title} Prompt\",\"metadata_title\":\"{title} Prompt | GPT Image 2\",\"metadata_description_suffix\":\"See the real GPT Image 2 result, copy the full prompt, and run it in the imagesv2 playground with free credits.\",\"prompt_label\":\"Prompt\",\"customize_title\":\"How to customize\",\"customize_replace\":\"Replace the subject, brand, place, or product name.\",\"customize_
13keep\":\"Keep the composition and lighting blocks if you like the result.\",\"customize_change\":\"Change the aspect ratio or platform target before generation.\",\"customize_image_to_image\":\"Upload a reference image first, then keep identity constraints clear.\",\"related_title\":\"Related prompts\"},\"guide\":{\"heading\":\"How to write GPT Image 2 prompts that actually work\",\"intro\":\"Great GPT Image 2 prompts read like a clear brief, not a pile of keywords. Describe the scene first, then the subject, then the details — and tell the model what the image is for. Below is the order that works, straight from how GPT Image 2 reads a prompt.\",\"steps\":[{\"title\":\"Set the scene, then the subject\",\"body\":\"Open with the background or setting, then the main subject and what it's doing. Spell out the use case too — an ad, a UI mockup, an infographic — so the model frames it the right way.\"},{\"title\":\"Be specific, and name the medium\",\"body\":\"Vague prompts get vague images. Say the material, shape, and texture, and name the medium: photo, watercolor, 3D render. Add a quality cue like \\\"fine film grain\\\" or \\\"soft brush texture\\\" to push the look you want.\"},{\"title\":\"Direct the camera and the light\",\"body\":\"Call the shot: close-up, wide shot, top-down. Pick the angle: eye level or low angle. Then set the light and mood — soft diffused light, golden hour, high contrast. This is what separates a snapshot from a designed image.\"},{\"title\":\"Put text in quotes\",\"body\":\"If you want words inside the image, write the exact text in quotation marks or ALL CAPS, and spell out unusual words letter by letter. Add the font style, size, color, and position so the typography lands.\"},{\"title\":\"Say what to keep and what to change\",\"body\":\"For edits and image-to-image, separate what must stay from what should change. Repeat the \\\"keep\\\" list every time you iterate so the result doesn't drift — same face, same product shape, same background unless you say otherwise.\"}]},\"usecases\":{\"heading\":\"GPT Image 2 prompts by use case\",\"intro\":\"Every prompt in this library is sorted by the job it does. Jump to the category you need — each one is copy-paste ready with the real generated image attached.\",\"items\":[{\"title\":\"E-commerce \u0026 product\",\"body\":\"Clean white-background hero shots, lifestyle scenes, and packaging mockups. The go-to GPT Image 2 prompts for product photography without a studio.\"},{\"title\":\"Portraits\",\"body\":\"Cinematic headshots, editorial portraits, and stylized character looks — with lighting and composition blocks you can reuse across faces.\"},{\"title\":\"Posters \u0026 illustration\",\"body\":\"Event posters, editorial illustration, and in-image text layouts. These prompts lean on GPT Image 2's text rendering to keep headlines crisp.\"},{\"title\":\"UI mockups\",\"body\":\"App screens, dashboards, and social profile mockups. Prompt structures tuned for clean layouts and readable interface text.\"},{\"title\":\"Character design\",\"body\":\"Consistent characters across scenes, reference sheets, and game-ready concepts — with identity constraints baked into the prompt.\"},{\"title\":\"Games\",\"body\":\"Game art, item icons, and environment concepts. Prompts written for a coherent style you can scale across a set.\"}]},\"mistakes\":{\"heading\":\"Common GPT Image 2 prompting mistakes to avoid\",\"intro\":\"Most weak results come from a handful of fixable habits. Watch for these.\",\"items\":[{\"title\":\"Loading everything into one giant prompt\",\"body\":\"Long prompts work, but they're hard to debug. Start from a clean base and iterate with small single changes — \\\"warmer light,\\\" \\\"remove the extra tree,\\\" \\\"restore the original background.\\\"\"},{\"title\":\"Expecting negative prompts to work\",\"body\":\"GPT Image 2 doesn't use negative prompts. Instead of \\\"no watermark,\\\" state the exclusion as a constraint — \\\"no watermark, no extra text, keep the original product geometry.\\\"\"},{\"title\":\"Being vague about text\",\"body\":\"\\\"Add a title\\\" gets you gibberish. Put the exact words in quotes, ALL CAPS for emphasis, and specify font, size, and placement.\"},{\"title\":\"Letting edits drift\",\"body\":\"Each edit can quietly change things you wanted to keep. Repeat your \\\"keep\\\" list on every iteration — face, pose, background, camera angle.\"},{\"title\":\"Trading detail for mood\",\"body\":\"For wide, low-light, rainy, or neon scenes, the model can swap real detail for surface vibe. Add scale, atmosphere, and color notes so detail survives.\"}]},\"faq\":{\"heading\":\"Frequently asked questions\",\"contact\":\"More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"q\":\"Do negative prompts work for GPT Image 2?\",\"a\":\"No. GPT Image 2 doesn't support negative prompts the way some older models do. Instead of a \\\"no X\\\" list, write the exclusion as a plain constraint inside your prompt — \\\"no watermark, no extra text, keep the original shape.\\\" Clear exclusions work better than negative tokens.\"},{\"q\":\"What's the difference between GPT Image 2 and ChatGPT Image 2.0?\",\"a\":\"They're the same model. \\\"ChatGPT Image 2.0\\\" is how it shows up inside ChatGPT; \\\"GPT Image 2\\\" (gpt-image-2) is the model name on the API. Any prompt here works in both.\"},{\"q\":\"What's new in GPT Image 2 prompts for 2026?\",\"a\":\"GPT Image 2 handles in-image text, multi-reference editing, and identity consistency far better than before — so 2026 prompts can be more specific about typography, references, and what to keep across edits.\"},{\"q\":\"What is the best prompt structure for GPT Image 2?\",\"a\":\"Sce
13ne first, then subject, then key details, then style and lighting, then constraints, and finally the use case. This order matches how the model reads a prompt and gives you the most control.\"},{\"q\":\"Can I just copy and paste these prompts?\",\"a\":\"Yes. Every prompt is copy-paste ready. Hit \\\"Copy Prompt,\\\" swap in your own subject or brand, and run it. Tap \\\"Make This\\\" to generate the same look instantly.\"},{\"q\":\"How do I make GPT Image 2 render text correctly?\",\"a\":\"Put the exact words in quotation marks or ALL CAPS, spell out unusual words letter by letter, and name the font style, size, color, and position. For dense or small text, ask for higher quality and iterate on wording.\"},{\"q\":\"Does GPT Image 2 support transparent backgrounds?\",\"a\":\"The raw GPT Image 2 model only outputs an opaque background — but on imagesv2 we've optimized transparent-background support, so you can generate a clean transparent PNG in one step, no separate cutout needed.\",\"linkHref\":\"/gpt-image-2-transparent-background\",\"linkText\":\"Generate a transparent background\"},{\"q\":\"Can GPT Image 2 use multiple reference images?\",\"a\":\"Yes. Reference each input by index and describe how they combine — \\\"image 1: the product, image 2: the style; apply image 2's style to image 1.\\\" Be explicit about which elements move where.\"},{\"q\":\"How do I keep the same character across images?\",\"a\":\"Lock the identity in your prompt — face, body type, pose, hair, expression — and only let the parts you name change, like clothing or background. Repeat that \\\"keep\\\" list on every generation to stop drift.\"},{\"q\":\"GPT Image 2 vs GPT Image 1 — what changed for prompts?\",\"a\":\"GPT Image 2 follows instructions more closely, renders text more reliably, and holds identity better across edits. You can write more specific, constraint-heavy prompts and trust they'll be respected.\"},{\"q\":\"GPT Image 2 vs Nano Banana prompts — which is better?\",\"a\":\"Both are strong. GPT Image 2 tends to lead on in-image text and precise instruction-following; pick prompts based on the job. The structures in this library transfer well between models.\"},{\"q\":\"How does GPT Image 2 compare to Midjourney?\",\"a\":\"Midjourney leans artistic and stylized; GPT Image 2 leans accurate and controllable, especially for text, product shots, and UI. For brief-driven, instruction-heavy work, GPT Image 2 prompts are easier to dial in.\"},{\"q\":\"Is GPT Image 2 free to use?\",\"a\":\"You can try GPT Image 2 prompts on imagesv2 with starter credits, then top up as you go. Browsing and copying every prompt in this library is always free.\",\"linkHref\":\"/\",\"linkText\":\"Try it free on the homepage\"},{\"q\":\"Where can I find more GPT Image 2 prompt examples?\",\"a\":\"Right here — this library is a curated set of GPT Image 2 prompts with real output, sorted by use case. Filter by category above, or open any example to copy it and make your own.\"}]}},\"pages\":{\"360-image\":{\"metadata\":{\"title\":\"GPT Image 2 360° Panorama Generator — Sentence to World\",\"description\":\"Type any place + time and GPT Image 2 returns a seamless equirectangular panorama you can drag, zoom, and step into. Free credits on signup.\",\"keywords\":\"360 panorama generator, AI panorama, equirectangular image, VR panorama, GPT Image 2\"},\"studio\":{\"section_title\":\"Generate Your 360° Panorama\",\"section_description\":\"Type a place + time. We auto-append the 5 must-have keywords so GPT Image 2 returns a true panorama, not a flat photo.\",\"input_label\":\"Place + time\",\"input_placeholder\":\"e.g. Da Vinci's studio in 1470\",\"generate_btn\":\"Generate 360° panorama\",\"generating\":\"Generating…\",\"generating_hint\":\"Rendering your high-quality 360° panorama — this usually takes 1–2 minutes, sometimes longer at peak times. Please don't close or refresh the window while we work on it.\",\"viewer_empty\":\"Your 360° panorama will appear here — drag to look around.\",\"viewer_loading\":\"Loading 360° viewer…\",\"examples_title\":\"Or pick a preset\",\"examples\":[{\"id\":\"pyramids\",\"label\":\"Egyptian pyramids at sunset\",\"prompt\":\"Standing on the Giza desert plain at golden-hour sunset, the three Great Pyramids rising on one side and the Sphinx silhouette on the other, sand dunes stretching in every direction, scattered tourists and camels around the viewer, dramatic orange and violet sky wrapping the full horizon, long warm shadows on the sand, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/pyramids.jpg\"},{\"id\":\"edo\",\"label\":\"Edo-era Kyoto street\",\"prompt\":\"Standing in the middle of a quiet Edo-era Kyoto cobblestone street at dusk, traditional wooden machiya townhouses with glowing paper lanterns lining both sides, distant pagoda roofs visible behind, drifting cherry blossom petals in the air, soft pink-orange sky, atmospheric haze, a few figures in kimono walking past\",\"cached_image\":\"/imgs/360-image/edo.jpg\"},{\"id\":\"changan-market\",\"label\":\"Tang dynasty Chang'an night market\",\"prompt\":\"Standing in the middle of a lively Tang dynasty Chang'an night market, lantern-lit wooden stalls surrounding the viewer, silk banners, food vend
13ors, musicians, scholars, and travelers in traditional clothing, distant palace roofs and city walls visible under a deep blue evening sky, warm lantern reflections on stone pavement, rich historical atmosphere, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/changan-market.jpg\"},{\"id\":\"monet-water-lilies\",\"label\":\"Monet's water lily garden\",\"prompt\":\"$39\",\"cached_image\":\"/imgs/360-image/monet-water-lilies.jpg\"},{\"id\":\"davinci\",\"label\":\"Da Vinci's studio in 1470\",\"prompt\":\"Standing in the center of Leonardo da Vinci's Renaissance art studio in 1470, cluttered wooden workshop wrapping around in every direction, oil paintings and anatomical sketches pinned across the walls, candles and oil lamps casting warm golden light, parchment scrolls and quills on long workbenches, half-finished sculptures, exposed wooden beams overhead\",\"cached_image\":\"/imgs/360-image/davinci.jpg\"},{\"id\":\"maldives\",\"label\":\"Maldives overwater villa sunrise\",\"prompt\":\"Standing at eye level on the wooden deck of a luxury overwater villa in the Maldives at sunrise, turquoise ocean stretching in every direction, glassy shallow water below, nearby villas connected by curved wooden walkways, soft golden sunlight on the horizon, white curtains moving gently near an open bedroom entrance, tropical clouds wrapping the full sky, peaceful luxury resort atmosphere, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/maldives.jpg\"},{\"id\":\"roman-forum\",\"label\":\"Ancient Roman Forum sunrise\",\"prompt\":\"Standing in the center of the Roman Forum at sunrise during the height of ancient Rome, marble temples, columns, statues, and market stalls surrounding the viewer, citizens in robes walking across stone streets, banners moving gently in the morning air, golden sunlight hitting monumental architecture, distant Colosseum silhouette, historically inspired cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/roman-forum.jpg\"},{\"id\":\"ryokan-onsen\",\"label\":\"Japanese ryokan private onsen\",\"prompt\":\"Standing inside a traditional Japanese ryokan hot spring room at dusk, tatami flooring, sliding shoji doors, low wooden table, futon bedding, open-air private onsen bath visible through wide doors, steam rising into a quiet garden with stone lanterns and maple trees, warm interior lighting, peaceful refined atmosphere, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/ryokan-onsen.jpg\"},{\"id\":\"museum\",\"label\":\"Egyptian museum grand hall\",\"prompt\":\"Standing in the center of the grand main hall of the Egyptian Museum, towering stone columns carved with hieroglyphics rising on every side, golden pharaoh statues and ornate sarcophagi displayed in glass cases all around the viewer, ancient artifacts and mummies in dim spotlit alcoves, a massive Tutankhamun gold mask glowing in a central display, polished marble floor reflecting the warm exhibit lighting, soft museum ambience, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/museum.jpg\"},{\"id\":\"apple\",\"label\":\"Apple-style showroom\",\"prompt\":\"Standing at eye level in the center of a vast futuristic Apple-style flagship showroom, ultra-clean glossy white architecture extending in every direction, polished concrete floor reflecting soft cove lighting, glass product display tables on every side, mezzanine level overhead with thin floating staircases, floor-to-ceiling windows in the far distance, luxury minimalism, premium aesthetic\",\"cached_image\":\"/imgs/360-image/apple.jpg\"},{\"id\":\"cyberpunk\",\"label\":\"Cyberpunk city\",\"prompt\":\"Standing on a neon-soaked cyberpunk street corner at midnight, towering skyscrapers wrapped in massive holographic advertisements on every side, flying cars streaking across rainy air overhead, dense crowds in colorful raincoats, reflective wet asphalt mirroring vivid neon signs in every direction, cinematic atmosphere, highly realistic\",\"cached_image\":\"/imgs/360-image/cyberpunk.jpg\"},{\"id\":\"hotel\",\"label\":\"Luxury hotel lobby\",\"prompt\":\"Standing in the center of a vast luxury hotel lobby in the evening, polished marble floor reflecting a giant crystal chandelier overhead, a sweeping double staircase on one side, an ornate reception desk on the other, velvet lounge seating in the foreground, tall ar
13ched windows on the far walls, warm golden chandelier light bathing the entire 360 scene\",\"cached_image\":\"/imgs/360-image/hotel.jpg\"},{\"id\":\"watch\",\"label\":\"Luxury watch showroom\",\"prompt\":\"Standing at eye level in the center of an ultra-high-end luxury watchmaking showroom, black-and-gold premium gallery architecture wrapping around the viewer, floating mirrored product pedestals arranged on every side displaying high-end timepieces, soft directional spotlights with focused key lighting, polished marble walls and mirrored floor reflecting the timepieces, Apple flagship store grade material quality, minimalist high-end e-commerce visual, ultra-detailed product surfaces, brand hero banner aesthetic, immersive cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/watch.jpg\"},{\"id\":\"shibuya\",\"label\":\"Tokyo Shibuya rainy night\",\"prompt\":\"Standing in the center of Shibuya crossing in Tokyo on a rainy night, massive neon billboards and LED screens surrounding the viewer on every side, dense crowds with umbrellas moving through the crosswalk, wet asphalt reflecting pink, blue, and yellow city lights, tall buildings rising into the dark sky, cinematic urban energy, highly realistic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/shibuya.jpg\"},{\"id\":\"villa\",\"label\":\"Modern luxury villa living room\",\"prompt\":\"Standing in the center of a modern luxury villa living room at golden hour, floor-to-ceiling glass walls opening to an infinity pool and ocean view, marble floor, low designer sofas, warm wood ceiling panels, sculptural staircase on one side, open kitchen and dining area behind the viewer, soft sunlight reflecting across the room, premium interior design, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/villa.jpg\"},{\"id\":\"mars\",\"label\":\"Mars research base exterior\",\"prompt\":\"Standing outside a futuristic Mars research base at sunset, red desert terrain stretching across the full horizon, several connected habitat domes and airlock modules around the viewer, solar panels, rover tracks, astronaut equipment, distant rocky mountains, dusty orange sky, Earth visible as a tiny bright point, cinematic science fiction realism, immersive equirectangular panorama\",\"cached_image\":\"/imgs/360-image/mars.jpg\"},{\"id\":\"space-station\",\"label\":\"Space station observation deck\",\"prompt\":\"Standing inside a futuristic space station observation deck, curved panoramic windows surrounding the viewer with Earth glowing below, sleek white and graphite interior panels, floating holographic navigation displays, soft blue instrument lights, distant spacecraft docking bay visible behind, zero-gravity details, premium cinematic sci-fi atmosphere, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/space-station.jpg\"},{\"id\":\"coral-reef\",\"label\":\"Underwater coral reef\",\"prompt\":\"Floating at diver eye level inside a vibrant tropical coral reef, colorful corals and sea plants surrounding the viewer in every direction, schools of fish swimming above and behind, sunbeams piercing through clear blue water from the surface, sea turtles in the distance, sandy ocean floor below, immersive underwater world, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/coral-reef.jpg\"},{\"id\":\"milky-way-camp\",\"label\":\"Mountain campsite under the Milky Way\",\"prompt\":\"Standing beside a small mountain campsite at night, glowing tent and campfire in the foreground, rocky alpine ridge surrounding the viewer, distant snow peaks under a vast Milky Way sky, lanterns, backpacks, and camping gear arranged naturally around the site, cool moonlight mixed with warm firelight, peaceful adventure atmosphere, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/milky-way-camp.jpg\"},{\"id\":\"magic-library\",\"label\":\"Magical academy library\",\"prompt\":\"Standing in the center of a vast magical academy library, towering circular bookshelves rising on every side, floating candles and glowing spell books, spiral staircases, stained-glass windows, ancient wooden desks, enchanted maps and instruments, warm golden light mixed with soft blue magical glow, immersive fantasy environment, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/magic-library.jpg\"},{\"id\":\"ev-showroom\",\"label\":\"Futuristic electric vehicle showroom\",\"prompt\":\"Standing in the center of a futuristic electric vehicle showroom, sleek concept cars displayed on circular platforms around the viewer, glossy dark floor reflecting soft white and blue light strips, large curved LED walls, glass facade, minimal premium architecture, charging stations and interactive product displays, high-end technology brand atmosphere, ultra-detailed equirectangular panorama\",\"cached_image\":\"/imgs/360-image/ev-showroom.jpg\"},{\"id\":\"luxor-temple-night\",\"label\":\"Ancient Egyptian temple at night\",\"prompt\":\"$3a\",\"cached_image\":\"/imgs/360-image/luxor-temple-night.jpg\"},{\"id\":\"giza-rooftop-dining\",\"label\":\"Giza pyramids rooftop dining at night\",\"prompt\":\"$3b\",\"cached_image\":\"/imgs/360-image/giza-rooftop-dining.jpg\"},{\"id\":\"autumn-forest-road\",\"label\":\"Autumn forest road with vintage van\",\"prompt\":\"Standing in the middle of a quiet autumn forest road at golden hour, towering golden and crimson maple trees lining both sides of the road, thick orange leaves carpeting the ground all around, warm sunset light streaming through the canopy creating long dappled shadows, a vintage olive-green Volkswagen van parked along the shoulder, soft drifting fog between the trees, peaceful countryside atmosphere, distant winding road fading into autumn haze, cinematic warm cozy mood, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/autumn-forest-road.jpg\"},{\"id\":\"mediterranean-cafe\",\"label\":\"Mediterranean cliffside café at sunset\",\"prompt\":\"Standing on the elegant outdoor terrace of a luxury cliffside café at golden-hour Mediterranean sunset, white stone tables and warm flickering candles around the viewer, weathered cream-stone railings overlooking sheer cliffs dropping to deep blue ocean far below, distant white yachts dotting the calm sea, terracotta-roofed villages clinging to neighboring cliffs, bougainvillea climbing nearby pillars, soft sea breeze atmosphere, warm sunset glow wrapping the full horizon, romantic premium European seaside mood, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/mediterranean-cafe.jpg\"},{\"id\":\"aurora-fjord\",\"label\":\"Norwegian fjord with northern lights\",\"prompt\":\"Standing on the frozen shore of a deep N
13orwegian fjord at night, towering snow-dusted granite cliffs rising on every side around mirror-still dark water, vivid green and violet aurora borealis ribbons sweeping across the entire star-filled sky, small red painted fisherman cabins glowing warmly along the rocky shoreline, snow-covered peaks in the far distance, faint mist drifting over the fjord surface, cinematic Nordic night atmosphere, magical and peaceful silence, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/aurora-fjord.jpg\"},{\"id\":\"deep-sea-world\",\"label\":\"Deep sea whale and god rays\",\"prompt\":\"Floating at mid-depth in a vast deep blue ocean panorama, dramatic golden god-ray sunlight beams piercing down from the distant surface, the silhouette of a giant whale gliding past in the far distance, drifting bioluminescent jellyfish gently pulsing around the viewer, schools of small silvery fish swirling through the water, colorful coral-encrusted underwater rocks below, mysterious deep sea atmosphere, dreamy and peaceful weightless feeling, cinematic underwater lighting, ultra-detailed cinematic equirectangular panorama\",\"cached_image\":\"/imgs/360-image/deep-sea-world.jpg\"},{\"id\":\"swiss-alps\",\"label\":\"Swiss Alps countryside walk\",\"prompt\":\"$3c\",\"cached_image\":\"/imgs/360-image/swiss-alps.jpg\"}],\"download\":\"Download PNG\",\"share\":\"Copy link\",\"share_copied\":\"Link copied — anyone with this link can step into your 360° world.\",\"share_unavailable\":\"Generate a panorama or pick a preset before sharing.\",\"auth_required\":\"Please sign in to generate a panorama.\",\"keywords_hint\":\"Auto-appended: equirectangular projection · 360 panoramic · seamless environment · immersive VR · 2:1 aspect ratio\",\"cost_label\":\"Costs {credits} credits per panorama\",\"cost_summary\":\"Preview {preview} · HD {hdMin}–{hdMax} credits\",\"remaining_label\":\"{credits} credits remaining\",\"remaining\":\"{credits} credits\",\"remaining_unknown\":\"Sign in to see your credit balance\",\"insufficient_credits\":\"Not enough credits — please top up to continue.\",\"input_placeholder_with_ref\":\"Describe the 360° scene to build from these reference image(s)…\",\"ref_intent_title\":\"How should the reference images be used?\",\"ref_intent_scene_label\":\"Turn these images into the 360° scene\",\"ref_intent_scene_prompt\":\"Turn the reference images into a seamless 360° panorama of the same place: keep the layout, lighting, materials and colors unchanged, and extend the surroundings naturally in every direction.\",\"ref_intent_subject_label\":\"Put the subject into the current scene\",\"ref_intent_subject_prompt\":\"Place the subject from the reference images into the following scene, keeping their appearance faithful and matching the scene's lighting: {scene}\",\"ref_label\":\"Reference images (optional · {count}/{max})\",\"ref_attached\":\"{count} reference(s) attached\",\"ref_clear_all\":\"Clear all\",\"ref_drop_idle\":\"Drag, click, or paste reference images\",\"ref_drop_active\":\"Drop reference images\",\"ref_format_hint\":\"PNG / JPG / WebP · up to {max} images · 20MB each\",\"ref_remove_aria\":\"Remove\",\"ref_add_more_aria\":\"Add more\",\"ref_only_images_error\":\"Please pick image files.\",\"ref_max_warning\":\"Already at {max} reference images.\",\"ref_some_skipped_warning\":\"Max {max} reference images. {skipped} skipped.\",\"ref_too_big_error\":\"\\\"{name}\\\" exceeds 20MB.\",\"presets_title\":\"Quick presets (cached — free preview)\",\"presets_show_more\":\"Show more presets\",\"presets_show_less\":\"Show less\",\"preview_button_text_only\":\"Quick Preview ({cost} credits, ~10s)\",\"preview_button_with_ref\":\"Quick Preview from {count} reference(s) ({cost} credits)\",\"re_roll\":\"Re-roll ({cost})\",\"hd_button\":\"Generate HD ▾\",\"hd_quality_medium\":\"Medium\",\"hd_quality_high\":\"High\",\"phase_preset_badge\":\"Preset\",\"phase_preview_badge\":\"Preview\",\"phase_hd_badge\":\"✓ HD\",\"phase_generating_preview\":\"Generating quick preview… (~10s)\",\"phase_generating_hd_overlay\":\"Rendering HD version (1–2 min) — view stays interactive\",\"preview_note_preset\":\"Preset preview — tweak the prompt then re-roll, or upgrade to HD.\",\"preview_note_custom\":\"Preview only — composition might be rough. Spin around first.\",\"remove_watermark\":\"Remove watermark\",\"start_over\":\"Start over\",\"generation_failed\":\"Generation failed.\"},\"showcase\":{\"eyebrow\":\"GPT Image 2 Panorama · real samples\",\"title\":\"GPT Image 2 Panorama Examples You Can Step Into\",\"description\":\"Every image below was produced by GPT Image 2 from a single prompt — no stitching, no compositing. Pick one to drop the same scene into the generator above and remix it.\",\"cta\":\"Open in the generator\",\"cta_url\":\"#create\",\"items\":[{\"id\":\"monet-water-lilies\",\"label\":\"Monet's water lily garden\",\"copy\":\"Step onto the wooden bridge above Monet's lily pond. Impressionist brushwork wraps the full horizon — willows, blooms and morning mist read coherently from every angle. A GPT Image 2 Panorama, no post-edit.\",\"image\":\"/imgs/360-image/monet-water-lilies.jpg\"},{\"id\":\"davinci\",\"label\":\"Da Vinci's studio in 1470\",\"copy\":\"1470. Standing in Leonardo's workshop. Anatomical sketches pinned to every wall, candlelight flickering on parchment, half-finished sculptures behind you. GPT Image 2 rebuilds an entire Renaissance interior in a single panorama.\",\"image\":\"/imgs/360-image/davinci.jpg\"},{\"id\":\"roman-forum\",\"label\":\"Ancient Roman Forum at sunrise\",\"copy\":\"Sunrise on the Forum at the height of the empire. Marble temples, statues and citizens in robes encircle you. Watch how GPT Image 2 holds the warm directional light consistent across the entire 360° wrap.\",\"image\":\"/imgs/360-image/roman-forum.jpg\"},{\"id\":\"edo\",\"label\":\"Edo-era Kyoto at dusk\",\"copy\":\"A quiet Edo-period Kyoto cobblestone street at dusk. Paper lanterns glow on both sides, a pagoda silhouette behind you, cherry petals drifting in pink-orange light. Real spatial atmosphere — not a flat illustration.\",\"image\":\"/imgs/360-image/edo.jpg\"},{\"id\":\"milky-way-camp\",\"label\":\"Mountain campsite under the Milky Way\",\"copy\":\"Pitch a tent on an alpine ridge. The full Milky Way wraps the sky, snow peaks line the horizon, warm firelight glows in the foreground. One GPT Image 2 Panorama you can drag in any direction.\",\"image\":\"/imgs/360-image/milky-way-camp.jpg\"},{\"id\":\"luxor-temple-night\",\"label\":\"Ancient Egyptian temple at night\",\"copy\":\"Luxor Temple after dark. Colossal sandstone columns, hieroglyphic reliefs and torch-cast shadows surround you, the Nile glinting in the distance. Mysterious, monumental — and seamlessly wrapped 2:1.\",\"image\":\"/imgs/360-image/luxor-temple-night.jpg\"},{\"id\":\"pyramids\",\"label\":\"Egyptian pyramids at sunset\",\"copy\":\"Golden hour on the Giza plain. Pyramids on one side, the Sphinx on the other, dunes stretching everywhere. GPT Image 2 keeps the warm light and long shadows continuous across the full panorama.\",\"image\":\"/imgs/360-image/pyramids.jpg\"},{\"id\":\"autumn-forest-road\",\"label\":\"Autumn forest road\",\"copy\":\"A vintage van parked on a quiet autumn road. Golden and crimson maples in every direction, sunset filtering through the canopy. Cozy, cinematic, fully drag-to-explore.\",\"image\":\"/imgs/360-image/autumn-forest-road.jpg\"},{\"id\":\"mediterranean-cafe\",\"label\":\"Mediterranean cliffside café\",\"copy\":\"A cliffside café at Mediterranean sunset. Stone tables and candles in front of you, deep blue sea below, terracotta villages clinging to the neighboring cliffs. Premium European mood in a single panorama.\",\"image\":\"/imgs/360-image/mediterranean-cafe.jpg\"},{\"id\":\"aurora-fjord\",\"label\":\"Norwegian fjord with northern lights\",\"copy\":\"The frozen shore of a deep N
13orwegian fjord under green and violet aurora. Red fisherman cabins glow softly along the rocky coast. Silent, magical, and seamlessly stitched 360°.\",\"image\":\"/imgs/360-image/aurora-fjord.jpg\"},{\"id\":\"swiss-alps\",\"label\":\"Swiss Alps countryside walk\",\"copy\":\"Walk a winding trail through the Swiss Alps. Wildflowers, wooden chalets, grazing cows, snow peaks layered on the horizon. A panorama you can spin and stay inside.\",\"image\":\"/imgs/360-image/swiss-alps.jpg\"}]},\"mine\":{\"title\":\"Your 360° panoramas\",\"subtitle\":\"Every panorama you generate is saved here — pick any one to step back inside.\",\"view_360\":\"View 360°\",\"viewer_loading\":\"Loading 360° viewer…\"},\"share\":{\"page_title\":\"A 360° AI Panorama — drag to explore\",\"page_description\":\"Step into a 360° world generated by GPT Image 2. Drag to look around, then create your own from one sentence.\",\"og_title\":\"A 360° AI Panorama\",\"og_subtitle\":\"Drag to step inside\",\"viewer_loading\":\"Loading 360° viewer…\",\"prompt_label\":\"Prompt\",\"cta_title\":\"Make your own 360° world\",\"cta_subtitle\":\"Type any place + time. We'll render a seamless equirectangular panorama in 1–2 minutes.\",\"cta_button\":\"Create yours\",\"not_found_title\":\"Panorama not found\",\"not_found_description\":\"This share link has expired or never existed. Try generating a fresh one.\"},\"page\":{\"title\":\"GPT Image 2 360° Panorama Generator\",\"software_application\":{\"name\":\"GPT Image 2 360° Panorama Generator\",\"description\":\"Type any place + time and GPT Image 2 returns a seamless equirectangular panorama you can drag, zoom, and step into. Free credits on signup.\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Web\",\"price\":\"0\",\"priceCurrency\":\"USD\"},\"show_sections\":[\"hero\",\"introduce\",\"benefits\",\"features\",\"faq\",\"cta\"],\"sections\":{\"hero\":{\"id\":\"hero\",\"title\":\"Create Your Own 360° World — From One Sentence\",\"description\":\"Type any place + time, like 'Da Vinci's studio in 1470'. GPT Image 2 returns a seamless equirectangular panorama you can drag, zoom, and step into.\",\"buttons\":[{\"title\":\"Generate My Panorama\",\"url\":\"#create\",\"icon\":\"Zap\"}]},\"introduce\":{\"block\":\"features-list\",\"id\":\"introduce\",\"title\":\"From a Sentence to a 360° World in Seconds\",\"description\":\"Four invisible steps run behind every panorama you see.\",\"image\":{\"src\":\"/imgs/360-image/introduce.jpg\",\"alt\":\"how 360 panorama generation works\"},\"items\":[{\"title\":\"Describe a Place + Time\",\"description\":\"Tell us where and when. The shorter and more vivid, the better — 'Da Vinci's studio in 1470', 'Edo-era Kyoto street at dusk'.\",\"icon\":\"Sparkles\"},{\"title\":\"Auto-Injected Pro Keywords\",\"description\":\"We append equirectangular projection, 360 panoramic, seamless environment, immersive VR, and 2:1 aspect ratio — so the model knows you want a real panorama, not a flat photo.\",\"icon\":\"Sparkles\"},{\"title\":\"GPT Image 2 Renders the Scene\",\"description\":\"OpenAI's latest image model produces a 4K-grade equirectangular still in under 10 seconds.\",\"icon\":\"Sparkles\"},{\"title\":\"Mounted on a 360° Sphere\",\"description\":\"Your image is wrapped onto a virtual sphere inside your browser. Drag, zoom, fullscreen — it's yours to explore.\",\"icon\":\"Sparkles\"}],\"className\":\"bg-muted\"},\"benefits\":{\"block\":\"features-accordion\",\"id\":\"benefits\",\"title\":\"Why These 5 Keywords Are Non-Negotiable\",\"description\":\"Drop any one of them and the panorama breaks. Here is what each keyword does.\",\"items\":[{\"title\":\"equirectangular projection\",\"description\":\"Tells the model to flatten a sphere onto a 2:1 canvas — the only format real 360° viewers can read.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/360-image/keywords.jpg\",\"alt\":\"The 5 must-have panorama keywords\"}},{\"title\":\"360 panoramic\",\"description\":\"Forces the framing to surround the viewer instead of pointing at one subject in the center.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/360-image/keywords.jpg\",\"alt\":\"The 5 must-have panorama keywords\"}},{\"title\":\"seamless environment\",\"description\":\"Pushes the model to keep left and right edges continuous so the seam doesn't crack open behind you.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/360-image/keywords.jpg\",\"alt\":\"The 5 must-have panorama keywords\"}},{\"title\":\"immersive VR\",\"description\":\"Anchors the model to VR-ready compositions — sky on top, ground below, no portrait crop.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/360-image/keywords.jpg\",\"alt\":\"The 5 must-have panorama keywords\"}},{\"title\":\"2:1 aspect ratio\",\"description\":\"Locks the canvas to the geometry every WebGL panorama viewer (Pannellum, three.js, Marzipano) expects.\",\"
13icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/360-image/keywords.jpg\",\"alt\":\"The 5 must-have panorama keywords\"}}]},\"features\":{\"id\":\"features\",\"title\":\"Built for Creators, Not Just Demos\",\"description\":\"Everything you need to ship a 360° scene — viewer, sharing, history.\",\"items\":[{\"title\":\"Drag, Zoom, Fullscreen\",\"description\":\"WebGL viewer with mouse, touch, and keyboard controls. Looks native on desktop and mobile.\",\"icon\":\"Sparkles\"},{\"title\":\"Curated Scene Gallery\",\"description\":\"Pyramids at sunset, Apple-style showroom, cyberpunk city, luxury hotel lobby — one click to start.\",\"icon\":\"Sparkles\"},{\"title\":\"One-Click Share \u0026 Download\",\"description\":\"Share an embed link or export the equirectangular PNG for your own pipeline.\",\"icon\":\"Sparkles\"},{\"title\":\"Multilingual Prompts\",\"description\":\"Write in English, Chinese, Japanese, or Korean — GPT Image 2 understands.\",\"icon\":\"Sparkles\"},{\"title\":\"History \u0026 Re-Generation\",\"description\":\"Every panorama is saved to your history. Tweak the prompt, regenerate, compare versions.\",\"icon\":\"Sparkles\"},{\"title\":\"Animation Pipeline Ready\",\"description\":\"Need motion? Export the still and feed it into Runway, Luma, or Veo for slow orbital videos.\",\"icon\":\"Sparkles\"}]},\"faq\":{\"id\":\"faq\",\"title\":\"FAQ\",\"description\":\"What people ask before their first 360° generation. More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"question\":\"How is this different from a regular AI image?\",\"answer\":\"A flat image is one camera angle. A 360° panorama is the entire scene around you, projected onto a 2:1 canvas. Loaded into a viewer, you can look anywhere — up, down, behind.\"},{\"question\":\"Can I really make this with one image?\",\"answer\":\"Yes. The 'rotation' is y
13our browser orbiting a virtual sphere with the image painted on its inside. There is no video — just one carefully-crafted still.\"},{\"question\":\"Will the seam between left and right edges show?\",\"answer\":\"We tune prompts and post-process the edges to minimize the seam. In the rare case it shows, regenerate or use the edge-blend option.\"},{\"question\":\"What resolution do I get?\",\"answer\":\"Default 2048×1024 (2:1). Pro plans unlock 4096×2048 for headset-grade viewing.\"},{\"question\":\"Does this work in a VR headset?\",\"answer\":\"Yes. Download the equirectangular PNG and load it into any 360° viewer — Quest, Vision Pro, YouTube VR.\"},{\"question\":\"How many credits per panorama?\",\"answer\":\"Same as a standard GPT Image 2 generation. See the pricing page for current credit costs.\"}]},\"cta\":{\"id\":\"cta\",\"title\":\"Step Into Your First 360° World\",\"description\":\"Sign up and we'll seed your account with free credits. No card, no setup — just type a place and a time.\",\"buttons\":[{\"title\":\"Generate My Panorama\",\"url\":\"#create\",\"icon\":\"Zap\"},{\"title\":\"View All Tools\",\"url\":\"/tools\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"LayoutGrid\"}],\"className\":\"bg-muted\"}}}},\"article-illustration\":{\"metadata\":{\"title\":\"AI Article Illustration Generator — One-Click Visual Story\",\"description\":\"Paste any article (text, Word, PDF, or URL) and AI picks the most visual moments, then renders matching illustrations automatically in your chosen style.\",\"keywords\":\"AI article illustration, blog illustration generator, AI cover image, content illustration, GPT Image 2\"},\"studio\":{\"section_title\":\"Turn an Article into an Illustrated Story\",\"section_description\":\"Drop in an article and we pick the most visual moments, then render an on-brand illustration for each — inserted right where it belongs.\",\"tab_text\":\"Paste text\",\"tab_docx\":\"Word (.docx)\",\"tab_pdf\":\"PDF\",\"tab_url\":\"Article URL\",\"text_placeholder\":\"Paste your article here. We split paragraphs by blank lines and pick the most visually rich moments to illustrate.\",\"url_placeholder\":\"https://example.com/your-article\",\"file_drop_idle\":\"Drag, click, or paste a file\",\"file_drop_active\":\"Drop the file\",\"file_picked\":\"{name} · {size}\",\"file_format_hint_docx\":\".docx · max 25MB\",\"file_format_hint_pdf\":\".pdf · max 25MB\",\"file_too_large\":\"File exceeds 25MB.\",\"count_label\":\"How many illustrations?\",\"style_label\":\"Visual style\",\"styles\":[{\"id\":\"auto\",\"label\":\"Auto\",\"hint\":\"\"},{\"id\":\"flat\",\"label\":\"Flat illustration\",\"hint\":\"flat illustration, vector art, clean lines, soft palette, modern editorial\"},{\"id\":\"watercolor\",\"label\":\"Watercolor\",\"hint\":\"watercolor painting, soft washes, organic textures, paper grain, gentle pigments\"},{\"id\":\"photoreal\",\"label\":\"Photorealistic\",\"hint\":\"photorealistic, cinematic lighting, shallow depth of field, high detail\"},{\"id\":\"guofeng\",\"label\":\"Chinese ink\",\"hint\":\"Chinese ink painting style (国风), traditional brushwork, ink wash, oriental aesthetic\"},{\"id\":\"infographic\",\"label\":\"Business infographic\",\"hint\":\"clean business infographic style, isometric icons, geometric shapes, corporate palette, minimal\"}],\"custom_style_label\":\"Custom style hint\",\"custom_style_placeholder\":\"Optional — extra style notes (e.g. 'pastel palette, no people').\",\"cost_summary\":\"{n} × {per} = {total} credits\",\"remaining\":\"{credits} credits\",\"remaining_unknown\":\"Sign in to see your credit balance\",\"generate_button\":\"Generate illustrations\",\"generating_button\":\"Working…\",\"regenerate_button\":\"Regenerate\",\"phase_extracting\":\"Extracting article content…\",\"phase_planning\":\"AI is choosing which moments to illustrate…\",\"phase_generating\":\"Rendering illustrations ({done}/{total})\",\"result_title\":\"Your illustrated article\",\"download_image\":\"Download\",\"unlock_download\":\"Unlock \u0026 download\",\"retry_image\":\"Retry\",\"image_failed\":\"This illustration failed\",\"image_loading\":\"Rendering…\",\"no_paragraphs_extracted\":\"Couldn't find any readable paragraphs in this input.\",\"format_clean\":\"Clean formatting\",\"format_clean_done\":\"Whitespace cleaned up\",\"format_clean_noop\":\"Formatting already clean\",\"format_ai\":\"AI re-segment ({cost} credit)\",\"format_ai_running\":\"Re-segmenting…\",\"format_ai_done\":\"Article re-segmented\",\"format_ai_failed\":\"AI re-segmenting failed.\",\"format_ai_empty\":\"Paste an article first.\",\"export_zip\":\"Download ZIP\",\"export_markdown\":\"Download Markdown\",\"export_richtext\":\"Copy rich text\",\"export_word\":\"Download Word\",\"export_share\":\"Get share link\",\"export_zip_busy\":\"Packaging…\",\"export_word_busy\":\"Building…\",\"export_share_busy\":\"Saving…\",\"export_copied_richtext\":\"Copied — paste straight into Notion / Medium / Substack\",\"export_copied_share\":\"Copy\",\"export_share_done\":\"Share link copied to clipboard\",\"export_failed\":\"Export failed — please try again.\",\"empty_input\":\"Please provide an article first.\",\"extract_failed\":\"Failed to read the article.\",\"plan_failed\":\"Failed to plan illustrations.\",\"generation_failed\":\"Image generation failed.\",\"auth_required\":\"Please sign in to generate illustrations.\",\"insufficient_credits\":\"Not enough credits — please top up to continue.\",\"first_trial_notice\":\"First-time hook: this run is locked to 1 low-quality illustration and charges 3 credits (your welcome pack). Full count and quality unlock from your next run.\"},\"share\":{\"page_title\":\"AI Article Illustration — shared\",\"page_description\":\"An article auto-illustrated by AI. Read the full thing, or make your own in one click.\",\"cta_title\":\"Make your own illustrated article\",\"cta_subtitle\":\"Paste any article — AI auto-illustrates it in seconds, one-click export.\",\"cta_button\":\"Try it now\"},\"case_study\":{\"eyebrow\":\"Real example · see the placement\",\"title\":\"See where the illustrations actually land\",\"description\":\"Below is an excerpt from a fable about diffusion models — each paragraph followed by the figure article-illustration auto-placed beneath it. This is what the tool actually outputs: not a gallery, but text → illustration → text → illustration, all woven into one article.\",\"article_label\":\"Excerpted from the blog\",\"article_title\":\"The Painter in the Mist — Understanding Diffusion Models Through a Fable\",\"article_excerpt_note\":\"Selected paragraphs with the AI-placed illustrations. Read the full post for the complete article.\",\"article_truncated_note\":\"—— ~1,500 words omitted here ——\",\"read_post\":\"Read the post\",\"cta_primary\":\"Read the full case\",\"cta_secondary\":\"Illustrate your own article\",\"blocks\":{\"fable-1\":{\"paragraph\":\"He took a sheet of white paper — and instead of putting brush to it, he covered the whole sheet in chaotic dark grey paint. The onlookers were puzzled: \\\"You're ruining it.\\\" Wu Sheng replied: \\\"A real painting must first learn to hide.\\\"\",\"caption\":\"Figure 1: The Painter in the Mist · narrative opener\"},\"fable-2\":{\"paragraph\":\"In training, the model learns this way: take a real photo of a cat and add noise repeatedly — at step 1 it's still clear, at step 100 starting to blur, at step 1000 pure random TV static. The
13n train the AI to answer the reverse: \\\"If it looks this messy now, what did the original probably look like?\\\"\",\"caption\":\"Figure 2: Training · adding noise frame by frame\"},\"fable-3\":{\"paragraph\":\"When generating for real, the model has no picture — only a blob of random noise and a prompt. Step 1: tiny denoise. Step 30: a cat silhouette appears. Step 80: the helmet shows up. Step 150: the lunar background takes shape. Step 300: details settle in. The image is born.\",\"caption\":\"Figure 3: Generation · denoising into the final image\"},\"fable-4\":{\"paragraph\":\"Why can text steer the image? Because of the Text Encoder. It turns \\\"orange cat + astronaut + moon + coffee\\\" into a vector of numbers, and during each denoising step keeps reminding the model: \\\"Orange cat, not black cat. On the moon, not in a kitchen.\\\"\",\"caption\":\"Figure 4: Conditional generation · text-encoder block diagram\"},\"fable-5\":{\"paragraph\":\"Earlier AI image generators relied on GANs, but GANs were notoriously unstable, prone to mode collapse, hard to train, and limited in diversity. Diffusion is more stable, more controllable, higher quality, and scales better — which is why it has quietly become the default of the modern era.\",\"caption\":\"Figure 5: Diffusion vs GAN · 4-dimension comparison\"}}},\"page\":{\"title\":\"AI Article Illustration Generator\",\"software_application\":{\"name\":\"AI Article Illustration Generator\",\"description\":\"Paste any article (text, Word, PDF, or URL) and AI picks the most visual moments, then renders matching illustrations automatically in your chosen style.\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Web\",\"price\":\"0\",\"priceCurrency\":\"USD\"},\"show_sections\":[\"hero\",\"introduce\",\"benefits\",\"features\",\"faq\",\"cta\"],\"sections\":{\"hero\":{\"id\":\"hero\",\"title\":\"From Article to Illustrated Story — In One Click\",\"description\":\"Paste any article — plain text, Word, PDF, or a URL. Our AI picks the most visual moments and renders a matching illustration for each, in the style you choose.\",\"buttons\":[{\"title\":\"Try it now\",\"url\":\"#create\",\"icon\":\"Wand2\"}]},\"introduce\":{\"block\":\"features-list\",\"id\":\"introduce\",\"title\":\"Four Steps Behind Every Illustrated Article\",\"description\":\"How an article turns into a fully illustrated story.\",\"items\":[{\"title\":\"1. Drop in your article\",\"description\":\"Paste text, upload a .docx or .pdf, or hand us a URL. We extract the readable body and ignore navigation, ads, and footers.\",\"icon\":\"Upload\"},{\"title\":\"2. AI picks the visual moments\",\"description\":\"AI reads every paragraph and selects the N most visually rich or pivotal beats — distributed across the article, not bunched at the top.\",\"icon\":\"Sparkles\"},{\"title\":\"3. AI renders each scene\",\"description\":\"Each beat becomes a self-contained English image prompt and is sent to the AI image model. Same style across all illustrations for a coherent look.\",\"icon\":\"Wand2\"},{\"title\":\"4. Inserted right where they belong\",\"description\":\"Illustrations are placed inline, right after the paragraph they illustrate. Download any image — or regenerate just the ones you don't love.\",\"icon\":\"ImageIcon\"}],\"className\":\"bg-muted\"},\"benefits\":{\"block\":\"features-accordion\",\"id\":\"benefits\",\"title\":\"Why Writers, Marketers, and PMs Use This\",\"description\":\"Three reasons illustrating an article by hand is a thing of the past.\",\"items\":[{\"title\":\"From hours to one minute\",\"description\":\"Skip the brief-to-designer-to-revision-to-revision loop. The whole article gets illustrated in the time it takes to read it once.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-3.png\",\"alt\":\"Reverse-diffusion generation diagram — auto-generated sample from article-illustration\"}},{\"title\":\"Picks the right moments — automatically\",\"description\":\"You don't have to scan your article for visual hooks. The AI does it, distributing illustrations across the piece so the page never goes flat.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-2.png\",\"alt\":\"Forward-diffusion training diagram — auto-generated sample from article-illustration\"}},{\"title\":\"One coherent style across all illustrations\",\"description\":\"Every image follows the same style guidance, so the article reads like a designed publication — not a Frankenstein of stock photos.\",\"icon\":\"Sparkles\",\"image\":{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-1.png\",\"alt\":\"The Painter in the Mist — narrative illustration in the same style suite\"}}]},\"features\":{\"id\":\"features\",\"title\":\"Built for Real Articles\",\"description\":\"Everything you need to ship an illustrated post.\",\"items\":[{\"title\":\"4 Input Methods\",\"description\":\"Plain text, .docx upload, .pdf upload, or article URL. Mozilla Readability strips nav and ads from web pages.\",\"
13icon\":\"Sparkles\"},{\"title\":\"1–6 illustrations, slider-picked\",\"description\":\"Drag from 1 to 6 to pick the density — fewer for hero pieces, more for long reads. Total cost updates live.\",\"icon\":\"Sparkles\"},{\"title\":\"5 Style Presets + Custom\",\"description\":\"Flat illustration, watercolor, photorealistic, Chinese ink, business infographic — or write your own style brief.\",\"icon\":\"Sparkles\"},{\"title\":\"Inline Placement\",\"description\":\"Illustrations sit directly after the paragraph they illustrate, so the rendered preview already looks like the published article.\",\"icon\":\"Sparkles\"},{\"title\":\"Per-Image Retry\",\"description\":\"If one illustration didn't land, regenerate just that one without re-running the whole article.\",\"icon\":\"Sparkles\"},{\"title\":\"Multilingual\",\"description\":\"Articles in any language — image prompts auto-translated to English for the best output.\",\"icon\":\"Sparkles\"}]},\"faq\":{\"id\":\"faq\",\"title\":\"FAQ\",\"description\":\"What people ask before their first illustrated article. More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"question\":\"What article lengths work best?\",\"answer\":\"200 to 5,000 words is the sweet spot. Anything past ~30,000 characters gets truncated server-side.\"},{\"question\":\"Which file formats are supported?\",\"answer\":\".docx (Microsoft Word) and .pdf, up to 25MB each. For other formats, paste the text directly.\"},{\"question\":\"Will it work on paywalled or login-required URLs?\",\"answer\":\"Only on URLs we can fetch anonymously. For paywalled articles, paste the body text directly.\"},{\"question\":\"How are illustrations placed?\",\"answer\":\"The AI picks N paragraph anchors. Each illustration renders inline right after its anchor paragraph in the preview.\"},{\"question\":\"Can I tweak the style?\",\"answer\":\"Pick a preset, then optionally add a custom style note (e.g., 'pastel palette, no people'). Both are passed to the planner.\"},{\"question\":\"How much does it cost?\",\"answer\":\"Each illustration uses the medium-quality tier of our default image model. The cost matches a standard text-to-image generation — see the pricing page for the current credit cost.\"}]},\"cta\":{\"id\":\"cta\",\"title\":\"Illustrate Your First Article — Free Credits to Start\",\"description\":\"Sign up and we'll seed your account with credits. Drop in any article and watch it come to life.\",\"buttons\":[{\"title\":\"Try it now\",\"url\":\"#create\",\"icon\":\"Wand2\"},{\"title\":\"View All Tools\",\"url\":\"/tools\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"LayoutGrid\"}],\"className\":\"bg-muted\"}}}},\"blog\":{\"metadata\":{\"title\":\"GPT Image 2 Blog — Tutorials, Guides \u0026 Pricing\",\"description\":\"Stay updated on GPT Image 2 — AI image generation tutorials, text rendering tips, prompt engineering guides, and product release notes.\",\"keywords\":\"Blog, GPT Image 2, AI image generator\"},\"page\":{\"title\":\"GPT Image 2 Blog\",\"sections\":{\"blog\":{\"id\":\"blog\",\"title\":\"Blog\",\"description\":\"Stay updated on GPT Image 2 — AI image generation tutorials, text rendering tips, prompt engineering guides, and product release notes.\"}}},\"messages\":{\"all\":\"All\",\"no_content\":\"No Content\",\"crumb\":\"Blog\",\"toc\":\"Table of Contents\"},\"try_free_card\":{\"top\":{\"headline\":\"Stop reading prices — generate one for free first\",\"sub\":\"Sign up and get 3 free credits — enough for one image. No credit card.\",\"cta\":\"Try it free\"},\"after_pricing\":{\"headline\":\"Best to pick a plan after you've seen what it makes\",\"sub\":\"Spend your 3 free credits on one image, then decide which plan fits.\",\"cta\":\"Generate one first\"},\"footer\":{\"headline\":\"Generate first, pay later\",\"sub\":\"3 free credits on signup. Watermark-free preview. Pick a plan when you're sold.\",\"cta\":\"Make your first image\"}}},\"douyin-live-generator\":{\"page\":{\"title\":\"Douyin Live Stream Screenshot — Examples \u0026 AI Generator\",\"subtitle\":\"Browse 8 real-scene Douyin / TikTok Live screenshot examples below, or describe your own livestream and let AI render a pixel-accurate screenshot in under 2 minutes.\",\"metadata\":{\"title\":\"Douyin Live Screenshot Examples \u0026 Generator (8 Scenes)\",\"description\":\"See 8 real Douyin / TikTok Live stream screenshot examples — beauty, fashion, food, fitness, gaming and more — or generate your own with AI in seconds.\",\"keywords\":\"douyin live stream screenshot example, tiktok live screenshot examples, douyin live interface example, livestream screenshot sample, douyin live ui example, douyin live room screenshot, tiktok live mockup\"},\"modes\":{\"label\":\"Generation mode\",\"stable\":\"Classic mode\",\"stable_hint\":\"DOM render · 10 credits · instant · editable · 100% accurate text\",\"ai\":\"AI full-image mode\",\"ai_hint\":\"GPT Image 2 · 10 credits · realistic live-room vibe · not editable\",\"ai_section_title\":\"AI full-image settings\",\"ai_scene_hint\":\"Describe the livestream in one sentence — GPT Image 2 generates the entire Douyin / TikTok live-room screenshot (comments, host, scene).\",\"ai_advanced\":\"Advanced style options\",\"ai_style_label\":\"Visual style (optional)\",\"ai_style_placeholder\":\"e.g. warm key light, neon background, pro studio setup, golden-hour lighting, dark night vibe\",\"ai_generate\":\"One-shot AI image\",\"ai_total_cost\":\"Cost: {n} credits\",\"ai_stage_image\":\"Generating image (≈15-30s)...\",\"ai_empty_hint\":\"Describe a livestream scene above and click 'One-shot AI image' to see the result\",\"ai_redo\":\"Regenerate\"},\"form\":{\"ai_title\":\"Generate comments with AI\",\"scene\":\"Livestream scene\",\"scene_placeholder\":\"e.g. Beauty streamer selling lipstick / Fashion try-on / Farm-direct fruit selling / Tech unboxing / Knowledge-sharing stream\",\"count\":\"Comment count: {n}\",\"generate\":\"Generate with AI\",\"generating\":\"Generating...\",\"insufficient_button\":\"Insufficient credits\",\"cost_label\":\"Costs {n} credit(s)\",\"balance_label\":\"Balance: {n}\",\"sign_in_to_see\":\"Sign in to see balance\",\"recharge\":\"Top up\",\"live_title\":\"Live room style\",\"streamer_name\":\"Streamer name\",\"live_room_title\":\"Live room title\",\"viewer_count\":\"Viewer count\",\"like_count\":\"Like count\",\"streamer_avatar\":\"Streamer avatar\",\"avatar_upload\":\"Upload\",\"background_label\":\"Live-room background\",\"background_hint\":\"Upload a product / scene photo, or let AI generate one from your livestream scene above. Empty = default gradient.\",\"background_upload\":\"Upload background\",\"background_ai_generate\":\"Generate with AI ({n} credits)\",\"background_ai_generating\":\"Generating (≈15-30s)...\",\"background_clear\":\"Clear background\",\"background_preview_alt\":\"Live-room background preview\",\"
13watermark_label\":\"Watermarked export\",\"clean_cost_label\":\"Watermark-free export: {n} credit(s)/image\"},\"editor\":{\"title\":\"Edit comments\",\"add\":\"Add comment\",\"remove\":\"Remove\",\"user_placeholder\":\"Username\",\"text_placeholder\":\"Comment text\",\"empty\":\"No comments yet — click Add or Generate with AI\",\"hint\":\"Comments stack bottom-up; the most recent 12 are visible on screen\"},\"actions\":{\"download\":\"Download PNG\",\"copy\":\"Copy to clipboard\",\"downloading\":\"Exporting…\",\"download_free\":\"Download PNG (free · watermarked)\",\"download_clean\":\"Download PNG ({n} credit · no watermark)\",\"unlock_download\":\"Unlock watermark-free download\"},\"toasts\":{\"copied\":\"Copied to clipboard\"},\"errors\":{\"scene_required\":\"Please describe the livestream scene first\",\"no_auth\":\"Please sign in first\",\"insufficient_credits\":\"Insufficient credits — please top up first\",\"generate_failed\":\"Generation failed. Please try again.\",\"export_failed\":\"Export failed. Please refresh and try again.\",\"avatar_type\":\"Please upload an image file\",\"avatar_too_large\":\"Image must be smaller than 2MB\",\"avatar_read_failed\":\"Failed to read image. Please try again.\",\"ai_generate_failed\":\"AI image generation failed — credits refunded, please retry\",\"background_too_large\":\"Background image must be smaller than 5MB\",\"background_type\":\"Please upload an image file\",\"background_read_failed\":\"Failed to read background image. Please try again.\",\"background_generate_failed\":\"AI background generation failed — credits refunded, please retry\",\"background_scene_required\":\"Please fill in the livestream scene above first, so AI can match it\"},\"examples_gallery\":{\"title\":\"8 Douyin Live Stream Screenshot Examples\",\"intro\":\"Real-feel Douyin / TikTok Live room screenshots across 8 common scenes. Tap any thumbnail to load that scene into the AI generator below.\",\"use_scene\":\"Use this scene\",\"screenshot_alt\":\"{label} Douyin live stream screenshot example\",\"items\":[{\"id\":\"beauty\",\"label\":\"Beauty haul\",\"streamer\":\"GlowByLily\",\"live_title\":\"Lipstick haul, 50% off\",\"viewers\":\"123K\",\"likes\":\"886K\",\"comments\":[{\"user\":\"Lily\",\"text\":\"OMG she is so pretty\"},{\"user\":\"StarryNight\",\"text\":\"link for the lipstick please\"},{\"user\":\"SummerBreeze\",\"text\":\"just bought 3\"},{\"user\":\"CutiePie\",\"text\":\"such a steal\"}]},{\"id\":\"fashion\",\"label\":\"Fashion try-on\",\"streamer\":\"ZoeFits\",\"live_title\":\"New drop try-on haul\",\"viewers\":\"89K\",\"likes\":\"412K\",\"comments\":[{\"user\":\"Maya\",\"text\":\"love that dress 😍\"},{\"user\":\"PinkOwl\",\"text\":\"what size are you wearing\"},{\"user\":\"Bree\",\"text\":\"is it on sale rn\"},{\"user\":\"Iris\",\"text\":\"color options please\"}]},{\"id\":\"farm\",\"label\":\"Farm-fresh selling\",\"streamer\":\"Uncle Wang Farm\",\"live_title\":\"Fresh apples from the orchard\",\"viewers\":\"62K\",\"likes\":\"288K\",\"comments\":[{\"user\":\"Apple\",\"text\":\"look so fresh 🍎\"},{\"user\":\"EastCoast\",\"text\":\"shipping to NYC?\"},{\"user\":\"Mom\",\"text\":\"ordered 2 boxes\"},{\"user\":\"Foodie\",\"text\":\"best apples ever\"}]},{\"id\":\"tech\",\"label\":\"Tech unboxing\",\"streamer\":\"TechDaily\",\"live_title\":\"iPhone 17 Pro first look\",\"viewers\":\"156K\",\"likes\":\"921K\",\"comments\":[{\"user\":\"Geek\",\"text\":\"battery test please\"},{\"user\":\"PhotoBro\",\"text\":\"show camera samples\"},{\"user\":\"Sammy\",\"text\":\"compared to Galaxy?\"},{\"user\":\"Day1\",\"text\":\"preordering tonight\"}]},{\"id\":\"food\",\"label\":\"Food / mukbang\",\"streamer\":\"HotPotHeaven\",\"live_title\":\"Spicy Sichuan hot pot night\",\"viewers\":\"78K\",\"likes\":\"345K\",\"comments\":[{\"user\":\"Hungry\",\"text\":\"I'm so hungry now\"},{\"user\":\"Spice\",\"text\":\"what's in the broth\"},{\"user\":\"Chili\",\"text\":\"looks insane 🌶️\"},{\"user\":\"Diner\",\"text\":\"address please\"}]},{\"id\":\"fitness\",\"label\":\"Fitness coach\",\"streamer\":\"CoachAlex\",\"live_title\":\"20-min HIIT live\",\"viewers\":\"44K\",\"likes\":\"198K\",\"comments\":[{\"user\":\"Lifter\",\"text\":\"joining from home 💪\"},{\"user\":\"Reps\",\"text\":\"rep count?\"},{\"user\":\"Macro\",\"text\":\"what's your protein\"},{\"user\":\"DailyFit\",\"text\":\"back tomorrow\"}]},{\"id\":\"gaming\",\"label\":\"Gaming stream\",\"streamer\":\"NeonGamer\",\"live_title\":\"Ranked grind to Diamond\",\"viewers\":\"92K\",\"likes\":\"503K\",\"comments\":[{\"user\":\"Clutch\",\"text\":\"GG that play 🎮\"},{\"user\":\"Aim\",\"text\":\"what's your sens\"},{\"user\":\"Squad\",\"text\":\"carrying hard\"},{\"user\":\"Rank\",\"text\":\"rank up tonight!\"}]},{\"id\":\"knowledge\",\"label\":\"Knowledge sharing\",\"streamer\":\"ProfMia\",\"live_title\":\"3-minute physics rule\",\"viewers\":\"38K\",\"likes\":\"167K\",\"comments\":[{\"user\":\"Student\",\"text\":\"this just clicked\"},{\"user\":\"Notes\",\"text\":\"got notes ready 📒\"},{\"user\":\"Curious\",\"text\":\"more please\"},{\"user\":\"Late\",\"text\":\"saved for later\"}]}]},\"seo\":{\"hero\":{\"title\":\"What is the Douyin Live Stream Screenshot Generator?\",\"body\":\"$3d\"},\"useCases\":{\"title\":\"8 most common use cases\",\"intro\":\"Top users include short
13-form video creators, instructors, brand operators, and e-commerce teams. Eight typical scenarios:\",\"items\":[{\"title\":\"Livestream-clip videos\",\"desc\":\"Creators producing \\\"livestream clip\\\" content need live-room visuals as background or picture-in-picture. AI-generated screenshots offer far more control than re-recording.\"},{\"title\":\"Streamer training \u0026 playback\",\"desc\":\"MCNs and e-commerce teams use \\\"successful livestream\\\" screenshots as positive case studies and \\\"failing livestream\\\" screenshots as cautionary examples in training programs.\"},{\"title\":\"E-commerce case decks\",\"desc\":\"Show \\\"5,000 units sold in 60 seconds\\\" screenshot proof in pitch decks and partner materials — punchier than raw number charts.\"},{\"title\":\"Ad creative testing\",\"desc\":\"\\\"Crowd-loving the product\\\" livestream screenshots create instant social proof in ad creative. Generate batch variants to A/B test.\"},{\"title\":\"Brand-going-global content\",\"desc\":\"Brands building TikTok-style content need English live-comment visuals — this tool supports both Chinese and English generation.\"},{\"title\":\"Course / book illustrations\",\"desc\":\"Online courses on \\\"livestream scripts\\\" or \\\"chat moderation\\\" need many sample live-room visuals. AI-generated stills protect real streamer privacy.\"},{\"title\":\"Article / blog illustrations\",\"desc\":\"When writing about \\\"viral livestreams\\\" or \\\"sales script breakdowns\\\", use AI-generated screenshots as illustrations to avoid copyright issues with real streamers.\"},{\"title\":\"Parody / fun content\",\"desc\":\"Make \\\"pretending I went live\\\" or \\\"livestream gone wrong\\\" jokes — this tool gets you any vibe in under two minutes.\"}]},\"anatomy\":{\"title\":\"Anatomy of a Douyin Live Stream UI — 8 Key Elements\",\"intro\":\"What does a Douyin / TikTok Live stream actually look like? A live room screenshot is a 9:16 portrait composition with 8 standard interface elements. Here's what every element does, so you know exactly what you're looking at — and what to look for in your own generated examples.\",\"elements\":[{\"title\":\"1. Streamer header (top-left)\",\"desc\":\"A pill-shaped capsule with the streamer's circular avatar, display name, the live room title in smaller text below, and a red \\\"Follow\\\" button. This is how viewers identify and follow the host. Tapping the avatar opens the streamer's profile.\"},{\"title\":\"2. Viewer count pill (top-right)\",\"desc\":\"Translucent dark pill showing real-time concurrent viewers (e.g. \\\"123K\\\"). The count updates every few seconds. Next to it sits a small round close button (×) to exit the live room.\"},{\"title\":\"3. Floating heart particles\",\"desc\":\"Pink and red hearts drift upward from the right side every time a viewer taps the like button. Visual feedback for live engagement — a busy room shows a continuous stream of hearts.\"},{\"title\":\"4. Comment stream (left bottom)\",\"desc\":\"Vertical stack of translucent dark pills, each showing \\\"username: comment text\\\" with the username in soft yellow. Comments scroll bottom-up. The most recent ~12 are visible; older ones fade off the top. This is where the live-room \\\"chat energy\\\" lives.\"},{\"title\":\"5. Right action column\",\"desc\":\"Vertical stack of 4 round translucent buttons on the right edge of the screen: Heart (with like count below), Comment, Gift, and Share. Each button has its number displayed beneath it. This column is always visible while watching.\"},{\"title\":\"6. Gift / Heart / Share buttons\",\"desc\":\"The Gift button opens a panel of paid virtual gifts (rocket, yacht, supercar, rose) viewers send to the streamer in real time. Heart count and gift count are tracked separately. The Share button lets viewers forward the live room link to friends or other platforms.\"},{\"title\":\"7. Input bar (bottom)\",\"desc\":\"Translucent rounded input field at the very bottom with placeholder text \\\"Say something…\\\". To its right are an emoji icon (for stickers and reactions) and a camera icon (for sending photos in chat).\"},{\"title\":\"8. PK bar \u0026 product shelf (when active)\",\"desc\":\"During P
13K battles, a horizontal red-vs-blue bar appears at the top showing two streamers competing for gifts in real time. During commerce streams, a yellow shopping-cart icon (\\\"product shelf\\\") appears at the bottom-left — tapping it opens the linked products with prices and one-tap checkout.\"}]},\"howTo\":{\"title\":\"Generate a pro live-room screenshot in 3 steps\",\"intro\":\"Whole flow under 2 minutes.\",\"steps\":[{\"title\":\"Describe the livestream\",\"desc\":\"Type a one-liner about the stream type: \\\"beauty streamer trying on lipstick shades\\\", \\\"farmer livestream cutting fresh fruit\\\", \\\"tech reviewer unboxing the new phone\\\". The more specific the description, the better the AI-generated comments fit the scene.\"},{\"title\":\"Generate the comment stream\",\"desc\":\"Pick how many comments you want (default 30, range 10-80) and click generate. AI returns a stream of authentic-feeling comments in 5-10 seconds, ordered bottom-up. Costs 10 credits per call.\"},{\"title\":\"Tune streamer info \u0026 export\",\"desc\":\"Edit the streamer name, room title, viewer count (\\\"123K\\\"), like count (\\\"886K\\\"), upload a streamer avatar. Hand-edit individual comments in the comment editor, delete, or add. When ready, export the 1500×2668 PNG.\"}]},\"features\":{\"title\":\"Key features\",\"items\":[{\"title\":\"Authentic AI comment streams\",\"desc\":\"AI is trained on real livestream comment patterns: emoji, slang, link requests, hype-ups, follow-prompts. Output captures real-room energy.\"},{\"title\":\"Pixel-accurate live-room UI\",\"desc\":\"Top streamer bar, follow button, viewer pill, right-side heart/gift/share column, scrolling comment stream, bottom input, floating hearts — all rendered to current Douyin / TikTok standards.\"},{\"title\":\"Fully editable\",\"desc\":\"AI is a starting point. Every comment, username, room title, viewer count, like count is hand-editable.\"},{\"title\":\"13 preset avatars + custom upload\",\"desc\":\"13 hand-drawn cartoon-animal avatars for one-click streamer assignment, or upload your own image (≤2MB).\"},{\"title\":\"9:16 high-resolution export\",\"desc\":\"1500×2668 PNG — ready for vertical video PiP, mobile wallpapers, vertical posters, or print.\"},{\"title\":\"Bilingual\",\"desc\":\"Chinese / English UI toggle and matching AI-generated comments — perfect for cross-border content.\"}]},\"faq\":{\"title\":\"Frequently asked questions\",\"description\":\"More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"q\":\"Can the screenshots be used commercially?\",\"a\":\"We claim no copyright on what you generate. Important boundaries: do not use to fabricate sales data, mislead consumers, or impersonate real streamers. For paid advertising, add a \\\"for illustration\\\" caption to comply with local advertising rules.\"},{\"q\":\"Does AI really produce authentic-feeling livestream comments?\",\"a\":\"We use Gemini Flash (fast / high-throughput, ideal for batch short-text), paired with prompts trained on real livestream comment patterns. Output includes \\\"send the link!\\\", \\\"so cheap!\\\", \\\"following!\\\", \\\"can you try shade #02?\\\" — instantly room-vibe. Regenerate freely if not happy.\"},{\"q\":\"Can I customize the streamer avatar?\",\"a\":\"Yes — pick from 13 presets or upload your own image (≤2MB). Uploaded images are processed entirely in your browser and never reach our servers.\"},{\"q\":\"How many comments can I generate?\",\"a\":\"AI step generates 10-80 by default. After that, you can manually add unlimited additional comments. The visible viewport shows the most recent 12 — older ones scroll off (matching real Douyin density).\"},{\"q\":\"Is the export quality sufficient?\",\"a\":\"Default render is 750×1334 baseline at 2x DPI, exporting 1500×2668 PNG. Sharp enough for vertical PiP video, Xiaohongshu cover, mobile wallpaper, or vertical print.\"},{\"q\":\"Are you affiliated with Douyin or TikTok?\",\"a\":\"No. This is an independent third-party tool with no relationship to ByteDance, Douyin, or TikTok. We mimic the visual style for user familiarity. Generated screenshots contain no Douyin / TikTok logos.\"},{\"q\":\"Can I upload a real video frame as background?\",\"a\":\"v1 uses a default gradient background. v2 will support uploaded images or AI-generated backgrounds (beauty desk, farm scene, product display, etc.) for even more realism.\"}]},\"cta\":{\"title\":\"Generate your first live-room screenshot now\",\"body\":\"TikTok / Douyin live-room screenshots are huge-demand content assets right now — for clip videos, training decks, marketing collateral, parody jokes, you name it. This AI tool gets you a vibey live-room screenshot in under 2 minutes.\\n\\nNew accounts get free credits to fully try it out.\",\"action_label\":\"Try AI Mode Now\"}}}},\"gpt-image-1\":{\"page\":{\"title\":\"GPT Image 1 — AI Image Generator Online\",\"subtitle\":\"Generate and edit photorealistic images with OpenAI's GPT Image 1 model. No account needed, pay-per-use.\",\"metadata\":{\"title\":\"GPT Image 1 Online — Free AI Image Generator\",\"description\":\"Use GPT Image 1 (gpt-image-1) to generate photorealistic images, edit with masks, and export transparent backgrounds. Free credits for new users.\",\"keywords\":\"gpt image 1, gpt-image-1, ai image generator, openai image, text to image, image editing, inpainting\"},\"seo\":{\"what_title\":\"What is GPT Image 1?\",\"what_desc\":\"GPT Image 1 is OpenAI's dedicated image generation model, released in March 2025. Unlike DALL·E, it's built on the GPT architecture, enabling superior text rendering, photorealistic output, and natural language image editing. It supports text-to-image generation, image editing with masks (inpainting), transparent backgrounds, and multiple output formats.\",\"features_title\":\"Key Capabilities\",\"features\":[\"Text-to-image generation with accurate text rendering\",\"Image editing and inpainting with mask support\",\"Transparent background export (PNG)\",\"Multiple sizes: 1024×1024, 1536×1024, 1024×1536\",\"Quality tiers: Low, Medium, High\",\"Output formats: PNG, JPEG, WebP\"],\"pricing_title\":\"API Pricing\",\"pricing_desc\":\"GPT Image 1 is priced per token. Typical costs: ~$0.02–$0.07 per image depending on quality and size. Text input: $5/1M tokens. Image input: $10/1M tokens. Image output: $40/1M tokens.\",\"use_cases_title\":\"What you can build with GPT Image 1\",\"use_cases\":[{\"icon\":\"megaphone\",\"title\":\"Marketing visuals\",\"desc\":\"Hero banners, ad creatives, and campaign keyframes with sharp on-image text and consistent brand styling.\"},{\"icon\":\"shopping\",\"title\":\"E-commerce product shots\",\"desc\":\"Generate or edit product photos with controlled backgrounds, transparent PNGs ready for storefronts and listings.\"},{\"icon\":\"image\",\"title\":\"Social media posts\",\"desc\":\"Vertical and square formats for Instagram, TikTok, and X — generated in seconds with caption-friendly text rendering.\"},{\"icon\":\"edit\",\"title\":\"Photo editing \u0026 inpainting\",\"desc\":\"Mask any region and rewrite it: replace objects, remove distractions, or extend a photo beyond its original frame.\"},{\"icon\":\"type\",\"title\":\"Text-heavy graphics\",\"desc\":\"Posters, infographics, and quote cards with readable, accurately-spelled text — no manual lettering required.\"},{\"icon\":\"palette\",\"title\":\"Logo \u0026 branding concepts\",\"desc\":\"Iterate on logo directions, color palettes, and brand mood boards using natural-language prompts.\"}],\"how_to_title\":\"How to use GPT Image 1\",\"how_to\":[{\"title\":\"Pick GPT Image 1\",\"desc\":\"Open the playground above and select gpt-image-1 as your model. New accounts get free credits — no payment required to try.\"},{\"title\":\"Write your prompt\",\"desc\":\"Describe what you want in plain English or Chinese. Be specific about style, composition, lighting, and any text that should appear in the image.\"},{\"title\":\"Generate or edit\",\"desc\":\"Click generate for text-to-image, or upload a reference and draw a mask for inpainting. Pick size and quality on the right panel.\"},{\"title\":\"Download your image\",\"desc\":\"Export as PNG (with transparent background option), JPEG, or WebP. All generated images are commercially usable.\"}],\"faq_title\":\"Frequently Asked Questions\",\"faq\":[{\"q\":\"Is GPT Image 1 free to try?\",\"a\":\"Yes. New accounts on imagesv2.ai receive free credits on sign up — enough to fully test text-to-image, editing, and transparent-background export before deciding to top up.\"},{\"q\":\"How much does each image cost?\",\"a\":\"About $0.02–$0.07 per image, depending on size and quality tier. On this 
13site you pay in credits, and the quote is shown before you generate so there are no surprises.\"},{\"q\":\"Can I edit an existing image with GPT Image 1?\",\"a\":\"Yes. Upload an image, draw a mask over the region you want to change, and describe the edit in natural language. GPT Image 1 will inpaint that region while leaving the rest of the image intact.\"},{\"q\":\"Does it support transparent backgrounds?\",\"a\":\"Yes. Export as PNG with transparency enabled — useful for product cutouts, logos, and any asset that needs to sit on a colored background.\"},{\"q\":\"Should I use GPT Image 1 or GPT Image 1.5?\",\"a\":\"Use GPT Image 1.5 for production work — it's 4× faster, 20% cheaper, and preserves edit details more precisely. Use GPT Image 1 if you need a specific behavior of the older snapshot or for cost-comparison testing.\"},{\"q\":\"Are the generated images safe for commercial use?\",\"a\":\"OpenAI's terms grant you ownership of generated outputs, including for commercial use. Avoid prompting for trademarked logos, real public figures, or copyrighted characters to stay on the safe side.\"}],\"vs_title\":\"GPT Image 1 vs GPT Image 1.5\",\"vs_headers\":{\"left\":\"GPT Image 1\",\"right\":\"GPT Image 1.5\"},\"vs_items\":[{\"label\":\"Speed\",\"v1\":\"Standard\",\"v15\":\"4× faster\"},{\"label\":\"Edit fidelity\",\"v1\":\"Good\",\"v15\":\"Preserves details precisely\"},{\"label\":\"Text rendering\",\"v1\":\"Good\",\"v15\":\"Significantly better\"},{\"label\":\"Price (output)\",\"v1\":\"$$40/1M tokens\",\"v15\":\"$$32/1M tokens (20% cheaper)\"},{\"label\":\"Best for\",\"v1\":\"Standard generation\",\"v15\":\"Production-grade work\"}],\"cta_title\":\"Start generating with GPT Image 1\",\"cta_desc\":\"Open the playground above, sign in to claim your free credits, and start creating in under a minute. Your credits also work with GPT Image 1.5 and GPT Image 2 when you want to compare quality.\"}}},\"gpt-image-1-5\":{\"page\":{\"title\":\"GPT Image 1.5 — AI Image Generator Online\",\"subtitle\":\"OpenAI's most capable image model. 4× faster, 20% cheaper, with production-grade editing fidelity.\",\"metadata\":{\"title\":\"GPT Image 1.5 Online — Best AI Image Generator\",\"description\":\"Use GPT Image 1.5 (gpt-image-1.5) — OpenAI's latest image model with 4× faster generation, superior text rendering, and precise editing. Free credits to start.\",\"keywords\":\"gpt image 1.5, gpt-image-1.5, ai image generator, openai image, text to image, image editing, best ai image model\"},\"seo\":{\"what_title\":\"What is GPT Image 1.5?\",\"what_desc\":\"GPT Image 1.5, released December 2025, is OpenAI's most capable image model. Built into the GPT-5 architecture, it generates images 4× faster than GPT Image 1, with 20% lower cost. It excels at preserving original image details during edits — no more complete re-renders. Text rendering is significantly improved, handling dense and small characters accurately.\",\"features_title\":\"What's New in 1.5\",\"features\":[\"4× faster generation speed\",\"20% cheaper than GPT Image 1\",\"Preserves original image elements during edits (no re-renders)\",\"Significantly better text rendering — dense, small, accurate\",\"Maintains visual consistency across multiple generations\",\"Handles complex scenes with multiple objects reliably\",\"Built directly into GPT-5 architecture\"],\"pricing_title\":\"API Pricing\",\"pricing_desc\":\"GPT Image 1.5 is 20% cheaper than GPT Image 1. Text input: $5/1M tokens. Image input: $8/1M tokens. Image output: $32/1M tokens. Typical cost: ~$0.01–$0.05 per image.\",\"use_cases_title\":\"Production-grade use cases\",\"use_cases\":[{\"icon\":\"camera\",\"title\":\"Hero shots \u0026 key visuals\",\"desc\":\"Photoreal lead images for landing pages, decks, and editorials — precise composition, consistent lighting, magazine-quality output.\"},{\"icon\":\"palette\",\"title\":\"Brand-consistent visuals\",\"desc\":\"Generate sets of images that hold the same palette, lighting, and styling across multiple shots — ideal for content systems.\"},{\"icon\":\"layers\",\"title\":\"Multi-shot campaigns\",\"desc\":\"Spin up coordinated ad creatives in one session: same model, same brand language, different formats and aspect ratios.\"},{\"icon\":\"edit\",\"title\":\"Detailed product editing\",\"desc\":\"Fix labels, swap colorways, or extend backgrounds without re-rendering the rest of the image — original details stay intact.\"},{\"icon\":\"globe\",\"title\":\"Localized text graphics\",\"desc\":\"Render dense and small text with high accuracy — useful for translations, multi-region campaigns, and regulated copy.\"},{\"icon\":\"sparkles\",\"title\":\"High-fidelity variations\",\"desc\":\"Generate variant after variant with predictable changes — perfect for A/B tests, mood exploration, and design reviews.\"}],\"how_to_title\":\"How to use GPT Image 1.5\",\"how_to\":[{\"title\":\"Select GPT Image 1.5\",\"desc\":\"Open the playground above and pick gpt-image-1.5. Free credits land in your account at sign up — no payment required to start.\"},{\"title\":\"Describe the result you want\",\"desc\":\"Use plain English or Chinese. Mention style, lighting, composition, and any on-image text. Reference real photography terms if you know them.\"},{\"title\":\"Generate or edit\",\"desc\":\"For new images, just generate. For edits, upload a reference and mask the region to change — 1.5 will preserve everything outside the mask.\"},{\"title\":\"Iterate fast\",\"desc\":\"Tweak the prompt, change the size, or seed a new variation. 1.5 is 4× faster than 1.0, so iteration is cheap and immediate.\"}],\"faq_title\":\"Frequently Asked Questions\",\"faq\":[{\"q\":\"Is GPT Image 1.5 free to try?\",\"a\":\"Yes. New users on imagesv2.ai get free credits on sign up — enough to test generation, editing, and several quality tiers before any top-up.\"},{\"q\":\"How does 1.5 compare to GPT Image 1?\",\"a\":\"Same model family, but faster 
13(4×), cheaper (20%), and better at preserving details when you edit. Text rendering is also significantly improved. For most production work, 1.5 is the better choice.\"},{\"q\":\"Can I edit existing images?\",\"a\":\"Yes. Upload a reference, mask the region you want to change, and describe the edit. 1.5 preserves everything outside the mask precisely — no full re-renders.\"},{\"q\":\"What sizes and aspect ratios are supported?\",\"a\":\"Square 1024×1024, landscape 1536×1024, and portrait 1024×1536. All sizes support PNG, JPEG, and WebP output, including transparent backgrounds.\"},{\"q\":\"Is GPT Image 1.5 available via API?\",\"a\":\"Yes — OpenAI exposes it as gpt-image-1.5 in the Images API. On imagesv2.ai you can use it without managing API keys, billed in credits.\"},{\"q\":\"Should I use 1.5 or GPT Image 2?\",\"a\":\"GPT Image 2 is even faster (sub-3s) with native reasoning and 99%+ text accuracy. If you need cutting-edge quality and have credits to spare, use 2. For balanced cost/quality, 1.5 is excellent.\"}],\"vs_title\":\"GPT Image 1.5 vs GPT Image 1\",\"vs_headers\":{\"left\":\"GPT Image 1\",\"right\":\"GPT Image 1.5\"},\"vs_items\":[{\"label\":\"Speed\",\"v1\":\"Standard\",\"v15\":\"4× faster\"},{\"label\":\"Edit fidelity\",\"v1\":\"May re-render entire image\",\"v15\":\"Preserves details precisely\"},{\"label\":\"Text rendering\",\"v1\":\"Good\",\"v15\":\"Best in class\"},{\"label\":\"Consistency\",\"v1\":\"Variable across generations\",\"v15\":\"Consistent style and composition\"},{\"label\":\"Complex scenes\",\"v1\":\"Can struggle\",\"v15\":\"Handles reliably\"},{\"label\":\"Price (output)\",\"v1\":\"$$40/1M tokens\",\"v15\":\"$$32/1M tokens\"}],\"cta_title\":\"Try GPT Image 1.5 now\",\"cta_desc\":\"Sign in above to claim your free credits and start generating with OpenAI's most capable image model. Credits also work across GPT Image 1 and GPT Image 2 — pick whichever fits the shot.\"}}},\"gpt-image-2-editable-text\":{\"metadata\":{\"title\":\"Editable Text on AI Images — GPT Image 2 + Drop Typography\",\"description\":\"Generate a clean background with GPT Image 2, then drop real editable text layers on top — change font, size, color, rotation. No more typo re-rolls.\",\"keywords\":\"editable text AI image, GPT Image 2 text, AI poster text, image typography editor, text overlay AI\"},\"editor\":{\"title\":\"Edit text on the generated image\",\"description\":\"Add headlines, body copy, or callouts. Drag to position, double-click to edit, restyle freely. Your composition is saved automatically — refresh-safe.\",\"examples\":[{\"label\":\"Poster\",\"prompt\":\"Minimalist poster background: warm sunset gradient sky over calm ocean silhouette, large empty space in the upper third for a headline, cinematic soft lighting\"},{\"label\":\"Banner\",\"prompt\":\"Wide web banner background: abstract geometric gradient (purple to pink), large empty space on the right 40% for copy, soft blurred light bokeh\"},{\"label\":\"Invitation\",\"prompt\":\"Portrait invitation background: cream paper texture with gold-outlined floral motifs at top and bottom, large empty space in the middle for a name and date\"},{\"label\":\"Multilingual\",\"prompt\":\"Minimalist product ad background: single product on the left, solid gradient background (teal to deep green), large empty space on the right 50% for swapping multilingual headlines\"}]},\"page\":{\"title\":\"GPT Image 2 — Editable Text\",\"software_application\":{\"name\":\"GPT Image 2 — Editable Text\",\"description\":\"Generate a clean background with GPT Image 2, then drop real editable text layers on top — change font, size, color, rotation. No more typo re-rolls.\",\"applicationCategory\":\"MultimediaApplication\",\"operatingSystem\":\"Web\",\"price\":\"0\",\"priceCurrency\":\"USD\"},\"show_sections\":[\"hero\",\"introduce\",\"features\",\"faq\",\"cta\"],\"sections\":{\"hero\":{\"id\":\"hero\",\"title\":\"Generate the Background, Drop the Text on Top\",\"highlight_text\":\"Editable Text\",\"description\":\"Stop re-rolling AI images because of typos and wrong languages. Generate a clean visual with \u003cstrong\u003eGPT Image 2\u003c/strong\u003e, then add real \u003cstrong\u003eeditable text layers\u003c/strong\u003e on top — drag, restyle, swap copy in seconds.\u
13003cbr/\u003ePerfect for posters, banners, social ads, multi-language campaigns, and personalised templates.\",\"announcement\":{\"badge\":\"New\",\"title\":\"Real text layers, not baked-in pixels\",\"url\":\"#playground\"},\"tip\":\"Free credits for new users — no credit card required\",\"buttons\":[{\"title\":\"Generate \u0026 Edit Text\",\"icon\":\"Type\",\"url\":\"#playground\",\"target\":\"_self\",\"variant\":\"default\"},{\"title\":\"More Tools\",\"icon\":\"Image\",\"url\":\"/prompts\",\"target\":\"_self\",\"variant\":\"outline\"}],\"show_avatars\":false,\"show_award\":false},\"introduce\":{\"block\":\"features-list\",\"id\":\"introduce\",\"title\":\"Why edit text on top instead of asking AI to render it?\",\"label\":\"Why\",\"description\":\"AI image models occasionally render text wrong — misspelled brand names, garbled foreign-language copy, the wrong date on a poster. Re-rolling burns credits and changes the entire composition. The fix is structural: ask the AI for a clean visual with empty space for text, then add the typography as a real editable layer. You get pixel-perfect control, instant copy swaps for A/B tests, and the same template can ship in 12 languages without touching the AI again.\",\"items\":[{\"title\":\"Real text layers, not baked pixels\",\"description\":\"Every word lives on its own layer — change a name, fix a typo, swap a language without re-rolling the image or losing the composition you liked.\",\"icon\":\"RiQuillPenLine\"},{\"title\":\"Multi-language at zero extra cost\",\"description\":\"Generate one background, ship the same poster in English, Chinese, Japanese, Korean, French, German. Built-in CJK font fallbacks render every script natively.\",\"
13icon\":\"RiTranslate2\"},{\"title\":\"AI prompt is auto-cleaned\",\"description\":\"We append a 'no text, no letters' instruction to every generation so the AI delivers a clean canvas. No fighting Adobe-style typography baked into pixels.\",\"icon\":\"RiSparkling2Line\"},{\"title\":\"Pixel-faithful export\",\"description\":\"Edit on a scaled preview, export at full original resolution. The canvas stores positions in original-image pixels so a 2048×2048 source exports as 2048×2048.\",\"icon\":\"RiHdLine\"}],\"className\":\"bg-muted\"},\"features\":{\"id\":\"features\",\"title\":\"Everything you need to ship copy on top of AI imagery\",\"description\":\"A focused editor — no Photoshop, no Figma, no learning curve.\",\"items\":[{\"title\":\"Drag, Resize, Rotate\",\"description\":\"Click any layer to grab handles. Corner handles scale font size proportionally; middle handles change wrap width. Rotate freely or snap with the slider.\",\"icon\":\"RiDragMove2Line\"},{\"title\":\"Full Type Controls\",\"description\":\"Font family, size, weight, italic, alignment, letter spacing, line height, fill colour, opacity, stroke, drop shadow — every typographic dial designers expect.\",\"icon\":\"RiFontSize\"},{\"title\":\"9 Curated Fonts + Custom\",\"description\":\"Inter, Helvetica, Georgia, Playfair Display, Impact, Bebas Neue, Courier, Caveat, Pacifico — each stack pre-baked with CJK fallbacks so Chinese and Japanese never render as tofu.\",\"icon\":\"RiTextFont\"},{\"title\":\"Layer Reordering\",\"description\":\"Up/down arrows in the side panel reorder the z-stack. Duplicate, delete, hide — everything you'd expect from a real layer system.\",\"icon\":\"RiStackLine\"},{\"title\":\"Auto-saved Drafts\",\"description\":\"Every change persists to localStorage. Close the tab, come back tomorrow — your 30-layer composition is still there. No accounts, no clouds, no lost work.\",\"icon\":\"RiSave3Line\"},{\"title\":\"Export PNG, Save as JSON\",\"description\":\"Download the final composite as a high-resolution PNG, or save the editable project as JSON. Re-import to keep tweaking later, or version-control your designs.\",\"icon\":\"RiDownloadCloud2Line\"}]},\"faq\":{\"id\":\"faq\",\"title\":\"Editable Text — FAQ\",\"description\":\"Common questions. More? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"question\":\"Why not just ask GPT Image 2 to render the text directly?\",\"answer\":\"AI text rendering is unreliable. Foreign-language copy gets garbled, brand names get misspelled, exact dates get warped. Even when it works, you can't iterate — fixing a single typo means re-rolling the entire image, which changes the composition you liked. Real editable layers separate the visual from the copy so each can be perfected independently.\"},{\"question\":\"Will the AI still try to put text on the image?\",\"answer\":\"We append a 'no text, no letters, no typography' instruction to every prompt automatically. GPT Image 2 follows this reliably — you'll see clean backgrounds with intentional negative space for typography. If a stray letter does appear, regenerate or use the editor to overlay text exactly where you want it.\"},{\"question\":\"Can I edit text on an image I already have?\",\"answer\":\"Yes. Click 'Load image' in the editor toolbar and upload any PNG or JPEG. The editor doesn't require a generation — it works as a standalone tool for adding typography to any image you bring.\"},{\"question\":\"How does multi-language work?\",\"answer\":\"Add a text layer, type in any language. Every font preset includes CJK fallbacks (PingFang SC, Hiragino Sans, Apple SD Gothic, Noto Sans CJK) so Chinese, Japanese, and Korean glyphs render natively even if the primary font is Latin-only. Latin-script extended characters (à, ñ, ß, etc.) also render correctly.\"},{\"question\":\"What resolution does the PNG export at?\",\"answer\":\"Original-image resolution. If GPT Image 2 generates 1024×1024, the PNG exports at 1024×1024. The editor stores positions in original-image pixels and uses pixelRatio scaling at export — no downsampling regardless of how small the editing canvas is on your screen.\"},{\"question\":\"Is the project saved if I close the tab?\",\"answer\":\"Yes. Every change writes to localStorage automatically. Reload the page or come back tomorrow — your background, layers, and exact text styling are restored. To start fresh, click 'Clear layers' in the toolbar.\"},{\"question\":\"Why is there a watermark on my export?\",\"answer\":\"Trial accounts see a watermark on every export — same as everywhere else on the site. Unlock by purchasing any one-time credit pack; the watermark disappears across all features including this editor.\"},{\"question\":\"Can I save and re-import my project?\",\"answer\":\"Yes. Click 'Save .json' to download the full editable state (background URL + layer data). Click 'Load .json' to restore. Useful for version control, sharing templates with teammates, or coming back to a project from a different device.\"}]},\"cta\":{\"id\":\"cta\",\"title\":\"Stop fighting AI typography\",\"description\":\"Generate the background, add the text on top. Real editable layers, instant copy swaps, multi-language campaigns from one source image.\",\"buttons\":[{\"title\":\"Try it Free\",\"url\":\"#playground\",\"target\":\"_self\",\"icon\":\"Type\"},{\"title\":\"More Prompts\",\"url\":\"/prompts\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"Image\"},{\"title\":\"View All Tools\",\"url\":\"/tools\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"LayoutGrid\"}],\"className\":\"bg-muted\"}}}},\"instagram-grid\":{\"page\":{\"title\":\"AI Instagram Grid Generator\",\"subtitle\":\"Turn one prompt into a full 3×3 travel photo dump — nine candid shots of the same person, laid out like a real Instagram profile.\",\"metadata\":{\"title\":\"AI Instagram Grid Generator — 3×3 Travel Photo Dump Maker\",\"description\":\"Generate a full 3×3 Instagram photo dump from one prompt: nine candid shots of the same person across California, Tokyo, or Paris, with a real smartphone look.\",\"keywords\":\"instagram grid generator, ai photo dump, travel photo dump generator, gpt image 2 instagram grid, ai instagram feed, photo grid maker, 3x3 grid generator\"},\"prompt_examples\":{\"california\":\"California road trip\",\"tokyo\":\"Tokyo city break\",\"paris\":\"Paris getaway\"},\"gallery\":{\"title\":\"Real grids, made in one prompt\",\"subtitle\":\"Every grid below is a single generation — nine candid shots of the same traveler, laid out like a real Instagram profile. Tap any one to see it full size.\",\"zoom_hint\":\"Tap to zoom\",\"demos\":{\"california\":{\"title\":\"California road trip\",\"description\":\"Sun-bleached West Coast photo dump — Hollywood, Venice Beach, and palm-lined 
13streets, all on the same person across nine candid frames.\",\"good_for\":\"Travel recaps\"},\"tokyo\":{\"title\":\"Tokyo city break\",\"description\":\"Daytime temples to neon Shinjuku nights in one feed — the uneven phone exposure is exactly what sells it as real.\",\"good_for\":\"Lifestyle content\"},\"paris\":{\"title\":\"Paris getaway\",\"description\":\"Soft European light across the Eiffel Tower, Montmartre, and the Seine — a cohesive nine-square trip story from a single brief.\",\"good_for\":\"Mood boards\"}}},\"seo\":{\"what_title\":\"What is the Instagram Grid Generator?\",\"what_desc\":\"It builds a whole 3×3 photo grid inside a single image — nine candid moments of the same person on a trip, arranged exactly like the squares on an Instagram profile. Instead of generating one polished picture at a time, you get a complete, believable feed in one go: different outfits, different landmarks, one consistent traveler from the first square to the last.\",\"features_title\":\"Why these grids look real\",\"features\":[\"Nine candid shots of the same person — consistent face, hair and style across every square\",\"The deliberately imperfect smartphone look: soft grain, uneven light, slightly off-center framing\",\"Recognizable landmarks tell a travel story instead of showing nine isolated renders\",\"No beauty-filter gloss — natural skin and relaxed, un-posed moments\",\"Square 1:1 canvas, ready to drop straight onto a profile grid\"],\"use_cases_title\":\"What you can make with it\",\"use_cases\":[{\"icon\":\"camera\",\"title\":\"Travel recaps\",\"desc\":\"Sum up a whole trip in one share-ready grid, with every stop sitting in its own square.\"},{\"icon\":\"image\",\"title\":\"Lifestyle content\",\"desc\":\"Fill a content calendar with cohesive lifestyle sets — no photographer and n
13o flight required.\"},{\"icon\":\"palette\",\"title\":\"Mood boards\",\"desc\":\"Explore the look and feel of a destination before you plan a real shoot or trip.\"},{\"icon\":\"layers\",\"title\":\"Social media drafts\",\"desc\":\"Sketch how a 3×3 block will look on a profile before you commit to posting anything.\"},{\"icon\":\"sparkles\",\"title\":\"Concept pitches\",\"desc\":\"Show a client or team the vibe of a campaign with a believable sample feed.\"},{\"icon\":\"globe\",\"title\":\"Destination ideas\",\"desc\":\"Picture a trip across landmarks around the world and collect travel inspiration.\"}],\"how_to_title\":\"How to make an Instagram grid\",\"how_to\":[{\"title\":\"Pick a destination\",\"desc\":\"Tap a quick-start chip under the prompt box — California, Tokyo, or Paris — to drop a full grid brief into the prompt.\"},{\"title\":\"Make it yours\",\"desc\":\"Edit the prompt to swap landmarks, outfits, or the traveler's look. Every detail is plain text you can change.\"},{\"title\":\"Generate the grid\",\"desc\":\"Hit generate. The whole 3×3 layout comes back as one square image, with the same person in all nine squares.\"},{\"title\":\"Save and share\",\"desc\":\"Download the finished grid, or slice it into nine squares for a real profile block.\"}],\"faq_title\":\"Frequently Asked Questions\",\"faq\":[{\"q\":\"What is an Instagram grid or photo dump?\",\"a\":\"An Instagram grid is a set of nine photos arranged in a 3×3 block — the layout you see on a profile page. A photo dump is a casual, unpolished batch of shots from the same trip or day. This tool generates the whole block at once.\"},{\"q\":\"Why do the photos look low quality on purpose?\",\"a\":\"Slightly imperfect smartphone photos read as more believable than flawless renders. Soft grain, uneven exposure, and casual framing are exactly what real phone pictures look like, so the grid feels authentic instead of obviously AI-made.\"},{\"q\":\"Is the same person in all nine squares?\",\"a\":\"Yes. Because the grid is generated as one single image, the model naturally keeps the same face, hair, and style across every square — no extra steps or reference uploads needed.\"},{\"q\":\"Can I change the destination or outfits?\",\"a\":\"Absolutely. The prompt is fully editable text. Swap in any landmarks, outfits, poses, or lighting you want, or start from one of the quick-start examples and tweak it from there.\"},{\"q\":\"What size are the grids?\",\"a\":\"Square 1:1 by default, so the result drops straight onto a profile grid. You can switch to another size in the size selector if you need a different shape.\"},{\"q\":\"Can I post these as my own travel photos?\",\"a\":\"These are AI-generated images. Use them for content concepts, mood boards, and lifestyle visuals, and be honest that they are AI-generated when you share them. Do not use them to impersonate a real person or fake someone's identity.\"}],\"cta_title\":\"Make your first grid\",\"cta_desc\":\"Sign in above to claim your free credits and generate a full 3×3 travel photo dump in one click. Pick a destination, tweak the prompt, and watch nine candid shots come back as one cohesive grid.\"}}},\"playground\":{\"page\":{\"title\":\"GPT Image 2 Playground\",\"generate\":{\"title\":\"Generate Image\",\"description\":\"Create a new image from a text prompt.\",\"button\":\"Generate\",\"button_loading\":\"Generating...\"},\"edit\":{\"title\":\"Edit Image\",\"description\":\"Modify an existing image with a text prompt.\",\"button\":\"Edit Image\",\"button_loading\":\"Editing...\"},\"mode\":{\"generate\":\"Generate\",\"edit\":\"Edit\"},\"fields\":{\"model\":\"Model\",\"prompt\":\"Prompt\",\"prompt_generate_placeholder\":\"e.g., A photorealistic cat astronaut floating in space\",\"prompt_edit_placeholder\":\"e.g., Change the background to a sunset beach\",\"num_images\":\"Number of Images\",\"size\":\"Size\",\"size_auto\":\"Auto\",\"size_square\":\"Square\",\"size_landscape\":\"Landscape\",\"size_portrait\":\"Portrait\",\"size_custom\":\"Custom\",\"size_auto_hint\":\"The model picks the best size automatically\",\"size_follow_original\":\"Match input ({width}×{height})\",\"size_custom_invalid\":\"Invalid custom size — must be a multiple of 16, ratio ≤ 3:1, 0.65–8.29 MP\",\"quality\":\"Quality\",\"quality_auto\":\"Auto\",\"quality_low\":\"Low\",\"quality_medium\":\"Medium\",\"quality_high\":\"High\",\"quality_xhigh\":\"XHigh\",\"quality_max\":\"Max\",\"background\":\"Backgroun
13d\",\"background_auto\":\"Auto\",\"background_opaque\":\"Opaque\",\"background_transparent\":\"Transparent\",\"output_format\":\"Output Format\",\"output_format_png_only_hint\":\"Transparent background requires PNG or WebP output.\",\"psd_beta_label\":\"Beta\",\"psd_beta_warning\":\"OCR \u0026 text-removal quality varies by image. Your PNG is always saved alongside the PSD as a fallback.\",\"svg_sub_mode_label\":\"SVG Type\",\"svg_sub_mode_choose_label\":\"Choose what this SVG is for\",\"svg_sub_mode_required_hint\":\"Please choose an SVG type first\",\"svg_sub_mode_visual_asset\":\"Visual Asset\",\"svg_sub_mode_visual_asset_desc\":\"Logo · Sticker · Cartoon — not for text-heavy designs\",\"svg_sub_mode_typo_geo\":\"Typography \u0026 Pattern\",\"svg_sub_mode_typo_geo_desc\":\"Poster · Pattern · Quote\",\"svg_sub_mode_flowchart\":\"Diagram\",\"svg_sub_mode_flowchart_desc\":\"Flow · Sequence · Mindmap\",\"svg_style_preset_label\":\"Style Preset\",\"svg_preset_auto\":\"Auto (let AI judge)\",\"svg_preset_group_poster\":\"Posters\",\"svg_preset_poster_swiss\":\"Swiss / International\",\"svg_preset_poster_bauhaus\":\"Bauhaus\",\"svg_preset_poster_brutalist\":\"Brutalist\",\"svg_preset_poster_quote\":\"Minimal Quote Card\",\"svg_preset_poster_vintage\":\"Vintage Poster\",\"svg_preset_group_pattern\":\"Patterns\",\"svg_preset_pattern_islamic\":\"Islamic Tessellation\",\"svg_preset_pattern_art_deco\":\"Art Deco\",\"svg_preset_pattern_mandala\":\"Mandala\",\"svg_preset_pattern_voronoi\":\"Voronoi / Cellular\",\"svg_preset_pattern_sacred\":\"Sacred Geometry\",\"svg_preset_pattern_op_art\":\"Op-Art\",\"compression\":\"Compression\",\"moderation\":\"Moderation\",\"moderation_auto\":\"Auto\",\"moderation_low\":\"Low\",\"source_images\":\"Source Image(s) [Max: 10]\",\"no_file\":\"No file selected\",\"drop_hint\":\"Drag \u0026 drop, click to browse, or paste from clipboard\",\"drop_active\":\"Drop images here\",\"files_selected\":\"{count} files selected\",\"browse\":\"Browse\",\"mask\":\"Mask\",\"create_mask\":\"Create Mask\",\"edit_saved_mask\":\"Edit Saved Mask\",\"close_mask_editor\":\"Close Mask Editor\",\"mask_saved\":\"Saved\",\"mask_hint\":\"Draw on the image to mark areas for editing (drawn areas become transparent in the mask).\",\"brush_size\":\"Brush Size\",\"upload_mask\":\"Upload Mask\",\"clear\":\"Clear\",\"save_mask\":\"Save Mask\",\"mask_preview\":\"Mask Preview:\",\"mask_save_success\":\"Mask saved!\",\"cost_this_time\":\"This generation costs\",\"login_to_start\":\"Log in to start creating\"},\"output\":{\"placeholder\":\"Your generated image will appear here.\",\"generating\":\"Generating image...\",\"editing\":\"Editing image...\",\"streaming\":\"Streaming...\",\"download\":\"Download\",\"download_svg\":\"Download SVG\",\"view_svg_code\":\"View Code\",\"svg_code_title\":\"SVG Source Code\",\"svg_code_hint\":\"SVG is XML — copy this into Figma, Illustrator, your code editor, or paste it directly into a webpage.\",\"copy_code\":\"Copy\",\"code_copied\":\"Copied\",\"svg_code_fetch_failed\":\"Failed to load SVG source. Please try again.\",\"vectorize_failed_toast\":\"SVG vectorize failed for {count} image(s); the matching credits have been refunded.\",\"send_to_edit\":\"Send to Edit\",\"send_to_edit_failed\":\"Failed to load image, please try again\",\"error_display\":\"Error displaying image.\",\"view_full\":\"View full size\",\"loading_stages\":[\"Reading your prompt...\",\"Planning the composition...\",\"Rendering the main subject...\",\"Refining light and color...\",\"Almost there, final polish...\"],\"loading_tips_title\":\"Did you know?\",\"loading_tips\":[\"Adding lighting cues like \\\"backlit\\\" or \\\"soft light\\\" dramatically improves mood.\",\"Specifying camera details (\\\"85mm, f/1.8\\\") makes results feel more like real photography.\",\"Style keywords like \\\"minimalist\\\", \\\"cyberpunk\\\", or \\\"watercolor\\\" reshape the whole image.\",\"Describing materials (metal, glass, velvet) makes textures feel tangible.\",\"Higher quality looks crisper but takes longer — pick the right tier for your need.\",\"In image-to-image, add \\\"keep the main subject\\\" to stay on-topic.\"],\"elapsed_label\":\"Elapsed\",\"estimated_label\":\"Estimated\",\"still_working\":\"This one's running long — AI is handling a complex scene…\",\"almost_done\":\"Almost done…\"}
13,\"watermark\":{\"title\":\"Trial images include watermarks.\",\"desc\":\"Purchase credits to unlock watermark-free images and download originals.\",\"cta\":\"Unlock Watermark-Free Images\",\"download_watermarked\":\"Download with Watermark\",\"already_paid_toast\":\"Payment detected — click download again\"},\"insufficient_credits\":{\"title\":\"Insufficient credits\",\"desc\":\"Current balance: {balance} credits. This generation requires {required} credits.\"},\"history\":{\"title\":\"History\",\"empty\":\"Generated images will appear here.\",\"clear\":\"Clear\",\"total_cost\":\"Total Cost\",\"total_images\":\"Total Images Generated\",\"avg_cost\":\"Average Cost Per Image\",\"total_estimated\":\"Total Estimated Cost\",\"time\":\"Time\",\"show_prompt\":\"Show Prompt\",\"copy\":\"Copy\",\"copied\":\"Copied!\",\"close\":\"Close\",\"cost_breakdown\":\"Cost Breakdown\",\"cost_summary\":\"Cost Summary\",\"text_input_tokens\":\"Text Input Tokens\",\"image_input_tokens\":\"Image Input Tokens\",\"image_output_tokens\":\"Image Output Tokens\",\"confirm_delete_title\":\"Confirm Deletion\",\"confirm_delete_desc\":\"Are you sure you want to delete this history entry? This action cannot be undone.\",\"dont_ask_again\":\"Don't ask me again\",\"cancel\":\"Cancel\",\"delete\":\"Delete\",\"create\":\"Create\",\"edit_label\":\"Edit\"},\"errors\":{\"safety_rejected\":\"Your prompt was flagged by the safety filter. Please revise and try again.\",\"safety_rejected_image\":\"Your prompt or reference image was blocked by the content safety filter. Try a different reference image or reword the prompt.\",\"insufficient_credits\":\"Insufficient credits. Please top up to continue creating.\",\"rate_limited\":\"Too many requests. Please wait a moment and try again.\",\"prompt_too_long\":\"Prompt is too long. Please shorten it and retry (max 5000 characters).\",\"invalid_params\":\"Invalid parameters. Please check your settings and try again.\",\"timeout\":\"Generation timed out. Please try again.\",\"upstream_error\":\"AI service is temporarily busy. Please try again in a moment.\",\"generic\":\"Generation failed. Please try again later.\",\"dismiss\":\"Dismiss\"},\"guide\":{\"title\":\"How to Use the GPT Image 2 Playground\",\"generate_title\":\"GPT Image 2 Text-to-Image Generation\",\"generate_desc\":\"Enter a text prompt describing the image you want. Adjust parameters like size (Square, Landscape, Portrait), quality (Low/Medium/High), output format (PNG/JPEG/WebP), and background (Opaque or Transparent). Click \\\"Generate\\\" and GPT Image 2 will create a brand-new image from your description.\",\"generate_tips_title\":\"Tips for Better GPT Image 2 Results\",\"generate_tips\":[\"Be specific and detailed in your prompt — describe lighting, composition, style, and mood.\",\"Use \\\"Transparent\\\" background to get cutout images for product photos, stickers, and design assets.\",\"Low quality is fastest and cheapest; High quality gives the best results but costs more.\",\"Generate multiple GPT Image 2 images (up to 10) to compare different interpretations of your prompt.\"],\"edit_title\":\"GPT Image 2 Image Editing (Inpainting)\",\"edit_desc\":\"Upload a source image, write a prompt describing the changes you want, and GPT Image 2 will modify the image accordingly. Without a mask, GPT Image 2 decides which areas to change. With a mask, you can precisely control which regions are modified.\",\"mask_title\":\"How the Mask Editor Works\",\"mask_steps\":[\"Upload your source image in Edit mode.\",\"Click \\\"Create Mask\\\" to open the mask editor.\",\"Draw on the image with the brush — the red areas you paint will become the editable regions.\",\"Adjust the brush size slider for fine or coarse control.\",\"Click \\\"Save Mask\\\" to generate the mask file. You'll see a preview (black = keep, transparent = edit).\",\"Write a prompt describing what should appear in the masked areas.\",\"Click \\\"Edit Image\\\" to submit.\"],\"mask_note\":\"Note: OpenAI's masking feature does not guarantee 100% precise control — the model may interpret mask boundaries loosely. For best results, mask generously around the target area.\",\"img2img_title\":\"GPT Image 2 Image-to-Image (Style Transfer)\",\"img2img_desc\":\"You can use Edit mode for GPT Image 2 image-to-image generation without a mask. Simply upload a reference image and describe the transformation you want in the prompt — for example, \\\"Convert this photo to a watercolor painting\\\" or \\\"Reimagine this scene in a cyberpunk style\\\". GPT Image 2 will use your image as a reference to generate a new version.\",\"img2img_examples_title\":\"Example GPT Image 2 Prompts for Image-to-Image\",\"img2img_examples\":[\"\\\"Convert this photo to Studio Ghibli anime style\\\"\",\"\\\"Reimagine this scene as a 3D rendered illustration\\\"\",\"\\\"Transform this into a vintage oil painting\\\"\",\"\\\"Make this look like a professional product photo with white background\\\"\"],\"cost_title\":\"GPT Image 2 Cost \u0026 Token Tracking\",\"cost_desc\":\"Every GPT Image 2 generation records the token usage and estimated cost. Click the green \\\"$\\\" badge on any history item to see the full breakdown: text input tokens, image input tokens, and image output tokens with per-model pricing. The total cumulative cost is displayed at the top of the history panel.\",\"params_title\":\"GPT Image 2 Parameter Guide\",\"params_quality_title\":\"Quality Comparison (gpt-image-2)\",\"params_quality_headers\":[\"Quality\",\"Speed\",\"Image Detail\",\"Credits/Image\",\"Best For\"],\"params_quality_rows\":[[\"Low\",\"Fastest (3-8s)\",\"Good composition, less detail\",\"10\",\"Quick iterations, bulk generation, social media\"],[\"Medium\",\"Moderate (10-20s)\",\"Rich details, good textures\",\"40\",\"Marketing images, presentations\"],[\"High\",\"Slower (20-40s)\",\"Highest fidelity, finest details\",\"110\",\"Print, posters, premium assets\"],[\"Auto\",\"Model decides\",\"Auto-selected by model\",\"40\",\"When unsure\"]],\"params_tips_title\":\"Cost-Saving Tips\",\"params_tips\":[\"Start with Low quality to iterate on prompts, then switch to Medium or High for the final version.\",\"Credits scale with image count: per-image cost × number of images.\",\"New users get a 3-credit first-trial bonus on the standard tier (one-time).\"],\"params_model_title\":\"Model Comparison\",\"params_model_headers\":[\"Model\",\"Highlights\",\"Low/Image\",\"High/Image\"],\"params_model_rows\":[[\"gpt-image-2\",\"Latest, best results\",\"10\",\"110\"]]}}},\"pricing\":{\"metadata\":{\"title\":\"Pricing — Yearly Save 50%, Monthly, or Credit Packs\",\"description\":\"Subscribe yearly and save 50%, go month-to-month, or buy credit packs that never expire. Yearly plans from $4.16/month equivalent.\",\"keywords\":\"imagesv2 pricing, GPT Image 2 pricing, AI image credits, subscription image generator, credit packs\"},\"page\":{\"title\":\"Pricing\",\"sections\":{\"pricing\":{\"id\":\"pricing\",\"title\":\"Plans \u0026 Pricing of GPT Image 2\",\"description\":\"Choose the plan that works best for you. All plans include access to our core features. Want a deeper breakdown of GPT Image 2 cost per image, what's included in each tier, and how credits map to resolutions? → \u003ca href=\\\"/gpt-image-2-pricing\\\"\u003eSee GPT Image 2 Pricing details\u003c/a\u003e\",\"flash_sale\":{\"badge\":\"LIMITED OFFER\",\"title\":\"GPT Image 2 Flash Sale\",\"subtitle\":\"Limited-Time 50% OFF\",\"labels\":{\"days\":\"Days\",\"hours\":\"Hours\",\"minutes\":\"Minutes\",\"seconds\":\"Seconds\"}},\"tips\":[\"Cancel anytime\",\"Yearly saves 50% vs monthly\",\"Credit packs never expire\",\"Secure checkout\"],\"groups\":[{\"name\":\"yearly\",\"description\":\"Cancel anytime.\",\"title\":\"Yearly\",\"label\":\"Save 50%\",\"is_featured\":true},{\"name\":\"monthly\",\"description\":\"Cancel anytime.\",\"title\":\"Monthly\"},{\"name\":\"one-time\",\"description\":\"Credits never expire.\",\"title\":\"Credit Pack\"}],\"items\":[{\"title\":\"Starter\",\"description\":\"Try it out. Perfect for personal use.\",\"features_title\":\"Includes\",\"features\":[\"1,000 credits per month\",\"Actual credit cost is shown before generation\",\"Save 58% vs one-time\",\"All generation features\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"month\",\"amount\":840,\"currency\":\"USD\",\"price\":\"$$8.4\",\"original_price\":\"$$14.9\",\"unit\":\"/month\",\"is_featured\":false,\"button\":{\"title\":\"Subscribe Monthly\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"starter-monthly\",\"product_name\":\"Starter Monthly\",\"credits\":1000,\"valid_days\":30,\"group\":\"monthly\"},{\"title\":\"Pro\",\"description\":\"Best value. For creators and designers.\",\"features_title\":\"Includes\",\"features\":[\"5,000 credits per month\",\"Actual credit cost is shown before generation\",\"Yearly saves another 50%\",\"20% cheaper per credit than Starter\",\"All generation features\",\"Priority generation queue\",\"Commercial license\",\"Priority support\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"month\",\"amount\":3390,\"currency\":\"USD\",\"price\":\"$$33.9\",\"original_price\":\"$$39.9\",\"unit\":\"/month\",\"is_featured\":true,\"button\":{\"title\":\"Subscribe Monthly\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"pro-monthly\",\"product_name\":\"Pro Monthly\",\"credits\":5000,\"valid_days\":30,\"group\":\"monthly\",\"label\":\"Most Popular\"},{\"title\":\"Ultra\",\"description\":\"Built for pros running heavy daily workloads.\",\"label\":\"Be
13st Value\",\"features_title\":\"Includes\",\"features\":[\"20,000 credits per month\",\"Actual credit cost is shown before generation\",\"Yearly saves another 50%\",\"50% cheaper per credit than Starter\",\"All generation features\",\"Highest priority generation\",\"Early access to new models\",\"Dedicated customer support\",\"Commercial license\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"month\",\"amount\":8490,\"currency\":\"USD\",\"price\":\"$$84.9\",\"original_price\":\"$$99.9\",\"unit\":\"/month\",\"is_featured\":false,\"button\":{\"title\":\"Subscribe Monthly\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"ultra-monthly\",\"product_name\":\"Ultra Monthly\",\"credits\":20000,\"valid_days\":30,\"group\":\"monthly\"},{\"title\":\"Starter\",\"description\":\"Try it out. Perfect for personal use.\",\"features_title\":\"Includes\",\"features\":[\"1,000 credits delivered monthly\",\"Actual credit cost is shown before generation\",\"Unused credits expire at month end\",\"@sale:6 months free vs monthly\",\"All generation features\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"year\",\"amount\":4990,\"original_amount\":10080,\"currency\":\"USD\",\"price\":\"$$49.9\",\"original_price\":\"$$100.8\",\"unit\":\"/year\",\"billed_note\":\"Billed yearly · Save 50%\",\"is_featured\":false,\"button\":{\"title\":\"Subscribe Yearly — Save 50%\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"starter-yearly\",\"product_name\":\"Starter Yearly\",\"credits\":12000,\"valid_days\":365,\"group\":\"yearly\",\"monthly_price\":\"$$4.16\",\"monthly_unit\":\"/month\"},{\"title\":\"Pro\",\"description\":\"Best value. For creators and designers.\",\"label\":\"Most Popular\",\"features_title\":\"Includes\",\"features\":[\"5,000 credits delivered monthly\",\"Actual credit cost is shown before generation\",\"Unused credits expire at month end\",\"@sale:6 months free vs monthly\",\"20% cheaper per credit than Starter\",\"All generation features\",\"Priority generation queue\",\"Commercial license\",\"Priority support\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"year\",\"amount\":19990,\"original_amount\":40680,\"currency\":\"USD\",\"price\":\"$$199.9\",\"original_price\":\"$$406.8\",\"unit\":\"/year\",\"billed_note\":\"Billed yearly · Save 50%\",\"is_featured\":true,\"button\":{\"title\":\"Subscribe Yearly — Save 50%\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"pro-yearly\",\"product_name\":\"Pro Yearly\",\"credits\":60000,\"valid_days\":365,\"group\":\"yearly\",\"monthly_price\":\"$$16.66\",\"monthly_unit\":\"/month\"},{\"title\":\"Ultra\",\"description\":\"Built for pros running heavy daily workloads.\",\"label\":\"Best Value\",\"features_title\":\"Includes\",\"features\":[\"20,000 credits delivered monthly\",\"Actual credit cost is shown before generation\",\"Unused credits expire at month end\",\"@sale:6 months free vs monthly\",\"50% cheaper per credit than Starter\",\"All generation features\",\"Highest priority generation\",\"Early access to new models\",\"Dedicated customer support\",\"Commercial license\",\"Watermark-free downloads\",\"Cancel anytime\"],\"interval\":\"year\",\"amount\":49990,\"original_amount\":101880,\"currency\":\"USD\",\"price\":\"$$499.9\",\"original_price\":\"$$1,018.8\",\"unit\":\"/year\",\"billed_note\":\"Billed yearly · Save 50%\",\"is_featured\":false,\"button\":{\"title\":\"Subscribe Yearly — Save 50%\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"ultra-yearly\",\"product_name\":\"Ultra Yearly\",\"credits\":240000,\"valid_days\":365,\"group\":\"yearly\",\"monthly_price\":\"$$41.66\",\"monthly_unit\":\"/month\"},{\"title\":\"Taster\",\"description\":\"500 credits. Best for first-time tasters or one-off needs — try a few images, see what GPT Image 2 can do, no subscription required.\",\"features_title\":\"Includes\",\"features\":[\"500 credits\",\"Actual credit cost is shown before generation\",\"Credits never expire\",\"All generation features\",\"Watermark-free downloads\",\"No recurring charge\"],\"interval\":\"one-time\",\"amount\":990,\"currency\":\"USD\",\"price\":\"$$9.9\",\"original_price\":\"$$19.9\",\"unit\":\"\",\"is_featured\":false,\"button\":{\"title\":\"Buy 500 Credits\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"credits-500\",\"product_name\":\"500 Credits Pack\",\"credits\":500,\"valid_days\":0,\"group\":\"one-time\"},{\"title\":\"Starter\",\"description\":\"5,000 credits. Best for individual creators and short-term projects — a few dozen images a month for social posts, personal portfolios and project mockups.\",\"features_title\":\"Includes\",\"features\":[\"5,000 credits\",\"Actual credit cost is shown before generation\",\"Credits never expire\",\"60% cheaper per credit than Taster\",\"All generation features\",\"Priority generation queue\",\"Commercial license\",\"Priority support\",\"Watermark-free downloads\",\"No recurring charge\"],\"interval\":\"one-time\",\"amount\":3990,\"currency\":\"USD\",\"price\":\"$$39.9\",\"original_price\":\"$$79.8\",\"unit\":\"\",\"is_featured\":false,\"button\":{\"title\":\"Buy 5,
13000 Credits\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"credits-5000\",\"product_name\":\"5000 Credits Pack\",\"credits\":5000,\"valid_days\":0,\"group\":\"one-time\"},{\"title\":\"Pro\",\"description\":\"20,000 credits. Best for creators, designers, e-commerce sellers and freelancers who ship consistently — cover weekly product shots, posters, social assets and pitch decks. The workhorse tier, 75% cheaper per credit than Taster.\",\"label\":\"Most Popular\",\"features_title\":\"Includes\",\"features\":[\"20,000 credits\",\"Actual credit cost is shown before generation\",\"Credits never expire\",\"All generation features\",\"Highest priority generation\",\"Early access to new models\",\"Dedicated customer support\",\"Commercial license\",\"Watermark-free downloads\",\"No recurring charge\"],\"interval\":\"one-time\",\"amount\":9990,\"currency\":\"USD\",\"price\":\"$$99.9\",\"original_price\":\"$$199\",\"unit\":\"\",\"is_featured\":true,\"button\":{\"title\":\"Buy 20,000 Credits\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"credits-20000\",\"product_name\":\"20000 Credits Pack\",\"credits\":20000,\"valid_days\":0,\"group\":\"one-time\"},{\"title\":\"Max\",\"description\":\"50,000 credits. Best for brands, studios, agencies and high-volume production teams — bulk commercial visuals, client delivery and managed-content production at scale. Shareable across the team.\",\"label\":\"Best Value\",\"features_title\":\"Includes\",\"features\":[\"50,000 credits\",\"Actual credit cost is shown before generation\",\"Credits never expire\",\"80% cheaper per credit than Taster\",\"All generation features\",\"Highest priority generation\",\"Early access to new models\",\"Dedicated customer support\",\"Commercial license\",\"Watermark-free downloads\",\"No recurring charge\"],\"interval\":\"one-time\",\"amount\":19990,\"currency\":\"USD\",\"price\":\"$$199.9\",\"original_price\":\"$$399.8\",\"unit\":\"\",\"is_featured\":false,\"button\":{\"title\":\"Buy 50,000 Credits\",\"url\":\"/#pricing\",\"icon\":\"RiFlashlightFill\"},\"product_id\":\"credits-50000\",\"product_name\":\"50000 Credits Pack\",\"credits\":50000,\"valid_days\":0,\"group\":\"one-time\"}]},\"faq\":{\"id\":\"faq\",\"title\":\"Pricing FAQ\",\"description\":\"Billing, credits, refunds — answered before you subscribe. Still have a billing question? Email us at \u003ca href=\\\"mailto:support\u0026#64;imagesv2.ai\\\"\u003esupport\u0026#64;imagesv2.ai\u003c/a\u003e and we'll help.\",\"items\":[{\"question\":\"Can I cancel anytime? Will I keep getting charged after?\",\"answer\":\"Yes. You can cancel with one click in your account settings — the next billing cycle won't be charged. You keep full access to the plan and any remaining credits through the end of the current period.\"},{\"question\":\"Do you offer refunds?\",\"answer\":\"Charges already processed are non-refundable. If you don't want to keep paying, just cancel in your account and you won't be billed again. One-time credits aren't refundable either — but they never expire, so you can use them whenever you want.\"},{\"question\":\"When do credits arrive, and do unused credits roll over?\",\"answer\":\"Subscription credits are deposited in full at the start of each billing cycle — monthly plans refresh on each renewal date, and yearly plans get the full annual amount up front. Unused subscription credits don't carry over; they reset to the new full allotment at period end.\"},{\"question\":\"Subscription or one-time — which is better value?\",\"answer\":\"Subscription is far cheaper, and yearly is the best deal. Take 12,000 Starter credits as an example: yearly is $49.9, monthly works out to $8.4 × 12 = $100.8, and one-time would cost $9.9 × 24 = $237.6. Yearly is about 79% cheaper than one-time, and monthly is about 58% cheaper than one-time. For long-term use, go with yearly — lowest per-credit price and the promo rate is locked in for a full year. One-time only makes sense for occasional use or when you'd rather not save a card on file.\"},{\"question\":\"How is the yearly \\\"Save 50%\\\" calculated?\",\"answer\":\"Compare 12 months of monthly billing against the yearly price: Starter $8.4 × 12 = $100.8 vs $49.9 yearly (50% off). Pro $33.9 × 12 = $406.8 vs $199.9 yearly (51% off). Ultra $84.9 × 12 = $1,018.8 vs $499.9 yearly (51% off). Every tier saves roughly half — effectively six months free.\"},{\"question\":\"Can I use generated images commercially?\",\"answer\":\"Yes. Every paid plan (Starter, Pro, Ultra) includes a full commercial license — marketing, products, social, client work, anything you need. What you create is y
13ours.\"}]}}},\"messages\":{\"current_plan\":\"Current Plan\",\"processing\":\"Processing\",\"annual_savings\":\"Save {amount} annually\",\"per_credit_price\":\"{price} per credit\",\"lowest_per_credit\":\"lowest\",\"flash_sale_limited\":\"Limited time\"}},\"tweet-screenshot-generator\":{\"page\":{\"title\":\"Tweet Screenshot Generator — AI Tweets + Pixel-Perfect X Screenshots\",\"subtitle\":\"Describe a topic and AI writes a viral-style tweet, rendered as a pixel-accurate X (Twitter) single-tweet screenshot. Edit text, switch theme, customize engagement counts.\",\"metadata\":{\"title\":\"Tweet Screenshot Generator — AI Tweet + X Screenshots\",\"description\":\"Free online tweet screenshot generator: AI writes viral-style tweets from a topic, renders them as authentic X (Twitter) screenshots you can fully customize.\",\"keywords\":\"tweet screenshot generator, fake tweet generator, twitter screenshot maker, x post mockup, tweet maker\"},\"modes\":{\"label\":\"Generation mode\",\"stable\":\"Classic mode\",\"stable_hint\":\"DOM render · 10 credits · instant · editable · 100% accurate text\",\"ai\":\"AI full-image mode\",\"ai_hint\":\"GPT Image 2 · 10 credits · realistic tweet feel · not editable\",\"ai_section_title\":\"AI full-image settings\",\"ai_scene_hint\":\"Describe the tweet topic in one sentence — GPT Image 2 generates the entire X tweet screenshot (text, avatar, engagement metrics).\",\"ai_advanced\":\"Advanced style options\",\"ai_style_label\":\"Style / voice (optional)\",\"ai_style_placeholder\":\"e.g. Elon Musk style / dev humor / single bold one-liner\",\"ai_generate\":\"One-shot AI image\",\"ai_total_cost\":\"Cost: {n} credits\",\"ai_stage_image\":\"Generating image (≈15-30s)...\",\"ai_empty_hint\":\"Type a topic above and click 'One-shot AI image' to see the result\",\"ai_redo\":\"Regenerate\"},\"presets_label\":\"Preset topics (click to apply)\",\"form\":{\"ai_title\":\"Generate with AI\",\"topic\":\"Tweet topic\",\"topic_placeholder\":\"e.g. The exact moment a developer finds a 2-week-old bug / Why I quit my side hustle / Underrated AI productivity tip\",\"style\":\"Style hint (optional)\",\"style_placeholder\":\"e.g. Elon Musk style / startup founder voice / dev humor\",\"generate\":\"Generate with AI\",\"generating\":\"Generating...\",\"insufficient_button\":\"Insufficient credits\",\"cost_label\":\"Costs {n} credit(s)\",\"balance_label\":\"Balance: {n}\",\"sign_in_to_see\":\"Sign in to see balance\",\"recharge\":\"Top up\",\"device\":\"Device\",\"device_desktop\":\"Desktop\",\"device_mobile\":\"Mobile\",\"tweet_title\":\"Tweet style \u0026 engagement\",\"tweet_text\":\"Tweet text\",\"author_name\":\"Display name\",\"author_handle\":\"@ handle (without @)\",\"verified\":\"Verified (blue check)\",\"dark_mode\":\"Dark mode\",\"avatar\":\"Avatar\",\"avatar_upload\":\"Upload\",\"replies\":\"Replies\",\"retweets\":\"Reposts\",\"likes\":\"Likes\",\"views\":\"Views\",\"watermark_label\":\"Watermarked export\",\"clean_cost_label\":\"Watermark-free export: {n} credit(s)/image\"},\"actions\":{\"download\":\"Download PNG\",\"copy\":\"Copy to clipboard\",\"downloading\":\"Exporting…\",\"download_free\":\"Download PNG (free · watermarked)\",\"download_clean\":\"Download PNG ({n} credit · no watermark)\",\"unlock_download\":\"Unlock watermark-free download\"},\"toasts\":{\"copied\":\"Copied to clipboard\"},\"errors\":{\"topic_required\":\"Please enter a tweet topic first\",\"no_auth\":\"Please sign in first\",\"insufficient_credits\":\"Insufficient credits — please top up first\",\"generate_failed\":\"Generation failed. Please try again.\",\"export_failed\":\"Export failed. Please refresh and try again.\",\"avatar_type\":\"Please upload an image file\",\"avatar_too_large\":\"Image must be smaller than 2MB\",\"avatar_read_failed\":\"Failed to read image. Please try again.\"},\"seo\":{\"hero\":{\"title\":\"What is the Tweet Screenshot Generator?\",\"body\":\"$3e\"},\"useCases\":{\"title\":\"8 most common use cases\",\"intro\":\"These are the eight scenarios where users hit this tool hardest:\",\"items\":[{\"title\":\"Newsletter / blog illustrations\",\"desc\":\"Embed a tweet-shaped quote inside long-form articles for visual rhythm — far more engaging than yet another pull-quote box.\"}
13,{\"title\":\"Viral short-form video assets\",\"desc\":\"\\\"Look what someone said on X\\\" videos need lots of tweet stills as cutaway material. AI-written ones are 10x faster than self-typing.\"},{\"title\":\"Slide decks \u0026 talks\",\"desc\":\"Open a section with a punchy \\\"industry quote\\\" tweet — instantly more memorable than abstract KPI numbers.\"},{\"title\":\"Marketing case studies\",\"desc\":\"B2B brands use \\\"happy customer / employee\\\" tweet visuals in case slides to humanize the product story.\"},{\"title\":\"Educational content\",\"desc\":\"When teaching copywriting, hook structures, or viral patterns, generate as many sample tweets as your lesson needs.\"},{\"title\":\"Meme / parody creation\",\"desc\":\"Drop a celebrity quote or cultural moment into the tweet shape — a staple of modern internet humor.\"},{\"title\":\"Anonymous viewpoint sharing\",\"desc\":\"Want to share a take without exposing your X handle? Generate a tweet visual and post it elsewhere.\"},{\"title\":\"Personal brand content\",\"desc\":\"Test tweet hooks on your blog or LinkedIn before actually posting them on X to gauge audience reaction.\"}]},\"howTo\":{\"title\":\"Generate a pro-quality tweet screenshot in 3 steps\",\"intro\":\"Whole flow takes under a minute. No copywriting background needed.\",\"steps\":[{\"title\":\"Describe the topic in one sentence\",\"desc\":\"Type your core idea into the topic box. Add an optional style hint (\\\"Elon Musk style\\\", \\\"founder voice\\\", \\\"dev humor\\\") to 
13nudge the tone.\"},{\"title\":\"Generate with AI\",\"desc\":\"Click generate. AI returns a viral-shaped tweet in 2-4 seconds and fills it into the editable area. 10 credits per call. Regenerate freely if you don't love it.\"},{\"title\":\"Tweak style and export\",\"desc\":\"Edit the body text, name, @handle, toggle verified mark and dark mode, set custom counts for replies / reposts / likes / views, then download a 1500-px-wide PNG or copy straight to clipboard.\"}]},\"features\":{\"title\":\"Key features\",\"items\":[{\"title\":\"AI viral-style writing\",\"desc\":\"Trained on the structures that actually perform on X — hook openings, tight cadence, concrete details — and steered away from \\\"AI-speak\\\".\"},{\"title\":\"Pixel-accurate X UI\",\"desc\":\"Round avatar, bold display name, grey handle, blue verified, action icon positions, all match the current x.com mobile detail view.\"},{\"title\":\"Custom engagement counts\",\"desc\":\"Set replies / reposts / likes / views to any number you want. Auto K/M formatting makes screenshots feel \\\"viral\\\".\"},{\"title\":\"Light \u0026 dark themes\",\"desc\":\"X has both. Toggle to match the platform you're embedding the screenshot into.\"},{\"title\":\"Verified badge toggle\",\"desc\":\"Toggle the blue verified mark on or off depending on whether you want a \\\"verified user\\\" or \\\"regular account\\\" feel.\"},{\"title\":\"High-resolution PNG export\",\"desc\":\"1500 px wide with auto-grow height — sharp enough for any high-DPI use case.\"}]},\"faq\":{\"title\":\"Frequently asked questions\",\"description\":\"More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"q\":\"Can the screenshots be used directly on Xiaohongshu / TikTok / etc.?\",\"a\":\"Yes. The output is a standard PNG, identical in nature to a phone-native screenshot. For commercial advertising or news contexts, consider adding a \\\"for illustration\\\" caption to comply with local advertising and journalism rules.\"},{\"q\":\"Does AI really produce viral-feeling tweets?\",\"a\":\"We trained dedicated prompts on the structures that perform well on X — hook openings, tight short sentences, concrete details. Regenerate as many times as you like (10 credits each) until you find the version you love.\"},{\"q\":\"Are non-English tweets supported?\",\"a\":\"Yes. AI auto-matches the language to your interface — Chinese, English, both produce idiomatic tweet voice.\"},{\"q\":\"Can I fake a tweet from a real existing person?\",\"a\":\"Technically yes, but we strongly discourage it. Impersonating real people carries defamation, fraud, and right-of-publicity risk. Use this tool for legitimate content creation, education, marketing, or fictional scenarios only.\"},{\"q\":\"Are the exported images safe for commercial use?\",\"a\":\"We claim no copyright on what you generate. Whether your specific use is legally compliant depends on context — ad regulations, defamation laws, etc. — and is your responsibility to evaluate.\"},{\"q\":\"Can I batch-test multiple tweet variants?\",\"a\":\"Yes. Each regeneration produces a new version. Save several and A/B test which one resonates with your audience.\"},{\"q\":\"Why does generation cost credits?\",\"a\":\"Each AI call hits a third-party large language model and incurs real compute cost — so we charge 10 credits per generation. New accounts get free credits on signup. Style tweaks, exporting, and copy-to-clipboard are all free with no limits.\"},{\"q\":\"Can the tweet include an image?\",\"a\":\"v1 supports text-only tweets. v2 will add \\\"AI-generated tweet image\\\" (describe the picture → GPT Image 2 generates → embedded in the tweet card). Stay tuned.\"}]},\"cta\":{\"title\":\"Generate your first tweet screenshot now\",\"body\":\"Tweet screenshots are one of the highest-ROI content asset types right now. Whether you're embedding in a blog, building a viral video pipeline, building marketing collateral, or just need a punchy in-joke for a friend — this AI tweet screenshot generator collapses the \\\"think of the tweet → make the screenshot\\\" flow into about a minute.\\n\\nNew accounts get free credits to try it out.\"}}}},\"wechat-chat-generator\":{\"page\":{\"title\":\"WeChat Chat Generator — AI-Powered Screenshot Maker\",\"subtitle\":\"Describe a scene and AI writes a natural WeChat conversation, rendered as a clean screenshot. Edit any message, then export as PNG in one click.\",\"metadata\":{\"title\":\"WeChat Chat Generator — AI Conversation + Screenshot\",\"description\":\"Free online WeChat chat generator: AI writes the dialogue from a scene, renders it as a WeChat-style screenshot, fully editable. Great for creators and scripts.\",\"keywords\":\"wechat chat generator, fake wechat screenshot, ai dialogue generator, chat mockup, wechat screenshot maker\"},\"form\":{\"title\":\"Settings\",\"scene\":\"Conversation scene\",\"scene_placeholder\":\"e.g. Customer thanking after delivery / Customer inquiring then ordering / Existing customer referring a friend / 5-star review / Business negotiation\",\"left_name\":\"Contact name (header title)\",\"right_name\":\"Your name (hidden in 1-on-1)\",\"left_avatar\":\"Contact avatar (left, white bubbles)\",\"right_avatar\":\"Your avatar (right, green bubbles)\",\"avatar_upload\":\"Upload\",\"avatar_clear\":\"Clear\",\"avatar_presets\":\"Pick a preset, or upload your own image (≤2MB)\",\"turns\":\"Turns: {n}\",\"generate\":\"Generate with AI\",\"generating\":\"Generating...\",\"insufficient_button\":\"Insufficient credits\",\"cost_label\":\"Costs {n} credit(s)\",\"balance_label\":\"Balance: {n}\",\"sign_in_to_see\":\"Sign in to see balance\",\"recharge\":\"Top up\",\"watermark_label\":\"Watermarked export\",\"clean_cost_label\":\"Watermark-free export: {n} credit(s)/image\"},\"editor\":{\"title\":\"Edit messages\",\"add\":\"Add message\",\"remove\":\"Remove\",\"swap_side\":\"Swap sender (contact / you)\",\"empty\":\"No messages yet — click 'Add message' or 'Generate with AI'\"},\"actions\":{\"download\":\"Download PNG\",\"unlock_download\":\"Unlock watermark-free download\",\"copy\":\"Copy to clipboard\",\"downloading\":\"Exporting…\",\"download_free\"
13:\"Download PNG (free · watermarked)\",\"download_clean\":\"Download PNG ({n} credit · no watermark)\"},\"toasts\":{\"copied\":\"Copied to clipboard\",\"ai_upsell\":\"Want a more realistic screenshot? Try AI Full Image above.\"},\"modes\":{\"label\":\"Generation mode\",\"stable\":\"Classic mode\",\"stable_hint\":\"DOM render · 10 credits · instant · editable · 100% accurate text\",\"ai\":\"AI full-image mode\",\"ai_hint\":\"GPT Image 2 · 10 credits · realistic screenshot · not editable\",\"ai_section_title\":\"AI full-image settings\",\"ai_scene_hint\":\"Describe the scene in one sentence — GPT Image 2 generates a complete WeChat screenshot with the dialogue.\",\"ai_advanced\":\"Advanced style options\",\"ai_style_label\":\"Visual style (optional)\",\"ai_style_placeholder\":\"e.g. dark mode, old phone feel, slight glare, golden hour lighting\",\"ai_generate\":\"One-shot AI image\",\"ai_total_cost\":\"Cost: {n} credits\",\"ai_stage_image\":\"Generating image (≈15-30s)...\",\"ai_empty_hint\":\"Fill in a scene above and click 'One-shot AI image' to see the result\",\"ai_examples_label\":\"Sample results\",\"ai_redo\":\"Regenerate\"},\"errors\":{\"scene_required\":\"Please describe the scene first\",\"no_auth\":\"Please sign in first\",\"insufficient_credits\":\"Insufficient credits — please top up first\",\"generate_failed\":\"Generation failed. Please try again.\",\"export_failed\":\"Export failed. Please refresh and try again.\",\"avatar_type\":\"Please upload an image file\",\"avatar_too_large\":\"Image must be smaller than 2MB\",\"avatar_read_failed\":\"Failed to read image. Please try again.\",\"ai_no_messages\":\"Please add at least one message on the left first\",\"ai_generate_failed\":\"AI image generation failed — credits refunded, please retry\"},\"seo\":{\"hero\":{\"title\":\"What is the AI WeChat Chat Generator?\",\"body\":\"$3f\"},\"useCases\":{\"title\":\"12 Most Common Use Cases\",\"intro\":\"The heaviest users of this tool are e-commerce operators, short-video creators, content writers, and salespeople. Below are 12 high-frequency scenarios — see which one matches your need:\",\"items\":[{\"title\":\"E-commerce customer testimonials\",\"desc\":\"Sellers on Taobao / Amazon / Shopify / Etsy use realistic-feeling screenshots of customer thank-you and repeat-order conversations on product pages, homepage carousels, and social posts — far more convincing than yet-another \\\"5 stars\\\" image.\"},{\"title\":\"Xiaohongshu / Instagram viral notes\",\"desc\":\"\\\"Buyer photos + chat screenshots\\\" is the gold combo for product-recommendation content. AI-generated dialogue precisely matches your story arc, adding credibility that pure text descriptions can't deliver.\"},{\"title\":\"Direct-sales / agent assets\",\"desc\":\"WeChat-business agents replace fake \\\"sales data\\\" graphics with realistic chat screenshots that build trust faster. AI lets you batch-generate variations across different customers, products, and scenarios — no more tedious manual work.\"},{\"title\":\"Short-video chat-drama shoots\",\"desc\":\"Creators shooting \\\"chat-screenshot drama\\\" videos need lots of in-character dialogue. Describe the scene in a sentence and AI delivers personality-consistent conversations, saving the entire script-writing step.\"},{\"title\":\"Customer-service training scripts\",\"desc\":\"When training new CS reps, demonstrate standard scripts, complaint-handling, upselling, and retention dialogues with chat screenshots. More memorable and reusable than plain-text SOPs.\"},{\"title\":\"Newsletter / blog illustrations\",\"desc\":\"Insert \\\"reader letters,\\\" \\\"private chats,\\\" \\\"colleague vents\\\" as situational graphics in articles to break up long blocks of text and improve reading rhythm.\"},{\"title\":\"B2B sales-deal demos\",\"desc\":\"B2B reps can use \\\"closed-deal conversation\\\" or \\\"existing-customer renewal\\\" screenshots as case evidence in pitches and reports. More vivid than verbal descriptions, more concrete than logos-only \\\"customer pages.\\\"\"},{\"title\":\"Course / book illustrations\",\"desc\":\"Online instructors and authors covering sales, negotiation, or service-management need lots of scenario-based dialogue examples. AI-generated screenshots protect real-customer privacy while delivering realistic samples.\"},{\"title\":\"Modern fiction writing\",\"desc\":\"Chat is a central communication mode of contemporary life. Novelists can use chat screenshots to replace \\\"he texted me saying...\\\" prose, modernizing the narrative pacing.\"},{\"title\":\"Slide-deck demos\",\"desc\":\"Product launches, user-research reports, and case-study decks often need to show real user-feedback chats. AI generation protects user privacy while capturing the scene faithfully.\"},{\"title\":\"Creative ads / brand content\",\"desc\":\"Brands creating viral videos and social ads frequently use chat screenshots to trigger emotional resonance. AI generation lets you A/B test multiple dialogue scripts quickly to find the most viral version.\"},{\"title\":\"Personal humor / parody\",\"desc\":\"Share a fake hilarious chat with friends, mock up an awkward moment, or set up an in-joke. The tool's playful uses live alongside the practical ones — feel free to use it for either.\"}]},\"howTo\":{\"title\":\"Generate a Pro-Level Chat Screenshot in 4 Steps\",\"intro\":\"The whole flow takes under 3 minutes — no design skills or copywriting chops required.\",\"steps\":[{\"title\":\"Describe your scene in one sentence\",\"desc\":\"Type into the \\\"Conversation scene\\\" box. The more specific, the better the output. For example: \\\"customer thanks seller after receiving package, asks about return policy\\\" or \\\"existing customer asks about repeat-purchase discount, places order for 200 units\\\" or \\\"business negotiation — counterparty satisfied with the proposal.\\\"\"},{\"title\":\"Set names and avatars for both sides\",\"desc\":\"\\\"Contact name\\\" is pre-filled with \\\"Mr. Zhang\\\" and shows as the header title at the top of the screenshot (change it to Ms. Wang, Customer A, or any name). \\\"Your name\\\" is you — WeChat never shows your own name in a 1-on-1 chat, so you can leave it blank. The left white bubbles are the contact and the right green bubbles are you; each side can pick from 13 preset cartoon-animal avatars or upload your own image (≤2MB).\"},{\"title\":\"Let AI generate the dialogue\",\"desc\":\"Choose the number of turns (default 10, range 6-20), then click \\\"Generate with AI.\\\" Wait 2-6 seconds while AI generates the dialogue and renders it into the right-side preview. Each call uses 10 credits. Regenerate as many times as you like if you're not happy.\"},{\"title\":\"Fine-tune and export PNG\",\"desc\":\"In the \\\"Edit messages\\\" panel you can rewrite any message, swap left/right side, delete a message, or add new ones. When satisfied, click \\\"Download PNG\\\" to save the 1500×2668 px high-resolution image, or click \\\"Copy to clipboard\\\" to paste directly into another app.\"}]},\"features\":{\"title\":\"Key Features\",\"items\":[{\"title\":\"AI dialogue generation\",\"desc\":\"Context-aware AI that responds in seconds with natural conversational copy — filler words, emoji, casual short sentences — instead of robotic \\\"AI-speak.\\\"\"},{\"title\":\"Pixel-accurate WeChat UI\",\"desc\":\"Status bar (signal, Wi-Fi, battery, do-not-disturb icon), chat header (back arrow, name, menu), message bubbles (green sent / white received with tail triangles), and bottom input bar — all rendered to WeChat 8.x standard.\"},{\"title\":\"Fully editable\",\"desc\":\"AI generation is just a starting point. Every message can be rewritten, re-sided, deleted, or supplemented with new ones — you control the final wording down to the character.\"},{\"title\":\"13 preset avatars + custom upload\",\"desc\":\"13 hand-drawn cartoon-animal avatars (cat, panda, fox, rabbit, dog, bear, frog, pig, monkey, tiger, penguin, owl, sunny) ready to click, or upload your own image (auto-cropped to fit).\"},{\"title\":\"2x DPI high-res export\",\"desc\":\"Default render is 750×1334 mobile-portrait baseline at 2x DPI, exporting 1500×2668 PNG — high-enough resolution for Xiaohongshu covers, Taobao product pages, picture-in-picture video overlays, and even print.\"},{\"title\":\"Bilingual interface and output\",\"desc\":\"Switch the UI between English and Chinese; the AI auto-matches the dialogue language to your interface language.\"}]},\"examples\":{\"title\":\"6 Real-World Sample Dialogues\",\"intro\":\"Below are six sample conversations generated 
13with this tool, covering the most common scenarios. Copy any of the \\\"scene\\\" lines straight into the input box above, or use them as a template for your own variation. Every dialogue here was hand-picked from real test runs — 8-12 turns, casual tone, natural pacing — ready to drop straight into a screenshot.\",\"items\":[{\"title\":\"5-star review + restock inquiry\",\"scene\":\"Scene: Customer receives a clothing order, leaves a 5-star review, asks when other styles will be back in stock.\",\"contact\":\"Sarah\",\"dialogue\":[{\"side\":\"left\",\"text\":\"Order arrived! 😍\"},{\"side\":\"left\",\"text\":\"Looks even better than the photos — quality is amazing\"},{\"side\":\"right\",\"text\":\"Hi! So glad you like it 😊\"},{\"side\":\"right\",\"text\":\"It's been our top seller this month — lots of repeat buyers\"},{\"side\":\"left\",\"text\":\"Makes sense — my friend wants one too\"},{\"side\":\"left\",\"text\":\"Do you have it in other colors?\"},{\"side\":\"right\",\"text\":\"Yes — cream, oat, and dusty blue all in stock\"},{\"side\":\"right\",\"text\":\"Sending you the listing now\"},{\"side\":\"left\",\"text\":\"Awesome — leaving a 5-star review now 👍\"},{\"side\":\"right\",\"text\":\"Thank you! Mention 'returning customer' next time for a discount\"}]},{\"title\":\"Returning customer asks for a deal\",\"scene\":\"Scene: Existing customer ran out of face masks, comes back asking if returning customers get a discount, ends up ordering 3 boxes.\",\"contact\":\"Mia\",\"dialogue\":[{\"side\":\"left\",\"text\":\"Hey, you there?\"},{\"side\":\"right\",\"text\":\"Yes! What can I help with?\"},{\"side\":\"left\",\"text\":\"Finished the masks I bought last time — they really worked\"},{\"side\":\"left\",\"text\":\"Want to grab two more boxes — any deal for repeat buyers?\"},{\"side\":\"right\",\"text\":\"Of course! Repeat customers get a free travel-size pack\"},{\"side\":\"right\",\"text\":\"Plus 10% off the order\"},{\"side\":\"left\",\"text\":\"Perfect\"},{\"side\":\"left\",\"text\":\"Make it three boxes then — might as well stock up\"},{\"side\":\"right\",\"text\":\"Got it, packing them up — ships tomorrow morning 🚚\"},{\"side\":\"left\",\"text\":\"Thanks! ❤️\"}]},{\"title\":\"B2B deal close\",\"scene\":\"Scene: Client signs off on the second proposal, negotiates a small budget cut and shorter payment terms, agrees to sign next Monday.\",\"contact\":\"Mr. Wang\",\"dialogue\":[{\"side\":\"right\",\"text\":\"Hi Mr. Wang — sending over the revised proposal\"},{\"side\":\"left\",\"text\":\"Got it — taking a look now\"},{\"side\":\"left\",\"text\":\"Overall structure looks solid. Can phase 3 budget come down a bit?\"},{\"side\":\"right\",\"text\":\"We can do another 5% off\"},{\"side\":\"right\",\"text\":\"But we'd need NET-30 on payment terms — helps our cash flow\"},{\"side\":\"left\",\"text\":\"That works for me\"},{\"side\":\"left\",\"text\":\"Let's lock it in. Sign the contract Monday?\"},{\"side\":\"right\",\"text\":\"Sounds good — I'll have everything ready\"},{\"side\":\"left\",\"text\":\"Appreciate it 🤝\"}]},{\"title\":\"CS sizing consultation\",\"scene\":\"Scene: Customer is unsure of size, gives height/weight, CS rep recommends size M and explains the fit.\",\"contact\":\"Lisa\",\"dialogue\":[{\"side\":\"left\",\"text\":\"Hi, can you help me pick a size?\"},{\"side\":\"right\",\"text\":\"Of course! What's your height and weight?\"},{\"side\":\"left\",\"text\":\"5'5\\\" / 110 lbs\"},{\"side\":\"right\",\"text\":\"I'd recommend size M for you\"},{\"side\":\"right\",\"text\":\"This piece runs slightly fitted but the fabric has good stretch\"},{\"side\":\"left\",\"text\":\"Won't M be too tight then?\"},{\"side\":\"right\",\"text\":\"Not at all — M has a 36in bust, perfect for your measurements\"},{\"side\":\"left\",\"text\":\"OK, I'll go with M then\"},{\"side\":\"right\",\"text\":\"Order placed — ships tomorrow 📦\"},{\"side\":\"left\",\"text\":\"Great, thanks!\"}]},{\"title\":\"After-work hotpot plans\",\"scene\":\"Scene: Two friends planning a hotpot dinner at a newly opened spot at 7
13pm tonight.\",\"contact\":\"Emma\",\"dialogue\":[{\"side\":\"left\",\"text\":\"Hey are you free tonight?\"},{\"side\":\"right\",\"text\":\"What time?\"},{\"side\":\"left\",\"text\":\"7pm — there's a new hotpot place I keep seeing 🌶️\"},{\"side\":\"left\",\"text\":\"The photos are killing me\"},{\"side\":\"right\",\"text\":\"Stop tempting me lol\"},{\"side\":\"right\",\"text\":\"Fine, heading straight there after work\"},{\"side\":\"left\",\"text\":\"I'll grab us a table early\"},{\"side\":\"right\",\"text\":\"Going into a meeting — leaving the second it's over\"},{\"side\":\"right\",\"text\":\"We are ordering tripe AND shrimp paste tonight\"},{\"side\":\"left\",\"text\":\"Now THAT'S commitment 😂\"}]},{\"title\":\"Joining as a sales agent\",\"scene\":\"Scene: A friend admires the other person's social-media sales work and asks about becoming an agent — ends up signing up for a starter package.\",\"contact\":\"Anna\",\"dialogue\":[{\"side\":\"left\",\"text\":\"Your social posts have been looking great lately\"},{\"side\":\"right\",\"text\":\"Thanks! Everyone's been stocking up — pretty busy week\"},{\"side\":\"left\",\"text\":\"I've been thinking about a side hustle\"},{\"side\":\"left\",\"text\":\"Is the agent program hard to get into?\"},{\"side\":\"right\",\"text\":\"Not at all — minimum stock-up is around $300 to start\"},{\"side\":\"right\",\"text\":\"We have full training so beginners aren't lost\"},{\"side\":\"left\",\"text\":\"Sounds legit\"},{\"side\":\"left\",\"text\":\"What's the typical monthly take?\"},{\"side\":\"right\",\"text\":\"Depends on time you put in — most of our team makes $500-1500/mo\"},{\"side\":\"right\",\"text\":\"The serious ones go higher. We do weekly case studies too\"},{\"side\":\"left\",\"text\":\"OK, I'll start with the entry pack\"},{\"side\":\"right\",\"text\":\"Awesome — adding you to the training group now 🎉\"}]}]},\"comparison\":{\"title\":\"How This Compares to Alternatives\",\"intro\":\"There are basically three ways to produce a WeChat chat screenshot today: this AI tool, a traditional template-based screenshot maker, or capturing a real chat. Side-by-side:\",\"headers\":[\"Aspect\",\"This AI Tool\",\"Template Tools\",\"Real Chat Capture\"],\"rows\":[{\"aspect\":\"Dialogue source\",\"values\":[\"AI from one sentence\",\"You type every line\",\"Real conversation\"]},{\"aspect\":\"Time per screenshot\",\"values\":[\"1-3 min\",\"20-60 min\",\"Unpredictable (depends on reply timing)\"]},{\"aspect\":\"Naturalness\",\"values\":[\"High (AI trained on real-world dialogue)\",\"Depends on your copywriting\",\"High\"]},{\"aspect\":\"Editability\",\"values\":[\"Full\",\"Full\",\"None\"]},{\"aspect\":\"Privacy\",\"values\":[\"No real people involved\",\"No real people involved\",\"Real contacts — leak risk\"]},{\"aspect\":\"Visual fidelity\",\"values\":[\"Pixel-accurate WeChat 8.x\",\"Varies; often template-y\",\"100% real\"]},{\"aspect\":\"Variations / batch output\",\"values\":[\"Regenerate any time\",\"Bottlenecked by typing speed\",\"Not feasible\"]},{\"aspect\":\"Effort per screenshot\",\"values\":[\"10 credits, no manual typing\",\"Manual typing for every line\",\"Wait for real replies\"]}]},\"tips\":{\"title\":\"6 Tips to Make Your Screenshots Look Real\",\"intro\":\"Good chat screenshots make viewers think \\\"this looks real.\\\" Below are tips we've collected for getting AI output closer to a genuine chat.\",\"items\":[\"The more specific your scene description, the better. \\\"Customer leaves 5-star review for clothing purchase\\\" produces much more detailed dialogue than \\\"customer leaves a review.\\\" Add details like product category, customer profile, and time context.\",\"Don't request too many turns. Real daily chats are usually 6-12 turns per coherent segment. 20+ turns often feels padded and unnatural — break long arcs into multiple shorter segments instead.\",\"Always hand-edit at least one or two lines after AI generation. Even tiny tweaks — adding your own catchphrase, swapping in a frequent emoji — instantly inject \\\"human voice\\\" into the whole conversation.\",\"Use a realistic business title for the contact name (the header title). \\\"Mr. Zhang\\\" / \\\"Ms. Wang\\\" / \\\"Customer A\\\" gives a professional context that \\\"Friend\\\" or \\\"The Other\\\" can't.\",\"Match avatars to persona. Jewelry-customer chats look right with pink rabbit avatars; menswear with bears or foxes; B2B with a logo (uploaded as cropped square).\",\"For cross-day arcs, generate twice and stitch. If you want a screenshot showing a conversation spanning multiple days, generate two separate sessions and (in a future version) insert a centered timestamp divider between them.\"]},\"faq\":{\"title\":\"Frequently Asked Questions\",\"description\":\"More questions? Email support\u0026#64;imagesv2.ai.\",\"items\":[{\"q\":\"Are AI-generated dialogues actually natural-sounding, or obviously machine-written?\",\"a\":\"We pair carefully tuned prompts with our AI to steer it away from typical AI tells (corporate-speak, repetitive sentence structures). The output includes filler words, suitable emoji, and casual short sentences. It reads markedly more naturally than \\\"template dialogue.\\\" If you're not happy, regenerate as many times as you want — each call is just 10 credits.\"},{\"q\":\"Can I use the generated screenshots commercially? Are there copyright issues?\",\"a\":\"We claim no copyright over content you generate — you have full usage rights for personal creation, commercial product promotion, paid advertising, published materials, and so on. Important caveats: do NOT use this tool for fraud, fabricating evidence, defaming others, or impersonation. When using in advertising, consider adding a \\\"for illustration only\\\" caption to comply with local advertising-disclosure laws.\"},{\"q\":\"Can I send the generated dialogue back into real WeChat?\",\"a\":\"No. This is strictly a content-creation and screenshot-rendering tool. It does not — and cannot — connect to the WeChat app or send anything anywhere. All output is standalone PNG files. Be wary of any tool claiming to \\\"sync fake chats into real WeChat\\\" — those are typically scams.\"},{\"q\":\"Can I upload custom avatars? Where are they stored?\",\"a\":\"Yes. Each side accepts a preset (13 animal options) or your own upload (≤2MB). Uploaded images are processed entirely in your browser — they never reach our servers, and they're cleared the moment you close the page. To reuse an avatar across sessions, just keep your local image file and re-upload.\"},{\"q\":\"How many messages can be in one screenshot?\",\"a\":\"The AI step generates 6-20 turns by default. After generation you can manually add unlimited additional messages from the Edit panel — the canvas height auto-grows to fit. For ultra-long \\\"continuous chat history\\\" effects, generate multiple times and combine, or hand-add dozens of messages.\"},{\"q\":\"How sharp is the exported image? Can I print it?\",\"a\":\"Default is 750×1334 mobile baseline rendered at 2x DPI, producing a 1500×2668 PNG. That's enough for: A4 print, Xiaohongshu cover, 9:16 vertical short video, e-commerce product page, or full-screen monitor display. Higher 3x/4x DPI options are on the roadmap.\"},{\"q\":\"Why does AI generation cost credits? Can I use it free?\",\"a\":\"AI generation calls a third-party large language model and incurs real compute cost on every call, so it uses 10 credits per generation. New accounts get free credits on signup — enough to fully try the tool. Everything else (screenshot export, message editing, avatar selection, all non-AI features) is completely free with no usage limits.\"},{\"q\":\"Does this work on mobile, or desktop only?\",\"a\":\"Fully responsive — works in mobile Safari/Chrome for both generation and download. That said, since the screenshot itself is mobile-portrait (9:16), editing and previewing on a larger screen (big-phone or desktop) gives a more comfortable experience.\"},{\"q\":\"Are you affiliated with Tencent or WeChat?\",\"a\":\"No. This is a third-party tool with no relationship to Tencent or WeChat — we mimic the WeChat visual style to leverage user familiarity. Generated screenshots contain no WeChat trademarks, only the generic UI elements that are common to chat-screenshot conventions.\"},{\"q\":\"Will you support other chat platforms — iMessage, Telegram, X (Twitter)?\",\"a\":\"WeChat first, others soon. Roadmap includes iMessage (blue/grey bubbles), X (formerly Twitter) tweet screenshots, Telegram, Douyin live-stream comments, and more. If there's a specific style you want, let us know.\"}]},\"cta\":{\"title\":\"Generate Your First WeChat Screenshot Now\",\"body\":\"WeChat chat screenshots are one of the most-used asset types in modern content creation — for testimonials, viral posts, dramatized videos, training decks, and just plain everyday humor with friends. Whether you're after a customer-praise screenshot for a Xiaohongshu post, dialogue stills for a TikTok skit, or an in-joke to send a friend, this AI WeChat Chat Generator collapses the entire workflow from 30 minutes to under 3.\\n\\nScroll back up, describe a scene, click Generate. In seconds you'll have your first pro-quality WeChat screenshot. New accounts get 3 credits free to try the tool out. Looking forward to what you create.\",\"action_label\":\"Generate now\"},\"relatedTools\":{\"title\":\"Related screenshot tools\",\"items\":[{\"href\":\"/tweet-screenshot-generator\",\"name\":\"Tweet Screenshot Generator\",\"desc\":\"Turn any idea into a pixel-perfect X (Twitter) screenshot in seconds.\"},{\"href\":\"/douyin-live-generator\",\"name\":\"Douyin Live Screenshot Generator\",\"desc\":\"Generate realistic Douyin live-stream screenshots with AI-written comments.\"}]}}}}}}
13,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":\"$L40\"}]\n"])</script>
13<script>self.__next_f.push([1,"41:I[998415,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"ThemeProvider\"]\n42:I[960568,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"AppContextProvider\"]\n43:I[351397,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"HtmlDirSync\"]\n44:I[154591,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Image\"]\n45:I[503378,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"\"]\n46:I[897088,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"SignModalLazy\"]\n47:I[528842,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"Toaster\"]\n48:I[246116,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\"],\"RadixBodyPEGuard\"]\n"])</script>
13<script>self.__next_f.push([1,"40:[\"$\",\"$L41\",null,{\"children\":[\"$\",\"$L42\",null,{\"children\":[[\"$\",\"$L43\",null,{}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"flex h-screen flex-col items-center justify-center gap-4\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/logo.png\",\"alt\":\"GPT Image 2\",\"width\":80,\"height\":80}],[\"$\",\"h1\",null,{\"className\":\"text-2xl font-normal\",\"children\":\"Page not found\"}],[\"$\",\"$L45\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[\u003esvg]:px-3 mt-4\",\"children\":[[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":24,\"height\":24}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-left\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1l729n\",{\"d\":\"m12 19-7-7 7-7\"}],[\"$\",\"path\",\"x3x0zl\",{\"d\":\"M19 12H5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"children\":\"Back to Home\"}]],\"data-slot\":\"button\",\"ref\":null}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L46\",null,{}],[\"$\",\"$L47\",null,{\"position\":\"top-center\",\"richColors\":true}],[\"$\",\"$L48\",null,{}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"49:I[654243,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Header\"]\n"])</script>
13<script>self.__next_f.push([1,"24:[\"$\",\"div\",null,{\"className\":\"min-h-screen\",\"children\":[[\"$\",\"$L49\",null,{\"header\":{\"id\":\"header\",\"brand\":{\"title\":\"GPT Image 2\",\"logo\":{\"src\":\"/logo.png\",\"alt\":\"GPT Image 2\",\"width\":100,\"height\":100},\"url\":\"/\"},\"nav\":{\"items\":[{\"title\":\"Prompts\",\"url\":\"/prompts\",\"icon\":\"Lightbulb\"},{\"title\":\"Tools\",\"icon\":\"Boxes\",\"id\":\"tools\",\"children\":[{\"title\":\"Image generation\",\"children\":[{\"title\":\"AI Image Generator\",\"url\":\"/\",\"target\":\"_self\"},{\"title\":\"Transparent Image Generator\",\"url\":\"/gpt-image-2-transparent-background\",\"target\":\"_self\"},{\"title\":\"360° Panorama\",\"url\":\"/360-image\",\"target\":\"_self\"},{\"title\":\"Healing Landscape\",\"url\":\"/healing-landscape-illustration\",\"target\":\"_self\"}]},{\"title\":\"Marketing \u0026 design\",\"children\":[{\"title\":\"Poster Generator\",\"url\":\"/gpt-image-2-poster-generator\",\"target\":\"_self\"},{\"title\":\"Brand Kit Generator\",\"url\":\"/ai-brand-kit-generator\",\"target\":\"_self\"},{\"title\":\"App Mockup Generator\",\"url\":\"/ai-app-mockup-generator\",\"target\":\"_self\"},{\"title\":\"Article Illustration\",\"url\":\"/article-illustration\",\"target\":\"_self\"}]},{\"title\":\"Editing\",\"children\":[{\"title\":\"Editable Text\",\"url\":\"/gpt-image-2-editable-text\",\"target\":\"_self\"},{\"title\":\"Poster to PSD (Beta)\",\"url\":\"/poster-to-psd\",\"target\":\"_self\"},{\"title\":\"Old Photo Restoration\",\"url\":\"/old-photo-restoration\",\"target\":\"_self\"},{\"title\":\"Photo Annotation\",\"url\":\"/photo-annotation\",\"target\":\"_self\",\"badge\":\"Flame\"},{\"title\":\"MS Paint Redraw\",\"url\":\"/ms-paint-redraw\",\"target\":\"_self\",\"badge\":\"Flame\"}]},{\"title\":\"Portrait style\",\"children\":[{\"title\":\"Personal Style Card\",\"url\":\"/personal-style-card\",\"target\":\"_self\"},{\"title\":\"AI Hairstyle Changer\",\"url\":\"/ai-hairstyle-changer\",\"target\":\"_self\"},{\"title\":\"AI Portrait Styles\",\"url\":\"/portrait-styles\",\"target\":\"_self\"},{\"title\":\"Color Analysis\",\"url\":\"/color-analysis\",\"target\":\"_self\"}]},{\"title\":\"Social\",\"children\":[{\"title\":\"WeChat Chat Generator\",\"url\":\"/wechat-chat-generator\",\"target\":\"_self\"},{\"title\":\"TikTok Live Screenshot Generator\",\"url\":\"/douyin-live-generator\",\"target\":\"_self\"},{\"title\":\"Tweet Screenshot Generator\",\"url\":\"/tweet-screenshot-generator\",\"target\":\"_self\"}]},{\"title\":\"SVG tools\",\"children\":[{\"title\":\"SVG Generator\",\"url\":\"/gpt-image-2-svg\",\"target\":\"_self\"},{\"title\":\"AI SVG Diagram\",\"url\":\"/ai-svg-diagram\",\"target\":\"_self\"},{\"title\":\"AI SVG Illustration\",\"url\":\"/ai-svg-illustration\",\"target\":\"_self\"},{\"title\":\"SVG Animation\",\"url\":\"/svg-animation-generator\",\"icon\":\"Play\"},{\"title\":\"SVG Viewer\",\"url\":\"/svg-viewer\",\"target\":\"_self\"},{\"title\":\"SVG Cases\",\"url\":\"/svg-cases\",\"icon\":\"LayoutGrid\"}]},{\"title\":\"Browse\",\"children\":[{\"title\":\"View all tools\",\"url\":\"/tools\",\"icon\":\"LayoutGrid\",\"variant\":\"cta\"}]}]},{\"id\":\"models\",\"title\":\"Models\",\"icon\":\"Layers\",\"children\":[{\"title\":\"GPT Image\",\"children\":[{\"title\":\"GPT Image 2.5\",\"url\":\"/gpt-image-2-5\",\"target\":\"_self\",\"icon\":\"Image\",\"badge\":\"New\"},{\"title\":\"GPT Image 2\",\"url\":\"/\",\"target\":\"_self\",\"icon\":\"Image\"},{\"title\":\"GPT Image 1.5\",\"url\":\"/gpt-image-1-5\",\"target\":\"_self\",\"icon\":\"Image\"},{\"title\":\"GPT Image 1\",\"url\":\"/gpt-image-1\",\"target\":\"_self\",\"icon\":\"Image\"}]},{\"title\":\"Nano Banana\",\"children\":[{\"title\":\"Nano Banana 2\",\"url\":\"/nano-banana-2\",\"target\":\"_self\",\"icon\":\"Image\"},{\"title\":\"Nano Banana Pro\",\"url\":\"/nano-banana-pro\",\"target\":\"_self\",\"icon\":\"Image\"},{\"title\":\"Nano Banana\",\"url\":\"/nano-banana\",\"target\":\"_self\",\"icon\":\"Image\"}]},{\"title\":\"Browse\",\"children\":[{\"title\":\"View all models\",\"url\":\"/tools#models\",\"target\":\"_self\",\"variant\":\"cta\",\"icon\":\"Layers\"}]}]}
13,{\"title\":\"Pricing\",\"url\":\"/pricing\",\"icon\":\"CreditCard\"},{\"title\":\"My Works\",\"url\":\"/history\",\"icon\":\"History\"},{\"title\":\"Blog\",\"url\":\"/blog\",\"icon\":\"FileText\"}]},\"buttons\":[],\"user_nav\":{\"show_name\":true,\"show_credits\":true,\"show_sign_out\":true,\"items\":[]},\"show_sign\":true,\"show_theme\":true,\"show_locale\":true,\"topbanner\":{\"variant\":\"promo\",\"text\":\"🎁 GPT Image 2 is Live! Enjoy \u003cstrong\u003eLimited-Time 50% OFF!\u003c/strong\u003e 🎉\",\"buttonText\":\"Get Offer\",\"href\":\"/pricing?utm_source=top_banner\u0026utm_medium=banner\u0026utm_campaign=welcome_offer_50off\"}}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){var btn=document.getElementById('site-header-toggle');var hdr=document.getElementById('site-header');if(!btn||!hdr)return;if(btn.dataset.bound==='1')return;btn.dataset.bound='1';function sync(open){hdr.setAttribute('data-state',open?'active':'inactive');btn.setAttribute('aria-expanded',open?'true':'false');var lbl=open?btn.getAttribute('data-label-close'):btn.getAttribute('data-label-open');if(lbl)btn.setAttribute('aria-label',lbl)}btn.addEventListener('click',function(e){e.preventDefault();sync(hdr.getAttribute('data-state')!=='active')})})();\"}}],[\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\"],\"$L4f\"]}]\n"])</script>
13<script>self.__next_f.push([1,"50:I[662721,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\"],\"LocaleDetector\"]\n51:I[278832,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\"],\"PageViewTracker\"]\n52:I[850467,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\"],\"PageEngagementTracker\"]\n53:I[290976,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\"],\"TopBanner\"]\n77:I[290951,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aae"])</script>
13<script>self.__next_f.push([1,"z02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"LocaleSelectorInline\"]\n78:I[998559,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Copyright\"]\n4a:[\"$\",\"$L50\",null,{}]\n4b:[\"$\",\"$L51\",null,{}]\n4c:[\"$\",\"$L52\",null,{}]\n4d:[\"$\",\"$L53\",null,{\"id\":\"promo-flash-sale\",\"variant\":\"promo\",\"text\":\"🎁 GPT Image 2 is Live! Enjoy \u003cstrong\u003eLimited-Time 50% OFF!\u003c/strong\u003e 🎉\",\"eyebrow\":\"$undefined\",\"countdownTo\":\"$undefined\",\"buttonText\":\"Get Offer\",\"href\":\"/pricing?utm_source=top_banner\u0026utm_medium=banner\u0026utm_campaign=welcome_offer_50off\",\"target\":\"$undefined\",\"closable\":true,\"rememberDismiss\":true,\"dismissedExpiryDays\":1,\"welcomeOffer\":true}]\n4e:[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"4f:[\"$\",\"footer\",null,{\"id\":\"footer\",\"className\":\"py-8 sm:py-8  overflow-x-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"container space-y-8 overflow-x-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid min-w-0 gap-6 sm:grid-cols-5\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"min-w-0 space-y-4 text-sm break-words sm:col-span-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium break-words\",\"children\":\"Product\"}],[\"$\",\"div\",null,{\"className\":\"grid min-w-0 gap-x-6 gap-y-5 sm:grid-cols-2\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Core Generation\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L54\",\"$L55\",\"$L56\",\"$L57\"]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Photo Tools\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L58\",\"$L59\",\"$L5a\",\"$L5b\"]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Social Screenshots\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L5c\",\"$L5d\",\"$L5e\"]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Style \u0026 Portrait\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L5f\",\"$L60\",\"$L61\",\"$L62\"]}]]}],[\"$\",\"div\",\"4\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Creative Scenes\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L63\",\"$L64\",\"$L65\",\"$L66\",\"$L67\"]}]]}]]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"min-w-0 space-y-4 text-sm break-words \",\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium break-words\",\"children\":\"SVG\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-5\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Generate\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L68\",\"$L69\",\"$L6a\",\"$L6b\"]}]]}],[\"$\",\"div\",\"1\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"View\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L6c\"]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"min-w-0 space-y-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground/80 block text-xs font-medium tracking-wide uppercase break-words\",\"children\":\"Inspiration\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-col gap-2\",\"children\":[\"$L6d\"]}]]}]]}]]}],[\"$\",\"div\",\"2\",{\"className\":\"min-w-0 space-y-4 text-sm break-words \",\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium break-words\",\"children\":\"Resources\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap gap-4 sm:flex-col\",\"children\":[\"$L6e\",\"$L6f\"]}]]}],[\"$\",\"div\",\"3\",{\"className\":\"min-w-0 space-y-4 text-sm break-words \",\"children\":[[\"$\",\"span\",null,{\"className\":\"block font-medium break-words\",\"children\":\"Models\"}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap gap-4 sm:flex-col\",\"children\":[\"$L70\",\"$L71\",\"$L72\",\"$L73\",\"$L74\",\"$L75\",\"$L76\"]}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap items-center gap-4 sm:gap-8\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\"}]]}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"h-px min-w-0 [background-image:linear-gradient(90deg,var(--color-foreground)_1px,transparent_1px)] bg-[length:6px_1px] bg-repeat-x opacity-25\"}],[\"$\",\"div\",null,{\"className\":\"flex justify-center\",\"children\":[\"$\",\"$L77\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap justify-between gap-8\",\"children\":[[\"$\",\"$L78\",null,{\"brand\":{\"title\":\"GPT Image 2\",\"description\":\"AI image generation tool powered by GPT Image 2. Generate photorealistic images with perfect text rendering, transparent backgrounds, and natural language editing.\",\"logo\":{\"src\":\"/logo.png\",\"alt\":\"GPT Image 2\",\"width\":100,\"height\"
13:100},\"url\":\"/\"},\"contact\":{\"label\":\"Contact\",\"email\":\"[email protected]\"}}],\"$L79\",\"$L7a\",\"$L7b\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"79:[\"$\",\"div\",null,{\"className\":\"min-w-0 flex-1\"}]\n7a:[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap items-center gap-4\",\"children\":[\"$L7c\",\"$L7d\",\"$L7e\",\"$L7f\"]}]\n7b:[\"$\",\"div\",null,{\"className\":\"flex min-w-0 flex-wrap items-center gap-2\",\"children\":[\"$L80\"]}]\n"])</script>
13<script>self.__next_f.push([1,"82:I[553108,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"default\"]\n25:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"description\\\":\\\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.\\\",\\\"url\\\":\\\"https://imagesv2.ai/\\\",\\\"applicationCategory\\\":\\\"MultimediaApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"url\\\":\\\"https://imagesv2.ai\\\"}}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"description\\\":\\\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.\\\",\\\"url\\\":\\\"https://imagesv2.ai/\\\",\\\"inLanguage\\\":\\\"en-US\\\",\\\"dateModified\\\":\\\"2026-05-18\\\",\\\"isPartOf\\\":{\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"url\\\":\\\"https://imagesv2.ai\\\"},\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"GPT Image 2\\\",\\\"url\\\":\\\"https://imagesv2.ai\\\"}}\"}}],\"$L81\"]\n54:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":{\"name\":\"NEXT_LOCALE\",\"sameSite\":\"lax\"},\"title\":\"GPT Image 2 Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2 Generator\",\"$undefined\"]}]}]\n55:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-2-poster-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2 Poster Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2 Poster Generator\",\"$undefined\"]}]}]\n56:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-2-transparent-background\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2 Transparent Image Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2 Trans
13parent Image Generator\",\"$undefined\"]}]}]\n57:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-2-editable-text\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2 Editable Text\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2 Editable Text\",\"$undefined\"]}]}]\n58:[\"$\",\"$L82\",\"0\",{\"re"])</script>
13<script>self.__next_f.push([1,"f\":\"$undefined\",\"href\":\"/old-photo-restoration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Old Photo Restoration\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Old Photo Restoration\",\"$undefined\"]}]}]\n59:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/poster-to-psd\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Poster to PSD (Beta)\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Poster to PSD (Beta)\",\"$undefined\"]}]}]\n5a:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Handwritten Photo Annotation\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Handwritten Photo Annotation\",[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":24,\"height\":24}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-flame size-3 shrink-0 text-orange-500\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"96xj49\",{\"d\":\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"}],\"$undefined\"]}]}]]}]}]\n5b:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/ms-paint-redraw\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"MS Paint Redraw\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"MS Paint Redraw\",[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":24,\"height\":24}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-flame size-3 shrink-0 text-orange-500\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"96xj49\",{\"d\":\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"}],\"$undefined\"]}]}]]}]}]\n5c:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/wechat-chat-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"WeChat Chat Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"WeChat Chat Generator\",\"$undefined\"]}]}]\n5d:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/douyin-live-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"TikTok Live Screenshot Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"TikTok Live Screenshot Generator\",\"$undefined\"]}]}]\n5e:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Tweet Screenshot Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Tweet Screenshot Generator\",\"$undefined\"]}]}]\n5f:[\"$\",\"$L82"])</script>
13<script>self.__next_f.push([1,"\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/personal-style-card\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Personal Style Card\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Personal Style Card\",\"$undefined\"]}]}]\n60:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/ai-hairstyle-changer\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI Hairstyle Changer\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI Hairstyle Changer\",\"$undefined\"]}]}]\n61:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI Portrait Styles\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI Portrait Styles\",\"$undefined\"]}]}]\n62:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/color-analysis\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Color Analysis\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Color Analysis\",\"$undefined\"]}]}]\n63:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/360-image\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"360° Panorama Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"360° Panorama Generator\",\"$undefined\"]}]}]\n64:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Healing Flat Landscape\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Healing Flat Landscape\",\"$undefined\"]}]}]\n65:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/article-illustration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Article Illustration Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Article Illustration Generator\",\"$undefined\"]}]}]\n66:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/ai-app-mockup-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI App Mockup Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI App Mockup Generator\",\"$undefined\"]}]}]\n67:[\"$\",\"$L82\",\"4\",{\"ref\":\"$undefined\",\"href\":\"/ai-brand-kit-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI Brand Kit Generator\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI Brand Kit Generator\",\"$undefined\"]}]}]\n68:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-2-svg\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2 SVG\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2 SVG\",\"$undefined\"]}]}]\n69:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/ai-svg-dia"])</script>
13<script>self.__next_f.push([1,"gram\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI SVG Diagram\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI SVG Diagram\",\"$undefined\"]}]}]\n6a:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/ai-svg-illustration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"AI SVG Illustration\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"AI SVG Illustration\",\"$undefined\"]}]}]\n6b:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/svg-animation-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"SVG Animation\",\"target\":\"\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"SVG Animation\",\"$undefined\"]}]}]\n6c:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/svg-viewer\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"SVG Viewer\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"SVG Viewer\",\"$undefined\"]}]}]\n6d:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/svg-cases\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"SVG Cases\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"SVG Cases\",\"$undefined\"]}]}]\n6e:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/prompts\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Prompts\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Prompts\",\"$undefined\"]}]}]\n6f:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/tools\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"All Tools\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"All Tools\",\"$undefined\"]}]}]\n70:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2\",\"$undefined\"]}]}]\n71:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-1\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 1\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 1\",\"$undefined\"]}]}]\n72:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-1-5\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 1.5\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 1.5\",\"$undefined\"]}]}]\n73:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/nano-banana\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Nano Banana\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Nano Banana\",\"$unde"])</script>
13<script>self.__next_f.push([1,"fined\"]}]}]\n74:[\"$\",\"$L82\",\"4\",{\"ref\":\"$undefined\",\"href\":\"/nano-banana-2\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Nano Banana 2\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Nano Banana 2\",\"$undefined\"]}]}]\n75:[\"$\",\"$L82\",\"5\",{\"ref\":\"$undefined\",\"href\":\"/nano-banana-pro\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"Nano Banana Pro\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"Nano Banana Pro\",\"$undefined\"]}]}]\n76:[\"$\",\"$L82\",\"6\",{\"ref\":\"$undefined\",\"href\":\"/gpt-image-2-5\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"title\":\"GPT Image 2.5\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary block break-words duration-150\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 break-words\",\"children\":[\"GPT Image 2.5\",\"$undefined\"]}]}]\n"])</script>
13<script>self.__next_f.push([1,"7c:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"/about\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"\",\"className\":\"text-muted-foreground hover:text-primary block text-xs break-words underline duration-150\",\"children\":\"About\"}]\n7d:[\"$\",\"$L82\",\"1\",{\"ref\":\"$undefined\",\"href\":\"/feedback\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"\",\"className\":\"text-muted-foreground hover:text-primary block text-xs break-words underline duration-150\",\"children\":\"Feedback\"}]\n7e:[\"$\",\"$L82\",\"2\",{\"ref\":\"$undefined\",\"href\":\"/privacy-policy\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"\",\"className\":\"text-muted-foreground hover:text-primary block text-xs break-words underline duration-150\",\"children\":\"Privacy Policy\"}]\n7f:[\"$\",\"$L82\",\"3\",{\"ref\":\"$undefined\",\"href\":\"/terms-of-service\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"\",\"className\":\"text-muted-foreground hover:text-primary block text-xs break-words underline duration-150\",\"children\":\"Terms of Service\"}]\n80:[\"$\",\"$L82\",\"0\",{\"ref\":\"$undefined\",\"href\":\"mailto:[email protected]\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"_self\",\"className\":\"text-muted-foreground hover:text-primary bg-background block cursor-pointer rounded-full p-2 duration-150\",\"aria-label\":\"Email\",\"children\":[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":20,\"height\":20}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":20,\"height\":20,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mail\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"132q7q\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"$\",\"rect\",\"izxlao\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}],\"$undefined\"]}]}]}]\n81:[\"$undefined\",\"$undefined\",false,\"$undefined\",[\"$@83\",\"$@84\",\"$@85\",\"$@86\",\"$@87\",\"$@88\",\"$@89\",\"$@8a\",\"$@8b\",\"$@8c\",\"$@8d\",\"$@8e\",\"$@8f\",\"$@90\",\"$@91\",\"$@92\",\"$@93\",\"$@94\",\"$@95\",\"$@96\"],false]\n"])</script>
13<script>self.__next_f.push([1,"97:I[481709,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"HomeFeatured\"]\n9f:I[660116,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"HomeWechatShowcase\"]\na0:I[51896,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"HomeTestimonials\"]\n98:T955,"])</script>
13<script>self.__next_f.push([1,"Lost\nMade with GPT IMAGE 2:\n\nPrompt \n\nCreate an original Y2K-inspired scrapbook collage poster featuring a stylish young woman in side profile wearing large wireless headphones, peacefully enjoying music with eyes closed. She wears an oversized vintage H\u0026M jacket with visible stitching and relaxed streetwear styling.\nThe subject should appear as a high-contrast black-and-white photographic cutout with thick white sticker-style outline around the entire body, creating a trendy collage aesthetic.\nUse a clean solid vibrant turquoise/aqua and deep green background with playful white hand-drawn doodle illustrations surrounding the character. Include floating planets with rings, stars, jupiter rings constellations, meteors, rockets, astronauts, satellites, orbit lines, abstract swirls, sparkles, and musical notes.\nAdd dynamic sketch arrows, crown doodles, motion lines, and layered graphic elements around the head and body to create movement and youthful energy. Some doodles should overlap the subject naturally for a realistic scrapbook effect.\nIntegrate modern Gen-Z typography in a mix of handwritten script and bubbly sticker-style text. Use original phrases like:\n“lost in you”\n“vibes only”\n“dream explore repeat”\n“cosmic soul”\n“beyond the stars”\nComposition should feel creatively chaotic yet balanced, inspired by modern Pinterest collage art, Tumblr aesthetics, Spotify cover designs, indie teen magazine layouts, and social-media editorial posters.\nVisual style:\nY2K collage aesthetic\nIndie music poster vibes\nScrapbook journal style\nModern streetwear editorial\nCute doodle graphics\nTrendy Gen-Z branding\nMinimal but highly stylized\nDreamy youthful atmosphere\nDesign details:\nThick white contour cutout around subject\nWhite doodle overlays\nClean negative space\nSoft grain texture\nHigh-detail denim texture\nHand-drawn imperfect sketch lines\nDynamic asymmetrical composition\nProfessional graphic design layout\nViral social-media-ready aesthetic\nHigh-resolution print-quality artwork\nVertical 4:5 aspect ratio\nReplace all existing branding and copyrights with completely original fictional branding text:\n“Creative Visuals by Silent Grave Studio”\nEnsure the artwork looks fully original and uniquely branded, inspired by modern scrapbook collage trends rather than copied artwork. Ultra detailed, aesthetic masterpiece, highly polished graphic design."])</script>
13<script>self.__next_f.push([1,"99:T7df,"])</script>
13<script>self.__next_f.push([1,"9:16 vertical — a 3x3 grid collage (nine images) forming a Korean idol portrait photoshoot series. Each frame features the same young Korean female idol, maintaining 100% consistency in facial features, proportions, hairstyle, and identity across all nine shots.   Natural, ultra-realistic skin texture, no retouching, no smoothing. Clean idol-style minimal makeup, soft glow, subtle imperfections.   Hair: long, voluminous dark hair, slightly tousled, consistent across all frames (natural loose flow, slight movement).  Outfit: cohesive Korean idol photoshoot styling — white shirt + short bottoms (or simple neutral-toned outfit), youthful, clean, slightly casual but styled. Same outfit across all frames.  Setting: minimal studio or simple indoor environment (plain wall, soft window light, clean background). Focus on subject, not environment.  Lighting: soft diffused natural light, gentle highlights, low contrast, slightly airy tones, subtle film-like softness.  Camera style: intimate portrait photography, slightly handheld feel, subtle imperfections (minor grain, slight blur in motion frames, imperfect framing).  Frame breakdown (3x3 grid):  Top row: - Top left: standing naturally, looking slightly away, relaxed expression - Top center: facing camera, casual mid-motion (hair or body slight movement) - Top right: slight side angle, soft gaze, natural candid feel  Middle row: - Center left: looking slightly upward, soft thoughtful expression - Center: close-up portrait, direct eye contact, gentle idol smile - Center right: turning body slightly, mid-motion candid frame  Bottom row: - Bottom left: seated or leaning casually, relaxed posture - Bottom center: back partially turned, looking over shoulder toward camera - Bottom right: standing close to frame, slightly playful or soft expression  Mood: Korean idol photobook / photocard aesthetic, intimate, soft, natural, everyday charm.  Quality: ultra-realistic, 8K detail, subtle analog film grain, natural imperfections, soft dreamy tone"])</script>
13<script>self.__next_f.push([1,"84:[\"$\",\"$L97\",null,{\"items\":[{\"id\":30,\"title\":\"Guangdong Super League Invitation Poster\",\"prompt\":\"Invitation poster design for the Guangdong Provincial City Football Super League (Yue Chao), aspect ratio 9:16. S-shaped flowing composition, with a glowing soccer ball and dynamic energy streams running through the image. Along the flow line, integrate Canton Tower, Shenzhen Ping An Finance Center, Zhuhai Fisher Girl statue, Lingnan architecture, Foshan martial arts silhouettes, Zhongshan cultural symbols, Chaoshan Yingge dance, and Qingyuan landscapes. Modern guochao premium poster style, with Chinese red as the main visual, cyan-blue as auxiliary, gold highlights, complete Chinese typography, and cinematic lighting and shadow.\",\"image\":\"/imgs/inspiration/case_030.jpg\",\"source\":\"https://x.com/liyue_ai/status/2045772039521542202\",\"category\":\"海报与插画案例\",\"width\":675,\"height\":1199,\"slug\":\"30-guangdong-super-league-invitation-poster\",\"detailEligible\":true},{\"id\":180,\"title\":\"Taobao Product Detail-Page Section\",\"prompt\":\"A vertical e-commerce product detail-page section. The hero is a clean photo of 【your product】, surrounded by 3–4 selling-point callouts — each a small flat icon with a short concise phrase — plus a bold promotional price tag. Clean color scheme, clear visual hierarchy, conversion-focused layout.\",\"image\":\"/imgs/inspiration/case_180.jpg\",\"source\":\"\",\"category\":\"电商与产品案例\",\"width\":1024,\"height\":1536,\"slug\":\"180-taobao-product-detail-page-section\",\"detailEligible\":true},{\"id\":182,\"title\":\"E-Commerce Sale Banner\",\"prompt\":\"A horizontal e-commerce promotional banner. 【Your product】 as the hero on one side; on the other, a huge bold discount headline and 【a sale name: Black Friday / Double 11 / mid-year sale…】 in punchy modern typography. Festive accents, high-contrast eye-catching colors, clean crisp text.\",\"image\":\"/imgs/inspiration/case_182.jpg\",\"source\":\"\",\"category\":\"电商与产品案例\",\"width\":1024,\"height\":683,\"slug\":\"182-e-commerce-sale-banner\",\"detailEligible\":true},{\"id\":46,\"title\":\"Product Ad Redesign\",\"prompt\":\"Redesign this product ad from the perspective of a professional designer.\\nUse a refined design aligned with current trends and the target audience.\",\"image\":\"/imgs/inspiration/case_046.jpg\",\"source\":\"https://x.com/genel_ai/status/2046498264774791514\",\"category\":\"海报与插画案例\",\"width\":848,\"height\":1200,\"slug\":\"46-product-ad-redesign\",\"detailEligible\":false},{\"id\":178,\"title\":\"Dynamic Splash Product Ad\",\"prompt\":\"【Your product】 suspended in the center of the frame, with 【related elements: water splashes / fresh fruit / ice cubes / powder…】 frozen swirling around it mid-air. Dramatic hard studio lighting, high-speed-photography sharpness, vivid saturated colors, explosive energetic commercial advertising look.\",\"image\":\"/imgs/inspiration/case_178.jpg\",\"source\":\"\",\"category\":\"电商与产品案例\",\"width\":1024,\"height\":1024,\"slug\":\"178-dynamic-splash-product-ad\",\"detailEligible\":true},{\"id\":138,\"title\":\"Y2K Scrapbook Collage Poster\",\"prompt\":\"$98\",\"
13image\":\"/imgs/inspiration/case_138.jpg\",\"source\":\"https://x.com/im_shahid7/status/2053511449881026614\",\"category\":\"海报与插画案例\",\"width\":1024,\"height\":1024,\"slug\":\"138-y2k-scrapbook-collage-poster\",\"detailEligible\":false},{\"id\":13,\"title\":\"Korean Idol 3x3 Collage Portrait\",\"prompt\":\"$99\",\"image\":\"/imgs/inspiration/case_013.jpg\",\"source\":\"https://x.com/BubbleBrain/status/2046151898621993364\",\"category\":\"人像与摄影案例\",\"width\":675,\"height\":1199,\"slug\":\"13-korean-idol-3x3-collage-portrait\",\"detailEligible\":true},{\"id\":169,\"title\":\"Educational Cross-Section Diagram\",\"prompt\":\"Convert the uploaded image's main subject into a clean educational cross-section diagram on a pure white background. Preserve the subject's distinctive shape and identifying features. Show a plausible cross-section or layered internal structure of the subject, with clean labeled callouts pointing to each part (use neutral grey or black thin leader lines and small sans-serif labels). The result should look like a textbook or museum scientific illustration — prioritize clarity and informational accuracy over drama or artistic style. Use clean line art, restrained color palette (cream, soft grey, muted accent colors), and orderly typography. No shadows, no photographic textures, no decoration. Vertical or square output.\",\"image\":\"/imgs/inspiration/case_169.jpg\",\"source\":\"user-supplied\",\"category\":\"海报与插画案例\",\"width\":1024,\"height\":1536,\"slug\":\"169-educational-cross-section-diagram\",\"detailEligible\":true}]}]\n"])</script>
13<script>self.__next_f.push([1,"85:[\"$\",\"section\",null,{\"id\":\"audiences\",\"className\":\"scroll-mt-40 py-16 md:py-24\",\"dir\":\"$undefined\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-10 flex flex-col gap-4 border-b pb-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-primary mb-3 text-xs font-semibold tracking-[0.2em] uppercase\",\"children\":\"USE CASES\"}],[\"$\",\"h2\",null,{\"className\":\"max-w-5xl text-3xl font-bold tracking-tight text-balance md:text-5xl\",\"children\":\"GPT Image 2 Use Cases for Every Industry\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground max-w-2xl text-sm leading-relaxed\",\"children\":\"Choose a starting point for the images your day-to-day work needs.\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",\"E-commerce operators\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",1]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-shopping-bag text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ltviw\",{\"d\":\"M16 10a4 4 0 0 1-8 0\"}],[\"$\",\"path\",\"awc11p\",{\"d\":\"M3.103 6.034h17.794\"}],[\"$\",\"path\",\"o988cm\",{\"d\":\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"E-commerce operators\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Create product heroes, sale banners, and detail-page visuals for your store.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"Product hero\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Product hero\"}],[\"$\",\"span\",\"Splash ad\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Splash ad\"}]]}]}]]}],[\"$\",\"div\",\"Brand and event teams\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",2]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-megaphone text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"q8bfy3\",{\"d\":\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\"}],[\"$\",\"path\",\"1853fq\",{\"d\":\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\"}],[\"$\",\"path\",\"15ugcq\",{\"d\":\"M8 6v8\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"Brand and event teams\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Turn a launch, campaign, or event brief into a polished poster and key visual.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"Event poster\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Event poster\"}],\"$L9a\"]}]}]]}],\"$L9b\",\"$L9c\",\"$L9d\",\"$L9e\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"88:[\"$\",\"$L9f\",null,{}]\n92:[\"$\",\"$La0\",null,{\"locale\":\"en\"}]\n96:null\n"])</script>
13<script>self.__next_f.push([1,"9a:[\"$\",\"span\",\"Key visual\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Key visual\"}]\n"])</script>
13<script>self.__next_f.push([1,"9b:[\"$\",\"div\",\"Content creators\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",3]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"Content creators\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Turn a post idea into a polished social screenshot and shareable visual.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"Post screenshot\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Post screenshot\"}],[\"$\",\"span\",\"Shareable graphic\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Shareable graphic\"}]]}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"9c:[\"$\",\"div\",\"Educators and knowledge teams\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",4]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"Educators and knowledge teams\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Explain a process, object, or idea with clear diagrams and structured visual notes.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"Visual explainer\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Visual explainer\"}],[\"$\",\"span\",\"Article graphic\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Article graphic\"}]]}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"9d:[\"$\",\"div\",\"Product and brand designers\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",5]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-palette text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"e79jfc\",{\"d\":\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"}],[\"$\",\"circle\",\"1okk4w\",{\"cx\":\"13.5\",\"cy\":\"6.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"f64h9f\",{\"cx\":\"17.5\",\"cy\":\"10.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"qy21gx\",{\"cx\":\"6.5\",\"cy\":\"12.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"fotxhn\",{\"cx\":\"8.5\",\"cy\":\"7.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"Product and brand designers\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Explore app mockups, color directions, and brand kit pieces before the handoff.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"App mockup\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"App mockup\"}],[\"$\",\"span\",\"Brand kit\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Brand kit\"}]]}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"9e:[\"$\",\"div\",\"Comic and story creators\",{\"className\":\"grid grid-cols-[32px_minmax(0,1fr)] gap-3 border-b py-6 md:grid-cols-[48px_minmax(0,1fr)_minmax(190px,0.6fr)] md:items-center md:gap-6\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground pt-1 font-mono text-sm\",\"children\":[\"0\",6]}],[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-panels-top-left text-primary h-6 w-6 shrink-0\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"afitv7\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\"}],[\"$\",\"path\",\"1pudct\",{\"d\":\"M3 9h18\"}],[\"$\",\"path\",\"1oto5p\",{\"d\":\"M9 21V9\"}],\"$undefined\"]}],[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold md:text-xl\",\"children\":\"Comic and story creators\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-1 max-w-2xl text-sm leading-relaxed\",\"children\":\"Develop characters, storyboards, and sequential comic scenes from an early idea.\"}]]}],[\"$\",\"div\",null,{\"className\":\"col-start-2 flex min-w-0 flex-col items-start gap-2 md:col-start-auto md:items-end\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-wrap gap-1.5 md:justify-end\",\"children\":[[\"$\",\"span\",\"Characters\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Characters\"}],[\"$\",\"span\",\"Storyboard\",{\"className\":\"text-muted-foreground rounded-full border px-2.5 py-1 text-[11px]\",\"children\":\"Storyboard\"}]]}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"86:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-compass h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"9ktpf1\",{\"d\":\"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z\"}],[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],\"$undefined\"]}],\"GPT Image 2 360° Panorama Generator\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"Step Into a World From One Sentence\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Type a place and time. GPT Image 2 auto-appends the five panorama keywords and returns a true equirectangular panorama you can drag, zoom and walk into.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4\",\"children\":[\"$La1\",\"$La2\",\"$La3\",\"$La4\",\"$La5\",\"$La6\",\"$La7\",\"$La8\"]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex justify-center\",\"children\":\"$La9\"}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"87:[\"$\",\"section\",null,{\"className\":\"overflow-hidden bg-muted/30 py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-message-square h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"18887p\",{\"d\":\"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\"}],\"$undefined\"]}],\"GPT Image 2 Tweet Screenshot Generator\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"GPT Image 2 Writes the Tweet, Renders the Screenshot\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Type a topic or vibe. GPT Image 2 drafts a viral-style tweet and renders it as a pixel-accurate X (Twitter) single-tweet screenshot — themeable, editable engagement counts, exports a 1500px PNG.\"}]]}],[\"$\",\"div\",null,{\"className\":\"columns-1 gap-4 sm:columns-2 lg:columns-3 xl:columns-4\",\"children\":[\"$Laa\",\"$Lab\",\"$Lac\",\"$Lad\",\"$Lae\"]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap items-center justify-center gap-3\",\"children\":[\"$Laf\",\"$Lb0\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"89:[\"$\",\"section\",null,{\"className\":\"overflow-hidden bg-muted/30 py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-newspaper h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"95g1m2\",{\"d\":\"M15 18h-5\"}],[\"$\",\"path\",\"sponae\",{\"d\":\"M18 14h-8\"}],[\"$\",\"path\",\"39pd36\",{\"d\":\"M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2\"}],[\"$\",\"rect\",\"aywv1n\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"10\",\"y\":\"6\",\"rx\":\"1\"}],\"$undefined\"]}],\"GPT Image 2 Article Illustration Generator\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"Turn one sentence into a fully composed GPT Image 2 infographic\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Food maps, science encyclopedia spreads, museum breakdowns, travel guides — GPT Image 2 covers every \\\"image with text\\\" need in a single shot. Ready for social, slides or blog.\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground/80 mt-2 max-w-2xl text-sm italic\",\"children\":\"The five figures below were generated by this very tool, illustrating a fable about diffusion models we wrote in-house.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4\",\"children\":[\"$Lb1\",\"$Lb2\",\"$Lb3\",\"$Lb4\",\"$Lb5\"]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap items-center justify-center gap-3\",\"children\":[\"$Lb6\",\"$Lb7\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"8a:[\"$\",\"section\",null,{\"className\":\"overflow-hidden bg-muted/30 py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-12 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative order-1 md:order-1\",\"children\":\"$Lb8\"}],[\"$\",\"div\",null,{\"className\":\"order-2 md:order-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-4 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"GPT Image 2 Personal Style Card\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"Upload one photo, GPT Image 2 returns a complete style analysis\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 text-base md:text-lg\",\"children\":\"Real face preserved. GPT Image 2 compares hairstyle, makeup, color and jewelry as best fit / neutral / avoid — all on a single 2:3 poster. A pro stylist's report on one image.\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 grid grid-cols-2 gap-2 md:gap-3\",\"children\":[[\"$\",\"li\",\"hairstyle\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Hairstyle compare\"}]]}],[\"$\",\"li\",\"makeup\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Makeup analysis\"}]]}],[\"$\",\"li\",\"color\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Color try-on\"}]]}],[\"$\",\"li\",\"jewelry\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":\"$Lb9\"}],\"$Lba\"]}]]}],\"$Lbb\"]}]]}]}]}]\n"])</script>
13<script>self.__next_f.push([1,"8b:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-wand-sparkles h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"ul74o6\",{\"d\":\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\"}],[\"$\",\"path\",\"1r5n42\",{\"d\":\"m14 7 3 3\"}],[\"$\",\"path\",\"ilb8ba\",{\"d\":\"M5 6v4\"}],[\"$\",\"path\",\"blhpug\",{\"d\":\"M19 14v4\"}],[\"$\",\"path\",\"7u0qdc\",{\"d\":\"M10 2v2\"}],[\"$\",\"path\",\"zfb6yr\",{\"d\":\"M7 8H3\"}],[\"$\",\"path\",\"1cnmox\",{\"d\":\"M21 16h-4\"}],[\"$\",\"path\",\"1obp7u\",{\"d\":\"M11 3H9\"}],\"$undefined\"]}],\"GPT Image 2 Portrait Styles\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"One selfie, a dozen pro-level GPT Image 2 looks\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Cinematic 35mm film, editorial black-and-white, LinkedIn headshot, Korean ID photo, 3D figurine — same face, different stylists. GPT Image 2 keeps the likeness, swaps the styling.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3 md:grid-cols-4 md:gap-4\",\"children\":[\"$Lbc\",\"$Lbd\",\"$Lbe\",\"$Lbf\",\"$Lc0\",\"$Lc1\"]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex justify-center\",\"children\":\"$Lc2\"}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"8c:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-12 lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"order-2 md:order-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-4 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-palette h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"e79jfc\",{\"d\":\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"}],[\"$\",\"circle\",\"1okk4w\",{\"cx\":\"13.5\",\"cy\":\"6.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"f64h9f\",{\"cx\":\"17.5\",\"cy\":\"10.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"qy21gx\",{\"cx\":\"6.5\",\"cy\":\"12.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],[\"$\",\"circle\",\"fotxhn\",{\"cx\":\"8.5\",\"cy\":\"7.5\",\"r\":\".5\",\"fill\":\"currentColor\"}],\"$undefined\"]}],\"GPT Image 2 Personal Color Analysis\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"Which colors actually flatter your skin? GPT Image 2 tells you on your real face\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 text-base md:text-lg\",\"children\":\"GPT Image 2 infers your undertone, then renders best vs avoid clothing colors side by side on your real face — clear at a glance which colors brighten or dull your complexion. Pull it up before you shop.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 space-y-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground w-16 text-xs font-medium\",\"children\":\"Warm palette\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-1.5\",\"children\":[[\"$\",\"span\",\"#A6643A\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#A6643A\"}}],[\"$\",\"span\",\"#E8D9B5\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#E8D9B5\"}}],[\"$\",\"span\",\"#7C7E47\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#7C7E47\"}}],[\"$\",\"span\",\"#B14439\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#B14439\"}}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-muted-foreground w-16 text-xs font-medium\",\"children\":\"Cool palette\"}],[\"$\",\"div\",null,{\"className\":\"flex gap-1.5\",\"children\":[[\"$\",\"span\",\"#243861\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#243861\"}}],[\"$\",\"span\",\"#C09BAE\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#C09BAE\"}}],[\"$\",\"span\",\"#9CCBC0\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#9CCBC0\"}}],[\"$\",\"span\",\"#7E848D\",{\"className\":\"h-6 w-6 rounded-full border shadow-sm\",\"style\":{\"backgroundColor\":\"#7E848D\"}}]]}]]}]]}],[\"$\",\"ul\",null,{\"className\":\"mt-6 grid grid-cols-2 gap-2 md:gap-3\",\"children\":[[\"$\",\"li\",\"undertone\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
13:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Undertone detection\"}]]}],[\"$\",\"li\",\"best-colors\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":\"$Lc3\"}],\"$Lc4\"]}],\"$Lc5\",\"$Lc6\"]}],\"$Lc7\"]}],\"$Lc8\"]}]}]}]\n"])</script>
13<script>self.__next_f.push([1,"8d:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mountain h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"otkl63\",{\"d\":\"m8 3 4 8 5-5 5 15H2L8 3z\"}],\"$undefined\"]}],\"GPT Image 2 Healing Flat Landscape Illustration\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"Phone wallpapers in one GPT Image 2 click\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Low-saturation palette, geometric blocks, subtle film grain, 9:16 portrait ready for the lock screen. 18 GPT Image 2 scene templates — seaside, snowy night, cherry blossom, starry sky — copy-paste and go.\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-6 md:gap-4\",\"children\":[\"$Lc9\",\"$Lca\",\"$Lcb\",\"$Lcc\",\"$Lcd\",\"$Lce\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-4 text-center text-sm\",\"children\":\"+12 more scenes\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center\",\"children\":\"$Lcf\"}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"8e:[\"$\",\"section\",null,{\"className\":\"overflow-hidden py-12 md:py-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-8 flex flex-col items-center text-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary mb-3 inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-languages h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1wu5hv\",{\"d\":\"m5 8 6 6\"}],[\"$\",\"path\",\"1k1g8d\",{\"d\":\"m4 14 6-6 2-3\"}],[\"$\",\"path\",\"or177f\",{\"d\":\"M2 5h12\"}],[\"$\",\"path\",\"1t2jsx\",{\"d\":\"M7 2h1\"}],[\"$\",\"path\",\"don7ne\",{\"d\":\"m22 22-5-10-5 10\"}],[\"$\",\"path\",\"1m8k6r\",{\"d\":\"M14 18h6\"}],\"$undefined\"]}],\"GPT Image 2 Handwritten Photo Annotation\"]}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold md:text-4xl lg:text-5xl\",\"children\":\"GPT Image 2 turns any photo into a Japanese-journal diary page\"}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-3 max-w-2xl text-base md:text-lg\",\"children\":\"Upload an everyday snapshot. GPT Image 2 lays down 8–12 hand-drawn annotations with diary-style notes — and the same prompt fires natively in Chinese, English, Japanese, German. Four real outputs in four languages below.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto grid max-w-6xl grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-5\",\"children\":[\"$Ld0\",\"$Ld1\",\"$Ld2\",\"$Ld3\",\"$Ld4\",\"$Ld5\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-4 text-center text-sm\",\"children\":\"One prompt — the model writes the annotations in whichever language you pick. Chinese, English, Japanese, German all flow natively.\"}],[\"$\",\"div\",null,{\"className\":\"mt-8 flex justify-center\",\"children\":\"$Ld6\"}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"db:I[943592,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Highlighter\"]\nde:I[336309,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"HomeImageGenerator\"]\ndf:I[223833,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"FeaturesList\"]\ne0:I[514534,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b"])</script>
13<script>self.__next_f.push([1,"~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"FeaturesMedia\"]\ne1:I[693287,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Features\"]\ne2:I[669764,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Pricing\"]\ne3:I[140880,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Faq\"]\ne4:I[944560,[\"/_next/static/chunks/0diwg3tlso545.js\",\"/_next/static/chunks/0h9eef-qjwu.z.js\",\"/_next/static/chunks/150757mn7x5kz.js\",\"/_next/static/chunks/0-zmzldrk8f_w.js\",\"/_next/static/chunks/13rt6oje65g8~.js\",\"/_next/static/chunks/16~yr-qrjtiqx.js\",\"/_next/static/chunks/10uhpcxja5i.f.js\",\"/_next/static/chunks/0bz1g8d1l_6rf.js\",\"/_next/static/chunks/0f95sdb~j1g1i.js\",\"/_next/static/chunks/0~6j59_irzg_p.js\",\"/_next/static/chunks"])</script>
13<script>self.__next_f.push([1,"/0cho9t.aaez02.js\",\"/_next/static/chunks/0atm603jnxkpt.js\",\"/_next/static/chunks/10549sdnbf0mf.js\",\"/_next/static/chunks/066o_t_0x6mai.js\",\"/_next/static/chunks/0a~--p1-o-trc.js\",\"/_next/static/chunks/0inuawddlz7bm.js\",\"/_next/static/chunks/0gs-~tqk6t81y.js\",\"/_next/static/chunks/13vw19ryo0ybk.js\",\"/_next/static/chunks/0.xa2b~8_ab33.js\",\"/_next/static/chunks/0yqqhvb7axr7h.js\",\"/_next/static/chunks/05qzpq.xtnydm.js\",\"/_next/static/chunks/0q5mzbiqtc~~h.js\",\"/_next/static/chunks/0iac88ow90qsh.js\",\"/_next/static/chunks/0ol74_x9eslzz.js\",\"/_next/static/chunks/17a86t5n4uwak.js\",\"/_next/static/chunks/1161btqycace0.js\",\"/_next/static/chunks/013q0ex7ton.8.js\"],\"Cta\"]\nb9:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]\nba:[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Jewelry pairing\"}]\nbb:[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":\"$Ld7\"}]\nc3:[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]\nc4:[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Best-color try-on\"}]\nc5:[\"$\",\"li\",\"avoid-colors\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Avoid-color callouts\"}]]}]\nc6:[\"$\",\"li\",\"compare\",{\"className\":\"bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"bg-primary/10 text-primary inline-flex h-5 w-5 flex-none items-center justify-center rounded-full\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-check h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1gmf2c\",{\"d\":\"M20 6 9 17l-5-5\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"font-medium\",\"children\":\"Side-by-side compare\"}]]}]\nc7:[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":\"$Ld8\"}]\nc8:[\"$\",\"div\",null,{\"className\":\"relative order-1 md:order-2\",\"children\":\"$Ld9\"}]\n83:[\"$\",\"section\",\"hero\",{\"id\":\"hero\",\"className\":\"pt-24 pb-8 md:pt-36 md:pb-8\",\"children\":[\"$Lda\",[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-full px-4 text-center md:max-w-5xl\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-foreground text-xl font-semibold tracking-tight text-balance break-keep sm:mt-12 sm:text-3xl sm:tracking-normal md:text-5xl\",\"children\":[\"\",[\"$\",\"$Ldb\",null,{\"action\":\"underline\",\"color\":\"#FF9800\",\"children\":\"GPT Image 2\"}],\" Online Generator\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mt-6 mb-6 text-sm text-balance sm:mt-8 sm:mb-8 sm:text-base md:text-lg\",\"dangerouslySetInnerHTML\":{\"__html\":\"Photorealistic AI images with razor-sharp text rendering.\u003cbr/\u003eFree credits for new users — no OpenAI account, no ChatGPT Plus, no prompt skills needed.\"}}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center gap-4\",\"children\":[\"$Ldc\",\"$Ldd\"]}],[\"$\",\"p\",null,{\"className\":\"tex"])</script>
13<script>self.__next_f.push([1,"t-muted-foreground mt-6 block text-center text-sm\",\"dangerouslySetInnerHTML\":{\"__html\":\"Free GPT Image 2 credits for new users — no credit card, no OpenAI account\"}}],false]}],[\"$\",\"div\",null,{\"className\":\"relative mt-8 px-4 sm:mt-16\",\"children\":[\"$\",\"$Lde\",null,{\"enablePsdExport\":true,\"defaultQuality\":\"low\"}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"8f:[\"$\",\"$Ldf\",\"introduce\",{\"section\":{\"block\":\"features-list\",\"id\":\"introduce\",\"title\":\"What is GPT Image 2? (also written gpt-image2, gpt image v2 or ChatGPT image 2)\",\"label\":\"Introduce\",\"description\":\"GPT Image 2 is OpenAI's next-generation image model, released April 21, 2026 (model snapshot gpt-image-2-2026-04-21). Also written gpt-image-2, gpt image2, chatgpt image 2, gpt image v2 or gpt image gen 2 — these all refer to the same model. A generational leap in text rendering, photorealism, multilingual accuracy (~95% on CJK / Arabic), and native O-series reasoning.\",\"badge\":{\"text\":\"Ranked #1 on Arena AI Text-to-Image Leaderboard\",\"image\":{\"src\":\"/imgs/arena-leaderboard.png\",\"alt\":\"Arena AI Text-to-Image Leaderboard - GPT Image 2 Ranked #1\"}},\"image\":{\"src\":\"/imgs/arena-leaderboard.png\",\"alt\":\"Arena AI Text-to-Image Leaderboard - GPT Image 2 Ranked #1\"},\"items\":[{\"title\":\"Perfect Text Rendering\",\"description\":\"GPT Image 2 renders crisp, accurate text inside images — posters, logos, UI mockups, even CJK characters. No more garbled fonts.\",\"icon\":\"RiText\"},{\"title\":\"Photorealistic Output\",\"description\":\"Skin textures, lighting physics, and material reflections from GPT Image 2 rival real camera shots. The AI plastic look is gone.\",\"icon\":\"RiCameraLine\"},{\"title\":\"Natural Language Editing\",\"description\":\"Edit GPT Image 2 results with plain English — inpaint, outpaint, swap elements, and transfer styles in a conversational workflow.\",\"icon\":\"RiEdit2Line\"}
13,{\"title\":\"Transparent Backgrounds\",\"description\":\"One-click GPT Image 2 cutout with transparent PNG export — perfect for product photos, stickers, and design assets.\",\"icon\":\"RiScissorsCutLine\"},{\"title\":\"Editable SVG Output\",\"description\":\"GPT Image 2 generations vectorized to clean editable SVG — paths, layers, theme-able colors. Open in Figma, Illustrator, or any vector tool. Perfect for icons, logos, flat illustrations.\",\"icon\":\"RiPenNibLine\"}],\"className\":\"bg-muted\"},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"90:[\"$\",\"$Le0\",\"benefits\",{\"section\":{\"block\":\"features-media\",\"id\":\"benefits\",\"title\":\"What Can GPT Image 2 Do? — Posters, Menus, Product Shots, and More\",\"description\":\"GPT Image 2 use cases on imagesv2.ai — transparent PNG, editable SVG, and 50+ ready-to-use templates that drop GPT Image 2 straight into your design workflow.\",\"image\":{\"src\":\"/imgs/benefits-why-choose.png\",\"alt\":\"GPT Image 2 prompt templates and features overview\"},\"image_position\":\"left\",\"items\":[{\"title\":\"Real RGBA Transparent Background — One Click\",\"description\":\"GPT Image 2 doesn't natively support transparent output — we built an alpha cutout pipeline on top. Pick \\\"Transparent\\\" and download a real RGBA PNG with feathered alpha edges. Drop straight into Photoshop, Figma, or any layered design tool — verified live on a checkerboard preview before you download.\",\"icon\":\"RiScissorsCutLine\"},{\"title\":\"Editable SVG Vector Output\",\"description\":\"Pick \\\"SVG\\\" as the GPT Image 2 output format and the generation is auto-vectorized into a clean path file — open in Figma, Illustrator, or any vector tool to keep editing text, colors, and shapes. PNG is also returned as a fallback. Best for icons, logos, flat illustrations.\",\"icon\":\"RiPenNibLine\"},{\"title\":\"50+ Built-in Prompt Templates\",\"description\":\"Product photos, social media covers, posters, avatars, children's book illustrations — click any GPT Image 2 template and generate, no prompt skills needed.\",\"icon\":\"RiLayoutGridLine\"}]},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"91:[\"$\",\"$Le1\",\"features\",{\"section\":{\"id\":\"features\",\"title\":\"GPT Image 2 Features: Sharp Text, 4K Output, Transparent PNG\",\"description\":\"Sharp multilingual text, 4K output, real RGBA transparent PNG, editable SVG, natural-language editing, and multi-image consistency. From photo to pixel, manga to cinema — one model, every visual scenario.\",\"items\":[{\"title\":\"Precise Text Rendering\",\"description\":\"Poster headlines, UI copy, product logos, chart labels — GPT Image 2 renders them correctly in one shot, small type stays sharp, layout holds, multi-language (EN / ZH / JA / KO) without garbled characters. The diffusion-era text-rendering problem, systematically solved. No more Photoshop touch-ups.\",\"icon\":\"RiText\"},{\"title\":\"Photorealism\",\"description\":\"Lens vignetting, film grain, depth-of-field blur — even subtle imperfections are preserved. GPT Image 2 output is indistinguishable from a camera capture.\",\"icon\":\"RiCameraLensLine\"},{\"title\":\"Cinematic Stills\",\"description\":\"Widescreen framing, cinematic color grading, dramatic lighting reproduced with precision — Netflix-grade GPT Image 2 stills from a single prompt.\",\"icon\":\"RiFilmLine\"},{\"title\":\"Pixel Art\",\"description\":\"Crisp pixel alignment, clean color-block edges, authentic low-res aesthetics — consistent 8-bit / 16-bit retro game art from GPT Image 2.\",\"icon\":\"RiApps2Line\"},{\"title\":\"Manga \u0026 Anime\",\"description\":\"Clean linework, screentone shading, panel composition — GPT Image 2 renders the Japanese manga visual language natively with consistent characters.\",\"icon\":\"RiBookOpenLine\"},{\"title\":\"Illustration \u0026 Design\",\"description\":\"Watercolor, flat design, 3D render, poster typography — GPT Image 2 keeps textures, lighting, and composition stable across every art style.\",\"icon\":\"RiPaletteLine\"}]},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"93:[\"$\",\"$Le2\",\"pricing\",{\"section\":{\"id\":\"pricing\",\"title\":\"Plans \u0026 Pricing of GPT Image 2\",\"description\":\"Choose the plan that works best for you. All plans include access to our core features. Want a deeper breakdown of GPT Image 2 cost per image, what's included in each tier, and how credits map to resolutions? → \u003ca href=\\\"/gpt-image-2-pricing\\\"\u003eSee GPT Image 2 Pricing details\u003c/a\u003e\",\"flash_sale\":\"$34:props:messages:pages:pricing:page:sections:pricing:flash_sale\",\"tips\":\"$34:props:messages:pages:pricing:page:sections:pricing:tips\",\"groups\":\"$34:props:messages:pages:pricing:page:sections:pricing:groups\",\"items\":\"$34:props:messages:pages:pricing:page:sections:pricing:items\",\"data\":{}},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"94:[\"$\",\"$Le3\",\"faq\",{\"section\":{\"id\":\"faq\",\"title\":\"GPT Image 2 — Frequently Asked Questions\",\"description\":\"Common questions about GPT Image 2 and imagesv2.ai. Have more questions? Contact us at support\u0026#64;imagesv2.ai.\",\"items\":[{\"question\":\"What is GPT Image 2?\",\"answer\":\"GPT Image 2 is OpenAI's next-generation image model, succeeding GPT Image 1.5. It delivers breakthrough improvements in text rendering, photorealism, world knowledge, and spatial reasoning. imagesv2.ai provides easy access to this model via a simple web interface. Also written gpt-image2, gpt image2, gpt image v2, gpt image gen 2, or ChatGPT image 2 — these all refer to the same model.\"},{\"question\":\"Which models does imagesv2.ai support?\",\"answer\":\"We aggregate multiple image generation models including GPT Image 2, GPT Image 1.5, GPT Image 1, Nano Banana, Nano Banana 2, Nano Banana Pro, and more. You can compare outputs from different models side by side and choose the best result — all from one platform.\"},{\"question\":\"Can I try GPT Image 2 for free before paying?\",\"answer\":\"New users get free GPT Image 2 credits to experience the full generation capability — no credit card required. After that, GPT Image 2 pricing offers three options to match how you use it: a yearly subscription with up to 50% off, a monthly subscription for flexibility, or one-time credit packs that never expire. See full GPT Image 2 prices on our pricing page.\"},{\"question\":\"Do I need an OpenAI account or ChatGPT Plus subscription?\",\"answer\":\"No. imagesv2.ai provides direct browser access to GPT Image 2 — no OpenAI account, no ChatGPT Plus subscription required. We also offer more flexible payment options than OpenAI directly.\"},{\"question\":\"I don't know how to write GPT Image 2 prompts. How do I use it without prompt skills?\",\"answer\":\"Absolutely no skills needed. We provide 50+ built-in GPT Image 2 prompt templates covering common scenarios — product photos, social media covers, posters, avatars, children's book illustrations, and more. Just click a template, edit a few words, and generate. No prompt engineering required.\"},{\"question\":\"What can I create with GPT Image 2?\",\"answer\":\"Almost anything visual: product photos, social media covers, YouTube thumbnails, posters with accurate text, restaurant menus, UI mockups, game concept art, avatars, and more. You can also one-click generate 1:1 (Instagram), 16:9 (YouTube), and 9:16 (TikTok) versions for multi-platform publishing.\"},{\"question\":\"Does GPT Image 2 support Chinese, Japanese, Korean, or Arabic text?\",\"answer\":\"Yes. GPT Image 2 renders multilingual text at ~95% accuracy — Simplified Chinese, Traditional Chinese, Japanese, Korean, Arabic, and 20+ other scripts. This is a major upgrade over GPT Image 1.5, which often produced garbled non-Latin glyphs. Use it on posters, menus, social media covers, or product packaging — write your prompt in any language and the model lays out the text correctly.\"},{\"question\":\"Can GPT Image 2 keep the same character or style across multiple images?\",\"answer\":\"Yes. GPT Image 2 introduced native multi-image consistency — generate a series of images and the same character, mascot, or visual style carries through. Useful for children's book illustrations, brand campaigns, comic panels, and product variants. Earlier models like GPT Image 1.5 and DALL·E 3 couldn't reliably do this without heavy prompt engineering.\"},{\"question\":\"Can I edit an existing image with GPT Image 2, or only generate from scratch?\",\"answer\":\"Both. Upload an image and describe the change in plain English — \\\"remove the background\\\", \\\"change the shirt to red\\\", \\\"add neon signs in the back\\\" — and GPT Image 2 will edit it. imagesv2.ai supports drag-and-drop image upload and reference-guided generation. The image-to-image mode preserves the original composition while applying your requested changes.\"},{\"question\":\"When was GPT Image 2 released?\",\"answer\":\"GPT Image 2 was released by OpenAI on April 21, 2026 (model snapshot gpt-image-2-2026-04-21). It succeeded GPT Image 1.5 and is OpenAI's first image model with native O-series reasoning. imagesv2.ai integrated GPT Image 2 on launch day — you can try it right now without an OpenAI account.\"},{\"question\":\"How does GPT Image 2 compare to Nano Banana Pro and Nano Banana 2?\",\"answer\":\"GPT Image 2 leads in text rendering accuracy (~95% multilingual) and photorealism. Nano Banana Pro and Nano Banana 2 are Google's competing models — and despite the names, they are two different models: Nano Banana Pro is Gemini 3 Pro Image, Google's flagship, while Nano Banana 2 is the newer Gemini 3.1 Flash Image, faster and cheaper. Both are generally quicker than GPT Image 2 and strong on stylized illustration. imagesv2.ai supports them side by side — see the full comparison on our GPT Image 2 vs Nano Banana Pro page, or the dedicated Nano Banana 2 page.\"},{\"question\":\"How is GPT Image 2 different from DALL·E 3?\",\"answer\":\"DALL·E 3 was OpenAI's previous image model, now superseded by GPT Image 2. Key upgrades: text inside images is sharp instead of garbled, photorealism handles human faces and product shots reliably, and the model now reasons about layout before generating. If you used DALL·E 3 or gpt image2 before, GPT Image 2 is a drop-in upgrade — same prompt style, much better output.\"},{\"question\":\"Can GPT Image 2 generate 4K images, and does it work with OpenAI Codex?\",\"answer\":\"Yes — GPT Image 2 supports 4K output (and 1K / 2K), available on imagesv2.ai. GPT Image 2 was released alongside the Codex update in OpenAI's April 21, 2026 launch — both share the same O-series reasoning backbone, but Codex is for code while GPT Image 2 is for images. You don't need Codex access to use GPT Image 2 here.\"},{\"question\":\"Do I own the images I generate, and can I sell them?\",\"answer\":\"Yes. Images generated through imagesv2.ai with GPT Image 2 are yours to use commercially — product photos, ads, posters, social media, e-commerce listings, even merchandise. No additional licensing fee. OpenAI's usage policy permits commercial use of GPT Image 2 outputs subject to their content policy.\"},{\"question\":\"Does GPT Image 2 support transparent background?\",\"answer\":\"Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that delivers one-click transparent PNG output. Pick \\\"Transparent\\\" under Backgroun
13d on the generation panel, write your prompt, hit Generate — what you download is a real RGBA PNG with soft alpha edges, ready to drop straight into Photoshop, Figma, PowerPoint, an e-commerce listing, or any tool that respects PNG transparency. The preview area uses a checkerboard backdrop so you can confirm the alpha before downloading. Costs 10 extra credits per image vs. the standard mode. GPT Image 1 and GPT Image 1.5 also support transparent background — switch models depending on the style you want.\"},{\"question\":\"Does GPT Image 2 support SVG / editable vector output?\",\"answer\":\"Yes. imagesv2.ai has a dedicated optimization for GPT Image 2 that adds editable SVG vector output. OpenAI's Image API only emits raster formats (PNG / JPEG / WebP), so we layered an automatic vectorization pipeline on top — pick \\\"SVG\\\" under Output Format on the generation panel, write your prompt, hit Generate, and you get both the high-resolution PNG and a clean editable SVG. The SVG opens in Figma, Illustrator, Inkscape, or any vector tool to keep editing text, colors, and shapes. Best for icons, logos, and flat illustrations — photorealistic content doesn't vectorize cleanly. For the full workflow with style presets, visit the dedicated GPT Image 2 SVG Generator page. Costs 10 extra credits per image vs. the standard mode.\"}]},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"95:[\"$\",\"$Le4\",\"cta\",{\"section\":{\"id\":\"cta\",\"title\":\"Use GPT Image 2 Free Online — Start in 3 Seconds\",\"description\":\"Free GPT Image 2 credits for new users. No OpenAI account, no ChatGPT Plus subscription, no prompt skills needed — just type and generate.\",\"buttons\":[{\"title\":\"Try Free Now\",\"url\":\"/#playground\",\"target\":\"_self\",\"icon\":\"Zap\"},{\"title\":\"View Examples\",\"url\":\"/prompts\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"Image\"},{\"title\":\"View All Tools\",\"url\":\"/tools\",\"target\":\"_self\",\"variant\":\"outline\",\"icon\":\"LayoutGrid\"}],\"className\":\"bg-muted\"},\"children\":\"$undefined\"}]\n"])</script>
13<script>self.__next_f.push([1,"a1:[\"$\",\"$L82\",\"giza-rooftop-dining\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] col-span-2 row-span-2 md:col-span-2 md:row-span-2 md:aspect-auto md:min-h-full\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/giza-rooftop-dining.jpg\",\"alt\":\"Giza Rooftop Dining at Night\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, 50vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Giza Rooftop Dining at Night\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a2:[\"$\",\"$L82\",\"cyberpunk\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/cyberpunk.jpg\",\"alt\":\"Neon Cyberpunk Rain\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Neon Cyberpunk Rain\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a3:[\"$\",\"$L82\",\"davinci\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/davinci.jpg\",\"alt\":\"Da Vinci's Studio, 1470\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Da Vinci's Studio, 1470\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a4:[\"$\",\"$L82\",\"maldives\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/maldives.jpg\",\"alt\":\"Maldives Overwater Sunrise\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Maldives Overwater Sunrise\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a5:[\"$\",\"$L82\",\"magic-library\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/magic-library.jpg\",\"alt\":\"Magic Academy Library\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Magic Academy Library\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a6:[\"$\",\"$L82\",\"space-station\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/space-station.jpg\",\"alt\":\"Space Station Observation Deck\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Space Station Observation Deck\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a7:[\"$\",\"$L82\",\"changan-market\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/changan-market.jpg\",\"alt\":\"Tang Dynasty Chang'an Market\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Tang Dynasty Chang'an Market\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a8:[\"$\",\"$L82\",\"luxor-temple-night\",{\"ref\":\"$undefined\",\"href\":\"/360-image#create\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[2/1] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/360-image/luxor-temple-night.jpg\",\"alt\":\"Luxor Temple at Night\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Luxor Temple at Night\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"360°\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"a9:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/360-image\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Open 360° Studio\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"aa:[\"$\",\"$L82\",\"75\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group mb-4 block break-inside-avoid\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/inspiration/case_075.jpg\",\"alt\":\"King Taejo Yi Seong-gye's X Page\",\"title\":\"$undefined\",\"width\":800,\"height\":1200,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"h-auto w-full transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"King Taejo Yi Seong-gye's X Page\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Generate Yours\"]}]]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"ab:[\"$\",\"$L82\",\"84\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group mb-4 block break-inside-avoid\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/inspiration/case_084.jpg\",\"alt\":\"Empress Dowager Cixi X Page\",\"title\":\"$undefined\",\"width\":900,\"height\":1200,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"h-auto w-full transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Empress Dowager Cixi X Page\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Generate Yours\"]}]]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"ac:[\"$\",\"$L82\",\"72\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group mb-4 block break-inside-avoid\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/inspiration/case_072.jpg\",\"alt\":\"Song Dynasty Social Media Feed\",\"title\":\"$undefined\",\"width\":400,\"height\":1200,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"h-auto w-full transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Song Dynasty Social Media Feed\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Generate Yours\"]}]]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"ad:[\"$\",\"$L82\",\"81\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group mb-4 block break-inside-avoid\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/inspiration/case_081.jpg\",\"alt\":\"Xuanwu Gate Social Feed\",\"title\":\"$undefined\",\"width\":900,\"height\":1200,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"h-auto w-full transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Xuanwu Gate Social Feed\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Generate Yours\"]}]]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"ae:[\"$\",\"$L82\",\"73\",{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group mb-4 block break-inside-avoid\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/inspiration/case_073.jpg\",\"alt\":\"Multi-Platform Content Screenshots\",\"title\":\"$undefined\",\"width\":555,\"height\":1200,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 33vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"h-auto w-full transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-4 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Multi-Platform Content Screenshots\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Generate Yours\"]}]]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"af:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/tweet-screenshot-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Open Tweet Generator\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\nb0:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/douyin-live-generator\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[\u003esvg]:px-4 gap-2\",\"children\":\"Try Douyin Live Mockup\"}]}]\n"])</script>
13<script>self.__next_f.push([1,"b1:[\"$\",\"$L82\",\"fable-1\",{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl col-span-2 row-span-2 md:col-span-2 md:row-span-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-1.png\",\"alt\":\"The Painter in the Mist · narrative opener\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, 50vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"The Painter in the Mist · narrative opener\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the post\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"b2:[\"$\",\"$L82\",\"fable-2\",{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-2.png\",\"alt\":\"Training · adding noise frame by frame\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Training · adding noise frame by frame\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the post\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"b3:[\"$\",\"$L82\",\"fable-3\",{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-3.png\",\"alt\":\"Generation · denoising into the final image\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Generation · denoising into the final image\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the post\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"b4:[\"$\",\"$L82\",\"fable-4\",{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-4.png\",\"alt\":\"Conditional generation · text-encoder block diagram\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Conditional generation · text-encoder block diagram\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the post\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"b5:[\"$\",\"$L82\",\"fable-5\",{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-background transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl \",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/article-illustration/diffusion-fable/fable-5.png\",\"alt\":\"Diffusion vs GAN · 4-dimension comparison\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 translate-y-2 p-3 opacity-0 transition-all duration-300 group-hover:translate-y-0 group-hover:opacity-100 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md\",\"children\":\"Diffusion vs GAN · 4-dimension comparison\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 inline-flex items-center gap-1 text-xs text-white/80\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the post\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"b6:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/article-illustration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Open the infographic studio\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\nb7:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/blog/diffusion-painter-fable\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-10 rounded-md px-6 has-[\u003esvg]:px-4 gap-2\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-book-open h-4 w-4\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1akyts\",{\"d\":\"M12 7v14\"}],[\"$\",\"path\",\"ruj8y\",{\"d\":\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"}],\"$undefined\"]}],\"Read the full case\"]}]}]\nb8:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/personal-style-card\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"block\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden rounded-2xl border bg-background shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/personal-style-card/example-after-en.png\",\"alt\":\"Upload one photo, GPT Image 2 returns a complete style analysis\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, 50vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover\"}]}]}]\n"])</script>
13<script>self.__next_f.push([1,"bc:[\"$\",\"$L82\",\"editorial-bw-portrait\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/editorial-bw-portrait\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] col-span-2 row-span-2 md:col-span-2 md:row-span-2 md:aspect-auto md:min-h-full\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/editorial-bw-portrait/cover.jpg\",\"alt\":\"Editorial B\u0026W\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, 50vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Editorial B\u0026W\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"bd:[\"$\",\"$L82\",\"film-portrait-35mm\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/film-portrait-35mm\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/film-portrait-35mm/cover.jpg\",\"alt\":\"35mm Film\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"35mm Film\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"be:[\"$\",\"$L82\",\"linkedin-headshot\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/linkedin-headshot\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/linkedin-headshot/cover.jpg\",\"alt\":\"LinkedIn Headshot\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"LinkedIn Headshot\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"bf:[\"$\",\"$L82\",\"korean-id-photo\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/korean-id-photo\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/korean-id-photo/cover.jpg\",\"alt\":\"Korean ID Photo\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Korean ID Photo\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"c0:[\"$\",\"$L82\",\"ai-wedding\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/ai-wedding\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/ai-wedding/cover.jpg\",\"alt\":\"AI Wedding\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"AI Wedding\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"c1:[\"$\",\"$L82\",\"3d-toy-figure\",{\"ref\":\"$undefined\",\"href\":\"/portrait-styles/3d-toy-figure\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group relative overflow-hidden rounded-2xl border bg-muted aspect-[4/5] \",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/portrait-styles/3d-toy-figure/cover.jpg\",\"alt\":\"3D Figurine\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 50vw, 25vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"3D Figurine\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 text-white inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try this style\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"c2:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/portrait-styles\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Browse all styles\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"c9:[\"$\",\"$L82\",\"scene-01\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-01.jpg\",\"alt\":\"Dusk seaside cabin\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Dusk seaside cabin\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"ca:[\"$\",\"$L82\",\"scene-04\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-04.jpg\",\"alt\":\"Spring flower field\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Spring flower field\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"cb:[\"$\",\"$L82\",\"scene-07\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-07.jpg\",\"alt\":\"Winter snowy village\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Winter snowy village\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"cc:[\"$\",\"$L82\",\"scene-10\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-10.jpg\",\"alt\":\"Moonlit forest lake\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Moonlit forest lake\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"cd:[\"$\",\"$L82\",\"scene-15\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-15.jpg\",\"alt\":\"Starry-sky tent\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Starry-sky tent\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"ce:[\"$\",\"$L82\",\"scene-18\",{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-[9/16] overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/healing-landscape/scene-18.jpg\",\"alt\":\"Cherry blossom path\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 17vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-1 p-2 md:p-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-xs font-semibold text-white drop-shadow-md md:text-sm\",\"children\":\"Cherry blossom path\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/15 inline-flex shrink-0 items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-2.5 w-2.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Use this scene\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"cf:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/healing-landscape-illustration\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"See all 18 scene prompts\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"d0:[\"$\",\"$L82\",\"street-zh\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/street-zh.png\",\"alt\":\"Night market · Chinese notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"中文\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Night market · Chinese notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d1:[\"$\",\"$L82\",\"cafe-de\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/cafe-de.png\",\"alt\":\"Café desk · German notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"Deutsch\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Café desk · German notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d2:[\"$\",\"$L82\",\"food-en\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/food-en.png\",\"alt\":\"Weekend brunch · English notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"English\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Weekend brunch · English notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d3:[\"$\",\"$L82\",\"food-ja\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/food-ja.png\",\"alt\":\"Lunch memo · Japanese notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"日本語\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Lunch memo · Japanese notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d4:[\"$\",\"$L82\",\"convenience-en\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/convenience-en.png\",\"alt\":\"Convenience store · English notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"English\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Convenience store · English notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d5:[\"$\",\"$L82\",\"desk-de\",{\"ref\":\"$undefined\",\"href\":\"/photo-annotation#scenes\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"group bg-muted relative aspect-square overflow-hidden rounded-2xl border\",\"children\":[[\"$\",\"$L44\",null,{\"src\":\"/imgs/photo-annotation/_smoke/desk-de.png\",\"alt\":\"Office desk · German notes\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover transition-transform duration-500 group-hover:scale-105\"}],[\"$\",\"span\",null,{\"className\":\"absolute start-3 top-3 inline-flex items-center gap-1 rounded-full bg-black/60 px-2.5 py-1 text-xs font-medium text-white backdrop-blur-sm md:text-sm\",\"children\":\"Deutsch\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/75 via-black/0 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 p-3 md:p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"line-clamp-1 text-sm font-semibold text-white drop-shadow-md md:text-base\",\"children\":\"Office desk · German notes\"}],[\"$\",\"span\",null,{\"className\":\"bg-white/20 inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs text-white backdrop-blur-sm\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-sparkles h-3 w-3\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1s2grr\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"$\",\"path\",\"1rf3ol\",{\"d\":\"M20 2v4\"}],[\"$\",\"path\",\"gwowj6\",{\"d\":\"M22 4h-4\"}],[\"$\",\"circle\",\"6kqj1y\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}],\"$undefined\"]}],\"Try it\"]}]]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"d6:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/photo-annotation\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Open the annotation workstation\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\n"])</script>
13<script>self.__next_f.push([1,"d7:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/personal-style-card\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Generate my style card\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\nd8:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/color-analysis\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"children\":[\"$\",\"button\",null,{\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-10 rounded-md px-6 has-[\u003esvg]:px-4 group gap-2\",\"children\":[\"Generate my color analysis\",[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1 rtl:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]\nd9:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/color-analysis\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"className\":\"block\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-[2/3] overflow-hidden rounded-2xl border bg-background shadow-lg transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl\",\"children\":[\"$\",\"$L44\",null,{\"src\":\"/imgs/color-analysis/example-after-en.png\",\"alt\":\"Which colors actually flatter your skin? GPT Image 2 tells you on your real face\",\"title\":\"$undefined\",\"fill\":true,\"sizes\":\"(max-width: 768px) 100vw, 50vw\",\"priority\":\"$undefined\",\"quality\":75,\"unoptimized\":false,\"className\":\"object-cover\"}]}]}]\n"])</script>
13<script>self.__next_f.push([1,"da:[\"$\",\"$L82\",null,{\"ref\":\"$undefined\",\"href\":\"/#playground\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"_self\",\"className\":\"hover:bg-background dark:hover:border-t-border bg-muted group mx-auto mb-8 flex w-fit items-center gap-4 rounded-full border p-1 ps-4 shadow-md shadow-zinc-950/5 transition-colors duration-300 dark:border-t-white/5 dark:shadow-zinc-950\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-foreground text-sm\",\"children\":\"GPT Image 2 is here — try it now\"}],[\"$\",\"span\",null,{\"className\":\"dark:border-background block h-4 w-0.5 border-s bg-white dark:bg-zinc-700\"}],[\"$\",\"div\",null,{\"className\":\"bg-background group-hover:bg-muted size-6 overflow-hidden rounded-full duration-500\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex w-12 -translate-x-1/2 duration-500 ease-in-out group-hover:translate-x-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right m-auto size-3 rtl:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"className\":\"flex size-6\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right m-auto size-3 rtl:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]}]]}]}]]}]\n"])</script>
13<script>self.__next_f.push([1,"dc:[\"$\",\"$L82\",\"0\",{\"ref\":null,\"href\":\"/#playground\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"_self\",\"children\":[[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":24,\"height\":24}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-zap\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1xq2db\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"children\":\"Start Generating\"}]],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 py-2 has-[\u003esvg]:px-3 px-4 text-sm\"}]\n"])</script>
13<script>self.__next_f.push([1,"dd:[\"$\",\"$L82\",\"1\",{\"ref\":null,\"href\":\"/prompts\",\"locale\":\"$undefined\",\"localeCookie\":\"$54:props:localeCookie\",\"target\":\"_self\",\"children\":[[\"$\",\"$2d\",null,{\"fallback\":[\"$\",\"div\",null,{\"style\":{\"width\":24,\"height\":24}}],\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-image\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"1m3agn\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"$\",\"circle\",\"af1f0g\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"$\",\"path\",\"1xmnt7\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}],\"$undefined\"]}]}],[\"$\",\"span\",null,{\"children\":\"See Examples\"}]],\"data-slot\":\"button\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg:not([class*='size-'])]:size-4 shrink-0 [\u0026_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 py-2 has-[\u003esvg]:px-3 px-4 text-sm\"}]\n"])</script>
13<script>self.__next_f.push([1,"27:null\n"])</script>
13<script>self.__next_f.push([1,"2c:[[\"$\",\"title\",\"0\",{\"children\":\"GPT Image 2 Online Generator — Photorealistic, Sharp Text\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"keywords\",\"content\":\"gpt image 2, gpt-image-2, chatgpt image2, gpt image 2 free, gpt image 2 prompts, gpt image 2 pricing\"}],[\"$\",\"meta\",\"4\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"5\",{\"name\":\"googlebot\",\"content\":\"max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://imagesv2.ai\"}],[\"$\",\"link\",\"7\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://imagesv2.ai\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"hrefLang\":\"zh\",\"href\":\"https://imagesv2.ai/zh\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"hrefLang\":\"ko\",\"href\":\"https://imagesv2.ai/ko\"}],[\"$\",\"link\",\"10\",{\"rel\":\"alternate\",\"hrefLang\":\"ja\",\"href\":\"https://imagesv2.ai/ja\"}],[\"$\",\"link\",\"11\",{\"rel\":\"alternate\",\"hrefLang\":\"fr\",\"href\":\"https://imagesv2.ai/fr\"}],[\"$\",\"link\",\"12\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://imagesv2.ai/de\"}],[\"$\",\"link\",\"13\",{\"rel\":\"alternate\",\"hrefLang\":\"es\",\"href\":\"https://imagesv2.ai/es\"}],[\"$\",\"link\",\"14\",{\"rel\":\"alternate\",\"hrefLang\":\"pt\",\"href\":\"https://imagesv2.ai/pt\"}],[\"$\",\"link\",\"15\",{\"rel\":\"alternate\",\"hrefLang\":\"ru\",\"href\":\"https://imagesv2.ai/ru\"}],[\"$\",\"link\",\"16\",{\"rel\":\"alternate\",\"hrefLang\":\"it\",\"href\":\"https://imagesv2.ai/it\"}],[\"$\",\"link\",\"17\",{\"rel\":\"alternate\",\"hrefLang\":\"ar\",\"href\":\"https://imagesv2.ai/ar\"}],[\"$\",\"link\",\"18\",{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://imagesv2.ai\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:title\",\"content\":\"GPT Image 2 Online Generator — Photorealistic, Sharp Text\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:description\",\"content\":\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K export. Free credits, no OpenAI account needed.\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:url\",\"content\":\"https://imagesv2.ai\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:site_name\",\"content\":\"GPT Image 2\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://imagesv2.ai/preview.png\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:locale:alternate\",\"content\":\"zh_CN\"}],[\"$\",\"meta\",\"26\",{\"property\":\"og:locale:alternate\",\"content\":\"ja_JP\"}],[\"$\",\"meta\",\"27\",{\"property\":\"og:locale:alternate\",\"content\":\"ko_KR\"}],[\"$\",\"meta\",\"28\",{\"property\":\"og:locale:alternate\",\"content\":\"fr_FR\"}],[\"$\",\"meta\",\"29\",{\"property\":\"og:locale:alternate\",\"content\":\"de_DE\"}],[\"$\",\"meta\",\"30\",{\"property\":\"og:locale:alternate\",\"content\":\"es_ES\"}],[\"$\",\"meta\",\"31\",{\"property\":\"og:locale:alternate\",\"content\":\"pt_BR\"}],[\"$\",\"meta\",\"32\",{\"property\":\"og:locale:alternate\",\"content\":\"ru_RU\"}],[\"$\",\"meta\",\"33\",{\"property\":\"og:locale:alternate\",\"content\":\"it_IT\"}],[\"$\",\"meta\",\"34\",{\"property\":\"og:locale:alternate\",\"content\":\"ar_AR\"}],[\"$\",\"meta\",\"35\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"36\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"37\",{\"name\":\"twitter:title\",\"content\":\"GPT Image 2 Online Generator — Photorealistic, Sharp Text\"}],[\"$\",\"meta\",\"38\",{\"name\":\"twitter:description\",\"content\":\"GPT Image 2 online — photorealistic AI images with sharp text. Transparent PNG, SVG, 4K exp
13ort. Free credits, no OpenAI account needed.\"}],[\"$\",\"meta\",\"39\",{\"name\":\"twitter:image\",\"content\":\"https://imagesv2.ai/preview.png\"}]]\n"])</script>
13</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.