@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-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-border-style:solid;--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}}}.projects-toolbar{max-width:1200px;box-shadow:none;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto 16px;padding:8px 0;display:flex}.projects-spacer{flex:auto}.projects-new-btn{height:36px;padding:6px 12px!important}.projects-chips{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:inline-flex}.projects-chip{color:#ffffffeb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:10px 16px;font-size:14px;transition:all .2s;box-shadow:inset 0 0 0 1px #ffffff0f}.projects-chip:hover{background:#ffffff14;border-color:#ffffff3d}.projects-chip:focus{outline:none;box-shadow:0 0 0 2px #ffffff1f}.projects-chip.active{color:#ffd58a;background:linear-gradient(#ff6b3538 0%,#fff36b1f 100%);border-color:#ff6b3580;box-shadow:0 0 0 1px #ff6b3566,0 0 24px #ff6b3538}@media (max-width:768px){.projects-sort{width:100%}}.justify-between{justify-content:space-between}@layer theme{:root,:host{--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-yellow-600:#cd8900;--color-green-400:#05df72;--color-blue-50:#eff6ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}@supports (color:lab(0% 0 0)){:root,:host{--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-yellow-600:lab(62.7799% 22.4197 86.1544);--color-green-400:lab(78.503% -64.9265 39.7492);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352)}}}@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}::-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}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.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}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing)*5)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.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)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.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-24{margin-bottom:calc(var(--spacing)*24)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing)*0)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[72px\]{min-height:72px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.\!flex-none{flex:none!important}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);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)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-t-\[6px\]{border-top-style:var(--tw-border-style);border-top-width:6px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-r-\[6px\]{border-right-style:var(--tw-border-style);border-right-width:6px}.border-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[6px\]{border-left-style:var(--tw-border-style);border-left-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/\[0\.1\]{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.1\]{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/\[0\.12\]{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-white)12%,transparent)}}.border-t-white\/20{border-top-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-t-white\/20{border-top-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-b-white\/20{border-bottom-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-b-white\/20{border-bottom-color:color-mix(in oklab,var(--color-white)20%,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\/95{background-color:#000000f2}@supports (color:color-mix(in lab, red, red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black)95%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/\[0\.02\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-white)2%,transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab,var(--color-white)4%,transparent)}}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pb-120{padding-bottom:calc(var(--spacing)*120)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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-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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-600{color:var(--color-blue-600)}.text-green-400{color:var(--color-green-400)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.text-white\/38{color:#ffffff61}@supports (color:color-mix(in lab, red, red)){.text-white\/38{color:color-mix(in oklab,var(--color-white)38%,transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab,var(--color-white)45%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab,var(--color-white)65%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.text-white\/92{color:#ffffffeb}@supports (color:color-mix(in lab, red, red)){.text-white\/92{color:color-mix(in oklab,var(--color-white)92%,transparent)}}.text-yellow-600{color:var(--color-yellow-600)}.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}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-filter{-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-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-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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-white\/90:hover{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.hover\:text-white\/90:hover{color:color-mix(in oklab,var(--color-white)90%,transparent)}}}@media (min-width:40rem){.sm\:flex{display:flex}}}:root{--background:#fff;--foreground:#171717}[data-theme=dark]{--background:#0a0a0a;--foreground:#ededed}[data-theme=light]{--background:#fff;--foreground:#171717}body{color:var(--foreground);background:linear-gradient(#15100e 0%,#1a1411 55%,#120e0b 100%);font-family:Arial,Helvetica,sans-serif;position:relative}main{z-index:1;position:relative}html.hide-scrollbar,body.hide-scrollbar{overflow-y:auto}html.hide-scrollbar::-webkit-scrollbar{display:none}body.hide-scrollbar::-webkit-scrollbar{display:none}html.hide-scrollbar,body.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body.in-studio{overflow:hidden}.in-studio .site-header{display:none}body:before{content:"";pointer-events:none;background:radial-gradient(800px 520px at 50% 38%,#ffc07824 0%,#0000 60%),radial-gradient(900px 600px at 50% 100%,#3c1e0a59 0%,#0000 70%);position:fixed;inset:0}.history-scrollable{overflow-y:auto}.orders-page{max-width:1200px;margin:0 auto;padding:24px}.orders-header{margin-bottom:32px}.orders-header h1{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700}.orders-header p{color:#ffffffb3;margin:0;font-size:16px}.orders-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e181499;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{color:#ffc078;background:#ffc07826;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-value{color:#fff;margin:0 0 4px;font-size:24px;font-weight:700}.stat-label{color:#fff9;margin:0;font-size:14px}.orders-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.filter-tabs{gap:8px;display:flex}.filter-tab{color:#ffffffb3;cursor:pointer;background:#1e181466;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.filter-tab:hover{color:#fff;background:#ffffff14}.filter-tab.active{color:#ffc078;background:#ffc07826;border-color:#ffc0784d}.create-order-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .2s;display:flex}.create-order-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #ff6b354d}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.order-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e181499;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .2s;position:relative}.order-card:hover{border-color:#ffc0784d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.order-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.order-badges{align-items:center;gap:8px;display:flex}.order-title{color:#fff;flex:1;margin:0 12px 0 0;font-size:18px;font-weight:600}.order-status{white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.order-status.active{color:#22c55e;background:#22c55e26}.order-status.pending{color:#fbbf24;background:#fbbf2426}.order-status.completed{color:#3b82f6;background:#3b82f626}.order-description{color:#ffffffb3;margin-bottom:16px;font-size:14px;line-height:1.5}.order-meta{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.order-client,.order-deadline{color:#ffffff80;font-size:13px}.order-footer{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-price{color:#ffc078;font-size:20px;font-weight:700}.order-tokens{color:#ff6b35;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.order-category{color:#ffffffb3;background:#ffffff1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;position:static}.order-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1814f2;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 24px 0;display:flex}.modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.modal-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.modal-close:hover{color:#fff}.modal-content{padding:0 24px 24px}.modal-description{margin-bottom:24px}.modal-description h3{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.modal-description p{color:#ffffffb3;margin:0;line-height:1.6}.modal-details{margin-bottom:24px}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#fff9;font-size:14px}.detail-row span:last-child{color:#fff;font-weight:500}.status-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.pending{color:#fbbf24;background:#fbbf2426}.status-badge.completed{color:#3b82f6;background:#3b82f626}.modal-reward{gap:24px;margin-bottom:24px;display:flex}.reward-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;display:flex}.reward-item:first-child{color:#ffc078}.reward-item:last-child{color:#ff6b35}.modal-actions{gap:12px;padding:0 24px 24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-secondary{color:#3b82f6;cursor:pointer;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#3b82f640}.btn-outline{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.btn-outline:hover{color:#fff;background:#ffffff0d}.container{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.container-narrow{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.page{padding-top:32px;padding-bottom:16px}.page:has(.editor-container){padding-top:0;padding-bottom:0}.studio-wrap{min-height:100vh;display:flex}:is(body:has(.canvas-page) .studio-wrap,body:has(.canvas-page) .studio-nav,body:has(.canvas-page) .studio-topbar,body:has(.canvas-page) .studio-content){display:none!important}.studio-nav{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814f2;border-right:1px solid #ffffff1a;width:64px;transition:width .2s;position:fixed;top:0;bottom:0;left:0}body.modal-open .studio-nav{pointer-events:none}.studio-nav.expanded{width:220px}.studio-nav.collapsed{display:none}.studio-nav-inner{flex-direction:column;align-items:center;gap:8px;height:100vh;padding:12px 8px;display:flex;position:sticky;top:0;overflow:hidden auto}.studio-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.studio-nav:not(.expanded) .studio-top{justify-content:center}.studio-nav:not(.expanded) .studio-brand{display:none}.studio-brand{justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:transform .3s;display:flex}.studio-brand:hover{transform:scale(1.05)}.studio-brand .brand-logo-circle{width:28px;height:28px}.studio-nav-list{flex-direction:column;gap:8px;width:100%;display:flex}.studio-nav-group{flex-direction:column;gap:4px;display:flex}.studio-subnav{flex-direction:column;gap:6px;padding-left:36px;display:flex}.studio-subnav-item{color:#ffffffe6;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;height:32px;padding:0 8px;font-size:13px;text-decoration:none;display:flex}.studio-subnav-item:hover{background:#ffffff14}.studio-subnav-item.active{background:#ffffff1f;border-color:#ffffff2e}.studio-nav-item{color:#fff;background:#1e181459;border:1px solid #ffffff1a;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.studio-nav-item:hover{background:#ffffff26;transform:translate(2px)}.studio-nav:not(.expanded) .studio-nav-item{justify-content:center;gap:0;padding:0}.studio-nav-item.active{background:#ffffff1f;border-color:#ffffff2e}.studio-nav-item-disabled{opacity:.6;cursor:not-allowed;pointer-events:none;color:#ffffff80!important}.studio-nav-item-disabled:hover{background:#1e181459!important;transform:none!important}.studio-nav-item-badge{color:#ff6b35e6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#ff6b3533;border:1px solid #ff6b3566;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.studio-nav:not(.expanded) .studio-nav-item-badge{display:none}.studio-icon{vertical-align:middle;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.studio-icon.icon-puzzle{width:20px;height:20px;position:static;top:0;transform:none}.studio-label{opacity:0;white-space:nowrap;pointer-events:none;width:0;transition:opacity .2s;overflow:hidden}.studio-nav.expanded .studio-label{opacity:.95;pointer-events:auto;width:auto}.studio-divider{opacity:.6;background:#ffffff1f;width:100%;height:1px;margin:6px 0}.studio-user-card{background:#1e181459;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:2px;padding:10px;position:relative}.studio-earn-card{background:0 0;border:none;border-radius:0;width:100%;margin-bottom:6px;padding:0}.studio-user-row{justify-content:space-between;align-items:center;width:100%;display:flex;background:0 0!important}.studio-user-row:hover,.studio-user-row:active{background:0 0!important}.studio-user-info{align-items:center;gap:10px;display:flex}.studio-user-arrow{flex-shrink:0}.studio-user-arrow .studio-icon{color:#fffc}.studio-avatar{background:#ffffff26 50%/cover no-repeat;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;overflow:hidden}.studio-user-meta{flex-direction:column;flex:1;display:flex}.studio-user-name{white-space:nowrap;text-overflow:ellipsis;color:#fffffff2;max-width:120px;font-size:13px;font-weight:700;overflow:hidden}.studio-user-sub{opacity:.8;font-size:12px}.studio-profile-popup{z-index:200;background:#1e1814;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;margin-top:4px;position:fixed}.studio-profile-popup-collapsed{z-index:200;background:#1e1814;border:1px solid #ffffff1a;border-radius:8px;min-width:120px;margin-top:4px;position:fixed}.studio-profile-item{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:12px;font-size:13px;font-weight:400;line-height:1.2;transition:all .2s;display:flex}.studio-profile-item-container .studio-profile-item{justify-content:space-between}.studio-language-left{align-items:center;gap:10px;display:flex}.studio-profile-item:hover{background:#ffffff26;transform:translate(2px)}.studio-profile-text{color:#ffffffe6;font-size:13px;font-weight:400;line-height:1.2}.studio-profile-divider{background:#ffffff1a;height:1px;margin:4px 0}.studio-profile-item-container{position:relative}.studio-language-menu{z-index:201;background:#1e1814f2;border:1px solid #ffffff1a;border-radius:6px;min-width:120px;margin-left:0;position:fixed}.studio-language-item{color:#ffffffe6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:13px;font-weight:400;line-height:1.2;transition:all .2s;display:flex}.studio-language-item:hover{background:#ffffff26;transform:translate(2px)}.studio-language-item svg{color:#10b981}.studio-profile-popup .studio-label,.studio-profile-popup-collapsed .studio-profile-text{opacity:.95;pointer-events:auto;width:auto;font-size:13px;font-weight:400;line-height:1.2;overflow:visible}.studio-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.studio-modal{background:#1e1814f2;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.studio-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.studio-modal-header h3{color:#fffffff2;margin:0;font-size:18px}.studio-modal-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.studio-modal-close:hover{color:#ffffffe6}.studio-modal-content{padding:20px}.studio-account-info{align-items:center;gap:16px;display:flex}.studio-account-avatar{border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden}.studio-account-avatar img{object-fit:cover;width:100%;height:100%}.studio-account-avatar-placeholder{color:#ffffffe6;background:#ffffff26;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:flex}.studio-account-details p{color:#fffc;margin:8px 0}.studio-account-details strong{color:#fffffff2}.studio-modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding:20px;display:flex}.studio-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 16px;font-size:14px}.studio-btn-danger:hover{background:#b91c1c}.studio-btn-secondary{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-size:14px}.studio-btn-secondary:hover{background:#ffffff26}.studio-delete-info{align-items:flex-start;gap:16px;display:flex}.studio-delete-icon{flex-shrink:0;font-size:48px}.studio-delete-text p{color:#fffc;margin:12px 0;line-height:1.5}.studio-delete-text strong{color:#fffffff2}.studio-email-link{color:#60a5fa;text-decoration:none}.studio-email-link:hover{color:#93c5fd;text-decoration:underline}.studio-delete-note{background:#ffffff0d;border-left:3px solid #fbbf24;border-radius:6px;padding:12px;margin-top:16px!important}.studio-invite{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:100%;height:36px;margin-top:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.studio-invite:hover{background:#ffffff26;transform:translate(2px)}.studio-invite-row{justify-content:flex-start;align-items:center;gap:10px;height:36px;padding:0 12px;display:flex}.studio-invite-row svg{width:16px;height:16px;display:block}.studio-invite-row span{line-height:1}.studio-nav:not(.expanded) .studio-user-card{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.studio-nav:not(.expanded) .studio-user-meta,.studio-nav:not(.expanded) .studio-user-name,.studio-nav:not(.expanded) .studio-invite-row span{display:none}.studio-nav.expanded .studio-user-row .studio-icon{display:block}.studio-nav:not(.expanded) .studio-user-row,.studio-nav:not(.expanded) .studio-user-info{flex-direction:column;gap:4px}.studio-nav:not(.expanded) .studio-user-arrow{margin-top:4px}.studio-nav:not(.expanded) .studio-user-arrow .studio-icon{color:#fffc}.studio-nav:not(.expanded) .studio-invite{justify-content:center;align-items:center;width:100%;height:40px;padding:0;display:flex}.studio-nav:not(.expanded) .studio-earn-card{width:100%;display:block}.token-glow svg{color:#4ade80;filter:drop-shadow(0 0 4px #4ade8066)}.studio-content{-webkit-overflow-scrolling:touch;flex-direction:column;height:calc(100vh - 60px);margin-top:60px;margin-left:64px;padding-top:0;transition:margin-left .2s;display:flex;overflow-y:auto}.studio-content:has(.quick-generate-container){align-items:stretch;flex-direction:row!important;padding-left:0!important;padding-right:0!important;display:flex!important;overflow:hidden!important}.studio-content.container:has(.quick-generate-container){padding-left:0!important;padding-right:0!important}.studio-content.page{padding-top:0!important}.studio-content.no-scroll{overflow-y:auto}.studio-content.container.page.no-scroll{padding-bottom:0!important}.studio-content{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.studio-content::-webkit-scrollbar{width:3px}.studio-content::-webkit-scrollbar-track{background:0 0;border-radius:2px}.studio-content::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.studio-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.studio-content::-webkit-scrollbar-thumb:active{background:#fff3}.studio-topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:0 24px;transition:left .2s;display:flex;position:fixed;top:0;left:64px;right:0}.studio-nav.expanded~.studio-topbar{left:220px}.studio-topbar-left{align-items:center;display:flex}.studio-topbar-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-weight:700}.studio-topbar-right{align-items:center;gap:16px;display:flex}.studio-notifications-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.studio-notifications-btn:hover{background:#ffffff26;transform:translateY(-1px)}.studio-notifications-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.studio-tokens-info{cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 16px;text-decoration:none;transition:all .2s;display:flex}.studio-tokens-info:hover{background:#ffffff26;transform:translateY(-1px)}.studio-tokens-info svg{color:#ff6b35;filter:drop-shadow(0 0 8px #ff6b35cc)}.studio-tokens-count{color:#ffffffe6;padding-top:1px;font-size:14px;font-weight:700;line-height:1}.studio-add-tokens-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 16px;font-size:13px;transition:all .2s;display:flex}.studio-add-tokens-btn:hover{background:#ffffff26;transform:translateY(-1px)}.studio-notifications-dropdown,.studio-tokens-dropdown{z-index:100;background:#1e1814;border:1px solid #ffffff1a;border-radius:12px;min-width:320px;margin-top:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #0000004d}.studio-tokens-dropdown{min-width:280px;right:0}.studio-notifications-header,.studio-tokens-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.studio-notifications-header h4,.studio-tokens-header h4{color:#fffffff2;margin:0;font-size:14px;font-weight:600}.studio-close-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;display:flex}.studio-close-btn:hover{color:#ffffffe6}.studio-notifications-list{max-height:300px;overflow-y:auto}.studio-notification-item{border-bottom:1px solid #ffffff0d;gap:12px;padding:16px 20px;transition:background .2s;display:flex}.studio-notification-item:hover{background:#ffffff0d}.studio-notification-item:last-child{border-bottom:none}.studio-notification-icon{flex-shrink:0;font-size:20px}.studio-notification-content p{color:#ffffffe6;margin:0 0 4px;font-size:13px}.studio-notification-content span{color:#fff9;font-size:11px}.studio-tokens-trigger{font:inherit}.studio-tokens-info .studio-tokens-plus-icon{flex-shrink:0;width:16px;height:16px;color:#ff8a3d!important;filter:drop-shadow(0 0 6px #ff8a3d8c)!important}.studio-tokens-subscription{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.studio-tokens-subscription-info{flex-direction:column;gap:2px;display:flex}.studio-tokens-subscription-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.studio-tokens-subscription-value{color:#fffffff2;font-size:14px;font-weight:600}.studio-tokens-subscription-end{color:#ffffff80;font-size:12px}.studio-tokens-subscription-link{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-flow:row;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.studio-tokens-subscription-link:hover{background:#ffffff1a;border-color:#ffffff26}.studio-tokens-subscription-arrow{flex-shrink:0;align-items:center;display:inline-flex}.studio-tokens-subscription-arrow svg{opacity:.7;width:14px;height:14px}.studio-tokens-content{padding:20px}.studio-tokens-balance{margin-bottom:16px}.studio-tokens-current{align-items:center;gap:8px;margin-bottom:8px;display:flex}.studio-tokens-current span{color:#ff6b35;font-size:16px;font-weight:700}.studio-tokens-current svg{color:#ff6b35;filter:drop-shadow(0 0 6px #ff6b3599)}.studio-tokens-description{color:#ffffffb3;margin:0 0 12px;font-size:13px}.studio-economics-info{margin-bottom:16px}.studio-economics-item{justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 0;display:flex}.studio-economics-label{color:#fffc;font-size:13px}.studio-economics-value{color:#10b981;font-size:13px;font-weight:600}.menu-item-content{flex-direction:column;gap:2px;display:flex}.menu-item-title{color:#ffffffe6;font-size:13px;font-weight:400}.menu-item-cost{color:#ff6b35;font-size:12px;font-weight:500}.studio-tokens-actions{flex-direction:column;gap:12px;display:flex}.studio-tokens-buy-btn,.studio-tokens-test-btn,.studio-tokens-earn-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.studio-tokens-buy-btn:hover,.studio-tokens-test-btn:hover,.studio-tokens-earn-btn:hover{background:#ffffff26;transform:translateY(-1px)}.studio-tokens-buy-btn{background:#ff6b351f;border-color:#ff6b3559}.studio-tokens-buy-btn:hover{background:#ff6b3538}.studio-tokens-test-btn{background:#6b72801f;border-color:#6b728059;font-size:12px}.studio-tokens-test-btn:hover{background:#6b728038}.studio-tokens-actions-inline{align-items:center;gap:12px;display:flex}.studio-dropdown-container{position:relative}.studio-nav.expanded~.studio-content{margin-left:220px}@media (max-width:768px){.studio-nav-desktop,.studio-rail{display:none!important}.studio-topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));height:calc(56px + env(safe-area-inset-top,0px));min-height:56px;left:0!important}.studio-topbar-title{font-size:18px}.studio-topbar-right{gap:8px}.studio-tokens-info{padding:0 10px}.studio-tokens-info .studio-tokens-count{font-size:13px}.studio-notifications-dropdown,.studio-tokens-dropdown,.generation-status-dropdown{max-height:calc(100vh - 56px - env(safe-area-inset-top,0px) - 64px - env(safe-area-inset-bottom,0px) - 24px);z-index:200;overflow-y:auto;left:max(16px,env(safe-area-inset-left))!important;right:max(16px,env(safe-area-inset-right))!important;top:calc(56px + env(safe-area-inset-top,0px) + 8px)!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;position:fixed!important}.studio-content{margin-left:0!important;margin-top:calc(56px + env(safe-area-inset-top,0px))!important;height:calc(100vh - 56px - env(safe-area-inset-top,0px) - 64px - env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}.studio-content.container{padding-left:16px;padding-right:16px}}.studio-mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:70;min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#1e1814fa;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;gap:4px;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:768px){.studio-mobile-bottom-nav{display:flex}}.studio-mobile-nav-item{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:8px 12px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.studio-mobile-nav-item:hover{color:#ffffffe6;background:#ffffff0f}.studio-mobile-nav-item.active{color:#ff6b35;background:#ff6b351f}.studio-mobile-nav-item .studio-icon{font-size:22px}.studio-mobile-nav-item.active .studio-icon{color:#ff6b35}.studio-mobile-nav-menu{flex:none}.studio-mobile-drawer-overlay{z-index:200;opacity:0;background:#00000080;animation:.2s forwards studio-drawer-fade-in;position:fixed;inset:0}@keyframes studio-drawer-fade-in{to{opacity:1}}.studio-mobile-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:201;width:min(320px,85vw);max-width:320px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:#1e1814fa;border-left:1px solid #ffffff1a;flex-direction:column;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000004d}.studio-mobile-drawer.open{transform:translate(0)}.studio-mobile-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.studio-mobile-drawer-brand{align-items:center;gap:10px;display:flex}.studio-mobile-drawer-brand img{object-fit:cover;border-radius:50%;width:32px;height:32px}.studio-mobile-drawer-brand span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.studio-mobile-drawer-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.studio-mobile-drawer-close:hover{background:#ffffff26}.studio-mobile-drawer-user-wrap{border-bottom:1px solid #ffffff14;padding:12px 20px}.studio-mobile-drawer-user{color:#fff;cursor:pointer;text-align:left;width:100%;font:inherit;background:#1e181459;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.studio-mobile-drawer-user:focus{outline:none}.studio-mobile-drawer-user:hover{background:#ffffff14;border-color:#ffffff26}.studio-mobile-drawer-user-chevron{color:#fffc;flex-shrink:0;align-items:center;margin-left:auto;display:flex}.studio-mobile-drawer-avatar{color:#ffffffe6;background:#ffffff26 50%/cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.studio-mobile-drawer-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-mobile-drawer-name{color:#fffffff2;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.studio-mobile-drawer-email{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.studio-mobile-drawer-nav{flex-direction:column;flex:1;gap:8px;padding:12px 20px;display:flex;overflow-y:auto}.studio-mobile-drawer-item{color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;background:#1e181459;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;font-size:13px;text-decoration:none;transition:all .2s;display:flex}.studio-mobile-drawer-item:hover{background:#ffffff26;transform:translate(2px)}.studio-mobile-drawer-item.active{background:#ffffff1f;border-color:#ffffff2e}.studio-mobile-drawer-item.active .studio-icon{color:#fffffff2}.studio-mobile-drawer-earn .studio-icon,.studio-mobile-drawer-earn:hover .studio-icon{color:#4ade80}.studio-mobile-drawer-report{margin-top:auto;position:relative}.studio-mobile-drawer-report:before{content:"";background:#ffffff1f;height:1px;position:absolute;top:-10px;left:0;right:0}.studio-mobile-drawer-item-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.studio-mobile-drawer-item-badge{color:#fffc;border:1px solid #fff3;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px}.studio-mobile-drawer-footer{border-top:1px solid #ffffff1a;padding:16px 20px}.studio-mobile-drawer-signin,.studio-mobile-drawer-signout{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.studio-mobile-drawer-signin{color:#ff6b35;background:#ff6b3533;border:1px solid #ff6b3566}.studio-mobile-drawer-signin:hover{background:#ff6b354d}.studio-mobile-drawer-signout{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff1a}.studio-mobile-drawer-signout:hover{background:#ffffff1f}.studio-section{width:100%;max-width:1200px;margin-bottom:32px;margin-left:auto;margin-right:auto}.studio-main-grid{grid-template-columns:minmax(200px,260px) 1fr;align-items:stretch;gap:24px;min-width:0;display:grid}.studio-main-actions{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-start;gap:12px;min-width:0;padding:16px;display:flex}.studio-main-action-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.studio-main-action-primary{background:linear-gradient(135deg,#ff884238 0%,#6049ff33 100%);border-color:#ffb86b8c;box-shadow:inset 0 1px #ffffff1f,0 10px 28px #ff783d2e}.studio-main-action-primary:hover{border-color:#ffd582b8;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 12px 32px #ff823842}.studio-main-action-primary .studio-action-icon{background:linear-gradient(135deg,#ff8d3a59 0%,#5848ff5c 100%);border:1px solid #ffffff38}.studio-main-action-copy{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.studio-main-action-title{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.studio-main-action-hint{color:#ffffffc2;font-size:11px;line-height:1.2}.studio-main-action-btn:disabled{color:#ffffff80;cursor:not-allowed;opacity:.6;background:#ffffff08;border:2px dashed #fff3;padding-right:90px}.studio-action-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.studio-action-icon svg{width:18px;height:18px}.studio-main-action-btn>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-main-action-badge{color:#ff6b35e6;text-transform:uppercase;letter-spacing:.5px;background:#ff6b3533;border:1px solid #ff6b3566;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.studio-main-projects{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:16px;display:flex}.studio-projects-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:stretch;gap:16px;min-width:0;display:grid}.studio-project-card{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:100%;min-width:0;padding:16px;transition:all .2s;display:flex}.studio-project-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.studio-project-card-preview{aspect-ratio:1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.studio-project-card-preview img{object-fit:cover;object-position:center;width:100%;height:100%}.studio-project-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-bottom:8px;font-size:14px;font-weight:600;overflow:hidden}.studio-project-card-meta{color:#fff9;margin-top:auto;font-size:12px}.studio-project-card-link{min-width:0;height:100%;text-decoration:none;display:flex}.studio-projects-loading{color:#fff9;text-align:center;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}@media (max-width:1024px){.studio-main-grid{grid-template-columns:minmax(180px,220px) 1fr;gap:20px}.studio-projects-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width:768px){.studio-main-grid{grid-template-columns:1fr;align-items:stretch;gap:20px}.studio-main-actions{flex-flow:wrap;justify-content:stretch;gap:10px;padding:12px}.studio-main-actions>*{flex:calc(50% - 5px);min-width:0}.studio-main-action-btn{gap:8px!important;padding:10px 12px!important;font-size:12px!important}.studio-main-action-primary{border-width:1.5px;box-shadow:inset 0 1px #ffffff26,0 8px 24px #ff783d3d}.studio-main-action-title{font-size:12.5px}.studio-main-action-hint{font-size:10.5px}.studio-main-action-btn .studio-action-icon{width:28px!important;min-width:28px!important;height:28px!important}.studio-main-action-btn .studio-action-icon svg{width:16px!important;height:16px!important}.studio-main-action-badge{align-items:center;padding:3px 6px;font-size:9px;line-height:1;display:inline-flex;top:6px;right:6px}.studio-main-action-btn:disabled{padding-right:72px!important}.studio-projects-grid{grid-template-columns:repeat(2,1fr);gap:12px;min-height:200px}}@media (max-width:480px){.studio-main-actions{flex-direction:column;gap:8px;padding:12px}.studio-main-actions>*{flex:none;width:100%;min-width:0}.studio-main-action-btn{justify-content:flex-start;gap:10px!important;padding:12px 14px!important;font-size:13px!important}.studio-main-action-primary{border-width:1.5px;box-shadow:inset 0 1px #ffffff2e,0 10px 26px #ff7c3847}.studio-main-action-title{font-size:13.5px}.studio-main-action-hint{font-size:11px}.studio-main-action-btn .studio-action-icon{width:32px!important;min-width:32px!important;height:32px!important}.studio-main-action-badge{align-items:center;padding:3px 6px;font-size:9px;line-height:1;display:inline-flex;top:6px;right:6px}.studio-main-action-btn:disabled{padding-right:78px}.studio-projects-grid{grid-template-columns:1fr;gap:12px}}@media (max-width:360px){.studio-main-actions{padding:10px}.studio-main-action-btn{padding:10px 12px!important;font-size:12px!important}.studio-main-action-btn .studio-action-icon{width:26px!important;min-width:26px!important;height:26px!important}}.studio-trends-section{width:100%;max-width:1200px;margin:48px auto 32px}.studio-trends-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.studio-trends-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.studio-trends-link{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.studio-trends-link:hover{background:#ffffff1a;border-color:#ffffff4d}.studio-trends-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}@media (max-width:768px){.studio-trends-grid{grid-template-columns:repeat(2,1fr);gap:16px}.studio-trends-header h2{font-size:20px}}@media (max-width:480px){.studio-trends-grid{grid-template-columns:1fr}}.studio-community-section{width:100%;max-width:1200px;margin:48px auto 32px}.studio-community-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.studio-community-header h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.studio-community-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:480px){.studio-community-grid{grid-template-columns:1fr}.studio-community-header h2{font-size:20px}}.generation-status-container{position:relative}.generation-status-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.generation-status-btn:hover{background:#ffffff26;transform:translateY(-1px)}.generation-status-btn.active{background:#ff6b351a;border-color:#ff6b3566}.generation-status-btn.has-error{background:#ef44441a;border-color:#ef444466}.generation-status-icon{justify-content:center;align-items:center;display:flex}.generation-status-badge{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8b5c);border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ff6b3566}.generation-spinner-icon{animation:none}.generation-status-dropdown{z-index:100;background:#1e1814;border:1px solid #ffffff1a;border-radius:12px;min-width:340px;max-width:400px;margin-top:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #0006}.generation-status-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.generation-status-header h4{color:#fffffff2;margin:0;font-size:14px;font-weight:600}.generation-status-content{max-height:400px;overflow-y:auto}.generation-status-loading{text-align:center;color:#ffffff80;padding:24px}.generation-status-empty{color:#fff6;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.generation-status-empty svg{opacity:.5;width:32px;height:32px}.generation-status-section{border-bottom:1px solid #ffffff0d;padding:8px 0}.generation-status-section:last-child{border-bottom:none}.generation-status-section-title{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:600;display:flex}.generation-status-average{text-transform:none;letter-spacing:0;color:#fff6;margin-left:auto;font-weight:500}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.pending{background:#ff6b35;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #ff6b3580}.status-dot.success{background:#4ade80;box-shadow:0 0 8px #4ade8080}.status-dot.failed{background:#ef4444;box-shadow:0 0 8px #ef444480}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.generation-status-item{align-items:center;gap:12px;padding:10px 16px;transition:background .2s;display:flex}.generation-status-item:hover{background:#ffffff0d}.generation-status-item.new{background:#ffffff14;animation:3s ease-out highlight-new}@keyframes highlight-new{0%{background:#4ade8026}to{background:#ffffff14}}.generation-status-item.new.failed{animation:3s ease-out highlight-new-failed}@keyframes highlight-new-failed{0%{background:#ef444426}to{background:#ffffff14}}.generation-status-item-icon{background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.generation-status-item-icon.success{background:#4ade801a}.generation-status-item-icon.failed{background:#ef44441a}.generation-mini-spinner{animation:none}.generation-status-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.generation-status-model{color:#ffffffe6;font-size:13px;font-weight:500}.generation-status-id{color:#ffffff73;margin-left:4px;font-family:ui-monospace,monospace;font-size:11px;font-weight:400}.generation-status-prompt{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.generation-status-error{color:#ef4444;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.generation-status-time{color:#fff6;flex-shrink:0;font-size:11px}.generation-status-stats{background:#ffffff05;border-top:1px solid #ffffff14;padding:12px 16px}.generation-status-stats-title{color:#fff6;margin-bottom:6px;font-size:11px;display:block}.generation-status-stats-row{gap:16px;display:flex}.generation-status-stats-row .stat{font-size:12px;font-weight:500}.generation-status-stats-row .stat.success{color:#4ade80}.generation-status-stats-row .stat.failed{color:#ef4444}.trends-page{max-width:1200px;margin:0 auto;padding:56px 24px 32px}.trends-page-topbar{align-items:center;gap:16px;margin-bottom:32px;padding:0 4px;display:flex}.trends-page-search-wrap{flex:0 0 200px;position:relative}.trends-page-tabs{flex-wrap:wrap;flex:1;gap:8px;display:flex}.trends-page-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.trends-page-card-content{padding:16px}.trends-page .studio-icon{width:14px!important;height:14px!important}@media (max-width:768px){.trends-page{padding-left:0;padding-right:0;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px) + 64px)}.trends-page-topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:24px}.trends-page-search-wrap{flex:auto;min-width:0}.trends-page-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.trends-page-tabs::-webkit-scrollbar{display:none}.trends-page-tabs>button{flex-shrink:0}.trends-page section h1{font-size:24px!important}.trends-page section p{margin-bottom:20px!important;font-size:13px!important}.trends-page-grid{grid-template-columns:repeat(2,1fr);gap:12px}.trends-page-card-content{padding:12px!important}.trends-page-grid h3{font-size:14px!important}.trends-page-grid p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:12px!important}}@media (max-width:480px){.trends-page-grid{grid-template-columns:1fr}}.trends-showcase{margin-top:0;margin-bottom:28px}.trends-title{letter-spacing:.4px;color:#0000;text-transform:uppercase;background:linear-gradient(90deg,#fff 0%,#ffd8a8 45%,#ff8a3c 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:36px;font-weight:900;line-height:1.15}.trends-title+.title-accent{background:linear-gradient(90deg,#ff8a3c,#ff8a3c00);border-radius:2px;width:180px;height:2px;margin:10px 0 12px}.trends-subtitle{color:#ffffffc7;text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px;font-size:12px}.trends-showcase .page-subtitle{margin-bottom:36px}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.showcase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1e18148c 0%,#18120e73 100%);border:1px solid #ffffff1f;border-radius:12px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.showcase-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff36b1f 0%,#ff6b351f 60%,#5a26ff1f 100%);transition:opacity .25s;position:absolute;inset:0}.showcase-card:hover{border-color:#ffc07859;transform:translateY(-2px)}.showcase-card:hover:before{opacity:1}.showcase-badge{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#00000080;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;top:8px;left:10px}.showcase-thumb{aspect-ratio:3/4;position:relative}.showcase-thumb:before{content:"";background:radial-gradient(800px 520px at 50% 38%,#ffc07824 0%,#0000 60%),radial-gradient(900px 600px at 50% 100%,#3c1e0a59 0%,#0000 70%),linear-gradient(#1e1814a6 0%,#18120e8c 100%);border-radius:12px 12px 0 0;position:absolute;inset:0}.showcase-info{gap:2px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.showcase-title{color:#fff;text-shadow:0 2px 8px #0009;font-size:14px;font-weight:800}.showcase-model{color:#ffffffe6;font-size:12px}.showcase-metric{color:#fff;justify-self:end;font-size:13px;font-weight:800}.trends-header{margin-bottom:24px}.trends-category-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:28px;font-weight:700}.trends-search-box{background:#1e181499;border:1px solid #ffffff1f;border-radius:10px;padding:14px 16px}.trends-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.trends-search-input::placeholder{color:#fff6;text-transform:uppercase}.trends-content-wrapper{grid-template-columns:1fr 200px;align-items:start;gap:24px;display:grid}.trends-filters-row{gap:12px;margin-bottom:24px;display:flex}.trends-filter-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:10px 18px;font-size:14px;transition:all .2s}.trends-filter-btn:hover{background:#ffffff1f}.trends-filter-btn.active{color:#ffc078;background:#ffc07826;border-color:#ffc07859}.gallery-filters{margin-top:8px;margin-bottom:16px}.trends-list{flex-direction:column;gap:12px;display:flex}.trend-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1e18148c 0%,#18120e73 100%);border:1px solid #ffffff1f;border-radius:14px;padding:16px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.trend-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff36b1f 0%,#ff6b351f 60%,#5a26ff1f 100%);transition:opacity .25s;position:absolute;inset:0}.trend-item:hover{border-color:#ffc07859;transform:translateY(-2px)}.trend-item:hover:before{opacity:1}.trend-item-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.trend-icon{font-size:24px}.trend-name{color:#fff;margin:0;font-size:18px;font-weight:700}.trend-stats{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.trend-stat-line{align-items:center;gap:12px;display:flex}.trend-stat-label{color:#ffffffb3;min-width:90px;font-size:13px}.trend-chart-wrapper{background:#ffffff14;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.trend-chart-bar{background:linear-gradient(90deg,#ffc078,#ff9a3c);border-radius:4px;height:100%}.trend-stat-value{color:#fffffff2;text-align:right;min-width:60px;font-size:13px;font-weight:600}.trend-actions{align-items:center;gap:12px;display:flex}.trend-action-btn{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.trend-action-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffc0784d}.trend-action-primary{border:none;border-radius:10px;margin-left:auto;padding:0;position:relative;overflow:hidden}.trend-action-primary:before{content:"";background:linear-gradient(#ffffff0f,#0000000f);border:1px solid #7f7f7f59;border-radius:10px;position:absolute;inset:0}.trend-action-primary:after{content:"";filter:blur(10px);opacity:0;z-index:-1;background:radial-gradient(120% 140%,#ffc0782e 0%,#ffc07814 45%,#0000 70%);border-radius:12px;transition:opacity .3s;position:absolute;inset:-2px}.trend-action-primary:hover:after{opacity:.28}.trend-action-primary>span,.trend-action-primary{justify-content:center;align-items:center;height:36px;padding:0 16px;font-weight:600;display:inline-flex}.trend-action-primary{color:#121212;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 100%)}.trend-action-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #fff36b33}.trend-action-primary:hover>span{color:#fff}.trend-action-primary .shine{background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.trend-action-primary:hover .shine{left:100%}.trends-sidebar{position:sticky;top:80px}.sidebar-filters{flex-direction:column;gap:12px;display:flex}.sidebar-filter-item{cursor:pointer;align-items:center;gap:8px;display:flex}.sidebar-filter-item input[type=checkbox]{cursor:pointer;accent-color:#ffc078;width:18px;height:18px}.sidebar-filter-item label{color:#ffffffd9;cursor:pointer;font-size:14px}.trends-gallery{margin-top:32px}.gallery-title{color:#fff;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.6}.gallery-subtitle{color:#ffffffb3;margin:0 0 18px;line-height:1.6}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.gallery-card{background:linear-gradient(#1e18148c 0%,#18120e73 100%);border:1px solid #ffffff1f;border-radius:16px;position:relative;overflow:hidden}.gallery-media{aspect-ratio:9/16;width:100%;display:block}.gradient-reel{position:relative}.gradient-reel:before{content:"";background:radial-gradient(700px 500px at 50% 20%,#ffc07824 0%,#0000 60%),radial-gradient(700px 500px at 50% 100%,#3c1e0a59 0%,#0000 70%),linear-gradient(#1e1814a6 0%,#18120e8c 100%);position:absolute;inset:0}.gallery-overlay{align-items:center;gap:12px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.gallery-rating{color:#fff;background:#00000080;border:1px solid #ffffff2e;border-radius:8px;margin-right:auto;padding:4px 8px;font-size:12px}.gallery-more{justify-content:center;margin-top:28px;display:flex}.gallery-more-btn{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;height:40px;padding:0 18px;font-weight:700;position:relative;overflow:hidden}.gallery-more-btn:hover{color:#fff;background:#ffffff1f}.studio-expanded .dock{left:184px;right:24px}.studio-collapsed .dock{left:24px;right:24px}.studio-bottom{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:auto;display:flex}.studio-toggle{color:#fff;cursor:pointer;background:#1e181459;border:1px solid #ffffff1a;border-radius:10px;width:100%;height:40px;transition:all .2s}.studio-toggle:hover{background:#ffffff26;transform:translate(2px)}.studio-toggle-row{justify-content:center;gap:8px;display:flex}.studio-toggle-row .studio-toggle:hover{background:#ffffff26;transform:translate(2px)}.studio-rail{color:#fff;cursor:pointer;z-index:81;background:#1e181459;border:1px solid #ffffff1a;border-radius:0 8px 8px 0;width:20px;height:60px;position:fixed;top:50%;left:0;transform:translateY(-50%)}.stack-sm{gap:8px;display:grid}.stack-md{gap:12px;display:grid}.stack-lg{gap:16px;display:grid}.row{flex-wrap:wrap;gap:12px;display:flex}.align-center{align-items:center}.w-360{width:100%;max-width:360px}.w-80{width:100%;max-width:80px}.w-120{width:100%;max-width:120px}.w-160{width:100%;max-width:160px}.w-180{width:100%;max-width:180px}.w-200{width:100%;max-width:200px}.w-280{width:100%;max-width:280px}.muted{opacity:.8}.hide{display:none}.grid-quick{z-index:1;box-sizing:border-box;background:0 0;flex-direction:column;width:0;min-width:0;display:flex;position:relative;overflow:hidden;flex:1 1 0!important;height:100%!important;max-height:100%!important}.grid-quick .viewport{z-index:1;scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;background:0 0;flex-direction:column;justify-content:flex-start;width:100%;padding:0 24px 24px 0;transition:margin-left .3s;display:flex;position:relative;overflow-x:hidden;align-items:stretch!important;height:100%!important;max-height:100%!important;overflow-y:auto!important}.grid-quick .viewport::-webkit-scrollbar{width:4px}.grid-quick .viewport::-webkit-scrollbar-track{background:0 0;border-radius:2px}.grid-quick .viewport::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.grid-quick .viewport::-webkit-scrollbar-thumb:hover{background:#ffffff14}.grid-quick .viewport::-webkit-scrollbar-thumb:active{background:#ffffff1a}.grid-quick,.grid-quick .viewport{z-index:1!important}.grid-quick .grid{justify-items:start;width:100%;margin-left:0;margin-right:auto;gap:12px!important}.grid-quick.sidebar-open{padding-right:340px;transition:padding-right .3s}.grid-quick:not(.sidebar-open){padding-right:24px;transition:padding-right .3s}@media (max-width:1024px){.grid-quick.sidebar-open{padding-right:24px}.grid-quick .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-quick{padding-left:12px;padding-right:12px}.grid-quick .grid{grid-template-columns:1fr}}.justify-center{justify-content:center}.thumb{max-width:160px}.media.thumb{object-fit:cover;border:1px solid #7f7f7f40;border-radius:10px;width:100%;height:100%;display:block}.media-tile{position:relative;overflow:hidden}.media-tile-inner,.media-tile-inner .media.thumb{width:100%;height:100%;position:absolute;inset:0}.project-media-overlay{opacity:0;pointer-events:none;z-index:3;background:#0006;border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.group:hover .project-media-overlay{opacity:1;pointer-events:none}.group:hover .project-media-overlay button,.group:hover .project-media-overlay>*{pointer-events:auto}.project-media-move-btn{cursor:pointer;z-index:10;transform-origin:50%;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #00000026}.project-media-move-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.project-media-move-btn svg{color:#333;width:16px;height:16px}.project-media-menu{z-index:10;position:absolute;top:8px;right:8px}.project-media-menu-btn{cursor:pointer;transform-origin:50%;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.project-media-menu-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.project-media-menu-btn svg{color:#333;width:18px;height:18px}.project-media-dropdown{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814fa;border:1px solid #ffffff2e;border-radius:12px;min-width:220px;margin-top:0;padding:8px;position:fixed;box-shadow:0 8px 32px #0006}.project-media-dropdown-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.project-media-dropdown-item:hover{background:#ffffff1a}.project-media-dropdown-item svg{color:#fffc;width:16px;height:16px}.project-media-actions-bottom{z-index:10;gap:8px;display:flex;position:absolute;bottom:8px;right:8px}.project-media-action-btn{cursor:pointer;transform-origin:50%;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.project-media-action-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.project-media-action-btn svg{color:#333;width:18px;height:18px}.project-media-action-btn-danger:hover{background:#f44}.project-media-action-btn-danger:hover svg{color:#fff}.project-media-action-btn.active{background:#ff6b3533}.project-media-action-btn.active svg{color:#ff6b35;filter:drop-shadow(0 0 4px #ff6b35cc)}.project-media-action-btn.active:hover{background:#ff6b354d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e1814f2;border:1px solid #ffffff2e;border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #00000080}.modal-content h2,.modal-content h3{color:#fff;margin:0 0 8px;font-size:20px;font-weight:700}.modal-content p{color:#fffc;margin:0 0 16px;font-size:14px;line-height:1.5}.modal-projects-list{flex-direction:column;gap:8px;width:100%;max-height:300px;display:flex;overflow:hidden auto}.modal-project-item{color:#fff;text-align:left;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:12px 16px;transition:all .2s;display:block}.modal-project-item:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translate(4px)}.modal-input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.modal-input:focus{background:#ffffff1a;border-color:#fff36b80;box-shadow:0 0 0 2px #fff36b33}.modal-input::placeholder{color:#fff6}.modal-input:disabled{opacity:.5;cursor:not-allowed}.btn-bubble:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.analytics-overview-title{color:#fff0dcfa;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.analytics-overview-title .studio-icon{color:#fff36b}.analytics-period-select{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-size:14px;transition:all .2s}.analytics-period-select:hover{background:#ffffff14;border-color:#ffffff40}.analytics-period-select:focus{background:#ffffff1a;border-color:#fff36b80;box-shadow:0 0 0 2px #fff36b33}.analytics-period-select option{color:#fff;background:#1e1814fa;padding:8px}.modal-btn{justify-content:center;align-items:center;min-width:120px;height:40px;padding:0 20px;display:flex}.preview-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;max-height:100vh;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:hidden auto}.preview-modal-container{background:#1e1814fa;border:1px solid #ffffff2e;border-radius:20px;grid-template-columns:1fr 360px;gap:24px;width:100%;min-width:900px;max-width:95vw;max-height:95vh;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 64px #000000b3}.preview-modal-close{cursor:pointer;z-index:10;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.preview-modal-close:hover{background:#fff3;transform:scale(1.1)}.preview-modal-nav{cursor:pointer;z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.preview-modal-nav:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1)}.preview-modal-nav-left{left:16px}.preview-modal-nav-right{right:16px}.preview-modal-series-badge{z-index:11;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#000000b3;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;line-height:1.2;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.preview-modal-image-wrapper{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.preview-modal-image,.preview-modal-video{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:85vh}.preview-modal-video{display:block}.preview-modal-info{flex-direction:column;gap:24px;max-height:80vh;padding-top:44px;padding-right:8px;display:flex;overflow-y:auto}.preview-modal-info-section{flex-direction:column;gap:16px;display:flex}.preview-modal-info-section h3{color:#fff;margin:0;font-size:18px;font-weight:700}.preview-modal-prompt-wrap{margin-top:4px;position:relative}.preview-prompt-copy-icon{color:#fffc;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:10px;right:10px}.preview-prompt-copy-icon:hover:not(:disabled){color:#fff;background:#ffffff26}.preview-prompt-copy-icon .studio-icon,.preview-prompt-copy-icon svg{width:16px;height:16px}.preview-prompt-copy-icon:disabled{opacity:.4;cursor:not-allowed}.preview-prompt-toggle{color:#fff36be6;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-left:6px;padding:0;font-size:13px;text-decoration:underline;display:inline-block}.preview-prompt-toggle:hover{color:#fff36b}.preview-modal-prompt{color:#ffffffe6;white-space:pre-wrap;word-break:break-word;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin:0;padding:12px 44px 12px 12px;font-size:14px;line-height:1.6}.preview-modal-info-row{flex-direction:column;gap:12px;display:flex}.preview-modal-info-item{flex-direction:column;gap:4px;display:flex}.preview-modal-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.preview-modal-value{color:#fff;font-size:14px;font-weight:500}.preview-modal-actions{border-top:1px solid #ffffff1a;flex-flow:wrap;gap:8px;margin-top:auto;padding-top:20px;display:flex}.preview-modal-actions .preview-action-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.preview-modal-actions .preview-action-btn:hover{background:#ffffff1a;border-color:#fff3}.preview-modal-actions .preview-action-btn .studio-icon,.preview-modal-actions .preview-action-btn svg{opacity:.9;flex-shrink:0;width:16px;height:16px}.preview-modal-actions .preview-action-btn.preview-action-danger{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b40}.preview-modal-actions .preview-action-btn.preview-action-danger:hover{background:#ff6b6b2e;border-color:#ff6b6b66}.preview-modal-actions .preview-action-btn.preview-action-favorite-active{color:#ff6b35;background:#ff6b351f;border-color:#ff6b3559}.preview-modal-actions .preview-action-btn.preview-action-favorite-active:hover{background:#ff6b3533;border-color:#ff6b3573}.btn-bubble-danger{color:#f44;background:#f443;border-color:#f446}.btn-bubble-danger:hover{background:#ff44444d;border-color:#f449}@media (max-width:768px){.preview-modal-overlay{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.preview-modal-container{max-height:min(95vh,calc(100vh - 48px - env(safe-area-inset-bottom,0px)));min-width:0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;overflow-y:auto}.preview-modal-image-wrapper{flex-shrink:0;min-height:45vh}.preview-modal-info{flex:1 0 auto;min-height:0;max-height:none;padding-top:12px}.preview-modal-actions{padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.preview-modal-image,.preview-modal-video{min-height:0;max-height:45vh}}.page-header-project{text-align:left;max-width:1200px;margin:0 auto 32px;padding-left:24px;padding-right:24px}.grid-quick{grid-template-columns:1fr;width:100%;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;display:grid}.grid-quick .viewport{justify-content:flex-start;width:100%;max-width:100%;margin-right:auto;padding-top:0;align-items:stretch!important;margin-left:0!important}.masonry-grid{column-count:4;column-fill:balance;box-sizing:border-box;column-gap:12px;width:100%;max-width:100%;min-height:100px;margin-left:0;margin-right:auto;display:block;overflow-x:clip}.masonry-grid>*{break-inside:avoid;page-break-inside:avoid;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:0;margin-bottom:12px}.grid-quick .viewport>.masonry-grid{flex:none;align-self:stretch}.history-skeleton{break-inside:avoid;width:100%;min-width:0}.history-skeleton-media{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff14 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:10px;width:100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.history-grid-view .history-skeleton{margin-bottom:0}.masonry-grid .history-skeleton{margin-bottom:12px}.quick-generate-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px 24px 96px;display:flex}.quick-generate-empty-icon{color:#ffffff59;margin-bottom:20px}.quick-generate-empty-title{color:#ffffffbf;margin:0 0 8px;font-size:18px;font-weight:600}.quick-generate-empty-subtitle{color:#ffffff80;max-width:320px;margin:0;font-size:14px;line-height:1.5}.history-grid-view{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-flow:row;align-items:start;gap:12px;width:100%;min-height:100px;margin-left:0;margin-right:auto;display:grid}.history-grid-view>*{break-inside:avoid;page-break-inside:avoid;min-width:0}.history-grid-tile-wrap{border-radius:10px;width:100%;overflow:hidden}@media (max-width:1200px){.history-grid-view{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.history-grid-view{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:480px){.history-grid-view{grid-template-columns:repeat(2,1fr)}}.media-tile{background:0 0;border-radius:10px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.media-tile img,.media-tile video{object-fit:cover;object-position:center;border-radius:10px;flex-shrink:0;width:100%;min-width:100%;height:100%;min-height:0;display:block}.media-tile-play-overlay{pointer-events:auto;cursor:pointer;z-index:2;border-radius:10px;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.media-tile-play-overlay:hover{background:#00000026}.media-tile-play-overlay svg{opacity:.95;width:56px;height:56px;transition:opacity .2s,transform .2s}.media-tile:hover .media-tile-play-overlay svg{opacity:1;transform:scale(1.08)}.carousel-badge{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;pointer-events:none;background:#000000a6;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600;line-height:18px;position:absolute;inset:auto auto 10px 10px}.carousel-arrow{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:opacity .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.group:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:#000c}.carousel-arrow-left{left:6px}.carousel-arrow-right{right:6px}@media (max-width:768px){.quick-generate-history .media-tile .carousel-arrow{display:none!important}.quick-generate-history .media-tile .project-media-overlay{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.quick-generate-history .media-tile .carousel-badge{bottom:8px;left:8px}}.media-tile video.media-thumb-video:focus,.media-tile video.media-thumb-video[style*=playing]{z-index:1}.masonry-grid .media-tile{align-items:unset!important;justify-content:unset!important;aspect-ratio:unset!important;height:auto!important;display:block!important}.masonry-grid .media-tile-inner{background:#ffffff0d;border-radius:10px;overflow:hidden;width:100%!important;height:auto!important;position:relative!important;inset:auto!important}.masonry-grid .thumb,.masonry-grid .media.thumb,.masonry-grid .media-tile-inner .media.thumb{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;position:static!important;inset:auto!important}.masonry-grid .media-tile img,.masonry-grid .media-tile video{vertical-align:top;flex-shrink:unset!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;position:static!important}.masonry-grid .media-tile-inner.masonry-aspect-frame{background:#ffffff12}.masonry-grid .media-tile-inner.masonry-aspect-frame .masonry-history-img,.masonry-grid .media-tile-inner.masonry-aspect-frame .masonry-history-video{object-fit:cover!important;height:100%!important;max-height:none!important}.masonry-history-img--loading{opacity:0}.masonry-history-img--loaded{opacity:1;transition:opacity .38s ease-out}@media (prefers-reduced-motion:reduce){.masonry-history-img--loaded{transition:none}}.masonry-grid .media-tile-play-overlay{position:absolute!important;inset:0!important}@media (max-width:1200px){.masonry-grid{column-count:3}.projects-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width:768px){.masonry-grid{column-count:2}.projects-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:480px){.masonry-grid{column-count:2}.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-header-project,.grid-quick{padding-left:12px;padding-right:12px}}.row-center{align-items:end;display:flex}.ml-8{margin-left:8px}.pricing-row{align-items:stretch;gap:16px}.subscription-philosophy-title{letter-spacing:.01em;font-size:16px;font-weight:500;line-height:1.35}.trend-pro-toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex;position:relative}.trend-pro-toggle-checkbox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.trend-pro-toggle-control{color:#fff;background:#ffffff0a;border:1px solid #ffffff3d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:inline-flex}.trend-pro-toggle-check{opacity:0;transition:all .2s;transform:scale(.82)}.trend-pro-toggle-checkbox:checked+.trend-pro-toggle-control{background:linear-gradient(135deg,#ff8a3d47 0%,#ff6b3573 100%);border-color:#ff8a3de6;box-shadow:0 0 0 3px #ff8a3d1f}.trend-pro-toggle-checkbox:checked+.trend-pro-toggle-control .trend-pro-toggle-check{opacity:1;transform:scale(1)}.trend-pro-toggle-checkbox:focus-visible+.trend-pro-toggle-control{outline-offset:2px;outline:2px solid #ff8a3de6}.trend-pro-toggle-text{color:#fffc;font-size:14px;line-height:1.4}@media (max-width:768px){.subscription-philosophy-title{font-size:15px;line-height:1.35}.subscription-philosophy-title-long{display:none}}.marketplace-page .page-header{margin-bottom:48px}.pricing-card{flex-direction:column;flex:1;min-width:300px;display:flex}.pricing-card>.stack-md{flex-direction:column;gap:12px;height:100%;display:flex}.pricing-card .section-head{text-align:center;place-items:center;gap:4px;padding-top:16px;display:grid}.pricing-price{font-size:18px;font-weight:800}.pricing-title{color:#ff6b35;font-size:28px;font-weight:800;line-height:1.2}.pricing-card--basic .pricing-title{color:#fff}.pricing-card--pro .pricing-title,.pricing-card--business .pricing-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff36b 0%,#ff6b35 100%);-webkit-background-clip:text;background-clip:text}.pricing-features{gap:8px;margin:8px 0 12px;padding-left:0;list-style:none;display:grid}.pricing-features li{align-items:flex-start;gap:8px;display:flex}.pricing-features li:before{content:"✓";color:#ffd86b;opacity:.92;font-weight:800}.pricing-card button{width:100%;height:44px;margin-top:auto}.pricing-card{position:relative;overflow:hidden}.pricing-card--basic:after,.pricing-card--pro:after,.pricing-card--business:after{content:"";border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);height:3px;position:absolute;top:0;left:0;right:0}.pricing-card--basic{border-color:#ffffff29;position:relative}.pricing-card--basic:after{background:linear-gradient(90deg,#9ca3af 0%,#d1d5db 100%)}.pricing-card--pro{border-color:#ff6b3559;position:relative}.pricing-card--pro:after{background:linear-gradient(90deg,#f97316 0%,#ef4444 100%)}.pricing-card--business{border-color:#fff36b59;position:relative}.pricing-card--business:after{background:linear-gradient(90deg,#fff36b 0%,#ff6b35 100%)}html.marketplace-no-scrollbar,body.marketplace-no-scrollbar,body.marketplace-no-scrollbar *{scrollbar-width:none;-ms-overflow-style:none}html.marketplace-no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}body.marketplace-no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}body.marketplace-no-scrollbar ::-webkit-scrollbar{width:0;height:0;display:none}.viewport{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;padding-top:0;display:flex}.preview{object-fit:contain;max-width:72vw;max-height:70vh}.dock{z-index:100;flex-direction:column;width:320px;transition:left .2s,right .2s;display:flex;position:fixed;top:80px;bottom:16px;left:64px;overflow:hidden}.dock-inner{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;background:linear-gradient(#1a1411fa 0%,#14100ef2 100%);border:none;border-radius:0;flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;padding:16px 16px 40px;display:flex;position:relative;overflow:visible auto;box-shadow:0 4px 24px #0006,0 0 40px #ffc87808}.dock-inner::-webkit-scrollbar{width:4px}.dock-inner::-webkit-scrollbar-track{background:0 0;border-radius:2px}.dock-inner::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.dock-inner::-webkit-scrollbar-thumb:hover{background:#ffffff14}.dock-inner::-webkit-scrollbar-thumb:active{background:#ffffff1a}.dock-inner:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffc87833 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}@media (min-width:1025px){.left-sidebar-content:has(.dock-inner--stacked){overflow:hidden}}.dock-inner.dock-inner--stacked{--dock-scrollbar-w:0px;--dock-content-rail:8px;gap:0;padding-bottom:0;overflow:visible hidden}.dock-inner-scrollable{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1 1 0;gap:0;min-width:0;min-height:0;padding-bottom:12px;display:flex;overflow:hidden auto}.dock-inner-scrollable-inner{flex-direction:column;gap:12px;min-width:0;display:flex}@media (min-width:1025px){.dock-inner-scrollable-inner{box-sizing:border-box;padding-inline-end:var(--dock-content-rail)}.dock-submit-footer-inner{box-sizing:border-box;min-width:0;padding-inline-end:calc(var(--dock-content-rail) + var(--dock-scrollbar-w))}}.dock-inner-scrollable::-webkit-scrollbar{width:4px}.dock-inner-scrollable::-webkit-scrollbar-track{background:0 0;border-radius:2px}.dock-inner-scrollable::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.dock-inner-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff14}.dock-inner-scrollable::-webkit-scrollbar-thumb:active{background:#ffffff1a}.dock-inner-scrollable:has(.popover){overflow:visible!important}.dock-submit-footer{z-index:2;flex-shrink:0;padding-top:8px;padding-bottom:16px;position:relative}@media (max-width:1024px){.dock-inner.dock-inner--stacked{gap:12px;padding-bottom:40px;overflow-y:visible}.dock-inner-scrollable{flex:0 auto;min-height:auto;padding-bottom:0;overflow:visible}.dock-inner-scrollable-inner,.dock-submit-footer-inner{padding-inline-end:0}}.dock-row{justify-content:flex-start;align-items:center;gap:8px;display:flex;overflow:visible}.dock-row-flex{align-items:stretch;gap:8px;display:flex}.dock-seg-auto{flex:none}.dock-seg-flex{flex:1 1 0;min-width:0}.dock-narrow{max-width:1100px;margin-left:auto;margin-right:auto}.dock-seg{gap:6px;display:grid}.dock-seg.rel{z-index:1;position:relative;overflow:visible}.dock-seg.rel:has(.popover){z-index:10001;overflow:visible!important}:is(.dock-row:has(.popover),.dock-inner:has(.popover),.dock:has(.popover)){overflow:visible!important}.dock-col{gap:6px;display:grid}.counter{opacity:.75;font-size:14px}.badge{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.badge-soft{background:#00000040}.btn-primary{color:#111;background:linear-gradient(135deg,#d9ff00 0%,#c4e600 100%);border-color:#9aa600;font-weight:600;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px #9aa600,0 0 28px #d9ff0073,inset 0 1px #ffffff4d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px #9aa600,0 0 36px #d9ff0099,inset 0 1px #fff6}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #9aa600,0 0 20px #d9ff0066}.grow{flex:auto}.drawer{z-index:49;position:fixed;bottom:96px;left:24px;right:24px}.center{text-align:center}.w-full{width:100%}.pb-120{padding-bottom:60px}.mb-8{margin-bottom:32px}.mb-24{margin-bottom:96px}.bg-faint{background:linear-gradient(#ffffff0a,#0000000a)}.menu-panel{border-radius:12px;min-width:280px;position:relative;overflow:hidden;z-index:2147483647!important;background:#1a1411!important;border:1px solid #ffffff1a!important;padding:8px!important;box-shadow:0 8px 32px #00000080!important}.menu-list{flex-direction:column;gap:1px;padding:2px;display:flex}.menu-item{color:#ffffffb3;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.menu-item:hover{color:#ffffffe6;background:#ffffff0d}.menu-item.active{color:#fffffff2;background:#ffffff1f;border:1px solid #ffffff26;box-shadow:inset 0 1px 2px #0003,0 1px 2px #0000001a}.menu-item-title{color:inherit;font-size:13px;font-weight:600;line-height:1.4}.menu-item-description{color:#ffffff85;margin-top:3px;font-size:11.5px;line-height:1.3}.model-menu-section{padding:2px 0 6px}.model-menu-section+.model-menu-section{border-top:1px solid #ffffff14;margin-top:4px;padding-top:8px}.model-menu-section-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;padding:4px 10px 6px;font-size:11px;font-weight:600}.model-menu-item{align-items:flex-start}.model-popover{max-width:calc(100vw - 16px)}.model-menu-panel{width:100%;max-height:min(76vh,620px);overflow:hidden}.model-menu-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:calc(min(76vh,620px) - 8px);padding-right:2px;overflow-y:auto}.model-menu-list::-webkit-scrollbar{width:8px}.model-menu-list::-webkit-scrollbar-track{background:0 0}.model-menu-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.model-menu-list::-webkit-scrollbar-thumb:hover{background:#ffffff59}.model-menu-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.model-menu-tag{color:#ffffffbd;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:4px 6px;font-size:10px;line-height:1}.model-menu-new-badge{letter-spacing:.04em;color:#4ade80;background:#4ade8033;border:1px solid #4ade8066;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.2;display:inline-block;box-shadow:0 0 8px #4ade8026}.model-menu-value-badge{letter-spacing:.04em;color:#fbbf24;background:#fbbf242e;border:1px solid #fbbf2473;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.2;display:inline-block;box-shadow:0 0 8px #fbbf241f}.model-menu-hot-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#f973168c,#ef44447a);border:1px solid #fca5a580;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700;line-height:1.2;display:inline-block;box-shadow:0 0 12px #ef444459,0 0 6px #f9731633}.model-menu-instrument-badge{letter-spacing:.04em;color:#c4b5fd;background:#8b5cf638;border:1px solid #a78bfa73;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.2;display:inline-block;box-shadow:0 0 8px #8b5cf633}.card-neon,.dock-inner,.menu-panel,.sheet-inner,.card-neon a,.dock-inner a,.menu-panel a,.sheet-inner a{color:#ffffffeb}.rel{position:relative;overflow:visible}.popover{z-index:2147483647!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:block!important;position:fixed!important;overflow:visible!important}.popover.popover-bottom{width:auto;min-width:280px;max-width:400px;inset:calc(100% + 8px) auto auto 0}.popover-ratio{bottom:48px;left:0;overflow:visible}.popover-right{width:auto;min-width:280px;overflow:visible}@media (max-width:768px){.popover-right,.popover-bottom{max-width:calc(100vw - 16px)}.model-menu-panel{max-height:68vh}.model-menu-list{max-height:calc(68vh - 8px)}}.overlay{z-index:10000;background:#0000004d;position:fixed;inset:0}.seg{background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;padding:3px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d,0 0 12px #0003}.seg.seg-aspect-wrap{box-sizing:border-box;flex-wrap:wrap;gap:4px;width:100%;min-width:0;max-width:100%}.seg.seg-aspect-wrap button{flex:0 auto;min-width:48px}.seg.seg-duration-grid{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.seg.seg-duration-grid button{flex:none;min-width:0}.seg button{color:#ffffffb3;cursor:pointer;text-align:center;z-index:1;background:0 0;border:none;border-radius:8px;flex:1;height:32px;padding:8px 14px;font-size:13px;font-weight:500;line-height:1.3;transition:all .2s;position:relative}.seg button:hover{color:#ffffffe6;background:#ffffff0d}.seg button.active{color:#fffffff2;background:#ffffff1f;border:1px solid #ffffff26;box-shadow:inset 0 1px 2px #0003,0 1px 2px #0000001a}.dock-inner .seg button{color:#ffffffeb}.dock-inner .seg button.active{color:#fff}.aspect-ratio-auto-note{color:#ffffffb8;margin-top:-6px;margin-bottom:2px;font-size:11px}.aspect-ratio-auto-note-compact{margin-top:4px;margin-bottom:0}.aspect-ratio-btn-content{justify-content:center;align-items:center;gap:6px;display:inline-flex}.menu-ratio-title{align-items:center;gap:8px;display:inline-flex}.model-menu-chevron{transform-origin:50%;will-change:transform;transition:transform .18s cubic-bezier(.22,.61,.36,1);transform:rotate(0)}.model-menu-chevron-open{transform:rotate(180deg)}.aspect-ratio-icon{opacity:.9;border:1.5px solid;border-radius:2px;flex-shrink:0;display:inline-block}.aspect-ratio-icon.ratio-icon-square{width:12px;height:12px}.aspect-ratio-icon.ratio-icon-landscape{width:14px;height:10px}.aspect-ratio-icon.ratio-icon-portrait{width:10px;height:14px}.aspect-ratio-icon.ratio-icon-auto{border-style:dashed;border-radius:999px;width:12px;height:12px}.sheet{z-index:60;justify-content:center;display:flex;position:fixed;bottom:120px;left:0;right:0}.sheet-inner{width:100%;max-width:1100px}.menu-item.disabled{opacity:.5;cursor:not-allowed}.input-bubble{color:#fffffff2;caret-color:#ff6b35;resize:none;background:linear-gradient(#0006 0%,#0000004d 100%);border:1px solid #ffffff26;border-radius:10px;width:100%;min-height:120px;max-height:320px;padding:12px 40px 12px 12px;font-family:inherit;font-size:13px;line-height:1.5;transition:all .2s;overflow-y:auto;box-shadow:inset 0 1px 2px #0000004d,inset 0 0 20px #0003,0 0 20px #fff36b14}.input-bubble::-webkit-scrollbar{width:8px}.input-bubble::-webkit-scrollbar-track{background:0 0}.input-bubble::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.input-bubble::-webkit-scrollbar-thumb:hover{background:#ffffff59}.input-bubble:focus{background:linear-gradient(#00000080 0%,#0006 100%);border-color:#ff6b3573;outline:none;box-shadow:inset 0 0 0 1px #ff6b3566,inset 0 1px 2px #00000073,inset 0 0 28px #ff6b351a,inset 0 0 48px #fff36b0f}.input-bubble::placeholder{color:#ffffffb3;opacity:1;font-size:11px}.uploaded-image-preview-small{border:1px solid #ffffff4d;border-radius:4px;width:24px;height:24px;position:relative;overflow:hidden}.uploaded-image-preview-small img{object-fit:cover;width:100%;height:100%}.remove-btn-small{color:#fff;cursor:pointer;background:#f00c;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.strength-overlay-small{color:#fff;background:#000c;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:8px;display:flex;position:absolute;inset:0}.image-info-small{text-align:center;margin-bottom:2px;font-size:6px}.image-size-small,.selected-size-small{font-size:6px;line-height:1}.strength-label-small{margin-bottom:1px;font-size:6px}.strength-value-small{margin-bottom:2px;font-size:8px;font-weight:700}.strength-slider-compact-small{background:#ffffff4d;border-radius:1px;outline:none;width:20px;height:2px}.strength-slider-compact-small::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff6b35;border-radius:50%;width:6px;height:6px}.input-bubble+div .btn-bubble-sm{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;line-height:1!important;display:flex!important}.btn-primary{color:#ff6b35!important;padding:16px 24px!important;font-size:16px!important;font-weight:500!important}.btn-bubble.btn-primary{position:relative;overflow:hidden;background:#ffffff0f!important;border:1px solid #ffffff2e!important;height:36px!important;padding:6px 12px!important;font-size:14px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.canvas-tool-modal-content .btn-bubble.btn-primary,.canvas-tool-modal-content .btn-bubble.btn-primary.loading,.canvas-tool-modal-content .btn-bubble.btn-primary.disabled{text-align:center!important;justify-content:center!important;align-items:center!important;height:56px!important;min-height:56px!important;padding:18px 24px!important;font-size:15px!important;font-weight:700!important;display:flex!important}.canvas-tool-modal-content .btn-bubble.btn-primary.loading{background-clip:padding-box;border:2px solid #0000;position:relative;overflow:visible}.canvas-tool-modal-content .btn-bubble.btn-primary.loading:before{display:none}.canvas-tool-modal-content .btn-bubble.btn-primary.loading{background-clip:padding-box;border:2px solid #0000;position:relative;background:linear-gradient(135deg,#ff6b3526,#fff36b26)!important}.canvas-tool-modal-content .btn-bubble.btn-primary.loading:after{content:"";border-radius:inherit;z-index:-1;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(90deg,#0000 0%,#ff6b35 20%,#fff36b 40%,#ff6b35 60%,#fff36b 80%,#0000 100%) 0 0/300% 100%;padding:2px;animation:1.5s linear infinite border-run;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-run{0%{background-position:-100% 0}to{background-position:200% 0}}.btn-bubble.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-bubble.btn-primary:hover:before{left:100%}.btn-bubble.btn-primary:hover{transform:translateY(-2px);color:#fff36b!important;background:#fff36b1a!important;box-shadow:0 8px 25px #fff36b33!important}.btn-project-new{text-align:center;justify-content:center;align-items:center;gap:8px;min-width:260px;display:inline-flex;height:48px!important;padding:10px 20px!important;font-size:16px!important}.selected-size-display{color:#fffc!important;font-size:14px!important;font-weight:400!important}.site-header{z-index:100;background:0 0;border-bottom:none;padding:12px 20px 0;position:sticky;top:0}.site-header-inner{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:1000px;height:48px;margin:0 auto;padding:0 20px;transition:background .3s;display:grid;position:relative;box-shadow:0 4px 24px #0006}.site-header-inner.scrolled{background:#1e1e1ef2}.nav-center{box-shadow:none;border:none;justify-content:center;align-items:center;gap:8px;display:flex;background:0 0!important}.header-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.brand-logo{align-items:center;text-decoration:none;transition:transform .3s;display:flex}.brand-logo:hover{transform:scale(1.05)}.brand-logo-circle{background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);border-radius:50%;width:28px;height:28px;position:relative;overflow:hidden;box-shadow:0 2px 8px #fff36b4d}.brand-logo-gradient{background:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#0000 50%),linear-gradient(135deg,#fff36b 0%,#ff6b35 30%,#ff0080 60%,#5a26ff 100%);border-radius:50%;width:100%;height:100%}.nav-item-with-dropdown{box-shadow:none;border:none;align-items:center;display:flex;position:relative;background:0 0!important}.nav-link-button{cursor:pointer;border:none;font-family:inherit;background:0 0!important}.nav-dropdown-icon{opacity:.6;color:currentColor;justify-content:center;align-items:center;margin-left:6px;transition:opacity .2s;display:inline-flex}.nav-dropdown-chevron{transform-origin:50%;transition:transform .2s cubic-bezier(.22,.61,.36,1);display:block;transform:rotate(0)}.nav-dropdown-chevron-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.nav-dropdown-chevron{transition:none}}.nav-link:hover .nav-dropdown-icon,.nav-link-button:hover .nav-dropdown-icon{opacity:1}.nav-dropdown{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:1000;pointer-events:auto;background:#141414fa;border:1px solid #ffffff1a;border-radius:16px;min-width:320px;max-width:400px;padding:16px 24px 24px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nav-dropdown-content,.nav-dropdown-column{flex-direction:column;gap:0;display:flex}.nav-dropdown-title{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:14px;font-weight:700}.nav-dropdown-item{color:inherit;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.nav-dropdown-item:hover{background:#ffffff0d}.nav-dropdown-item-active{background:#ffffff14}.nav-dropdown-item-active .nav-dropdown-item-title{color:#fff}.nav-dropdown-item-disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.nav-dropdown-item-disabled:hover{background:0 0}.nav-dropdown-icon-item{color:#fffc;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;line-height:1;display:flex}.nav-dropdown-icon-item svg{width:100%;height:100%}.nav-dropdown-item-content{flex-direction:column;flex:1;gap:4px;display:flex}.nav-dropdown-item-title{color:#fffffff2;font-size:14px;font-weight:600;line-height:1.3}.nav-dropdown-item-desc{color:#fff9;font-size:12px;line-height:1.4}.nav-dropdown-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.nav-dropdown-footer-link{color:#ffffffb3;font-size:13px;text-decoration:none;transition:color .2s}.nav-dropdown-footer-link:hover{color:#ffffffe6}.nav-button{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-button-login{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff26}.nav-button-login:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.nav-button-primary{color:#ffffffe6;background:#0009;border-color:#ffffff1a}.nav-button-primary:hover{color:#fff;background:#000c;border-color:#fff3}.brand{letter-spacing:2px;letter-spacing:-.02em;cursor:pointer;color:#fff36b;background:linear-gradient(135deg,#fff36b 0%,#80ffdb 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800;line-height:1.1;text-decoration:none;transition:all .3s;transform:scale(1.05)}.brand:hover{transform:scale(1.05)}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;border-radius:0;align-items:center;gap:4px;padding:0;display:flex;background:0 0!important}.nav-link{color:#ffffffe6;letter-spacing:0;white-space:nowrap;box-shadow:none;border:none;border-radius:0;align-items:center;padding:6px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative;overflow:visible;background:0 0!important}.nav-link:hover{color:#fff;background:0 0}.nav-link-right{margin-left:auto}.header-hamburger{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .2s,color .2s;display:none}.header-hamburger:hover{color:#fff;background:#ffffff14}.header-mobile-menu{z-index:9999;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.header-mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto}.header-mobile-menu-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-mobile-menu-title{color:#fff;font-size:18px;font-weight:700}.header-mobile-menu-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.header-mobile-menu-close:hover{background:#ffffff26}.header-mobile-menu-inner{background:#141414fa;border-left:1px solid #ffffff14;flex-direction:column;width:min(320px,100%);padding:0;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 32px #0006}.header-mobile-menu.open .header-mobile-menu-inner{transform:translate(0)}.header-mobile-nav{flex-direction:column;flex:1;gap:8px;padding:20px 24px 24px;display:flex;overflow-y:auto}.header-mobile-section{flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.header-mobile-auth{border-bottom:1px solid #ffffff1a;flex-direction:row;gap:12px;margin-bottom:8px;padding-bottom:20px}.header-mobile-link-auth{background:#ffffff0f;border:1px solid #ffffff26;flex:1;justify-content:center;padding:12px 16px}.header-mobile-link-primary{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 100%);border:1px solid #ff6b3580;flex:1;justify-content:center;padding:12px 16px;font-weight:600}.header-mobile-link-primary:hover{color:#fff;background:linear-gradient(135deg,#ff7a45 0%,#ff9a6b 100%)}.header-mobile-section-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:4px;font-size:11px;font-weight:700}.header-mobile-link{color:#ffffffe6;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.header-mobile-link:hover{color:#fff;background:#ffffff0f}.header-mobile-link-active{color:#fff;background:#ffffff14}.header-mobile-link-disabled{cursor:not-allowed;pointer-events:none;opacity:.6}.header-mobile-link-disabled:hover{background:0 0}.header-mobile-link-icon{color:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.header-mobile-link-icon svg{width:20px;height:20px}.header-mobile-actions{border-top:1px solid #ffffff14;gap:12px;margin-top:auto;padding-top:20px;display:flex}.header-mobile-actions .nav-button{flex:1;justify-content:center;padding:12px 16px}.header-mobile-title{text-transform:none;letter-spacing:normal;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:700;display:none}.header-beta-badge{text-transform:uppercase;letter-spacing:.05em;color:#4ade80;background:#4ade8033;border:1px solid #4ade8066;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600;display:none;box-shadow:0 0 8px #4ade8033}@media (max-width:900px){.nav-desktop,.header-right-desktop{display:none!important}.header-hamburger{display:flex}.header-mobile-title{text-align:center;display:block}.header-beta-badge{display:inline-block}.site-header-inner{grid-template-columns:auto 1fr auto}body:has(.landing-mobile-bottom-nav) .header-hamburger{display:none!important}body:has(.landing-mobile-bottom-nav) .site-header-inner{grid-template-columns:auto 1fr auto}body:has(.landing-mobile-bottom-nav) .header-mobile-title{text-align:center}}@media (min-width:901px){.header-mobile-menu{display:none!important}}@media (max-width:900px){body:not(.in-studio) .site-header{padding:12px max(16px,env(safe-area-inset-left))0 max(16px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top));height:calc(60px + env(safe-area-inset-top,0px));z-index:100;background:0 0;border-bottom:none;min-height:60px;position:fixed;top:0;left:0;right:0}body:not(.in-studio) .site-header-inner{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:center;max-width:none;height:48px;margin:0;padding:0 20px;display:flex;box-shadow:0 4px 24px #0006}body:not(.in-studio) .site-header-inner.scrolled{background:#1e1e1ef2}}@media (max-width:768px){.header-mobile-menu{top:calc(60px + env(safe-area-inset-top,0px))}}@media (max-width:900px){body:not(.in-studio) main{padding-top:calc(60px + env(safe-area-inset-top,0px))}}.landing-mobile-bottom-nav{display:none}@media (max-width:900px){.landing-page{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.landing-mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:70;min-height:64px;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#1e1814fa;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}}.landing-mobile-nav-item{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:8px 12px;font-family:inherit;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.landing-mobile-nav-item:hover{color:#ffffffe6;background:#ffffff0f}.landing-mobile-nav-item.active{color:#ff6b35;background:#ff6b351f}.landing-mobile-nav-icon{justify-content:center;align-items:center;font-size:22px;display:flex}.landing-mobile-nav-item.active .landing-mobile-nav-icon{color:#ff6b35}.landing-mobile-nav-menu{flex:none}@media (max-width:768px){.hero-landing{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.ai-trends-section{padding:48px max(16px,env(safe-area-inset-left))48px max(16px,env(safe-area-inset-right))}.ai-trends-header{margin-bottom:32px}.ai-trends-title{font-size:24px}.ai-trends-subtitle{font-size:14px}.ai-trend-card{width:240px}.quick-generate-section{padding:48px max(16px,env(safe-area-inset-left))24px max(16px,env(safe-area-inset-right))}.quick-generate-container{padding-left:0;padding-right:0}.landing-page .quick-generate-container{height:auto!important;min-height:auto!important}.ai-models-section,.canvas-section{padding:48px max(16px,env(safe-area-inset-left))48px max(16px,env(safe-area-inset-right))}.canvas-title{font-size:28px}.canvas-description{font-size:14px}.getting-started-section{padding:48px max(16px,env(safe-area-inset-left))48px max(16px,env(safe-area-inset-right))}.getting-started-title{font-size:28px}.getting-started-subtitle{font-size:15px}.site-footer{padding:48px max(16px,env(safe-area-inset-left))max(32px,env(safe-area-inset-bottom))}.footer-container{padding-left:0;padding-right:0}}.hero-landing{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:40px 20px;display:flex;position:relative;overflow:hidden}.hero-landing:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.hero-grid{opacity:.5;pointer-events:none;transform-origin:bottom;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;transform:perspective(1000px)rotateX(60deg)translateY(20%)}.hero-3d-elements{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-shape{filter:blur(1px);opacity:.6;border-radius:20px;animation:20s ease-in-out infinite float;position:absolute;overflow:hidden}.hero-shape-img .hero-shape-img-inner{object-fit:cover;width:100%;height:100%;display:block}.hero-shape-img:not(.hero-shape-fallback){filter:none;opacity:.75}.hero-shape-img.hero-shape-fallback .hero-shape-img-inner{display:none}.landing-scroll-rail{z-index:60;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;left:28px;transform:translateY(-50%)}.landing-scroll-rail-track{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;width:6px;height:240px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.landing-scroll-rail-track.dragging{background:#ffffff26}.landing-scroll-rail-fill{border-radius:inherit;pointer-events:none;background:linear-gradient(#fff36bf2 0%,#ff6b35e6 100%);width:100%;position:absolute;bottom:0;left:0}.landing-scroll-rail-thumb{pointer-events:none;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 65%,#5a26ff 100%);border:3px solid #0f0a08cc;border-radius:999px;width:20px;height:20px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #ff6b3559}.landing-scroll-rail-label{letter-spacing:.5em;color:#ffffff8c;text-transform:uppercase;writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}@media (max-width:1024px){.landing-scroll-rail{display:none}}.hero-shape-pink{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);width:300px;height:300px;animation-delay:0s;top:10%;left:5%;box-shadow:0 0 40px #ff6b9d4d}.hero-shape-yellow-1{z-index:2;background:linear-gradient(135deg,#fff36b 0%,#ffd93d 100%);border-radius:16px;width:140px;height:140px;animation-delay:-2s;top:50%;left:20%}.hero-shape-blue-1{background:linear-gradient(135deg,#5a26ff 0%,#3d1a99 100%);width:400px;height:400px;animation-delay:-4s;bottom:5%;left:-5%;box-shadow:0 0 50px #5a26ff4d}.hero-shape-yellow-2{background:linear-gradient(135deg,#fff36b 0%,#ffd93d 100%);border-radius:18px;width:140px;height:140px;animation-delay:-6s;top:20%;right:15%}.hero-shape-pink-2{background:linear-gradient(135deg,#ff6b9d 0%,#c44569 100%);border-radius:14px;width:100px;height:100px;animation-delay:-8s;top:35%;right:20%}.hero-shape-green{background:linear-gradient(135deg,#00d4aa 0%,#00a085 100%);width:350px;height:350px;animation-delay:-10s;bottom:15%;right:10%;box-shadow:0 0 45px #00d4aa4d}.hero-shape-blue-2{background:linear-gradient(135deg,#5a26ff 0%,#3d1a99 100%);width:280px;height:280px;animation-delay:-12s;top:5%;right:-3%;box-shadow:0 0 40px #5a26ff4d}.hero-shape-blue-3{background:linear-gradient(135deg,#5a26ff 0%,#3d1a99 100%);width:180px;height:180px;animation-delay:-14s;bottom:15%;right:0%}@keyframes float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(20px,-20px)rotate(5deg)}50%{transform:translate(-15px,15px)rotate(-5deg)}75%{transform:translate(10px,10px)rotate(3deg)}}.hero-section{text-align:center;z-index:2;width:100%;max-width:700px;margin-bottom:0;position:relative}.ai-trends-section{background:#000;padding:80px 20px;position:relative}.ai-trends-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.ai-trends-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.ai-trends-container{z-index:2;width:100%;max-width:1400px;margin:0 auto;position:relative}.ai-trends-header{text-align:center;width:100%;max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto}.ai-trends-title{color:#fff;margin:0 0 16px;font-size:40px;font-weight:800;line-height:1.2}.ai-trends-subtitle{color:#ffffffb3;max-width:550px;margin:0 auto;font-size:18px;line-height:1.5}.ai-trends-slider-wrapper{margin-bottom:24px;position:relative;overflow:hidden}.ai-trends-slider-wrapper:before,.ai-trends-slider-wrapper:after{content:"";z-index:10;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.ai-trends-slider-wrapper:before{background:linear-gradient(90deg,#000 0%,#000c 30%,#0000 100%);left:0}.ai-trends-slider-wrapper:after{background:linear-gradient(270deg,#000 0%,#000c 30%,#0000 100%);right:0}.ai-trends-slider{gap:24px;width:fit-content;animation:60s linear infinite slideHorizontal;display:flex}.ai-trends-slider-reverse{animation:60s linear infinite slideHorizontalReverse}@keyframes slideHorizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideHorizontalReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.ai-trends-slider:hover{animation-play-state:paused}.ai-trend-card{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;flex-shrink:0;width:280px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.ai-trend-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.ai-trend-image{aspect-ratio:16/9;background:linear-gradient(135deg,#5a26ff33 0%,#ff6b3533 50%,#fff36b33 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.ai-trend-image:before{content:"";opacity:.6;background:radial-gradient(circle at 20% 30%,#fff36b4d 0%,#0000 50%),radial-gradient(circle at 80% 70%,#5a26ff4d 0%,#0000 50%);position:absolute;inset:0}.ai-trend-image-placeholder{z-index:1;width:100%;height:100%;position:relative}.ai-trend-img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .4s;position:relative}.ai-trend-card:hover .ai-trend-img{transform:scale(1.05)}.ai-trend-content{flex-direction:column;gap:8px;padding:16px;display:flex}.ai-trend-category{color:#fff9;align-items:center;gap:8px;font-size:13px;display:flex}.ai-trend-category-icon{color:#ffffffb3;justify-content:center;align-items:center;display:flex}.ai-trend-category-icon svg{width:16px;height:16px}.ai-trend-category-name{font-weight:500}.ai-trend-author{color:#fffc;font-size:14px;font-weight:500}.quick-generate-section{background:#000;width:100%;padding:56px 0 48px;position:relative;overflow:hidden}.quick-generate-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.quick-generate-section .quick-generate-container{text-align:center;z-index:2;box-sizing:border-box;align-items:center;width:100%;max-width:700px;margin:0 auto;padding:0 20px;position:relative;overflow:hidden;flex-direction:column!important;display:flex!important}.quick-generate-tag{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;display:inline-flex}.quick-generate-tag svg{color:#fffc;width:16px;height:16px}.quick-generate-title{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2}.quick-generate-description{color:#ffffffb3;max-width:550px;margin:0 auto 32px;font-size:18px;line-height:1.6}.quick-generate-button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0003}.quick-generate-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.canvas-section{background:#000;width:100%;padding:80px 0;position:relative;overflow:hidden}.canvas-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.canvas-container{text-align:center;z-index:2;box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:0 20px;position:relative}.canvas-tag{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;display:inline-flex}.canvas-tag svg{color:#fffc;width:16px;height:16px}.canvas-title{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2}.canvas-description{color:#ffffffb3;max-width:550px;margin:0 auto 32px;font-size:18px;line-height:1.6}.canvas-button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0003}.canvas-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.canvas-demo-wrapper{width:100vw;margin:48px calc(50% - 50vw) 40px;padding:0}.canvas-demo-main{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:1100px;margin:0 auto;padding:32px;position:relative;overflow:hidden}.canvas-demo-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0;background-size:20px 20px;width:100%;min-height:500px;position:relative}.canvas-demo-node-item{z-index:20;pointer-events:none;position:absolute}.canvas-demo-node-item .canvas-tool-modal{min-width:380px;max-width:380px;width:100%!important}.canvas-demo-node-item .canvas-tool-modal-content *{pointer-events:none}.canvas-demo-run-button{color:#fff;cursor:pointer;z-index:30;pointer-events:auto;background:#fff36b33;border:1px solid #fff36b66;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;position:absolute;bottom:20px;right:20px}.canvas-demo-run-button:hover:not(:disabled){background:#fff36b4d;border-color:#fff36b99;transform:translateY(-2px)}.canvas-demo-run-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1024px){.canvas-demo-run-wrapper{justify-content:center;margin-top:24px;padding:0 20px;display:flex}.canvas-demo-run-wrapper .canvas-demo-run-button{width:100%;max-width:320px;padding:14px 24px;font-size:16px;position:static}.canvas-demo-main{max-width:100%;padding:16px}.canvas-demo-grid{flex-direction:column;align-items:center;min-height:auto;display:flex}.canvas-demo-node-item{width:100%;max-width:380px;margin-bottom:20px;position:relative!important;top:auto!important;left:auto!important}.canvas-demo-connections{display:none}}.ai-models-section{background:#000;padding:0 20px 48px;position:relative}.canvas-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.ai-editor-section{background:#000;padding:80px 20px;position:relative}.ai-editor-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.ai-editor-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.ai-editor-container{text-align:center;z-index:2;box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:0 20px;position:relative}.ai-editor-tag{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:14px;display:inline-flex}.ai-editor-tag svg{color:#fffc;width:16px;height:16px}.ai-editor-title{color:#fff;letter-spacing:-.02em;margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.2}.ai-editor-description{color:#ffffffb3;max-width:550px;margin:0 auto 32px;font-size:18px;line-height:1.6}.ai-editor-button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.ai-editor-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.editor-demo-wrapper{width:100vw;margin:48px calc(50% - 50vw) 40px;padding:0}.editor-demo-main{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:1100px;margin:0 auto;padding:0;position:relative;overflow:hidden}.editor-demo-container{background:#1e1814f2;width:100%;height:600px;display:flex}.editor-demo-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814d9;border-right:1px solid #ffffff1a;flex-direction:column;width:280px;display:flex;overflow-y:auto}.editor-demo-sidebar-right{border-left:1px solid #ffffff1a;border-right:none}.editor-demo-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.editor-demo-sidebar-header h3{color:#ffffffe6;margin:0;font-size:16px;font-weight:600}.editor-demo-upload-btn{color:#ffffffe6;cursor:pointer;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.editor-demo-media-filters{border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 16px;display:flex}.editor-demo-filter-btn{color:#ffffffb3;cursor:pointer;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;transition:all .2s}.editor-demo-filter-btn.active{color:#fffffff2;background:#ff6b3533;border-color:#ff6b3566}.editor-demo-media-library{flex:1;padding:16px;overflow:hidden}.editor-demo-media-item{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.editor-demo-media-thumb{background:#0000004d;flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.editor-demo-media-thumb img{object-fit:cover;width:100%;height:100%}.editor-demo-media-info{background:#1e181466;border-top:1px solid #ffffff1a;flex-direction:column;justify-content:center;height:56px;padding:0 16px;display:flex}.editor-demo-media-name{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.editor-demo-media-meta{color:#fff9;margin-top:4px;font-size:12px}.editor-demo-tools-section{border-top:1px solid #ffffff1a;padding:16px}.editor-demo-tools-section h4{color:#ffffffe6;margin:0 0 12px;font-size:14px;font-weight:600}.editor-demo-tools-list{flex-direction:column;gap:8px;display:flex}.editor-demo-tool-btn{color:#fffc;text-align:left;cursor:pointer;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:10px 12px;font-size:13px;transition:all .2s}.editor-demo-preview-area{background:#14141480;flex-direction:column;flex:1;display:flex}.editor-demo-preview-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.editor-demo-preview-title{align-items:center;gap:12px;display:flex}.editor-demo-preview-title h2{color:#ffffffe6;margin:0;font-size:18px;font-weight:600}.editor-demo-preview-badge{color:#ffffffe6;background:#ff6b3533;border:1px solid #ff6b3566;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.editor-demo-preview-actions{gap:8px;display:flex}.editor-demo-action-btn{color:#ffffffe6;cursor:pointer;pointer-events:none;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.editor-demo-action-btn.primary{color:#fffffff2;background:#ff6b3533;border-color:#ff6b3566}.editor-demo-preview-viewport{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.editor-demo-preview-content{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.editor-demo-preview-media{object-fit:contain;width:100%;height:100%}.editor-demo-timeline{background:#141414cc;border-top:1px solid #ffffff1a;height:120px;padding:16px;position:relative}.editor-demo-timeline-track{background:#ffffff0d;border-radius:8px;height:60px;position:relative;overflow:hidden}.editor-demo-timeline-clip{background:linear-gradient(135deg,#3b82f64d,#8a2be24d);border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0}.editor-demo-timeline-clip-label{color:#ffffffe6;font-size:12px;font-weight:500}.editor-demo-timeline-scrubber{z-index:10;pointer-events:none;background:#fff36bcc;width:2px;position:absolute;top:0;bottom:0}.editor-demo-timeline-scrubber:before{content:"";background:#fff36b;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.editor-demo-settings{flex-direction:column;gap:20px;padding:16px;display:flex}.editor-demo-setting-group{flex-direction:column;gap:8px;display:flex}.editor-demo-setting-group label{color:#fffc;font-size:13px;font-weight:500}.editor-demo-slider{pointer-events:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.editor-demo-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff6b35cc;border-radius:50%;width:14px;height:14px}.editor-demo-slider::-moz-range-thumb{cursor:pointer;background:#ff6b35cc;border:none;border-radius:50%;width:14px;height:14px}.getting-started-section{background:#000;padding:120px 20px;position:relative}.getting-started-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.getting-started-container{z-index:2;width:100%;max-width:1100px;margin:0 auto;position:relative}.getting-started-title{color:#fff;text-align:center;letter-spacing:-.02em;margin:0 0 16px;font-size:56px;font-weight:800;line-height:1.1}.getting-started-subtitle{color:#ffffffb3;text-align:center;max-width:700px;margin:0 auto 64px;font-size:20px;line-height:1.5}.getting-started-main{border-radius:16px;gap:32px;min-height:500px;margin-bottom:120px;padding:32px;display:flex;position:relative;overflow:hidden}.getting-started-main-background{column-count:4;column-fill:balance;z-index:0;column-gap:100px;position:absolute;inset:-50px}.getting-started-main-bg-image{break-inside:avoid;page-break-inside:avoid;margin-bottom:100px;overflow:visible}.getting-started-main-bg-image img{opacity:.6;filter:blur(1px);width:100%;height:auto;display:block;transform:scale(1.3)}.getting-started-main-overlay{z-index:1;background:#0009;position:absolute;inset:0}.getting-started-community{z-index:2;border-radius:12px;flex:1;max-width:600px;min-height:400px;margin:0 auto;position:relative}.getting-started-community-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px;display:flex;position:relative}.getting-started-community-title{color:#fff;margin:0 0 16px;font-size:36px;font-weight:700}.getting-started-community-description{color:#ffffffb3;margin:0 0 24px;font-size:20px;line-height:1.6}.getting-started-community-button{-webkit-backdrop-filter:blur(10px);border-radius:8px;justify-content:center;align-items:center;width:100%;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;color:#fff!important;background:#fff3!important;border:1px solid #fff6!important}.getting-started-community-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #fff3;background:#ffffff4d!important;border-color:#fff9!important}.getting-started-resources{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.getting-started-resource-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:24px;text-decoration:none;transition:all .3s;display:flex}.getting-started-resource-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.getting-started-resource-icon{color:#ffffffe6;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.getting-started-resource-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:600}.getting-started-resource-description{color:#fff9;margin:0;font-size:14px;line-height:1.5}@media (max-width:1200px){.getting-started-main{flex-direction:column}.getting-started-community{flex:1}.getting-started-resources{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.getting-started-main{min-height:400px;margin-bottom:64px}.getting-started-community-title{font-size:28px}.getting-started-community-description{font-size:16px}.getting-started-resources{grid-template-columns:1fr}}.site-footer{background:#000;border-top:1px solid #ffffff1a;padding:80px 20px 32px;position:relative}.footer-container{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}.footer-content{flex-wrap:wrap;gap:64px;margin-bottom:48px;display:flex}.footer-logo{flex:none}.footer-logo-link{text-decoration:none;display:inline-block}.footer-logo-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.footer-link-with-icon{align-items:center;gap:10px;display:inline-flex}.footer-link-icon{color:#ffffff80;justify-content:center;align-items:center;display:flex}.footer-link-with-icon:hover .footer-link-icon{color:#fffc}.footer-logo-circle{background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 2px 8px #fff36b4d}.footer-logo-gradient{background:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#0000 50%),linear-gradient(135deg,#fff36b 0%,#ff6b35 30%,#ff0080 60%,#5a26ff 100%);border-radius:50%;width:100%;height:100%}.footer-columns{flex:1;grid-template-columns:repeat(4,1fr);gap:48px;display:grid}.footer-column{flex-direction:column;display:flex}.footer-column-title{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links li{margin:0}.footer-links a{color:#fff9;font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#ffffffe6}.footer-links .footer-link-disabled{color:#ffffff52;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:14px;display:inline-block}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;display:flex}.footer-copyright{color:#fff9;font-size:14px}.footer-social{align-items:center;gap:16px;display:flex}.footer-social-icon{color:#fff9;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.footer-social-icon:hover{color:#ffffffe6;background:#ffffff0d;transform:translateY(-2px)}@media (max-width:1024px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:32px}.footer-content{gap:48px}}@media (max-width:768px){.footer-columns{text-align:center;grid-template-columns:1fr;gap:32px}.footer-column{align-items:center}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:32px}.footer-logo{justify-content:center;display:flex}.footer-bottom{text-align:center;flex-direction:column;align-items:center}.footer-social{justify-content:center}}.ai-models-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.ai-models-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.ai-models-container{z-index:2;width:100%;max-width:1100px;margin:0 auto;position:relative}.ai-models-grid{column-count:4;column-fill:balance;z-index:1;column-gap:20px;width:100%;max-width:1400px;margin:0 auto;padding-bottom:40px;position:relative}.ai-model-tile{cursor:pointer;break-inside:avoid;page-break-inside:avoid;background:0 0;border-radius:12px;width:100%;margin-bottom:20px;text-decoration:none;transition:transform .3s;display:inline-block;position:relative;overflow:hidden}.ai-model-tile:hover{transform:translateY(-4px)}.ai-model-image{background:#ffffff14;border-radius:12px;width:100%;display:block;position:relative;overflow:hidden}.ai-model-img{object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-model-gradient{aspect-ratio:3/4;border-radius:12px;width:100%;min-height:100%}.landing-model-tile--tall .landing-model-gradient{aspect-ratio:2/3}.landing-model-tile--mid .landing-model-gradient{aspect-ratio:4/5}.landing-model-tile--short .landing-model-gradient{aspect-ratio:1}.ai-model-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:12px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.ai-model-tile:hover .ai-model-overlay{opacity:1}.ai-model-name{color:#fff;text-align:center;background:#ff6b3540;border:1px solid #ff6b3580;border-radius:8px;padding:10px 18px;font-size:16px;font-weight:700}@media (max-width:1200px){.ai-models-grid{column-count:3}}@media (max-width:768px){.quick-generate-title{font-size:36px}.ai-models-grid{column-count:2;column-gap:16px}.ai-model-tile{margin-bottom:16px}.ai-model-overlay{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:linear-gradient(#0000 0%,#00000059 52%,#000000eb 100%);justify-content:stretch;align-items:flex-end;padding:0}.ai-model-name{box-sizing:border-box;text-align:left;-webkit-line-clamp:2;white-space:normal;background:#00000059;border:none;border-top:1px solid #ffffff1a;border-radius:0 0 12px 12px;-webkit-box-orient:vertical;width:100%;padding:10px 12px 12px;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}}@media (max-width:480px){.ai-models-grid{column-count:2;column-gap:12px}.ai-model-tile{margin-bottom:12px}.ai-model-name{padding:8px 10px;font-size:13px}}.content-cards-header{margin-bottom:40px}.hero-title{color:#fff;letter-spacing:-.03em;margin:0 0 20px;font-size:48px;font-weight:900;line-height:1.2}.hero-description{color:#fffc;max-width:550px;margin:0 auto 32px;font-size:18px;font-weight:400;line-height:1.6}.hero-cta{justify-content:center;gap:16px;margin-top:32px;display:flex}.hero-cta-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #0003}.hero-cta-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}@media (min-width:1025px) and (max-width:1400px){.hero-shape{opacity:.55}.hero-shape:nth-child(2),.hero-shape:nth-child(5),.hero-shape:nth-child(8){display:none}.hero-shape-pink{width:260px;height:260px;top:10%;left:-5%}.hero-shape-blue-1{width:320px;height:320px;bottom:5%;left:-10%}.hero-shape-yellow-2{width:110px;height:110px;top:18%;right:5%}.hero-shape-green{width:280px;height:280px;bottom:12%;right:-8%}.hero-shape-blue-2{width:160px;height:160px;top:6%;right:-5%}}@media (min-width:769px) and (max-width:1024px){.hero-shape{opacity:.5}.hero-shape-img:not(.hero-shape-fallback){opacity:.6}.hero-shape:nth-child(2),.hero-shape:nth-child(4),.hero-shape:nth-child(5),.hero-shape:nth-child(8){display:none}.hero-shape-pink{width:220px;height:220px;top:12%;left:-8%}.hero-shape-blue-1{width:280px;height:280px;bottom:8%;left:-15%}.hero-shape-green{width:240px;height:240px;bottom:18%;right:-12%}.hero-shape-blue-2{width:140px;height:140px;top:8%;right:-8%}}@media (max-width:768px){.hero-landing{height:calc(100vh - 70px);padding:0 20px}.hero-title{text-shadow:0 2px 12px #0009;margin:0 0 16px;font-size:28px}.hero-description{text-shadow:0 1px 8px #00000080;margin:0 0 24px;font-size:14px}.hero-cta-button{padding:14px 28px;font-size:14px}.hero-shape{opacity:.4}.hero-shape-img:not(.hero-shape-fallback){opacity:.5}.hero-shape:nth-child(2),.hero-shape:nth-child(4),.hero-shape:nth-child(5),.hero-shape:nth-child(8){display:none}.hero-shape-pink{width:200px;height:200px;top:8%;left:-15%}.hero-shape-blue-1{width:250px;height:250px;bottom:5%;left:-20%}.hero-shape-green{width:220px;height:220px;bottom:12%;right:-18%}.hero-shape-blue-2{width:140px;height:140px;top:5%;right:-12%}.hero-grid{background-size:30px 30px}}.auth-page{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{width:100%;max-width:420px}.auth-brand{flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-brand-logo{justify-content:center;align-items:center;display:flex}.auth-brand-logo-circle{background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 4px 20px #fff36b66}.auth-brand-logo-gradient{background:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#0000 50%),linear-gradient(135deg,#fff36b 0%,#ff6b35 30%,#ff0080 60%,#5a26ff 100%);border-radius:50%;width:100%;height:100%}.auth-brand-title{-webkit-text-fill-color:transparent;letter-spacing:.05em;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px;font-weight:900}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-captcha-wrap{justify-content:center;width:100%;display:flex}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{pointer-events:none;z-index:1;color:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;left:16px}.auth-input-icon svg{width:18px;height:18px}.auth-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 16px 14px 48px;font-size:15px;transition:all .2s}.auth-input:focus{background:#ffffff14;border-color:#ffffff4d}.auth-input::placeholder{color:#ffffff80}.auth-password-toggle{cursor:pointer;z-index:1;color:#fff9;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:16px}.auth-password-toggle:hover{color:#ffffffe6}.auth-password-toggle svg{width:18px;height:18px}.auth-field-hint{color:#ffaa78f2;margin:-8px 4px 2px;font-size:12px;line-height:1.35}.auth-verification-row{align-items:flex-start;gap:12px;display:flex}.auth-send-code-button{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s}.auth-send-code-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.auth-send-code-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.auth-error{color:#ff6b35;background:#ff6b3526;border:1px solid #ff6b354d;border-radius:8px;padding:12px 16px;font-size:14px}.auth-info{color:#fffc;background:#fff36b1a;border:1px solid #fff36b33;border-radius:8px;padding:12px 16px;font-size:13px}.auth-terms{color:#fff9;margin:8px 0;font-size:13px;line-height:1.5}.auth-consent{cursor:pointer;align-items:flex-start;gap:10px;margin:4px 0 8px;display:flex;position:relative}.auth-consent-checkbox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.auth-consent-control{color:#fff;background:#ffffff0a;border:1px solid #ffffff3d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .2s;display:flex}.auth-consent-check{opacity:0;transition:all .2s;transform:scale(.8)}.auth-consent-checkbox:checked+.auth-consent-control{background:linear-gradient(135deg,#ff8a3d47 0%,#ff6b3573 100%);border-color:#ff8a3de6;box-shadow:0 0 0 3px #ff8a3d1f}.auth-consent-checkbox:checked+.auth-consent-control .auth-consent-check{opacity:1;transform:scale(1)}.auth-consent-checkbox:focus-visible+.auth-consent-control{outline-offset:2px;outline:2px solid #ff8a3de6}.auth-consent-text{color:#ffffffb8;font-size:13px;line-height:1.45}.auth-link{color:#fffc;text-decoration:underline;transition:color .2s}.auth-link:hover{color:#fff}.privacy-page{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;background:#0a0806;height:100vh;padding:32px 16px 64px;overflow-y:auto}.privacy-page::-webkit-scrollbar{width:6px}.privacy-page::-webkit-scrollbar-track{background:0 0}.privacy-page::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px;transition:background .2s}.privacy-page::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.privacy-page::-webkit-scrollbar-thumb:active{background:#ffffff40}.privacy-container{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;max-width:720px;margin:0 auto;padding:32px 24px}.privacy-back{color:#fff9;margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.privacy-back:hover{color:#ff6b35}.privacy-title{color:#fff;margin:0 0 32px;font-size:28px;font-weight:700}.privacy-section{margin-bottom:28px}.privacy-section-title{color:#fff;margin:0 0 12px;font-size:18px;font-weight:600}.privacy-section p{color:#fffc;margin:0 0 12px;font-size:15px;line-height:1.65}.privacy-section p:last-child{margin-bottom:0}.privacy-list{color:#fffc;margin:8px 0 16px 20px;padding:0;font-size:15px;line-height:1.65;list-style:outside}.privacy-list li{margin-bottom:6px}.privacy-link{color:#ff6b35;text-underline-offset:2px;text-decoration:underline;transition:color .2s}.privacy-link:hover{color:#ff8c5a}.auth-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a26ff 0%,#ff6b35 100%);border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.auth-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #5a26ff66}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer-links{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:20px;padding-top:20px;display:flex}.auth-footer-link{color:#ffffffb3;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer-link:hover{color:#ffffffe6}.auth-header{text-align:center;margin-bottom:32px}.auth-page-title{color:#fff;margin:0 0 12px;font-size:28px;font-weight:700}.auth-page-description{color:#fff9;margin:0;font-size:14px;line-height:1.6}.hero-subtitle{color:#fff;margin:0;font-size:32px;font-weight:700;line-height:1.2}.content-cards{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;display:grid}.content-card{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.content-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.content-card:hover:before{opacity:1}.content-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.card-image-wrapper{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.card-image-placeholder{background:linear-gradient(135deg,#fff36b26 0%,#ff6b3526 50%,#8a2be226 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex;position:relative;overflow:hidden}.card-image-placeholder:before{content:"";background:radial-gradient(circle at 30% 30%,#fff36b4d 0%,#0000 50%);position:absolute;inset:0}.card-image-placeholder:after{content:"";background:radial-gradient(circle at 70% 70%,#ff6b354d 0%,#0000 50%);position:absolute;inset:0}.card-label{color:#fff;z-index:1;padding:20px;font-size:18px;font-weight:600;position:relative}.tools-section{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px;position:relative}.tools-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.tools-container{width:100%}.tools-header{max-width:1200px;margin:0 auto 40px}.tools-title{color:#fff;text-align:left;margin:0;font-size:32px;font-weight:700;line-height:1.2}.tools-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.tool-card{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.projects-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;max-width:1200px;margin:0 auto;display:grid}.tool-card-sm{border-radius:12px}.tool-card-sm .tool-image-wrapper{aspect-ratio:16/10}.tool-card-sm .tool-label{padding:12px;font-size:14px}.tool-card-sm .tool-image-placeholder{font-size:36px}.folder-card{position:relative}.folder-badge{color:#fff;background:#0000008c;border:1px solid #ffffff1f;border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;top:8px;left:8px;box-shadow:inset 0 0 0 1px #ffffff0f}.tool-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.tool-image-wrapper{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.tool-image-placeholder{background:linear-gradient(135deg,#fff36b26 0%,#ff6b3526 50%,#8a2be226 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex;position:relative;overflow:hidden}.tool-image-placeholder:before{content:"";background:radial-gradient(circle at 30% 30%,#fff36b4d 0%,#0000 50%);position:absolute;inset:0}.tool-image-placeholder:after{content:"";background:radial-gradient(circle at 70% 70%,#ff6b354d 0%,#0000 50%);position:absolute;inset:0}.tool-label{color:#fff;text-align:center;z-index:1;padding:20px;font-size:18px;font-weight:700;position:relative}.opportunities-section{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px}.opportunities-container{width:100%}.opportunities-header{max-width:1200px;margin:0 auto 40px}.opportunities-title{color:#fff;text-align:left;margin:0;font-size:32px;font-weight:700;line-height:1.2}.opportunities-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.opportunity-card{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.opportunity-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.opportunity-card:hover:before{opacity:1}.opportunity-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.opportunity-image-wrapper{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.opportunity-image-placeholder{background:linear-gradient(135deg,#fff36b26 0%,#ff6b3526 50%,#8a2be226 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:80px;display:flex;position:relative;overflow:hidden}.opportunity-image-placeholder:before{content:"";background:radial-gradient(circle at 30% 30%,#fff36b4d 0%,#0000 50%);position:absolute;inset:0}.opportunity-image-placeholder:after{content:"";background:radial-gradient(circle at 70% 70%,#ff6b354d 0%,#0000 50%);position:absolute;inset:0}.opportunity-content{z-index:1;padding:24px;position:relative}.opportunity-name{color:#fff;text-transform:uppercase;margin:0 0 12px;font-size:20px;font-weight:700}.opportunity-desc{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}.actions-section{width:100%;max-width:1400px;margin:0 auto;padding:100px 20px}.actions-container{width:100%}.actions-title{color:#fff;text-align:center;letter-spacing:-.02em;margin:0 0 60px;font-size:48px;font-weight:800;line-height:1.1}.actions-tabs{justify-content:center;gap:12px;max-width:1200px;margin:0 auto 60px;display:flex}.action-tab{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.action-tab:hover{background:#ffffff1a;border-color:#fff36b66}.action-tab.active{color:#fff;background:#fff36b33;border-color:#fff36b99;box-shadow:0 0 20px #fff36b4d}.actions-cards{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.action-card{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.action-card:hover:before{opacity:1}.action-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.action-image-wrapper{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.action-image-placeholder{background:linear-gradient(135deg,#fff36b26 0%,#ff6b3526 50%,#8a2be226 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;display:flex;position:relative;overflow:hidden}.action-image-placeholder:before{content:"";background:radial-gradient(circle at 30% 30%,#fff36b4d 0%,#0000 50%);position:absolute;inset:0}.action-image-placeholder:after{content:"";background:radial-gradient(circle at 70% 70%,#ff6b354d 0%,#0000 50%);position:absolute;inset:0}.action-label{color:#fff;text-align:center;z-index:1;padding:16px;font-size:14px;font-weight:600;position:relative}.features-section{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px}.features-container{width:100%}.features-title{color:#fff;text-align:center;letter-spacing:-.02em;margin:0 0 60px;font-size:48px;font-weight:800;line-height:1.1}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.feature-card{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#fff36b66;transform:translateY(-4px);box-shadow:0 8px 32px #fff36b33}.feature-icon{z-index:1;margin-bottom:16px;font-size:48px;position:relative}.feature-name{color:#fff;z-index:1;margin:0 0 12px;font-size:20px;font-weight:700;position:relative}.feature-desc{color:#ffffffb3;z-index:1;margin:0;font-size:14px;line-height:1.5;position:relative}.cta-section{width:100%;max-width:1400px;margin:0 auto;padding:100px 20px}.cta-container{text-align:center}.cta-title{color:#fff;letter-spacing:-.02em;margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.1}.cta-subtitle{color:#ffffffb3;margin:0 0 32px;font-size:20px}.cta-button{color:#121212;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 100%);border-radius:999px;padding:16px 40px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 8px 32px #fff36b4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #fff36b66}@media (max-width:768px){.hero-landing{padding:40px 20px 20px}.hero-section{margin-bottom:40px}.hero-title{font-size:32px}.hero-subtitle{font-size:20px}.content-cards{grid-template-columns:1fr;gap:16px}.card-label{padding:16px;font-size:16px}.card-image-placeholder{font-size:60px}.tools-section{padding:40px 20px}.tools-header{margin-bottom:40px}.tools-title{font-size:20px}.tools-cards{grid-template-columns:1fr;gap:16px}.tool-label{padding:20px;font-size:18px}.tool-image-placeholder{font-size:60px}.opportunities-section{padding:40px 20px}.opportunities-header{margin-bottom:40px}.opportunities-title{font-size:20px}.opportunities-cards{grid-template-columns:1fr;gap:16px}.opportunity-name{font-size:18px}.opportunity-desc{font-size:13px}.opportunity-image-placeholder{font-size:60px}.actions-section{padding:60px 20px}.actions-title{margin-bottom:40px;font-size:32px}.actions-tabs{flex-wrap:wrap;margin-bottom:40px}.action-tab{padding:10px 24px;font-size:14px}.actions-cards{grid-template-columns:repeat(2,1fr);gap:16px}.action-label{padding:16px;font-size:14px}.action-image-placeholder{font-size:60px}.features-section{padding:40px 20px}.features-title{margin-bottom:40px;font-size:32px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.feature-icon{font-size:40px}.cta-section{padding:60px 20px}.cta-title{font-size:32px}.cta-subtitle{font-size:16px}}.input,.textarea{width:100%;color:inherit;background:0 0;border:1px solid #7f7f7f59;border-radius:8px;padding:10px 12px}.textarea{resize:vertical;min-height:96px}.button{height:40px;color:inherit;cursor:pointer;background:linear-gradient(#ffffff0f,#0000000f);border:1px solid #7f7f7f59;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid #7f7f7f40;border-radius:12px;padding:16px}.media{border:1px solid #7f7f7f40;border-radius:10px;width:100%;height:auto}.pad-16{padding:16px}.field-label{opacity:.9;margin-bottom:6px;font-size:12px;display:block}.field-label.hidden{display:none}:root{--ink:#221c46;--glow:#fff36b;--radius:14px;--border:2px;--grad-rainbow:conic-gradient(from 180deg,#ff4d6d,#ff9e00,#ffd60a,#80ffdb,#64dfdf,#48bfe3,#5a26ff,#ff4d6d)}.badge-rainbow{background:var(--grad-rainbow);color:#111;border-radius:999px;padding:6px 12px;font-weight:700}.inline{display:inline-block}.card-neon{border-radius:var(--radius);border:var(--border)solid #ffc87833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1411f2;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 8px 32px #00000080}.menu-panel.card-neon{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#1a1411!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 8px 32px #00000080!important}.menu-panel.card-neon:before{display:none!important}.card-neon:before{content:"";border-radius:calc(var(--radius) + 4px);filter:blur(10px);opacity:.28;z-index:-1;background:radial-gradient(120% 140%,#ffc0782e 0%,#ffc07814 45%,#0000 70%);position:absolute;inset:-2px}.btn-bubble{color:#ffffffe6;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-bubble-sm{border:var(--border)solid var(--ink);color:#121212;box-shadow:0 3px 0 0 var(--ink),0 0 16px #fff36b40;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:6px 12px;font-size:14px;transition:transform .12s,box-shadow .12s;display:inline-flex}.dock-inner .btn-bubble-sm{color:#ffffffb3;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;position:relative;box-shadow:inset 0 1px 2px #0000004d,0 0 12px #0003}.dock-inner .btn-bubble-sm:hover{color:#ffffffe6;background:#ffffff0d;box-shadow:inset 0 1px 2px #0000004d,0 0 12px #0003}.dock-inner .btn-bubble-sm:active{transform:translateY(0);box-shadow:inset 0 1px 2px #0003,0 1px 2px #0003}.dock-inner .btn-bubble-sm.active{color:#fffffff2;background:#ffffff1f;border-color:#ffffff26;box-shadow:inset 0 1px 2px #0003,0 1px 2px #0000001a}.dock-inner .accordion-toggle{text-align:left;justify-content:space-between}.dock-inner .accordion-toggle svg{opacity:.6;flex-shrink:0}.dock-inner .accordion-toggle:hover svg{opacity:1}.dock-inner .accordion-content{background:#0003;border:1px solid #ffffff0f;border-radius:8px;padding:12px}.dock-inner .toggle-btn{color:#ffffffb3;cursor:pointer;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;box-shadow:inset 0 1px 2px #0000004d}.dock-inner .toggle-btn:hover{color:#ffffffe6;background:#ffffff0d}.dock-inner .toggle-btn.active{color:#fffffff2;background:#ffffff1f;border-color:#ffffff26;box-shadow:inset 0 1px 2px #0003}.dock-inner .dock-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.dock-inner .dock-checkbox input[type=checkbox]{cursor:pointer;accent-color:#ff6b35d9;flex-shrink:0;width:18px;height:18px}.number-input-custom::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-custom::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input-custom{-moz-appearance:textfield}.number-input-custom+div button:disabled{opacity:.3;cursor:not-allowed}.strength-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;height:6px}.strength-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff6b35;border-radius:50%;width:18px;height:18px;transition:all .2s;box-shadow:0 0 8px #ff6b3580}.strength-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 12px #ff6b35b3}.strength-slider::-moz-range-thumb{cursor:pointer;background:#ff6b35;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #ff6b3580}.uploaded-image-preview{cursor:pointer;border:2px solid #ff6b354d;border-radius:8px;flex-shrink:0;width:60px;height:60px;transition:all .2s;animation:.3s ease-out imagePreviewAppear;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 12px #ff6b3533}.uploaded-image-preview:hover{border-color:#ff6b3599;transform:scale(1.02);box-shadow:0 0 16px #ff6b3566}@keyframes imagePreviewAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.generation-failed{border:2px solid #ff50504d!important}.uploaded-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.uploaded-image-preview .remove-btn{cursor:pointer;color:#fff;z-index:10;background:#ff6b35;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 3px 8px #0006}.uploaded-image-preview .remove-btn:hover{background:#ff5722;transform:scale(1.15);box-shadow:0 4px 12px #00000080}.strength-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0000,#000c);border-radius:0 0 6px 6px;padding:4px 6px;position:absolute;bottom:0;left:0;right:0}.image-info{margin-bottom:2px;font-size:10px;line-height:1.2}.image-size{color:#ff6b35;font-weight:600}.selected-size{color:#fff;opacity:.8}.selected-size-display{color:#ff6b35;text-align:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:600}.btn-bubble.disabled{opacity:.3;cursor:not-allowed;color:#fff6;background:0 0;border-color:#fff3}.btn-bubble.loading{color:#ffffffb3;box-shadow:none;cursor:pointer;background:#ffffff14;border-color:#ffffff40}.button-content{align-items:center;gap:2px;display:flex}.inline-icon{color:#ff6b35;filter:drop-shadow(0 0 4px #ff6b3599);flex-shrink:0;width:14px;height:14px}.strength-label{color:#ffffffb3;text-align:center;margin-bottom:2px;font-size:8px}.strength-value{color:#ff6b35;text-align:center;margin-bottom:2px;font-size:10px;font-weight:700}.strength-slider-compact{cursor:pointer;appearance:none;background:#fff3;border-radius:2px;outline:none;width:100%;height:3px}.strength-slider-compact::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#ff6b35;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 0 4px #ff6b3599}.strength-slider-compact::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 6px #ff6b35cc}.strength-slider-compact::-moz-range-thumb{cursor:pointer;background:#ff6b35;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 4px #ff6b3599}.w-20{flex-shrink:0;justify-content:center;align-items:center;width:80px;min-width:80px;transition:all .2s;display:flex}.btn-bubble:hover{box-shadow:none;background:#ffffff1a;transform:none}.btn-bubble:active{box-shadow:none;transform:none}.btn-bubble-sm:hover{box-shadow:0 3px 0 0 var(--ink),0 0 16px #fff36b40}.btn-bubble-sm:active{box-shadow:0 2px 0 0 var(--ink);transform:translateY(1px)}.cursor-pointer{cursor:pointer}.page-header{text-align:left;max-width:1200px;margin:0 auto 32px}.workflow-hero{text-align:center;gap:12px;display:grid}.workflow-hero .row{justify-content:center}.workflow-projects{max-width:1100px;margin:32px auto}.workflow-projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.workflow-project-card{border-radius:var(--radius);color:#fffffff2;background:linear-gradient(#1e18148c,#18120e73);border:1px solid #ffffff1f;flex-direction:column;gap:12px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.workflow-project-card:link,.workflow-project-card:visited{color:#fffffff2}.workflow-project-card:hover{border-color:#ffc0784d;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.workflow-project-header{align-items:center;gap:12px;display:flex}.workflow-project-icon{font-size:24px}.workflow-project-title{color:#fff;margin:0;font-size:16px;font-weight:700}.workflow-project-meta{color:#ffffffb3;margin:0;font-size:14px}.workflow-project-date{color:#ffffff80;margin:0;font-size:12px}.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1100px;margin:0 auto;display:grid}.workflow-card{border-radius:var(--radius);color:#fffffff2;background:linear-gradient(#1e18148c,#18120e73);border:1px solid #ffffff1f;align-content:start;gap:8px;min-height:150px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:grid}.workflow-card:link,.workflow-card:visited{color:#fffffff2}.workflow-card:hover{border-color:#ffc0784d;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.workflow-card-icon{color:#ffd86b;font-size:28px}.workflow-card-title{color:#fff;margin:0;font-weight:800}.workflow-card-sub{color:#ffffffe0;margin:0}.workflow-benefits{max-width:1100px;margin-top:24px;margin-left:auto;margin-right:auto}.benefits-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.benefit-card{border-radius:var(--radius);color:#ffffffeb;background:linear-gradient(#1e18148c,#18120e73);border:1px solid #ffffff1f;min-height:120px;padding:16px}.workflow-cta{max-width:1100px;margin-top:28px;margin-left:auto;margin-right:auto}.workflow-cta-title{margin:0;font-weight:800}.btn-eq{box-sizing:border-box;justify-content:center;align-items:center;width:240px;height:44px;display:inline-flex}.page-title{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff36b 0%,#ff6b35 50%,#5a26ff 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:48px;font-weight:800;line-height:1.4}.page-subtitle{color:#ffffffb3;margin:0;font-size:18px;font-weight:400;line-height:1.4}.marketplace-page .page-subtitle{margin-bottom:24px}.cookie-consent-banner{z-index:1400;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#1e1e1ecc;border:1px solid #ffffff1a;border-radius:14px;max-width:720px;margin:0 auto;padding:14px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 4px 24px #0006}.cookie-consent-title{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.cookie-consent-text{color:#ffffffc7;margin:0;font-size:13px;line-height:1.5}.cookie-consent-link{color:#fff;text-underline-offset:2px;text-decoration:underline}.cookie-consent-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.cookie-consent-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;height:36px;padding:0 14px;font-size:13px;font-weight:600}.cookie-consent-btn-secondary{color:#ffffffe6}.cookie-consent-btn-primary{background:linear-gradient(135deg,#ff6b3538 0%,#5a26ff33 100%);border-color:#ff8b5c66}@media (max-width:640px){.cookie-consent-banner{border-radius:12px;padding:12px;bottom:10px;left:10px;right:10px}.cookie-consent-actions{justify-content:stretch}.cookie-consent-btn{flex:1}}.studio-cards{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto;display:grid}.studio-cards-wrapper{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:40px;position:relative;overflow:hidden}.studio-cards-bg-shapes{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.studio-cards-bg-shape{filter:blur(40px);opacity:.15;position:absolute}.studio-cards-bg-cube{background:linear-gradient(135deg,#3b82f64d 0%,#a855f74d 100%);border-radius:20px;width:200px;height:200px;top:-50px;right:-50px;transform:rotate(45deg)}.studio-cards-bg-pipe{background:linear-gradient(90deg,#6b72804d 0%,#3b82f633 100%);border-radius:40px;width:300px;height:80px;bottom:-20px;left:-50px;transform:rotate(-15deg)}.studio-cards-bg-sphere{background:radial-gradient(circle,#a855f74d 0%,#0000 70%);border-radius:50%;width:150px;height:150px;top:50%;left:60%;transform:translate(-50%,-50%)}.studio-cards-header{z-index:1;margin-bottom:32px;position:relative}.studio-cards-title{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700;line-height:1.2}.studio-cards-subtitle{color:#ffffffb3;margin:0;font-size:16px;line-height:1.5}.studio-cards-grid{z-index:1;position:relative}.studio-card{z-index:1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;min-height:60px;padding:16px 20px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:visible}.studio-card-icon{color:#fff;border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0;line-height:0;display:flex}.studio-card-icon svg{vertical-align:middle;width:18px;height:18px;margin:0;display:block}.studio-card-content{flex:1;align-items:center;display:flex}.studio-card-content h3{color:#fff;align-items:center;margin:0;font-size:13px;font-weight:600;line-height:1.2;display:flex}.studio-card-content p{color:#fff9;margin:4px 0 0;font-size:13px;line-height:1.4}.studio-card-badge{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:-6px;right:12px}.studio-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.studio-banner{cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.studio-banner:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.studio-banner-content{flex:1;align-items:center;gap:16px;display:flex}.studio-banner-text{color:#fffffff2;font-size:14px;font-weight:400}.studio-banner-link{color:#ffffffb3;align-items:center;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.studio-banner-link:hover{color:#ffffffe6}.studio-banner-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.studio-banner-close:hover{color:#ffffffe6;background:#ffffff1a}.studio-card h3{color:#fff;margin:0;font-size:13px;font-weight:600;transition:color .3s}.studio-card:hover h3{color:#ff6b35}.studio-card p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}@media (max-width:768px){.studio-cards{grid-template-columns:1fr;gap:16px}}.page-header-quick{text-align:left;z-index:2;visibility:visible;opacity:1;width:100%;padding:24px 24px 0;display:block;position:relative}.quick-generate-nav{box-sizing:border-box;z-index:10;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;justify-content:space-between;align-items:center;width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;padding:12px 24px;transition:-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:sticky;top:0}.grid-quick .quick-generate-nav.scrolled{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.quick-generate-nav-left{align-items:center;gap:8px;display:flex}.quick-generate-nav-right{align-items:center;gap:12px;display:flex}.quick-generate-nav-item{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.quick-generate-nav-item:hover{color:#ffffffe6;background:#ffffff0f}.quick-generate-nav-item.active{color:#fffffff2;background:#ffffff1f}.quick-generate-nav-icon{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px;transition:all .2s;display:flex}.quick-generate-nav-icon:hover{color:#ffffffe6;background:#ffffff0f}.quick-generate-nav-icon.active{color:#fffffff2;background:#ffffff1a}.quick-generate-nav-icon span{font-size:13px}@media (max-width:1024px){.quick-generate-container{min-height:calc(100vh - 60px);flex-direction:column!important;height:auto!important}.left-sidebar-wrapper{flex-shrink:1;height:auto;max-height:none;width:100%!important;min-width:100%!important;max-width:100%!important}.left-sidebar{height:auto;max-height:none;width:100%!important}.grid-quick{min-height:400px;flex:auto!important;width:100%!important;min-width:100%!important;height:auto!important}.grid-quick .viewport{min-height:400px;height:auto!important;max-height:none!important}.grid-quick .viewport.viewport-search-empty,.grid-quick.grid-quick-search-empty{flex:none!important;min-height:0!important}.quick-generate-container.quick-generate-search-empty{min-height:0!important}}@media (max-width:768px){.quick-generate-container{min-height:calc(100vh - 60px)}.quick-generate-container.quick-generate-search-empty{min-height:0!important}.left-sidebar-wrapper{width:100%!important}.grid-quick{min-height:300px}.grid-quick .viewport{min-height:300px;padding-left:0;padding-right:12px}.quick-generate-nav{flex-direction:column;align-items:flex-start;gap:12px}.quick-generate-nav-left,.quick-generate-nav-right{justify-content:space-between;width:100%}.quick-generate-nav-right .quick-generate-nav-icon:first-child{margin-right:auto}.grid-quick .viewport.viewport-search-empty,.grid-quick.grid-quick-search-empty{flex:none!important;min-height:0!important}}.studio-content .quick-generate-container{box-sizing:border-box;align-items:stretch;gap:0;min-width:0;margin:0;padding:0;position:relative;overflow:hidden;flex-direction:row!important;width:100%!important;max-width:none!important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;display:flex!important}@media (max-width:1024px){.studio-content:has(.quick-generate-container){overflow-x:hidden;flex-direction:column!important;overflow-y:auto!important}.studio-content .quick-generate-container{min-height:calc(100vh - 60px);overflow:visible;flex-direction:column!important;height:auto!important}}@media (max-width:768px){.studio-content:has(.quick-generate-container){overflow-y:auto!important}.studio-content .quick-generate-container{min-height:calc(100vh - 56px - 64px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.studio-content .quick-generate-container.quick-generate-search-empty{min-height:0!important}}.quick-generate-mobile-tabs{z-index:2;background:#0000004d;border-bottom:1px solid #ffc87826;flex-shrink:0;gap:0;padding:8px;display:flex}.quick-generate-mobile-tab{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.quick-generate-mobile-tab:hover{color:#ffffffe6;background:#ffffff0f}.quick-generate-mobile-tab.active{color:#ffc878;background:#ffc8781f}.quick-generate-mobile .left-sidebar-wrapper,.quick-generate-mobile .grid-quick{flex:auto;min-height:200px}.quick-generate-container>*{box-sizing:border-box}.left-sidebar-wrapper{z-index:1;box-sizing:border-box;flex-grow:0;flex-shrink:0;width:320px;min-width:320px;max-width:320px;height:100%;max-height:100%;position:relative;overflow:hidden}.left-sidebar{width:320px;height:100%;transition:transform .3s,opacity .3s}.left-sidebar.closed{opacity:0;pointer-events:none;transform:translate(-100%)}.left-sidebar.open{opacity:1;transform:translate(0)}.left-sidebar-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;background:linear-gradient(#1a1411fa 0%,#14100ef2 100%);border-right:1px solid #ffc87826;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto;box-shadow:inset 0 0 0 1px #ffc8781a,0 8px 32px #000c,0 0 60px #ffc8780d}.left-sidebar-content::-webkit-scrollbar{width:4px}.left-sidebar-content::-webkit-scrollbar-track{background:0 0;border-radius:2px}.left-sidebar-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.left-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff14}.left-sidebar-content::-webkit-scrollbar-thumb:active{background:#ffffff1a}.left-sidebar-content:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffc8784d 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.left-sidebar-toggle-btn{cursor:pointer;z-index:10;color:#fffc;background:#1a1411f2;border:1px solid #ffc87833;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:20px;left:100%}.left-sidebar-toggle-btn:hover{color:#fff;background:#1a1411;border-color:#ffc8784d}.left-sidebar.closed .left-sidebar-toggle-btn{border-left:1px solid #ffc87833;border-radius:0 8px 8px 0;left:0}.settings-sidebar-wrapper{z-index:40;display:none;position:fixed;top:80px;right:0}.settings-sidebar{width:320px;height:calc(100vh - 80px);transition:right .3s}.sidebar-close-btn{cursor:pointer;z-index:45;opacity:0;visibility:hidden;pointer-events:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s .3s,visibility .2s .3s;display:flex;position:fixed;top:50%;right:324px;transform:translateY(-50%)}.sidebar-close-btn.visible{opacity:1;visibility:visible;pointer-events:all;transition:opacity .2s .3s,visibility .2s .3s}.sidebar-close-btn:not(.visible){transition:opacity .2s,visibility .2s}.sidebar-close-btn:before{content:"►►";color:#fffc;letter-spacing:-2px;font-size:12px;font-weight:400}.sidebar-close-btn:hover{background:#ffffff1f;border-color:#ffffff40}.sidebar-open-btn{cursor:pointer;z-index:50;opacity:0;pointer-events:none;background:#ffffff14;border:1px solid #ffffff26;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.sidebar-open-btn:before{content:"◄◄";color:#fffc;letter-spacing:-2px;font-size:12px;font-weight:400}.sidebar-open-btn.visible{opacity:1;pointer-events:all}.sidebar-open-btn:hover{background:#ffffff1f;border-color:#ffffff40}.sidebar-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1411a6;border-radius:12px 0 0 12px;width:100%;height:100%;padding-left:1px;transition:transform .3s;position:relative;overflow-y:auto}.sidebar-content:not(.open){transform:translate(100%)}.head-outline{color:#fff;text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink)}.history-scrollable{max-height:70vh;margin-right:-4px;padding-right:4px;overflow:hidden auto}.history-scrollable::-webkit-scrollbar{width:10px}.history-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.history-scrollable::-webkit-scrollbar-thumb{background:#fff6;border:1px solid #ffffff1a;border-radius:5px;transition:background .2s}.history-scrollable::-webkit-scrollbar-thumb:hover{background:#fff9;border-color:#fff3}.history-scrollable::-webkit-scrollbar-thumb:active{background:#fffc;border-color:#ffffff4d}.studio-nav-inner::-webkit-scrollbar{width:3px}.studio-nav-inner::-webkit-scrollbar-track{background:0 0;border-radius:2px}.studio-nav-inner::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.studio-nav-inner::-webkit-scrollbar-thumb:hover{background:#ffffff26}.studio-nav-inner::-webkit-scrollbar-thumb:active{background:#fff3}.studio-scroll,.analytics-scroll{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent}.studio-scroll::-webkit-scrollbar{width:3px}.analytics-scroll::-webkit-scrollbar{width:3px}.studio-scroll::-webkit-scrollbar-track{background:0 0;border-radius:2px}.analytics-scroll::-webkit-scrollbar-track{background:0 0;border-radius:2px}.studio-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.analytics-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.studio-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff26}.analytics-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff26}.studio-scroll::-webkit-scrollbar-thumb:active{background:#fff3}.analytics-scroll::-webkit-scrollbar-thumb:active{background:#fff3}.preview-modal-overlay::-webkit-scrollbar{width:3px}.preview-modal-overlay::-webkit-scrollbar-track{background:0 0;border-radius:2px}.preview-modal-overlay::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.preview-modal-overlay::-webkit-scrollbar-thumb:hover{background:#ffffff26}.preview-modal-overlay::-webkit-scrollbar-thumb:active{background:#fff3}.preview-modal-info::-webkit-scrollbar{width:3px}.preview-modal-info::-webkit-scrollbar-track{background:0 0;border-radius:2px}.preview-modal-info::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.preview-modal-info::-webkit-scrollbar-thumb:hover{background:#ffffff26}.preview-modal-info::-webkit-scrollbar-thumb:active{background:#fff3}.num-display{color:#fffc;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-width:40px;height:36px;margin:0 6px;font-size:16px;font-weight:400;line-height:1.2;display:flex}.num-controls{align-items:center;gap:0;display:flex}.num-controls .btn-bubble-sm{color:#fffc;background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;height:36px;padding:6px 12px;font-size:16px;font-weight:600;line-height:1.2;display:flex}.num-controls .btn-bubble-sm:hover{color:#fff;box-shadow:none;background:#ffffff1a;transform:none}.num-controls .btn-bubble-sm:active{box-shadow:none;transform:none}.num-controls .btn-bubble-sm:disabled{opacity:.3;cursor:not-allowed;color:#ffffff4d;background:0 0}.num-controls .btn-bubble-sm:disabled:hover{color:#ffffff4d;box-shadow:none;background:0 0;transform:none}.image-upload-container{flex-direction:column;gap:12px;display:flex}.uploaded-images-panel{background:linear-gradient(#ffffff0f 0%,#ffffff05 100%),#00000038;border:1px solid #ffffff1f;border-radius:12px;padding:10px;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000040}.uploaded-images-panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.uploaded-images-panel-title{color:#ffffffeb;font-size:12px;font-weight:600}.uploaded-images-panel-count{color:#ffffffbf;background:#00000047;border:1px solid #ffffff2e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.uploaded-images-grid{flex-wrap:wrap;gap:10px;display:flex}.uploaded-image-item{background:#00000061;border:1px solid #ffffff2e;border-radius:10px;flex-shrink:0;width:110px;height:140px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000047}.uploaded-image-item img{object-fit:cover;width:100%;height:100%}.uploaded-image-item:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#000000b8 100%);height:45%;position:absolute;bottom:0;left:0;right:0}.uploaded-image-remove-btn{color:#ffffffe6;cursor:pointer;z-index:3;background:#000000ad;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.uploaded-image-remove-btn:hover{color:#fff;background:#ff4444d6;border-color:#ff5c5c}.uploaded-image-meta{z-index:2;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:6px;left:6px;right:6px}.uploaded-image-label{color:#fffffff0;font-size:10px;font-weight:600;line-height:1.2}.remove-image-btn{color:#ffffffe6;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.remove-image-btn:hover{color:#fff;background:#f44c;border-color:#f44}.image-dimensions{color:#ffffffd1;font-size:10px;line-height:1.1}@media (max-width:768px){.uploaded-image-item{width:calc(50% - 5px);max-width:140px}}.video-upload-container{flex-direction:column;gap:12px;display:flex}.uploaded-video-preview{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;justify-content:center;padding:8px;display:flex;position:relative}.uploaded-video-preview video.uploaded-video{border-radius:8px;max-width:100%}.video-duration-badge{color:#ffffffe6;background:#000c;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;bottom:16px;right:16px}.seedance2-ref-audio-preview{background:#00000047;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px 12px;position:relative;box-shadow:inset 0 1px #ffffff0f}.seedance2-ref-audio-preview .remove-image-btn{z-index:2}.seedance2-ref-audio-inner{align-items:flex-start;gap:12px;padding-right:28px;display:flex}.seedance2-ref-audio-icon{color:#ffffffeb;background:linear-gradient(135deg,#3b82f647,#8b5cf638);border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.seedance2-ref-audio-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.seedance2-ref-audio-name{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.seedance2-ref-audio-meta{color:#ffffff73;font-size:11px}.seedance2-ref-audio-player{border-radius:6px;width:100%;height:36px;margin-top:6px}.seedance2-ref-audio-player::-webkit-media-controls-panel{background:#00000059}.motion-control-params{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.motion-control-row{flex-direction:column;gap:16px;display:flex}.motion-control-param{flex-direction:column;flex:1;gap:8px;display:flex}.motion-control-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.motion-control-buttons{gap:8px;display:flex}.motion-control-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.motion-control-btn:hover{background:#ffffff14;border-color:#fff3}.motion-control-btn.active{color:#ff6b35;background:#ff6b3526;border-color:#ff6b3580}.motion-control-hint{color:#fff6;font-size:11px}.image-upload-btn-wrapper{width:100%}.image-upload-btn-wrapper.drag-over .image-upload-btn{color:#fff;background:#ff6b3524;border-color:#ff6b35bf}.upload-drop-hint{text-align:center;color:#ffffff8c;margin-top:6px;font-size:11px}.image-upload-btn{color:#fffc;cursor:pointer;background:#ffffff0a;border:1px dashed #fff3;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.image-upload-btn:hover{color:#fffffff2;background:#ffffff14;border-color:#ffffff4d}.frame-upload-row{gap:10px;width:100%;display:flex}.frame-upload-box{cursor:pointer;aspect-ratio:4/3;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:18px 10px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.frame-upload-box:hover{background:#ffffff14;border-color:#ffffff38}.frame-upload-box.drag-over{background:#ff6b351f;border-color:#ff6b3599}.frame-upload-box.has-image{border-style:solid;padding:0}.frame-upload-box.has-image img{object-fit:cover;border-radius:11px;width:100%;height:100%}.frame-upload-badge{letter-spacing:.02em;color:#ffffff80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;white-space:nowrap;background:#00000073;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frame-upload-box.has-image .frame-upload-badge{color:#ffffffbf;background:#0009}.frame-upload-icon{color:#ffffff59;transition:color .2s}.frame-upload-box:hover .frame-upload-icon{color:#ffffff8c}.frame-upload-label{color:#ffffff8c;text-align:center;font-size:12px;font-weight:500;transition:color .2s}.frame-upload-box:hover .frame-upload-label{color:#ffffffbf}.frame-upload-remove{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:6px;right:6px}.frame-upload-box:hover .frame-upload-remove{opacity:1}.frame-upload-remove:hover{color:#fff;background:#dc3232b3}@media (max-width:480px){.frame-upload-box{padding:14px 8px 10px}}.num-controls-compact{background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:0;width:fit-content;height:32px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d,0 0 12px #0003}.wan27-mode-row{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.wan27-mode-row .wan27-mode-seg{flex:auto;min-width:0}.wan27-qty-wrap{min-width:0}.num-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.num-btn:hover:not(:disabled){color:#ffffffe6;background:#ffffff0d}.num-btn:disabled{opacity:.3;cursor:not-allowed}.num-display-compact{color:#ffffffb3;background:0 0;border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f;justify-content:center;align-items:center;min-width:36px;height:32px;font-size:13px;font-weight:500;display:flex}.size-btn-compact{color:#ffffffb3;cursor:pointer;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;height:32px;padding:6px 10px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #0000004d,0 0 12px #0003}.size-btn-compact:hover:not(.disabled):not(:disabled){color:#ffffffe6;background:#ffffff0d}.size-btn-compact.disabled,.size-btn-compact:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.editor-container{z-index:40;background:#1e1814f2;width:calc(100% - 64px);height:100vh;margin-left:64px;display:flex;position:fixed;inset:0;overflow:hidden}.studio-nav.expanded~.studio-content .editor-container{width:calc(100% - 220px);margin-left:220px}.editor-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814d9;border-right:1px solid #ffffff1a;flex-direction:column;width:320px;display:flex;overflow-y:hidden}.editor-sidebar-right{border-left:1px solid #ffffff1a;border-right:none}.editor-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.editor-sidebar-header h3{color:#ffffffe6;margin:0;font-size:16px;font-weight:600}.editor-upload-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.editor-upload-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.editor-media-filters{border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 16px;display:flex}.editor-filter-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.editor-media-filters:has(.editor-filter-btn:only-child) .editor-filter-btn{width:100%;max-width:none}.editor-filter-btn:hover{background:#ffffff1a}.editor-filter-btn.active{color:#fffffff2;background:#ff6b3533;border-color:#ff6b3566}.editor-media-library{flex:1;padding:16px;display:block;overflow:hidden}.editor-sidebar::-webkit-scrollbar{display:none}.editor-media-library::-webkit-scrollbar{display:none}.editor-sidebar,.editor-media-library{-ms-overflow-style:none;scrollbar-width:none}.editor-media-item{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;width:100%;height:100%;margin:0;transition:all .2s;display:flex;overflow:hidden}.editor-media-item:hover{border-color:#ffffff4d;transform:translateY(-2px)}.editor-media-thumb{background:#0000004d;justify-content:center;align-items:center;width:100%;height:calc(100% - 56px);display:flex;overflow:hidden}.editor-media-thumb img,.editor-media-thumb video{object-fit:cover;width:100%;height:100%}.editor-media-placeholder{color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.editor-media-placeholder svg{width:64px;height:64px}.editor-media-audio-thumb{color:#fffc;background:linear-gradient(135deg,#3b82f633,#8a2be233);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.editor-media-info{background:#1e181466;border-top:1px solid #ffffff1a;align-items:center;height:56px;margin-top:auto;padding:0 16px;display:flex}.editor-media-name{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.editor-media-meta{color:#ffffff80;font-size:11px}.editor-tools-section{border-top:1px solid #ffffff1a;padding:16px}.editor-tools-section h4{color:#ffffffe6;margin:0 0 12px;font-size:14px;font-weight:600}.editor-tools-list{flex-direction:column;gap:8px;display:flex}.editor-tool-btn{color:#ffffffe6;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.editor-tool-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.editor-preview-area{background:#18120ef2;flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-preview-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.editor-preview-title{align-items:center;gap:12px;display:flex}.editor-preview-title h2{color:#ffffffe6;margin:0;font-size:18px;font-weight:600}.editor-preview-badge{color:#fffc;background:#ff6b3526;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.editor-preview-actions{gap:8px;display:flex}.editor-action-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.editor-action-btn:hover{background:#ffffff1a}.editor-action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b354d}.editor-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ff6b354d}.editor-preview-viewport{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.editor-preview-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.editor-preview-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 32px #0006}.editor-preview-audio{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:500px;padding:48px;display:flex}.editor-preview-audio-icon{color:#ffffffe6;background:linear-gradient(135deg,#3b82f633,#8a2be233);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:64px;display:flex}.editor-preview-audio-player{width:100%;max-width:400px}.editor-preview-audio-name{color:#ffffffb3;text-align:center;margin:0;font-size:14px}.editor-preview-empty{color:#fff9;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.editor-preview-empty h3,.editor-preview-empty p,.editor-preview-empty label{margin:0}.editor-preview-empty-icon{color:#ffffff4d;margin-bottom:8px;font-size:64px}.editor-preview-empty h3{color:#ffffffe6;margin:0;font-size:20px;font-weight:600}.editor-upload-large-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.editor-upload-large-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.editor-upload-large-btn:hover:before{left:100%}.editor-upload-large-btn:hover{color:#fff36b;background:#fff36b1a;transform:translateY(-2px);box-shadow:0 8px 25px #fff36b33}.editor-bottom-toolbar{background:#1e1814d9;border-top:1px solid #ffffff1a;align-items:center;gap:24px;padding:16px 24px;display:flex}.editor-timeline{background:#18120ee6;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:8px 12px 12px;overflow-x:auto}.timeline-header{align-items:center;gap:16px;padding:4px 0;display:flex}.timeline-label{color:#fff9;min-width:64px;font-size:12px}.timeline-scale{color:#ffffff59;gap:56px;padding-left:8px;font-size:11px;display:flex}.timeline-scale-tick{position:relative}.timeline-scale-tick:before{content:"";background:#ffffff1a;width:1px;position:absolute;top:-6px;bottom:-6px;left:-8px}.timeline-body{gap:8px;padding-top:6px;padding-bottom:6px;display:grid}.timeline-track{background:#ffffff0a;border:1px dashed #ffffff2e;border-radius:8px;align-items:center;gap:8px;height:48px;padding:4px;display:flex;position:relative;overflow:hidden}.timeline-track-label{color:#fff9;min-width:64px;padding:0 8px;font-size:12px;font-weight:500}.timeline-clip{background:#ffffff17;border:1px solid #fff3;border-radius:6px;flex:1;align-items:center;height:100%;padding:0 10px;display:inline-flex;position:relative}.timeline-clip.image{background:linear-gradient(90deg,#fff36b26,#ff6b3526)}.timeline-clip.video{background:linear-gradient(90deg,#8a2be226,#ff6b3526)}.timeline-clip.audio{background:linear-gradient(90deg,#3b82f626,#8a2be226)}.timeline-clip.selected{border:2px solid #ff6b3599;box-shadow:0 0 8px #ff6b3566}.timeline-clip-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.editor-toolbar-group{align-items:center;gap:12px;display:flex}.editor-toolbar-label{color:#fff9;font-size:12px;font-weight:500}.editor-toolbar-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.editor-toolbar-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.editor-properties{padding:16px;overflow-y:auto}.editor-property-group{margin-bottom:24px}.editor-property-group h4{color:#ffffffe6;margin:0 0 12px;font-size:14px;font-weight:600}.editor-property-item{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.editor-property-label{color:#ffffffb3;font-size:12px;font-weight:500}.editor-property-value{color:#ffffffe6;font-size:13px}.editor-property-checkbox{cursor:pointer;color:#ffffffe6;align-items:center;gap:8px;font-size:13px;display:flex}.editor-property-checkbox input[type=checkbox]{cursor:pointer;accent-color:#ff6b35cc;width:18px;height:18px}.editor-range-input{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.editor-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;width:16px;height:16px}.editor-range-input::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50%;width:16px;height:16px}.editor-property-btn{color:#ffffffe6;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.editor-property-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.editor-properties-empty{color:#fff6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.editor-properties-empty svg{opacity:.3;width:48px;height:48px}@media (max-width:1024px){.editor-sidebar{width:280px}}@media (max-width:768px){.editor-container{flex-direction:column}.editor-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:200px}.editor-sidebar-right{display:none}}.generation-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#fff36b14 0%,#ff6b3514 100%);border:1px solid #fff36b4d;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 20px #fff36b1a,inset 0 0 20px #ff6b350d}.generation-placeholder:before{content:"";opacity:0;background:linear-gradient(135deg,#fff36b1a 0%,#ff6b351a 100%);animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:0}@keyframes pulse-glow{0%,to{opacity:0}50%{opacity:.3}}.generation-placeholder-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.generation-spinner{justify-content:center;align-items:center;animation:2s linear infinite spin-slow;display:flex}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generation-text{color:#fff36be6;text-shadow:0 0 10px #fff36b80;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.generation-text-dots{gap:2px;display:inline-flex}.generation-text-dots span{animation:1.4s ease-in-out infinite dot-bounce;animation-delay:calc(var(--i)*.2s);display:inline-block}.generation-text-dots span:first-child{--i:0}.generation-text-dots span:nth-child(2){--i:1}.generation-text-dots span:nth-child(3){--i:2}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.canvas-page{z-index:1;background:linear-gradient(#15100e 0%,#1a1411 55%,#120e0b 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.canvas-header{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:56px;padding:12px 20px;display:flex}.canvas-header-left{align-items:center;gap:12px;display:flex}.canvas-header-right{align-items:center;gap:16px;display:flex}.canvas-back-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background .2s;display:flex}.canvas-back-btn:hover{background:#ffffff1a}.canvas-logo{color:#fff;margin-right:8px;font-size:18px;font-weight:800;text-decoration:none}.canvas-project-selector{cursor:pointer;color:#ffffffe6;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;transition:background .2s;display:flex;position:relative}.canvas-project-selector:hover{background:#ffffff1a}.canvas-project-dropdown-btn{cursor:pointer;color:#fffc;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.canvas-project-dropdown-btn:hover{color:#fff}.canvas-project-name-input{color:#ffffffe6;cursor:text;background:0 0;border:none;outline:none;width:200px;margin:0;padding:0;font-size:14px;font-weight:500}.canvas-project-name-input::placeholder{color:#ffffff80}.canvas-project-name-input:focus{color:#fff}.canvas-projects-dropdown{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814fa;border:1px solid #ffffff2e;border-radius:8px;min-width:250px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 32px #000000b3}.canvas-project-delete-btn{color:#ffffff80;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.canvas-project-dropdown-item:hover .canvas-project-delete-btn{opacity:1}.canvas-project-delete-btn:hover{color:#ef4444;background:#ef444426}.canvas-project-dropdown-item{color:#ffffffe6;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.canvas-project-dropdown-item:hover{background:#ffffff1a}.canvas-project-dropdown-item.active{color:#ffd58a;background:#ff6b3526}.canvas-project-dropdown-item span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.canvas-project-node-count{color:#fff9;font-size:12px;font-weight:400}.canvas-project-dropdown-item.active .canvas-project-node-count{color:#ffd58acc}.canvas-projects-divider{background:#ffffff1a;height:1px;margin:4px 0}.canvas-save-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:6px 16px;font-size:14px;transition:all .2s}.canvas-save-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.canvas-icon-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.canvas-icon-btn:hover{background:#ffffff1a}.canvas-credits-btn{color:#ffd58a;cursor:pointer;background:linear-gradient(#ff6b3538 0%,#fff36b1f 100%);border:1px solid #ff6b3580;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 0 0 1px #ff6b3566,0 0 24px #ff6b3538}.canvas-credits-btn:hover{box-shadow:0 0 0 1px #ff6b3599,0 0 32px #ff6b354d}.canvas-upgrade-btn{cursor:pointer;color:#ffffffe6;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;transition:all .2s;display:flex}.canvas-upgrade-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.canvas-user-avatar{color:#ffd58a;background:linear-gradient(#ff6b354d 0%,#fff36b33 100%);border:1px solid #ff6b3566;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.canvas-layout{flex:1;display:flex;overflow:hidden}.canvas-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814f2;border-right:1px solid #ffffff1a;flex-direction:column;width:320px;transition:transform .3s;display:flex;overflow-y:auto}.canvas-sidebar.closed{transform:translate(-100%)}.canvas-sidebar-header{border-bottom:1px solid #ffffff1a;padding:16px}.canvas-templates-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.canvas-templates-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.canvas-templates-btn .studio-icon{color:#ffffffb3;transition:color .2s}.canvas-templates-btn:hover .studio-icon{color:#ffffffe6}.canvas-sidebar-tabs{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:12px 16px;display:flex}.canvas-tab{cursor:pointer;color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.canvas-tab:hover{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff26}.canvas-tab.active{color:#fffffff2;background:#ffffff14;border-color:#fff3;font-weight:600}.canvas-search-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:background .2s;display:flex}.canvas-search-btn:hover{background:#ffffff1a}.canvas-search-input-wrapper{align-items:center;gap:8px;width:100%;padding:0;display:flex;position:relative}.canvas-search-input-icon{color:#ffffff80;pointer-events:none;z-index:1;width:16px;height:16px;position:absolute;left:12px}.canvas-search-input{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 36px;font-size:14px;transition:all .2s}.canvas-search-input:focus{color:#fff;background:#ffffff14;border-color:#fff3}.canvas-search-input::placeholder{color:#fff6}.canvas-search-close-btn{cursor:pointer;color:#fff9;z-index:1;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex;position:absolute;right:8px}.canvas-search-close-btn:hover{color:#ffffffe6;background:#ffffff1a}.canvas-tools-list{flex-direction:column;gap:0;padding:16px;display:flex}.canvas-category-group{border-bottom:1px solid #ffffff0d;flex-direction:column;display:flex}.canvas-category-group:last-child{border-bottom:none}.canvas-category-title{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin:0;padding:12px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.canvas-category-title:hover{color:#fff;background:#ffffff0d}.canvas-category-title .studio-icon{color:#fff9;width:16px;height:16px;transition:transform .2s,color .2s}.canvas-category-title:hover .studio-icon{color:#ffffffe6}.canvas-category-content{opacity:1;max-height:2000px;transition:max-height .3s ease-out,opacity .2s ease-out;overflow:hidden}.canvas-category-content[style*="max-height: 0"]{opacity:0}.canvas-category-content>div{flex-direction:column;gap:8px;padding-top:8px;display:flex}.canvas-tool-card{cursor:pointer;text-align:left;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:flex-start;gap:12px;width:100%;height:88px;padding:10px 12px;transition:all .2s;display:flex}.canvas-tool-card:hover{background:#ffffff0d;border-color:#ff6b3580;box-shadow:0 2px 8px #ff6b3533}.canvas-tool-icon{background:#ff6b3526;border:1px solid #ff6b354d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:20px;display:flex}.canvas-tool-info{flex-direction:column;flex:1;justify-content:space-between;gap:2px;min-width:0;height:100%;display:flex}.canvas-tool-name{color:#fffffff2;font-size:14px;font-weight:600;line-height:1.2}.canvas-tool-price{color:#ffd58a;font-size:12px;font-weight:600;line-height:1.2}.canvas-tool-desc{color:#ffffffb3;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.canvas-main{background:#0f0b08;flex:1;position:relative;overflow:hidden}.canvas-grid{cursor:grab;background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-position:0 0;background-size:20px 20px;width:5000px;min-width:5000px;height:5000px;min-height:5000px;position:relative}.canvas-grid:active{cursor:grabbing}.canvas-instruction{color:#ffffff14;pointer-events:none;z-index:10;font-family:Comic Sans MS,cursive;font-size:48px;font-weight:700;position:absolute}.canvas-instruction-left{top:30%;left:10%;transform:rotate(-5deg)}.canvas-instruction-right{top:30%;right:10%;transform:rotate(5deg)}.canvas-instruction-arrow{margin-top:-20px;font-size:64px}.canvas-node{z-index:50;background:#1e1814f2;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 16px #00000080}.canvas-node:hover{border-color:#ff6b3580;box-shadow:0 6px 24px #ff6b354d}.canvas-node-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.canvas-node-title{color:#ffffffe6;font-size:14px;font-weight:600}.canvas-node-close{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.canvas-node-close:hover{color:#fff;background:#ffffff1a}.canvas-node-content{flex:1;justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex}.canvas-node-image{object-fit:cover;border-radius:8px;width:100%;height:100%}.canvas-node-placeholder{color:#ffffff80;flex-direction:column;align-items:center;gap:12px;font-size:14px;display:flex}.canvas-node-placeholder svg{opacity:.5;width:48px;height:48px}.canvas-tool-modal{z-index:100;-webkit-backdrop-filter:blur(12px);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#1e1814f2 0%,#18120eeb 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:500px;max-width:90vw;font-family:Arial,Helvetica,sans-serif;transition:box-shadow .3s,transform .2s;display:flex;position:absolute;overflow:visible;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f}.canvas-tool-modal:active{cursor:grabbing}.canvas-tool-modal-header{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff0a 0%,#ffffff05 100%);border-bottom:1px solid #ffffff14;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.canvas-tool-modal-header:active{cursor:grabbing}.canvas-tool-modal-header h3{color:#fffffff2;letter-spacing:.5px;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700}.canvas-tool-modal-actions{align-items:center;gap:8px;display:flex}.canvas-tool-modal-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:14px;transition:all .2s;display:flex}.canvas-tool-modal-btn:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 0 2px #fff36b26}.canvas-tool-modal-close{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.canvas-tool-modal-close:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 0 2px #fff36b26}.canvas-tool-modal-content{-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;gap:20px;padding:24px;display:flex;overflow:visible}.canvas-tool-modal-content *{-webkit-user-select:none;user-select:none}.canvas-tool-modal-content textarea,.canvas-tool-modal-content input[type=text],.canvas-tool-modal-content input[type=number],.canvas-prompt-input{-webkit-user-select:text!important;user-select:text!important}.canvas-tool-modal-hint{text-align:center;color:#fff9;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-style:italic;line-height:1.6}.canvas-generating-text{color:#fff36b;text-shadow:0 0 12px #fff36bcc,0 0 20px #fff36b66;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.canvas-generating-text-main{color:#fff36b;text-shadow:0 0 12px #fff36bcc,0 0 20px #fff36b66}.canvas-generating-text-dots{gap:3px;display:inline-flex}.canvas-generating-text-dots span{animation:1.4s ease-in-out infinite dot-bounce;animation-delay:calc(var(--i)*.2s);color:#ff6b35;text-shadow:0 0 10px #ff6b35cc,0 0 16px #ff6b3566;font-weight:700;display:inline-block}.canvas-generating-text-dots span:first-child{--i:0}.canvas-generating-text-dots span:nth-child(2){--i:1}.canvas-generating-text-dots span:nth-child(3){--i:2}.canvas-generate-btn:hover{background:#1a1a1a}.canvas-generate-price{opacity:.8;margin-left:auto;font-size:14px}.canvas-node-result-image{object-fit:cover;border:1px solid #ffffff1f;border-radius:12px;width:100%;margin-top:12px;transition:all .3s;box-shadow:0 4px 16px #0000004d,inset 0 0 0 1px #ffffff0f}.canvas-node-result-image:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px #fff36b33}.canvas-tool-modal-section{flex-direction:column;gap:10px;display:flex}.canvas-tool-modal-section label{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.canvas-prompt-input{resize:none;box-sizing:border-box;color:#fffffff2;background:#120e0bf2;border:1px solid #c0783c4d;border-radius:12px;width:100%;min-height:100px;max-height:140px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;transition:all .2s;overflow-y:auto;box-shadow:0 0 0 1px #c0783c1a}.canvas-prompt-input::-webkit-scrollbar{width:6px}.canvas-prompt-input::-webkit-scrollbar-track{background:0 0;border-radius:3px}.canvas-prompt-input::-webkit-scrollbar-thumb{background:#ffffff1f;border:none;border-radius:3px;transition:background .2s}.canvas-prompt-input::-webkit-scrollbar-thumb:hover{background:#fff3}.canvas-prompt-input::-webkit-scrollbar-thumb:active{background:#ffffff4d}.canvas-prompt-input::placeholder{color:#ffffff80;font-style:normal}.canvas-prompt-input:focus{background:#120e0bfa;border-color:#c0783c80;outline:none;box-shadow:0 0 0 2px #c0783c33,0 0 0 1px #c0783c1a}.canvas-prompt-actions{gap:8px;display:flex}.canvas-prompt-action-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.canvas-prompt-action-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.canvas-start-images{text-align:left;color:#ffffffb3;cursor:pointer;background:#120e0bf2;border:1px dashed #c0783c4d;border-radius:12px;justify-content:flex-start;align-items:center;min-height:48px;padding:12px 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;transition:all .3s;display:flex;box-shadow:0 0 0 1px #c0783c1a}.canvas-start-images:hover{background:#120e0bfa;border-color:#c0783c80;transform:translateY(-1px);box-shadow:0 0 0 2px #c0783c33,0 0 0 1px #c0783c1a}.canvas-select{color:#fffffff2;cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:14px 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;transition:all .2s;box-shadow:inset 0 0 0 1px #ffffff0f}.canvas-select:focus{background:#ffffff14;border-color:#fff36b80;outline:none;box-shadow:0 0 0 2px #fff36b33,inset 0 0 0 1px #ffffff14}.canvas-tool-modal-section .btn-bubble-sm{color:#ffffffe6!important;box-shadow:none!important;background:#1e1814cc!important;border:1px solid #ffffff1f!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:auto!important;min-height:44px!important;padding:12px 16px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.canvas-tool-modal-section .btn-bubble-sm:hover{box-shadow:none!important;background:#ffffff14!important;border-color:#fff3!important;transform:none!important}.canvas-tool-modal-section .btn-bubble-sm:active{box-shadow:none!important;transform:none!important}.canvas-settings{margin-top:8px}.canvas-settings summary{cursor:pointer;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;padding:12px 0;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.canvas-settings summary:hover{color:#fff36be6;text-shadow:0 0 8px #fff36b4d}.canvas-right-tools{z-index:50;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.canvas-right-tool-btn{cursor:pointer;color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814cc;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000004d}.canvas-right-tool-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.canvas-footer{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814f2;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:56px;padding:12px 20px;display:flex}.canvas-footer-left,.canvas-footer-right{align-items:center;gap:8px;display:flex}.canvas-footer-center{align-items:center;gap:12px;display:flex}.canvas-footer-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0 12px;font-size:14px;transition:background .2s;display:flex}.canvas-footer-btn:hover{background:#ffffff1a}.canvas-zoom-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.canvas-zoom-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.canvas-zoom-value{text-align:center;color:#ffffffe6;min-width:50px;font-size:14px;font-weight:600}.canvas-sidebar::-webkit-scrollbar{width:3px}.canvas-sidebar::-webkit-scrollbar-track{background:0 0;border-radius:2px}.canvas-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.canvas-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff26}.canvas-sidebar::-webkit-scrollbar-thumb:active{background:#fff3}.canvas-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.canvas-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1814fa;border:1px solid #ffffff2e;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #000000b3}.canvas-modal-header{justify-content:space-between;align-items:center;padding:20px 20px 0;display:flex}.canvas-modal-header h2,.canvas-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:700}.canvas-modal-close-btn{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.canvas-modal-close-btn:hover{background:#ffffff1a}.canvas-modal-body{flex-direction:column;flex:1;min-height:0;padding:0 20px;display:flex;overflow-y:auto}.canvas-templates-tabs{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:24px;display:flex}.canvas-template-tab{cursor:pointer;color:#ffffffb3;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;transition:all .2s;position:relative;top:1px}.canvas-template-tab.active{color:#ffd58a;border-bottom-color:#ff6b3580}.canvas-template-tab:disabled{opacity:.5;cursor:not-allowed}.canvas-templates-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.canvas-template-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;display:flex}.canvas-template-card:hover{background:#ffffff0d;border-color:#ff6b3580;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3533}.canvas-template-icon{margin-bottom:4px;font-size:32px}.canvas-template-card h3{color:#fffffff2;margin:0;font-size:16px;font-weight:600}.canvas-template-card p{color:#ffffffb3;flex:1;margin:0;font-size:13px;line-height:1.4}.canvas-template-use-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;width:100%;margin-top:auto;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.canvas-template-use-btn:hover{color:#ffd58a;background:linear-gradient(#ff6b3538 0%,#fff36b1f 100%);border-color:#ff6b3580;box-shadow:0 0 0 1px #ff6b3566,0 0 24px #ff6b3538}.canvas-modal-body::-webkit-scrollbar{width:3px}.canvas-modal-body::-webkit-scrollbar-track{background:0 0;border-radius:2px}.canvas-modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border:none;border-radius:2px;transition:background .2s}.canvas-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.canvas-modal-body::-webkit-scrollbar-thumb:active{background:#fff3}@media (max-width:1024px){.canvas-sidebar{z-index:200;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 8px #00000080}.canvas-sidebar.closed{transform:translate(-100%)}.canvas-tool-modal{width:95vw}.canvas-modal-content{width:95%;max-height:85vh}.canvas-templates-grid{grid-template-columns:1fr}}.canvas-connection-point{cursor:pointer;z-index:150;transform-origin:50%;background:#1e1814fa;border:2px solid #ffffff80;flex-shrink:0;transition:transform .2s,box-shadow .2s;position:absolute;overflow:visible;box-shadow:0 2px 8px #0006;box-sizing:border-box!important;aspect-ratio:1!important;border-radius:50%!important;width:14px!important;min-width:14px!important;max-width:14px!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important;padding:0!important;line-height:0!important;display:block!important}.canvas-connection-point.input{top:50%;left:-22px;transform:translateY(-50%)}.canvas-connection-point.output{top:50%;right:-22px;transform:translateY(-50%)}.canvas-connection-point:hover,.canvas-connection-point.input:hover,.canvas-connection-point.output:hover{transform:translateY(-50%)scale(1.3)}.canvas-connection-point.image,.canvas-connection-point.startImages{background:#1e1814fa;border-color:#3b82f6cc}.canvas-connection-point.image:hover,.canvas-connection-point.startImages:hover{background:#3b82f6e6;border-color:#3b82f6;box-shadow:0 0 12px #3b82f6cc}.canvas-connection-point.prompt{background:#1e1814fa;border-color:#22c55ecc}.canvas-connection-point.prompt:hover{background:#22c55ee6;border-color:#22c55e;box-shadow:0 0 12px #22c55ecc}.canvas-connection-point.connecting{background:#fff36be6;border-color:#fff36b;box-shadow:0 0 12px #fff36bcc}.canvas-connection-line{pointer-events:none;z-index:5;position:absolute}.canvas-connection-line svg{overflow:visible}.canvas-connection-line path{fill:none;stroke:#ff6b3599;stroke-width:2px;transition:stroke .2s}.canvas-connection-line:hover path{stroke:#ff6b35;stroke-width:3px}.canvas-connection-line.connecting path{stroke:#fff36bcc;stroke-width:2.5px;stroke-dasharray:5 5;animation:.5s linear infinite connection-dash}@keyframes connection-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:10px}}.canvas-tool-modal-section{position:relative;overflow:visible}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#1e1814fa;border:1px solid #ffffff1a;border-radius:12px;min-width:300px;max-width:400px;padding:16px 20px;transition:all .2s;animation:.3s ease-out toast-slide-in;box-shadow:0 8px 32px #0006}.toast:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.toast-content{align-items:center;gap:12px;display:flex}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-message{color:#fffffff2;font-size:14px;font-weight:500;line-height:1.4}.toast-success{background:#1e1814fa;border-color:#22c55e4d}.toast-success .toast-icon{color:#22c55e;filter:drop-shadow(0 0 6px #22c55e99)}.toast-error{background:#1e1814fa;border-color:#ef44444d}.toast-error .toast-icon{color:#ef4444;filter:drop-shadow(0 0 6px #ef444499)}.toast-info{background:#1e1814fa;border-color:#3b82f64d}.toast-info .toast-icon{color:#3b82f6;filter:drop-shadow(0 0 6px #3b82f699)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.canvas-upload-zone{text-align:center;cursor:pointer;box-sizing:border-box;background:#ffffff08;border:2px dashed #fff3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:100px;margin-top:20px;margin-bottom:20px;padding:20px;transition:all .2s;display:flex}.canvas-upload-zone:hover{background:#ffffff0d;border-color:#ff6b3599;box-shadow:0 0 0 2px #ff6b351a}.canvas-upload-zone svg,.canvas-upload-zone .icon{color:#ffffffe6;opacity:1;transition:all .2s;font-size:24px!important}.canvas-upload-zone:hover svg,.canvas-upload-zone:hover .icon{color:#ff6b35;filter:drop-shadow(0 0 8px #ff6b3599);transform:translateY(-2px)}.canvas-upload-zone p{color:#ffffffb3;margin:0;font-size:14px;line-height:1.4;transition:color .2s}.canvas-upload-zone:hover p{color:#ffffffe6}@keyframes flame-flicker{0%,to{filter:drop-shadow(0 0 4px #ff6b3599);background-position:0%}25%{filter:drop-shadow(0 0 6px #ffd86bcc);background-position:25%}50%{filter:drop-shadow(0 0 5px #ff6b35b3);background-position:50%}75%{filter:drop-shadow(0 0 7px #ffd86be6);background-position:75%}}.tutorial-content{color:#ffffffd9;font-size:16px;line-height:1.7}.tutorial-content h1,.tutorial-content h2,.tutorial-content h3,.tutorial-content h4,.tutorial-content h5,.tutorial-content h6{color:#fff;margin-top:32px;margin-bottom:16px;font-weight:700;line-height:1.3}.tutorial-content h1{margin-top:0;font-size:32px}.tutorial-content h2{font-size:28px}.tutorial-content h3{font-size:24px}.tutorial-content h4{font-size:20px}.tutorial-content h5{font-size:18px}.tutorial-content h6{font-size:16px}.tutorial-content p{margin:0 0 18px;line-height:1.7}.tutorial-content ul,.tutorial-content ol{margin:16px 0;padding-left:24px}.tutorial-content li{margin:8px 0;line-height:1.6}.tutorial-content ul{list-style-type:disc}.tutorial-content ol{list-style-type:decimal}.tutorial-content code{color:#ffc078;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.tutorial-content pre{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;margin:20px 0;padding:16px;overflow-x:auto}.tutorial-content pre code{color:#ffffffe6;background:0 0;border:none;padding:0;font-size:14px}.tutorial-content blockquote{color:#ffffffb3;border-left:4px solid #fff36b80;margin:20px 0;padding-left:16px;font-style:italic}.tutorial-content a{color:#60a5fa;text-decoration:underline;transition:color .2s}.tutorial-content a:hover{color:#93c5fd}.tutorial-content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0}.tutorial-content hr{border:none;border-top:1px solid #ffffff26;margin:32px 0}.tutorial-content table{border-collapse:collapse;width:100%;margin:20px 0}.tutorial-content th,.tutorial-content td{text-align:left;border:1px solid #ffffff26;padding:12px}.tutorial-content th{color:#fff;background:#ffffff0d;font-weight:600}.tutorial-content strong{color:#fff;font-weight:600}.tutorial-content em{font-style:italic}input[type=range]{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:4px;outline:none;width:100%;height:8px;margin:8px 0;padding:0;transition:background .15s}input[type=range]:hover{background:#ffffff1f}input[type=range]:active{background:#ffffff26;transition:none}input[type=range]::-webkit-slider-runnable-track{background:#ffffff14;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;will-change:transform;pointer-events:auto;background:linear-gradient(#ff6b35f2 0%,#fff36bf2 100%);border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;margin-top:-7px;transition:transform 50ms,box-shadow 50ms,border-color 50ms;box-shadow:0 0 0 2px #ff6b354d,0 2px 8px #ff6b3566}input[type=range]::-webkit-slider-thumb:hover{border-color:#ffffff59;transform:scale(1.15);box-shadow:0 0 0 3px #ff6b3566,0 3px 10px #ff6b3580}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transition:none;transform:scale(1.1);box-shadow:0 0 0 3px #ff6b3566,0 2px 4px #ff6b3580}input[type=range]::-moz-range-track{background:#ffffff14;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#ff6b3580 0%,#fff36b80 100%);border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{cursor:grab;will-change:transform;background:linear-gradient(#ff6b35f2 0%,#fff36bf2 100%);border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;transition:transform 50ms,box-shadow 50ms,border-color 50ms;box-shadow:0 0 0 2px #ff6b354d,0 2px 8px #ff6b3566}input[type=range]::-moz-range-thumb:hover{border-color:#ffffff59;transform:scale(1.15);box-shadow:0 0 0 3px #ff6b3566,0 3px 10px #ff6b3580}input[type=range]::-moz-range-thumb:active{cursor:grabbing;transition:none;transform:scale(1.1);box-shadow:0 0 0 3px #ff6b3566,0 2px 4px #ff6b3580}.updates-page{max-width:980px;margin:0 auto}.updates-page .page-header{margin-bottom:28px}.updates-timeline{padding-left:28px;position:relative}.updates-timeline:before{content:"";background:linear-gradient(#fff36b8c 0%,#ff6b353d 100%);width:2px;position:absolute;top:0;bottom:0;left:10px}.updates-entry{margin-bottom:22px;position:relative}.updates-dot{background:#141414;border:2px solid #fff36ba6;border-radius:50%;width:12px;height:12px;position:absolute;top:14px;left:-24px;box-shadow:0 0 0 3px #ff6b3524}.updates-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;padding:16px 18px}.updates-date-pill{color:#ffe3cdf5;background:#ff6b3524;border:1px solid #ff6b3547;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.updates-date-icon{color:#ff8a3d;width:14px;height:14px}.updates-entry-title{color:#fff5ebfa;margin:12px 0 10px;font-size:17px;font-weight:700}.updates-summary{color:#ffffffb8;margin:0 0 10px;font-size:14px;line-height:1.45}.updates-list{color:#ffffffc7;gap:6px;margin:0;padding-left:16px;font-size:14px;line-height:1.5;display:grid}.updates-list li::marker{color:#ff8d54f2}.updates-empty-card{margin-left:0}.updates-empty-title{margin-top:0}.updates-empty-text{color:#ffffffb3;margin:0}@media (max-width:768px){.updates-timeline{padding-left:20px}.updates-timeline:before{left:7px}.updates-dot{left:-17px}.updates-card{padding:14px}}.trend-remix-page{width:100%;padding:0 12px;overflow-x:hidden}.trend-remix-page-inner{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:32px 24px}.trend-remix-skeleton{width:100%;min-width:0}.trend-remix-title{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.25}.trend-remix-desc{color:#fff9;margin:0;font-size:14px;line-height:1.5}.trend-remix-badges{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.trend-remix-form{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:24px}.trend-remix-result{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:24px}.trend-remix-result-actions{flex-wrap:wrap;gap:10px;display:flex}.trend-remix-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#ff5722 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #ff6b354d}.trend-remix-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ff6b3566}.trend-remix-btn-secondary{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.trend-remix-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.trend-remix-generate-btn{cursor:pointer;letter-spacing:-.01em;color:#fff;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:all .2s}.trend-remix-generate-btn--active{background:linear-gradient(135deg,#ff6b35 0%,#ff5722 100%);box-shadow:0 4px 20px #ff6b3559}.trend-remix-generate-btn--active:hover{transform:translateY(-1px);box-shadow:0 6px 28px #ff6b3573}.trend-remix-generate-btn--loading{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#ff6b3580 0%,#ff572266 100%)}.trend-remix-generate-btn--locked{color:#ffffff80;cursor:not-allowed;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff1f}.trend-remix-preview-img{object-fit:cover;width:100%;max-height:300px}.trend-slider-labels{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.trend-slider-label-btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:400;transition:all .15s}.trend-slider-label-btn:hover{color:#ffffffb3;background:#ffffff1a}.trend-slider-label-btn--active{color:#ff6b35;background:#ff6b3533;border-color:#ff6b3580;font-weight:600}@media (max-width:768px){.trend-remix-page{padding:0 10px;overflow-x:hidden}.trend-remix-page-inner{padding:20px 16px;padding-bottom:calc(20px + 64px + env(safe-area-inset-bottom,0px))}.trend-remix-title{font-size:20px}.trend-remix-desc{font-size:13px}.trend-remix-form,.trend-remix-result{border-radius:14px;padding:16px}.trend-remix-result-actions{flex-direction:column}.trend-remix-btn-primary,.trend-remix-btn-secondary{justify-content:center;width:100%}.trend-remix-generate-btn{border-radius:10px;padding:14px;font-size:14px}.trend-remix-preview-img{max-height:220px}}.tg-page{color:#fff;background:#000;min-height:100vh}body:not(.in-studio):has(main.tg-page){--tg-marketing-sky:radial-gradient(ellipse 900px 600px at 50% 28%,#6366f126 0%,transparent 70%),radial-gradient(ellipse 600px 400px at 80% 55%,#ff6b351a 0%,transparent 70%)}body:not(.in-studio):has(main.tg-page):before{opacity:0}.tg-hero{text-align:center;background-color:#000;padding:120px 20px 80px;position:relative}:is(main.tg-page .tg-hero,body:not(.in-studio):has(main.tg-page) .site-header){background-image:var(--tg-marketing-sky);background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed}body:not(.in-studio):has(main.tg-page) .site-header{background-color:#000}.tg-hero:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.tg-hero-inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.tg-hero-pill{color:#ffffffd9;letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:14px;display:inline-flex}.tg-hero-title{letter-spacing:-.03em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#fff36be6 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:56px;font-weight:800;line-height:1.1}.tg-hero-subtitle{color:#ffffffa6;max-width:580px;margin:0 auto 40px;font-size:19px;line-height:1.7}.tg-hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:56px;display:flex}.tg-hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.tg-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.tg-stat-num{color:#fff36bf2;letter-spacing:-.02em;font-size:28px;font-weight:800}.tg-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.tg-stat-divider{background:#ffffff1f;width:1px;height:36px}.tg-section{padding:80px 20px}main.tg-page>section.tg-section .tg-section-inner{z-index:2;position:relative}main.tg-page>section:nth-child(2).tg-section,main.tg-page>section:nth-child(3).tg-section,main.tg-page>section:nth-child(4).tg-section{background:#000;position:relative}main.tg-page>section:nth-child(5).tg-section{background:radial-gradient(800px 500px at 50% 60%,#fff36b14 0%,#0000 70%),#000;position:relative}main.tg-page>section:nth-child(4).tg-section.tg-why{border-top:none}main.tg-page>section:nth-child(2).tg-section:after,main.tg-page>section:nth-child(3).tg-section:after,main.tg-page>section:nth-child(4).tg-section:after,main.tg-page>section:nth-child(5).tg-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000080 70%,#000 100%);height:150px;position:absolute;bottom:0;left:0;right:0}main.tg-page>section:nth-child(2).tg-section:before,main.tg-page>section:nth-child(3).tg-section:before,main.tg-page>section:nth-child(4).tg-section:before,main.tg-page>section:nth-child(5).tg-section:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#00000080 30%,#0000 100%);height:150px;position:absolute;top:0;left:0;right:0}.tg-section-inner{max-width:1100px;margin:0 auto}.tg-section-header{text-align:center;margin-bottom:56px}.tg-section-tag{color:#fffc;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:14px;display:inline-flex}.tg-section-tag-icon{flex-shrink:0}.tg-section-tag-icon--image{color:#fff36beb;filter:drop-shadow(0 0 10px #fff36b38)}.tg-section-tag-icon--video{color:#a78bfaf2;filter:drop-shadow(0 0 10px #8b5cf633)}.tg-section-title{letter-spacing:-.02em;margin:0 0 16px;font-size:40px;font-weight:800}.tg-section-desc{color:#ffffff8c;max-width:540px;margin:0 auto;font-size:17px;line-height:1.6}.tg-model-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.tg-model-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.tg-model-card:hover{border-color:#fff36b4d;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.tg-model-visual{justify-content:space-between;align-items:flex-end;height:180px;padding:16px;display:flex;position:relative;overflow:hidden}.tg-model-visual-media{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.tg-model-badge{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;text-transform:uppercase;letter-spacing:.04em;background:#00000080;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;position:relative}.tg-model-num{z-index:1;color:#ffffff26;letter-spacing:-.04em;font-size:42px;font-weight:900;line-height:1;position:relative}.tg-model-body{padding:24px}.tg-model-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.tg-model-name{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.tg-model-provider{color:#fff6;white-space:nowrap;font-size:12px}.tg-model-desc{color:#fff9;margin:0 0 16px;font-size:15px;line-height:1.65}.tg-model-features{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tg-feature-chip{color:#ffffffb3;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:4px 12px;font-size:12px}.tg-model-actions{gap:12px;display:flex}.tg-btn-primary{color:#fff36bf2;cursor:pointer;background:#fff36b26;border:1px solid #fff36b59;border-radius:10px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.tg-btn-primary:hover{background:#fff36b40;border-color:#fff36b80;transform:translateY(-1px);box-shadow:0 4px 16px #fff36b26}.tg-btn-ghost{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.tg-btn-ghost:hover{background:#ffffff1a;border-color:#ffffff40}.tg-btn-lg{border-radius:12px;padding:14px 32px;font-size:16px}.tg-why{border-top:1px solid #ffffff0f}.tg-why-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.tg-why-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:28px 24px;transition:border-color .3s}.tg-why-card:hover{border-color:#ffffff26}.tg-why-icon{align-items:center;margin-bottom:16px;display:flex}.tg-why-icon svg{flex-shrink:0}.tg-why-icon--bolt{color:#fff36bf2;filter:drop-shadow(0 0 12px #fff36b40)}.tg-why-icon--rocket{color:#fb923cf2;filter:drop-shadow(0 0 12px #fb923c38)}.tg-why-icon--topology{color:#a78bfaf2;filter:drop-shadow(0 0 12px #8b5cf638)}.tg-why-icon--share{color:#38bdf8f2;filter:drop-shadow(0 0 12px #38bdf833)}.tg-why-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.tg-why-card p{color:#ffffff80;margin:0;font-size:14px;line-height:1.6}.tg-bottom-cta{text-align:center;background:radial-gradient(800px 500px at 50% 60%,#fff36b14 0%,#0000 70%),0 0;padding:100px 20px}.tg-cta-title{letter-spacing:-.02em;margin:0 0 16px;font-size:44px;font-weight:800}.tg-cta-desc{color:#ffffff8c;margin:0 0 36px;font-size:18px;line-height:1.6}@media (max-width:900px){.tg-hero{padding:100px 20px 60px}.tg-hero-title{font-size:36px}.tg-hero-subtitle{font-size:16px}.tg-model-grid{grid-template-columns:1fr}.tg-why-grid{grid-template-columns:repeat(2,1fr)}.tg-section-title,.tg-cta-title{font-size:30px}}@media (max-width:500px){.tg-hero-title{font-size:28px}.tg-why-grid{grid-template-columns:1fr}.tg-hero-stats{gap:20px}.tg-stat-num{font-size:22px}.tg-model-visual{height:140px}}@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-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-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-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}