@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/mona-sans-vietnamese-wght-normal.f158c274.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/mona-sans-latin-ext-wght-normal.d365451d.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/_next/static/media/mona-sans-latin-wght-normal.01d3f3a6.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--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;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--blur-xl:24px;--blur-3xl:64px;--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)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-3{top:calc(var(--spacing) * -3)}.-top-28{top:calc(var(--spacing) * -28)}.top-0{top:0}.top-\[calc\(100\%\+\.5rem\)\]{top:calc(100% + .5rem)}.-right-28{right:calc(var(--spacing) * -28)}.right-0{right:0}.right-5{right:calc(var(--spacing) * 5)}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-40{z-index:40}.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}}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.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)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.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-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.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-\[32rem\]{width:32rem;height:32rem}.size-full{width:100%;height:100%}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-13{height:calc(var(--spacing) * 13)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-18{min-height:calc(var(--spacing) * 18)}.min-h-full{min-height:100%}.w-\[min\(26rem\,85vw\)\]{width:min(26rem,85vw)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100rem\]{max-width:100rem}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-44{min-width:calc(var(--spacing) * 44)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.auto-rows-\[minmax\(15rem\,auto\)\]{grid-auto-rows:minmax(15rem,auto)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.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)}: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(.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-\[var\(--openui-line\)\]>:not(:last-child)){border-color:var(--openui-line)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.rounded{border-radius:.25rem}.rounded-\[var\(--openui-radius\)\]{border-radius:var(--openui-radius)}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--openui-line\)\]{border-color:var(--openui-line)}.border-\[var\(--openui-primary\)\]{border-color:var(--openui-primary)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--openui-bg\)\,transparent_8\%\)\]{background-color:var(--openui-bg)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--openui-bg\)\,transparent_8\%\)\]{background-color:color-mix(in srgb,var(--openui-bg),transparent 8%)}}.bg-\[var\(--openui-accent\)\]{background-color:var(--openui-accent)}.bg-\[var\(--openui-bg\)\]{background-color:var(--openui-bg)}.bg-\[var\(--openui-line\)\]{background-color:var(--openui-line)}.bg-\[var\(--openui-primary\)\]{background-color:var(--openui-primary)}.bg-\[var\(--openui-surface\)\]{background-color:var(--openui-surface)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(135deg\,var\(--openui-surface\)\,color-mix\(in_srgb\,var\(--openui-primary\)\,transparent_82\%\)\)\]{background-image:linear-gradient(135deg,var(--openui-surface),var(--openui-primary))}@supports (color:color-mix(in lab,red,red)){.bg-\[linear-gradient\(135deg\,var\(--openui-surface\)\,color-mix\(in_srgb\,var\(--openui-primary\)\,transparent_82\%\)\)\]{background-image:linear-gradient(135deg,var(--openui-surface),color-mix(in srgb,var(--openui-primary),transparent 82%))}}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.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)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[calc\(var\(--openui-section\)\*1\.1\)\]{padding-block:calc(var(--openui-section) * 1.1)}.py-\[var\(--openui-section\)\]{padding-block:var(--openui-section)}.pt-0{padding-top:0}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.\[font-family\:var\(--openui-body\)\]{font-family:var(--openui-body)}.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-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[clamp\(2\.65rem\,14cqw\,5\.8rem\)\]{font-size:clamp(2.65rem,14cqw,5.8rem)}.leading-\[\.9\]{--tw-leading:.9;line-height:.9}.leading-\[\.98\]{--tw-leading:.98;line-height:.98}.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)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.text-\[var\(--openui-fg\)\]{color:var(--openui-fg)}.text-\[var\(--openui-muted\)\]{color:var(--openui-muted)}.text-\[var\(--openui-primary\)\]{color:var(--openui-primary)}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-sm,.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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.outline{outline-width:1px}.outline,.outline-3{outline-style:var(--tw-outline-style)}.outline-3{outline-width:3px}.outline-offset-\[-3px\]{outline-offset:-3px}.outline-\[var\(--openui-primary\)\]{outline-color:var(--openui-primary)}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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-3xl{--tw-blur:blur(var(--blur-3xl))}.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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--openui-surface\)\,var\(--openui-primary\)_10\%\)\]:hover{background-color:var(--openui-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--openui-surface\)\,var\(--openui-primary\)_10\%\)\]:hover{background-color:color-mix(in srgb,var(--openui-surface),var(--openui-primary) 10%)}}.hover\:bg-\[var\(--openui-bg\)\]:hover{background-color:var(--openui-bg)}.hover\:bg-\[var\(--openui-surface\)\]:hover{background-color:var(--openui-surface)}.hover\:text-\[var\(--openui-fg\)\]:hover{color:var(--openui-fg)}.hover\:opacity-90:hover{opacity:.9}.hover\:outline:hover{outline-style:var(--tw-outline-style);outline-width:1px}.hover\:outline-2:hover{outline-style:var(--tw-outline-style);outline-width:2px}.hover\:outline-\[var\(--openui-primary\)\]:hover{outline-color:var(--openui-primary)}}.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-\[var\(--openui-primary\)\]:focus-visible{--tw-ring-color:var(--openui-primary)}.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-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:bg-\[var\(--openui-primary\)\][data-state=active]{background-color:var(--openui-primary)}.data-\[state\=active\]\:text-white[data-state=active]{color:var(--color-white)}@container (min-width:24rem){.\@sm\:flex-row{flex-direction:row}.\@sm\:p-7{padding:calc(var(--spacing) * 7)}.\@sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.\@sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.\@sm\:py-14{padding-block:calc(var(--spacing) * 14)}.\@sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.\@sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.\@sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\@sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\@sm\:tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}}@container (min-width:28rem){.\@md\:col-span-2{grid-column:span 2/span 2}.\@md\:row-span-2{grid-row:span 2/span 2}.\@md\:flex{display:flex}.\@md\:hidden{display:none}.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:flex-row{flex-direction:row}}@container (min-width:32rem){.\@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\:gap-12{gap:calc(var(--spacing) * 12)}.\@lg\:px-16{padding-inline:calc(var(--spacing) * 16)}.\@lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.\@lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.\[\&_h1\]\:\[font-family\:var\(--openui-display\)\] h1,.\[\&_h2\]\:\[font-family\:var\(--openui-display\)\] h2,.\[\&_h3\]\:\[font-family\:var\(--openui-display\)\] h3{font-family:var(--openui-display)}}:root{--bg:oklch(99% .006 75);--surface:oklch(97.5% .008 70);--surface-strong:oklch(95% .012 70);--surface-selected:oklch(94% .035 50);--ink:oklch(23% .012 55);--muted:oklch(50% .02 55);--line:oklch(90% .012 68);--line-strong:oklch(75% .02 60);--primary:oklch(56% .18 42);--primary-deep:oklch(48% .17 40);--primary-wash:oklch(94% .03 55);--violet:oklch(52% .16 305);--violet-wash:oklch(94% .04 305);--amber:oklch(62% .15 72);--amber-wash:oklch(95% .04 72);--danger:oklch(56% .2 27);--success:oklch(52% .14 150);--warning:oklch(69% .16 75);--white:oklch(100% 0 0);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--topbar:58px;--panel:360px;--z-sticky:20;--z-backdrop:40;--z-modal:50;--z-toast:60;color-scheme:light}*{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-kerning:normal;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Mona Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.45}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in oklch,var(--primary) 65%,white)}}:focus-visible{outline-offset:2px}.app-shell{background:var(--surface);height:100dvh;min-height:0;overflow:hidden}.topbar{height:var(--topbar);background:var(--bg);border-bottom:1px solid var(--line);z-index:var(--z-sticky);justify-content:space-between;gap:20px;padding:0 12px 0 18px;position:relative}.mode-switcher,.topbar,.topbar-actions,.topbar-start,.viewport-switcher{align-items:center;display:flex}.topbar-start{gap:14px;min-width:0}.topbar-actions{justify-content:flex-end;gap:8px}.viewport-switcher{gap:3px}.mode-switcher,.viewport-switcher{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:3px}.mode-switcher{gap:2px}.mode-switcher .button{min-height:32px;color:var(--muted);background:0 0;padding:0 9px;font-size:.7rem}.mode-switcher .button[data-active=true]{background:var(--bg);color:var(--primary-deep);box-shadow:0 1px 2px oklch(20% .02 60/.08)}.mode-switcher svg{width:13px}.topbar-divider{background:var(--line);width:1px;height:24px}.wordmark{appearance:none;letter-spacing:-.035em;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0;font-size:1.08rem;font-weight:760;display:inline-flex}.wordmark-symbol{background:var(--primary);width:25px;height:25px;color:var(--white);border-radius:7px;place-items:center;display:grid}.wordmark-symbol svg{stroke-width:2px;width:15px;height:15px}.project-identity{flex-direction:column;min-width:0;line-height:1.18;display:flex}.project-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.project-breadcrumb>svg{width:12px;height:12px;color:var(--line-strong);flex:none}.project-picker-trigger{color:var(--muted);text-align:left;background:0 0;border:0;flex:none;align-items:center;gap:5px;padding:0;font-size:.72rem;font-weight:690;display:inline-flex}.project-mobile-picker{display:none}.project-picker-trigger:focus-visible,.project-picker-trigger:hover{color:var(--primary-deep)}.project-picker-trigger svg{width:14px;height:14px;color:var(--muted);flex:none}.project-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:220px;font-size:.84rem;font-weight:690;overflow:hidden}.save-state{color:var(--muted);align-items:center;gap:6px;font-size:.71rem;display:flex}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.status-dot[data-busy=true]{background:var(--primary);animation:pulse 1.2s ease-in-out infinite}.button{border-radius:var(--radius-sm);border:0;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:.84rem;font-weight:690;transition:background-color .16s cubic-bezier(.22,1,.36,1),color .16s,transform .16s;display:inline-flex}.button svg{stroke-width:1.9px;width:16px;height:16px}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.47}.button.primary{background:var(--primary);color:var(--white)}.button.primary:hover:not(:disabled){background:var(--primary-deep)}.button.secondary{background:var(--surface);color:var(--ink)}.button.secondary:hover:not(:disabled){background:var(--surface-strong)}.button.danger{color:var(--white)}.button.danger,.button.danger:hover:not(:disabled){background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.button.danger:hover:not(:disabled){background:color-mix(in oklch,var(--danger) 85%,black)}}.button.full{width:100%}.icon-button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;transition:background-color .15s,color .15s;display:inline-grid}.icon-button:hover:not(:disabled),.icon-button[data-active=true]{background:var(--surface-strong);color:var(--ink)}.icon-button[data-active=true]{color:var(--primary-deep)}.icon-button svg{stroke-width:1.8px;width:18px;height:18px}.icon-button.compact{width:34px;height:34px}.mobile-only,.topbar[data-launch=true] .desktop-action,.topbar[data-launch=true] .new-project-button,.topbar[data-launch=true] .project-identity,.topbar[data-launch=true] .project-mobile-picker,.topbar[data-launch=true] .sidebar-toggle,.topbar[data-launch=true] .topbar-actions .button.primary,.topbar[data-launch=true] .topbar-divider,.topbar[data-launch=true] .viewport-switcher{display:none}.launch{height:calc(100dvh - var(--topbar));background:var(--surface);justify-content:center;padding:clamp(28px,7vh,76px) 24px 56px;display:flex;overflow-y:auto}.launch-inner{width:100%;max-width:720px}.launch h1{letter-spacing:-.032em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.15}.launch-lede{max-width:56ch;color:var(--muted);text-wrap:pretty;margin:10px 0 26px;line-height:1.6}.launch-starters{margin-top:26px}.launch-starters-label{color:var(--muted);margin-bottom:10px;font-size:.76rem;font-weight:690;display:block}.launch-chips{flex-wrap:wrap;gap:7px;display:flex}.launch-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);text-align:left;align-items:center;gap:7px;padding:9px 12px;font-size:.8rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.launch-chip:hover:not(:disabled){background:var(--primary-wash);border-color:var(--primary);color:var(--primary-deep)}.launch-chip:disabled{opacity:.47}.launch-chip svg{flex:none;width:14px;height:14px}.launch-chip.surprise{color:var(--muted)}.launch-secondary{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.launch-design-active{color:var(--muted);margin:0;font-size:.8rem}.launch-url label{margin-bottom:7px;font-size:.76rem;font-weight:690;display:block}.launch-url-row{align-items:flex-start;gap:8px;display:flex}.launch-url-row input{flex:1;min-width:0}.launch-url-row .button{white-space:nowrap;flex:none}.launch-url-note{color:var(--muted);margin:8px 0 0;font-size:.72rem;line-height:1.5}.launch-quota{color:var(--primary-deep);font-weight:690}.workspace{height:calc(100dvh - var(--topbar));grid-template-columns:var(--panel) minmax(420px,1fr);min-width:0;display:grid}.workspace[data-sidebar=false]{grid-template-columns:minmax(380px,1fr)}.workspace[data-sidebar=false] .chat-panel{display:none}.chat-panel{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;min-width:0;display:flex;overflow:hidden}.export-head,.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading{border-bottom:1px solid var(--line);padding:20px 20px 16px}.export-head h2,.panel-heading h1{letter-spacing:-.018em;text-wrap:balance;margin:3px 0 0;font-size:1.06rem;line-height:1.25}.panel-kicker{color:var(--muted);font-size:.7rem;font-weight:620}.panel-content{scrollbar-gutter:stable;flex:1;min-height:0;padding:18px 20px 28px;overflow-y:auto}.panel-content label{margin:0 0 7px;font-size:.76rem;font-weight:690;display:block}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink)}input,textarea{padding:11px 12px}textarea{resize:vertical;min-height:88px;line-height:1.5}input{min-height:43px}select{height:38px;padding:0 32px 0 10px}input::placeholder,textarea::placeholder{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){input::placeholder,textarea::placeholder{color:color-mix(in oklch,var(--ink) 62%,white)}}input::placeholder,textarea::placeholder{opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in oklch,var(--primary) 20%,white)}}input:focus,select:focus,textarea:focus{outline-offset:0}.chat-panel-content,.chat-thread{flex-direction:column;flex:1;min-height:0;display:flex}.chat-thread{scrollbar-gutter:stable;gap:16px;padding:18px 20px;overflow-y:auto}.chat-message{flex-direction:column;gap:4px;max-width:92%;display:flex}.chat-message[data-role=user]{align-self:flex-end;align-items:flex-end}.chat-message[data-role=assistant]{align-self:flex-start;align-items:flex-start}.chat-bubble{text-wrap:pretty;border-radius:12px;padding:9px 12px;font-size:.82rem;line-height:1.5}.chat-message[data-role=user] .chat-bubble{background:var(--surface-strong);color:var(--ink);border-radius:12px 12px 4px}.chat-message[data-role=assistant] .chat-bubble{color:var(--ink);background:0 0;padding-left:0;padding-right:0}.chat-scope-label{color:var(--primary-deep);letter-spacing:.02em;text-transform:uppercase;margin-bottom:4px;font-size:.62rem;font-weight:750;display:block}.chat-assistant-row{align-items:flex-start;gap:8px;display:flex}.chat-avatar{background:var(--primary);width:22px;height:22px;color:var(--white);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.chat-avatar svg{width:12px;height:12px}.chat-restore{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-left:30px;padding:5px 9px;font-size:.68rem;transition:color .15s,border-color .15s;display:inline-flex}.chat-restore:hover{color:var(--primary-deep);border-color:var(--primary)}.chat-restore svg{width:12px;height:12px;color:var(--primary-deep)}.chat-status-row{color:var(--muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.chat-status-row svg{width:13px;height:13px}.chat-variants-note{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);flex-direction:column;align-self:flex-start;gap:6px;margin-left:30px;padding:10px 12px;font-size:.74rem;display:flex}.chat-variants-note b{color:var(--ink)}.context-chip{background:var(--primary-wash);color:oklch(32% .09 42);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:8px;padding:4px 6px 4px 10px;font-size:.72rem;font-weight:690;display:inline-flex}.context-chip button{width:18px;height:18px;color:inherit;opacity:.72;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.context-chip button:hover{opacity:1;background:oklch(100% 0 0/.5)}.context-chip svg{width:12px;height:12px}.composer{border-top:1px solid var(--line);padding:12px}.composer[data-variant=launch]{border-top:0;padding:0}.composer-field{background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;align-items:flex-end;gap:8px;padding:8px 8px 8px 12px;display:flex}.composer[data-variant=launch] .composer-field{border-radius:var(--radius-md);flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px 12px;box-shadow:0 4px 8px oklch(20% .02 60/.07)}.composer[data-variant=launch] textarea{min-height:76px;max-height:220px;font-size:1.02rem}.composer[data-variant=launch] .composer-actions{justify-content:flex-end}.composer[data-variant=launch] .composer-send{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:auto;height:38px;padding:0 14px;font-size:.84rem;font-weight:690;display:inline-flex}.composer[data-variant=launch] .composer-send:disabled{opacity:.47}.composer[data-variant=launch] .composer-hint{margin-top:10px;font-size:.72rem}.composer-field:focus-within{border-color:var(--primary);outline:2px solid var(--primary)}@supports (color:color-mix(in lab,red,red)){.composer-field:focus-within{outline:2px solid color-mix(in oklch,var(--primary) 20%,white)}}.composer-field textarea{resize:none;background:0 0;border:0;min-height:22px;max-height:160px;padding:6px 0;overflow-y:auto}.composer-field textarea:focus{outline:none}.composer-actions{flex:none;align-items:center;gap:4px;display:flex}.composer-send{background:var(--primary);width:32px;height:32px;color:var(--white);border-radius:8px;flex:none;place-items:center;transition:background-color .15s;display:grid}.composer-send:hover:not(:disabled){background:var(--primary-deep)}.composer-send svg{width:15px;height:15px}.composer-explore{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:8px;flex:none;place-items:center;display:grid}.composer-explore:hover:not(:disabled){background:var(--surface-strong);color:var(--primary-deep)}.composer-explore svg{width:16px;height:16px}.composer-hint{color:var(--muted);margin:8px 2px 0;font-size:.66rem}.brand-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-context summary{cursor:pointer;min-height:46px;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;font-weight:690;list-style:none;display:flex}.brand-context summary::-webkit-details-marker{display:none}.brand-context summary:after{content:"+";color:var(--muted);font-size:1rem;font-weight:400}.brand-context[open] summary:after{content:"–"}.brand-context summary span{align-items:center;gap:8px;display:inline-flex}.brand-context summary svg{width:15px;color:var(--primary-deep)}.brand-context summary small{color:var(--muted);font-size:.68rem;font-weight:400}.brand-context-content{padding:0 0 16px}.brand-context-content>p{color:var(--muted);margin:0 0 14px;font-size:.75rem;line-height:1.5}.brand-context-content .button{margin-top:9px}.design-system-context{border-bottom:1px solid var(--line)}.design-system-context summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 20px;font-size:.76rem;list-style:none;display:flex}.design-system-context summary::-webkit-details-marker{display:none}.design-system-context summary:after{content:"+";color:var(--muted);font-size:1rem;font-weight:400}.design-system-context[open] summary:after{content:"–"}.design-system-context summary>span{align-items:center;gap:8px;display:inline-flex}.design-system-context summary svg{width:15px;color:var(--primary-deep)}.design-system-context summary small{color:var(--muted);margin-left:auto;font-size:.67rem}.design-system-context-content{padding:4px 20px 20px}.design-system-context-content>p{color:var(--muted);margin:0 0 13px;font-size:.73rem;line-height:1.5}.design-source-tabs{border-bottom:1px solid var(--line);gap:16px;margin-bottom:12px;display:flex}.design-source-tabs button{color:var(--muted);background:0 0;border:0;padding:0 0 8px;font-size:.72rem;font-weight:690;position:relative}.design-source-tabs button.active{color:var(--primary-deep)}.design-source-tabs button.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.design-source-content .button{margin-top:9px}.screenshot-dropzone{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;cursor:pointer;min-height:74px;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px;display:flex!important}.screenshot-dropzone:hover{background:var(--surface);border-color:var(--primary)}.screenshot-dropzone svg{width:17px;color:var(--primary-deep)}.screenshot-dropzone span{overflow-wrap:anywhere;font-size:.72rem;font-weight:690}.screenshot-dropzone small{color:var(--muted);font-size:.65rem}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.design-system-review{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.design-system-meta{margin:10px 0;font-size:.69rem}.design-system-meta div{grid-template-columns:54px 1fr;gap:8px;padding:5px 0;display:grid}.design-system-meta dt{color:var(--muted)}.design-system-meta dd{overflow-wrap:anywhere;margin:0}.review-group{border-top:1px solid var(--line);padding:9px 0;font-size:.69rem}.review-group>b{font-size:.7rem;display:block}.review-group p{color:var(--muted);margin:5px 0 0}.review-group .swatches{gap:5px;margin:8px 0 0}.review-group .swatches span{width:22px;height:22px}.review-shape{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.review-shape>b{width:100%}.review-shape span{color:var(--muted)}.review-shape i{border:1px solid var(--line-strong);background:var(--surface);width:25px;height:18px}.component-specimens{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 0;display:grid}.component-specimens>span{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;color:var(--muted);gap:6px;padding:7px;font-size:.62rem;display:grid}.component-specimens i{min-height:17px;display:block}.mini-button{background:var(--primary);border-radius:4px}.mini-input{border:1px solid var(--line-strong);border-radius:3px}.mini-card{border:1px solid var(--line);background:var(--surface);border-radius:4px}.review-note{color:var(--muted);margin:0 0 10px;font-size:.67rem;line-height:1.45}.review-actions{align-items:center;gap:10px;display:flex}.review-actions .button{min-height:34px;padding:7px 10px;font-size:.72rem}.active-design-system{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.active-design-system>div:first-child{justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.active-design-system>div:first-child span{color:var(--muted);font-size:.64rem}.active-design-system p{color:var(--muted);margin:6px 0 9px;font-size:.7rem;line-height:1.45}.active-design-system-actions{align-items:center;gap:10px;display:flex}.active-design-system-actions .button{min-height:34px;padding:7px 10px;font-size:.7rem}.compact-token-result{margin-top:16px;padding-top:14px}.compact-token-result .swatches{margin-bottom:10px}.compact-token-result>p{margin:0}.panel-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:22px;display:flex}.panel-empty>svg{width:24px;height:24px;color:var(--muted)}.panel-empty h2{margin:14px 0 5px;font-size:.92rem}.panel-empty p{max-width:28ch;color:var(--muted);margin:0;font-size:.78rem}.text-button{color:var(--primary-deep);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.7rem;font-weight:700;display:inline-flex}.text-button svg{width:12px}.brand-panel{flex-direction:column;display:flex}.brand-panel .button{margin-top:10px}.token-result{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.token-result-head{justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.token-result-head span{background:var(--surface);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.67rem}.token-result-head span[data-confidence=high]{background:var(--success)}@supports (color:color-mix(in lab,red,red)){.token-result-head span[data-confidence=high]{background:color-mix(in oklch,var(--success) 14%,white)}}.token-result-head span[data-confidence=high]{color:oklch(38% .12 150)}.swatches{gap:7px;margin:14px 0;display:flex}.swatches span{width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.swatches span{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ink) 16%,transparent)}}.token-result dl{margin:0;font-size:.71rem}.token-result dl div{border-top:1px solid var(--line);grid-template-columns:70px 1fr;gap:8px;padding:7px 0;display:grid}.token-result dt{color:var(--muted)}.token-result dd{overflow-wrap:anywhere;margin:0}.token-result>p{color:var(--muted);font-size:.7rem;line-height:1.45}.canvas-column{background:var(--surface);min-width:0;min-height:0;position:relative;overflow:hidden}.page-toolbar{z-index:5;align-items:center;gap:5px;min-width:0;height:38px;display:flex;position:absolute;top:9px;left:12px;right:180px}.page-toolbar label{color:var(--muted);font-size:.65rem;font-weight:700}.page-toolbar select{border-color:var(--line);background-color:var(--bg);min-width:0;max-width:210px;height:34px;font-size:.7rem}.page-toolbar-spacer{flex:1}.pexels-credit-link{color:var(--muted);white-space:nowrap;font-size:.62rem}.pexels-credit-link:hover{color:var(--primary-deep)}.canvas-stage{justify-content:center;align-items:flex-start;height:100%;padding:58px 36px 80px;display:flex;position:relative;overflow:auto}.canvas-ruler{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem;position:absolute;top:14px;left:50%;transform:translate(-50%)}.canvas-controls{z-index:2;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:3px;padding:3px;display:flex;position:absolute;top:12px;right:16px}.canvas-zoom-label{min-height:34px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;align-items:center;gap:5px;padding:0 7px;font-size:.68rem;display:inline-flex}.canvas-zoom-label:hover{color:var(--primary-deep);background:var(--primary-wash);border-radius:4px}.canvas-zoom-label svg{width:13px;height:13px}.canvas-sheet{flex:none;transition:width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1);position:relative}.canvas-iframe{background:var(--bg);transform-origin:0 0;border:0;max-width:none;transition:transform .22s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0 auto auto 0;box-shadow:0 4px 8px oklch(20% .02 60/.12)}.direction-stage{background:var(--surface);height:100%;min-height:0;padding:30px 34px 24px;overflow:auto}.direction-stage-head{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1440px;margin:0 auto 24px;display:flex}.direction-stage-head>div{max-width:62ch}.direction-stage-head h2{letter-spacing:-.026em;text-wrap:balance;max-width:30ch;margin:0 0 8px;font-size:1.28rem;line-height:1.18}.direction-stage-head p{color:var(--muted);text-wrap:pretty;margin:0;font-size:.77rem;line-height:1.5}.direction-stage-count{border-radius:var(--radius-sm);background:var(--primary-wash);color:var(--primary-deep);flex:none;padding:5px 8px;font-size:.68rem;font-weight:700}.direction-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:start;gap:18px;max-width:1440px;margin:0 auto;display:grid}.direction-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;min-width:0;display:flex;overflow:hidden}.direction-card-head{align-items:baseline;gap:10px;padding:14px 16px 12px;display:flex}.direction-card-head>div{min-width:0}.direction-card-index{color:var(--primary-deep);font-variant-numeric:tabular-nums;flex:none;font-size:.68rem;font-weight:720}.direction-card-head h3{letter-spacing:-.018em;margin:0;font-size:.88rem;line-height:1.25}.direction-card-lane{color:var(--muted);margin:3px 0 0;font-size:.7rem;line-height:1.4}.direction-card-preview{aspect-ratio:3/4;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.direction-card-preview iframe{background:var(--bg);transform-origin:0 0;pointer-events:none;border:0;width:200%;height:200%;display:block;transform:scale(.5)}.direction-card-actions{gap:8px;padding:13px 16px 16px;display:flex}.direction-card-actions .button{flex:auto;justify-content:center}.direction-stage-foot{pointer-events:none;justify-content:center;margin-top:22px;padding-bottom:18px;display:flex;position:sticky;bottom:0}.direction-stage-foot .variant-switcher{pointer-events:auto}.variant-switcher{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:3px;padding:4px;display:flex;box-shadow:0 8px 26px -18px oklch(23% .012 55/.5)}.variant-switcher-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:.72rem;font-weight:640;transition:background-color .16s,color .16s;display:inline-flex}.variant-switcher-tab:hover{color:var(--ink)}.variant-switcher-tab[data-active=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px oklch(23% .012 55/.1)}.variant-switcher-index{background:var(--surface);width:16px;height:16px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;justify-content:center;align-items:center;font-size:.62rem;display:inline-flex}.variant-switcher-tab[data-active=true] .variant-switcher-index{background:var(--primary-wash);color:var(--primary-deep)}.fullscreen-preview{background:var(--bg);width:100vw;max-width:100vw;height:100vh;max-height:100vh;color:var(--ink);border:0;padding:0}.fullscreen-preview::backdrop{background:oklch(23% .012 55/.7)}.fullscreen-preview-bar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 16px;display:flex}.fullscreen-preview-meta{align-items:baseline;gap:10px;min-width:0;font-size:.72rem;display:flex}.fullscreen-preview-route{border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--ink);padding:3px 7px;font-weight:640}.fullscreen-preview-lane{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fullscreen-preview-actions{flex:none;align-items:center;gap:8px;display:flex}.fullscreen-preview-frame{background:var(--bg);border:0;width:100%;height:calc(100vh - 60px);display:block}.floating-action-bar{z-index:7;background:var(--ink);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:4px;transition:opacity .12s,transform .12s;display:flex;position:absolute;box-shadow:0 4px 8px oklch(20% .02 60/.22)}.floating-action-bar button{color:oklch(85% .01 60);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.floating-action-bar button:hover:not(:disabled){color:#fff;background:oklch(100% 0 0/.1)}.floating-action-bar button:disabled{opacity:.5}.floating-action-bar button[data-tone=primary]{background:var(--primary);color:var(--white)}.floating-action-bar button[data-tone=primary]:hover:not(:disabled){background:var(--primary-deep)}.floating-action-bar button[data-icon-only=true]{padding:6px}.floating-action-bar svg{width:14px;height:14px}.floating-action-bar .spin{width:13px;height:13px}.inline-ai-edit{color:#fff;align-items:center;gap:4px;display:flex}.inline-ai-edit>svg{color:oklch(85% .06 55);margin-left:5px}.inline-ai-edit input{width:min(300px,42vw);height:30px;min-height:30px;color:var(--ink);background:#fff;border:0;border-radius:5px;padding:0 8px;font-size:.72rem}.preview-route-indicator{z-index:3;background:var(--ink);color:#fff;border-radius:999px;padding:5px 9px;font-size:.65rem;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px oklch(20% .02 60/.16)}.signup-credit-cta{z-index:6;border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--primary);width:min(580px,100% - 32px);padding:20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px oklch(20% .04 55/.2)}@supports (color:color-mix(in lab,red,red)){.signup-credit-cta{border:1px solid color-mix(in oklch,var(--primary) 22%,var(--line))}}.signup-credit-cta>.icon-button{position:absolute;top:8px;right:8px}.signup-credit-cta h2{letter-spacing:-.03em;margin:6px 34px 5px 0;font-size:1.25rem}.signup-credit-cta p{max-width:58ch;color:var(--muted);margin:0 0 14px;font-size:.76rem;line-height:1.5}.signup-credit-cta>div{gap:8px;display:flex}.error-banner{z-index:var(--z-toast);border-radius:var(--radius-sm);color:#fff;background:oklch(36% .15 27);align-items:center;gap:14px;max-width:min(640px,100vw - 32px);padding:10px 10px 10px 14px;font-size:.8rem;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.error-banner span{flex:1}.error-banner .icon-button{color:#fff}.notice-stack{z-index:var(--z-toast);flex-direction:column-reverse;gap:8px;max-width:min(430px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.notice-banner{border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);align-items:center;gap:10px;padding:9px 9px 9px 12px;font-size:.76rem;display:flex;box-shadow:0 4px 8px oklch(20% .02 60/.12)}.notice-banner>svg{width:16px;color:var(--success);flex:none}.notice-banner span{flex:1}.live-region{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.account-controls{align-items:center;gap:8px;display:flex}.account-trigger{white-space:nowrap}.account-trigger svg{width:16px;height:16px}.account-panel{padding:20px 20px 28px}.account-auth-card{padding:4px 0 10px}.account-auth-card h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:1.25rem}.account-auth-card p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.55}.account-icon{border-radius:var(--radius-md);background:var(--primary-wash);width:38px;height:38px;color:var(--primary-deep);place-items:center;margin-bottom:16px;display:grid}.account-icon svg{width:18px}.account-auth-actions{gap:8px;margin-top:20px;display:flex}.setup-list{border-top:1px solid var(--line);color:var(--muted);gap:10px;margin-top:22px;padding:16px 0 0;font-size:.72rem;display:grid}.setup-list span{align-items:center;gap:8px;display:flex}.setup-list svg{width:14px;color:var(--success)}.account-dashboard{gap:18px;display:grid}.account-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.account-header h2{letter-spacing:-.025em;margin:5px 0;font-size:1.18rem}.account-header p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.45}.credit-balance{background:var(--ink);color:#fff;border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:17px;display:flex}.credit-balance strong{letter-spacing:-.05em;margin-top:5px;font-size:2rem;line-height:1;display:block}.credit-balance small{color:oklch(100% 0 0/.68);margin-top:7px;font-size:.68rem;display:block}.credit-balance>svg{color:oklch(100% 0 0/.68);width:24px}.account-cost-note{color:var(--muted);margin:-7px 0 0;font-size:.66rem;line-height:1.4}.account-notice{background:var(--surface);color:var(--muted);padding:11px 12px;font-size:.7rem;line-height:1.45}.account-notice p{margin:0}.billing-products{gap:10px;display:grid}.billing-product{background:var(--surface);border-radius:var(--radius-md);padding:15px;position:relative}.billing-product[data-featured=true]{background:var(--primary-wash)}.billing-product h3{margin:7px 0 5px;font-size:.86rem}.billing-product>strong{letter-spacing:-.025em;font-size:1.05rem;display:block}.billing-product p{color:var(--muted);margin:5px 0 12px;font-size:.69rem;line-height:1.4}.billing-product .button{font-size:.72rem}.product-badge{background:var(--primary);color:#fff;border-radius:4px;padding:3px 6px;font-size:.58rem;font-weight:700;position:absolute;top:12px;right:12px}.account-footer-actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.account-footer-actions .button{font-size:.7rem}.popover-backdrop{z-index:var(--z-backdrop);background:oklch(15% .01 60/.22);justify-content:flex-end;align-items:flex-start;padding:66px 14px 14px;display:flex;position:fixed;inset:0}.export-popover{background:var(--bg);border-radius:var(--radius-lg);width:min(460px,100vw - 28px);max-height:calc(100dvh - 80px);padding:22px;overflow-y:auto;box-shadow:0 4px 8px oklch(15% .02 60/.18)}.export-popover>p{color:var(--muted);margin:12px 0 20px;font-size:.8rem;line-height:1.55}.target-list{border-top:1px solid var(--line);flex-direction:column;display:flex}.target-list>button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;min-height:64px;padding:9px 4px;display:grid}.export-credit-note{color:var(--muted);margin:-4px 0 14px;font-size:.76rem;line-height:1.45}.export-credit-note code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.target-list>button:hover{background:var(--surface)}.target-list>button[data-selected=true]{background:var(--primary-wash);color:var(--primary-deep)}.target-list>button>svg{justify-self:center;width:16px}.target-icon{border-radius:var(--radius-sm);background:var(--surface);width:34px;height:34px;color:var(--ink);place-items:center;display:grid}.target-list>button[data-selected=true] .target-icon{background:var(--primary);color:var(--white)}.target-icon svg{width:16px}.target-list b{font-size:.8rem;display:block}.target-list small{color:var(--muted);font-size:.68rem;display:block}.export-footer{justify-content:flex-end;gap:8px;padding-top:18px;display:flex}.project-picker{border-radius:var(--radius-lg);background:var(--bg);width:min(580px,100vw - 28px);max-height:min(680px,100dvh - 28px);color:var(--ink);border:0;padding:22px;box-shadow:0 4px 8px oklch(15% .02 60/.18)}.project-picker::backdrop{background:oklch(15% .01 60/.22)}.project-picker-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-picker-head h2{letter-spacing:-.018em;margin:3px 0 0;font-size:1.06rem;line-height:1.25}.project-picker-copy{color:var(--muted);margin:12px 0 18px;font-size:.8rem;line-height:1.5}.project-picker-state{text-align:center;min-height:150px;color:var(--muted);place-content:center;gap:10px;font-size:.78rem;display:grid}.project-picker-state p{max-width:36ch;margin:0}.project-picker-state svg{width:20px;height:20px;margin:0 auto}.project-picker-list{margin:0;padding:0;list-style:none;overflow-y:auto}.project-picker-list,.project-picker-list li+li{border-top:1px solid var(--line)}.project-picker-list button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:14px 2px;display:flex}.project-picker-list button:hover:not(:disabled) b{color:var(--primary-deep)}.project-picker-list button>svg{width:15px;height:15px;color:var(--muted);flex:none;margin-top:3px}.project-picker-list b,.project-picker-list small{display:block}.project-picker-list b{font-size:.82rem}.project-picker-list p,.project-picker-list small{color:var(--muted);font-size:.68rem}.project-picker-list p{margin:4px 0 0;line-height:1.4}.captcha-dialog{border-radius:var(--radius-lg);background:var(--bg);width:min(420px,100vw - 28px);color:var(--ink);border:0;padding:20px;box-shadow:0 4px 8px oklch(15% .02 60/.18)}.captcha-dialog::backdrop{background:oklch(15% .01 60/.22)}.captcha-head{align-items:flex-start;gap:12px;display:flex}.captcha-head>svg{width:20px;height:20px;color:var(--primary-deep);margin-top:2px}.captcha-head>div{flex:1}.captcha-head h2{margin:0;font-size:.96rem}.captcha-head p{color:var(--muted);margin:4px 0 0;font-size:.75rem;line-height:1.45}.captcha-widget{min-height:65px;margin-top:18px}.captcha-error{color:var(--danger);margin:8px 0 0;font-size:.72rem}.confirm-dialog{border-radius:var(--radius-lg);background:var(--bg);width:min(400px,100vw - 28px);color:var(--ink);border:0;padding:20px;box-shadow:0 4px 8px oklch(15% .02 60/.18)}.confirm-dialog::backdrop{background:oklch(15% .01 60/.22)}.confirm-dialog-head{align-items:flex-start;gap:12px;display:flex}.confirm-dialog-head>svg{width:20px;height:20px;color:var(--danger);flex:none;margin-top:2px}.confirm-dialog-head>div{flex:1}.confirm-dialog-head h2{margin:0;font-size:.96rem}.confirm-dialog-head p{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.45}.confirm-dialog-footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:1240px){:root{--panel:320px}}@media (max-width:1080px) and (min-width:821px){.canvas-stage{padding-inline:28px}.direction-stage{padding-inline:22px}}@media (max-width:820px){:root{--topbar:56px}.mobile-only,.project-mobile-picker{display:inline-grid}.desktop-action,.project-identity,.topbar-divider{display:none}.topbar{gap:8px;padding-inline:8px}.topbar-start{gap:8px}.topbar-actions{gap:2px}.topbar-actions .button{padding-inline:10px}.viewport-switcher{position:absolute;left:50%;transform:translate(-50%)}.workspace,.workspace[data-sidebar=false]{grid-template-columns:1fr}.chat-panel{top:var(--topbar);z-index:var(--z-sticky);position:fixed;bottom:0;left:0;right:0}.workspace[data-sidebar=false] .chat-panel{display:none}.canvas-stage{justify-content:flex-start;padding:38px 22px 60px}.launch{padding:28px 20px 48px}.direction-stage{padding:22px 18px 76px}.fullscreen-preview-bar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 12px}.fullscreen-preview-meta{order:3;width:100%}.fullscreen-preview-frame{height:calc(100vh - 128px)}.error-banner{bottom:18px}}@media (max-width:520px){.wordmark{font-size:.95rem}.topbar-actions .button svg{margin:0}.topbar-actions .button{width:40px;padding:0;font-size:0}.topbar-actions .button svg{width:18px;height:18px}.topbar-actions .new-project-button{display:none}.viewport-switcher .icon-button{width:31px;height:31px}.canvas-stage{padding-inline:14px}.popover-backdrop{align-items:flex-end;padding:12px}.export-popover{width:100%;max-height:calc(100dvh - 24px)}.project-picker{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.account-auth-actions,.account-footer-actions{flex-direction:column}.account-auth-actions .button,.account-footer-actions .button{width:100%}.notice-stack{max-width:calc(100vw - 24px);bottom:70px;right:12px}.direction-stage{padding-inline:14px}.direction-stage-head{display:block}.direction-stage-count{margin-top:7px;display:inline-block}.direction-card-actions{flex-direction:column}.launch{padding:22px 14px 40px}.launch-url-row{flex-direction:column}.launch-url-row .button{width:100%}.launch-chip:nth-of-type(n+5):not(.surprise){display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.creative-launch{background:var(--surface);place-items:center;min-height:100dvh;padding:clamp(20px,5vw,72px);display:grid}.creative-launch-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);width:min(880px,100%);padding:clamp(22px,4vw,46px);box-shadow:0 18px 60px -40px oklch(25% .04 50/.38)}.creative-mark{background:var(--primary);width:32px;height:32px;color:var(--white);border-radius:8px;place-items:center;display:inline-grid}.creative-mark svg{width:17px;height:17px}.creative-launch-card>.panel-kicker{margin:18px 0 5px}.creative-launch-card h1{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:19ch;margin:0;font-size:clamp(2rem,1.5rem + 2.7vw,4.2rem);line-height:.98}.creative-launch-card>p:not(.panel-kicker){max-width:64ch;color:var(--muted);margin:16px 0 20px;line-height:1.6}.creative-launch-card label{margin:20px 0 8px;font-size:.78rem;font-weight:720;display:block}.creative-launch-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.creative-launch-actions small{max-width:52ch;color:var(--muted);font-size:.72rem;line-height:1.45}.creative-json-input{tab-size:2;min-height:min(48dvh,540px);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.55}.creative-generate{margin-top:14px}.creative-workspace{background:var(--surface);height:100dvh;overflow:hidden}.creative-toolbar{border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:16px;min-height:60px;padding:8px 14px;display:grid}.creative-brand{letter-spacing:-.035em;background:0 0;border:0;align-items:center;gap:9px;width:fit-content;padding:0;font-size:1rem;font-weight:780;display:inline-flex}.creative-toolbar-center{justify-items:center;gap:1px;min-width:0;display:grid}.creative-toolbar-center strong{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:.78rem;overflow:hidden}.creative-toolbar-center span{color:var(--muted);font-size:.64rem}.creative-toolbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.creative-export-label{color:var(--muted);align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex}.creative-export-label select{width:auto;min-width:82px;height:34px;font-size:.7rem}.creative-grid{grid-template-columns:minmax(276px,330px) minmax(0,1fr);height:calc(100dvh - 61px);min-height:0;display:grid}.creative-sidebar{border-right:1px solid var(--line);background:var(--bg);scrollbar-gutter:stable;min-width:0;padding:20px;overflow-y:auto}.creative-sidebar section+section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.creative-direction-card h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:5px 0 4px;font-size:1.16rem;line-height:1.12}.creative-direction-card>p:not(.panel-kicker){color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}.creative-direction-card dl{gap:0;margin:14px 0 0;font-size:.7rem;display:grid}.creative-direction-card dl div{border-top:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:8px;padding:7px 0;display:grid}.creative-direction-card dt{color:var(--muted)}.creative-direction-card dd{overflow-wrap:anywhere;margin:0}.creative-editor h2{letter-spacing:-.022em;margin:4px 0 5px;font-size:.95rem}.creative-editor>p:not(.panel-kicker){color:var(--muted);margin:0 0 14px;font-size:.73rem;line-height:1.5}.creative-editor label:not(.creative-restyle),.creative-pages>label{margin:0 0 7px;font-size:.73rem;font-weight:700;display:block}.creative-editor textarea{min-height:112px;margin-bottom:9px;font-size:.78rem}.creative-restyle{color:var(--ink);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 13px;font-size:.72rem;line-height:1.4;display:flex}.creative-restyle input{width:auto;min-height:0;accent-color:var(--primary);margin-top:2px}.creative-pages select{margin-bottom:8px;font-size:.72rem}.creative-credit-note{color:var(--muted);margin:0;font-size:.66rem;line-height:1.45}.creative-history{gap:4px;display:grid}.creative-history .panel-kicker{margin:0 0 4px}.creative-history button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:.71rem;display:flex}.creative-history button:hover:not(:disabled){color:var(--primary-deep)}.creative-history button:disabled{opacity:.5}.creative-history button svg{flex:none;width:13px}.creative-history button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.creative-canvas-column{background:var(--surface);min-width:0;min-height:0;position:relative;overflow:hidden}.creative-canvas-column .canvas-stage{padding-top:48px}.openui-workspace{background:var(--surface);min-height:100dvh}.openui-toolbar{z-index:80;border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:58px;padding:8px 14px;display:grid;position:sticky;top:0}.openui-actions{justify-self:end;align-items:center;gap:8px;display:flex}.openui-editor-grid{grid-template-columns:310px minmax(0,1fr);min-height:calc(100dvh - 59px);display:grid}.openui-sidebar{border-right:1px solid var(--line);background:var(--bg);height:calc(100dvh - 59px);padding:24px 20px;position:sticky;top:59px;overflow-y:auto}.openui-sidebar h1{margin:5px 0 24px;font-size:1.25rem}.openui-project-summary{color:var(--muted);margin:-14px 0 20px;font-size:.72rem;line-height:1.5}.openui-sidebar label{margin:18px 0 7px;font-size:.75rem;font-weight:750;display:block}.openui-sidebar textarea{min-height:110px;margin-bottom:10px}.openui-sidebar>.button{width:100%}.openui-page-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px;display:grid}.openui-page-actions .button{padding:0}.openui-page-actions svg{width:15px}.openui-selection{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-top:22px;padding:14px}.openui-selection code,.openui-selection strong{margin-top:5px;display:block}.openui-selection code{color:var(--muted);font-size:.68rem}.openui-selection-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.openui-history{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.openui-history button{width:100%;color:var(--muted);text-align:left;align-items:center;gap:8px;padding:8px 0;font-size:.75rem;display:flex}.openui-history svg{width:13px}.openui-canvas-stage{background:#dedddb;min-width:0;padding:42px;overflow:auto}.openui-canvas{background:#fff;min-height:850px;margin:0 auto;transition:width .18s;overflow:hidden;box-shadow:0 18px 60px #1c191729}.openui-modal-backdrop{z-index:100;background:#14121085;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.openui-modal{background:var(--bg);border-radius:16px;width:min(540px,100%);padding:30px;position:relative;box-shadow:0 24px 80px #00000040}.openui-modal h2{margin:6px 0 12px;font-size:1.55rem}.openui-modal p{color:var(--muted);line-height:1.6}.openui-modal label{margin:20px 0 7px;font-size:.75rem;font-weight:750;display:block}.openui-modal input{margin-bottom:12px}.openui-modal-close{place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;right:15px}.openui-modal-close svg{width:16px}@media (max-width:900px){.creative-workspace{height:auto;min-height:100dvh;overflow:visible}.creative-toolbar{grid-template-columns:1fr auto;gap:8px}.creative-toolbar-center{display:none}.creative-toolbar-actions{gap:5px}.creative-export-label{display:none}.creative-grid{grid-template-columns:1fr;height:auto}.creative-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:none;overflow:visible}.creative-canvas-column{min-height:720px}.openui-toolbar{grid-template-columns:1fr auto}.openui-actions .button.secondary,.openui-toolbar .viewport-switcher{display:none}.openui-editor-grid{grid-template-columns:1fr}.openui-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:relative;top:0}.openui-canvas-stage{padding:18px}}@media (max-width:560px){.creative-launch{place-items:start center;padding:12px}.creative-launch-card{border-inline:0;border-radius:0;padding:20px 14px}.creative-launch-card h1{font-size:clamp(2rem,13vw,3.2rem)}.creative-json-input{min-height:44dvh;font-size:.69rem}.creative-toolbar{padding-inline:9px}.creative-toolbar-actions .button{width:40px;padding:0;font-size:0}.creative-toolbar-actions .button svg{width:17px;height:17px}.creative-toolbar-actions .viewport-switcher{position:static;transform:none}.creative-sidebar{padding:16px 14px}.creative-canvas-column{min-height:590px}.creative-canvas-column .canvas-stage{padding-inline:8px}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-ease{syntax:"*";inherits:false}