@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight: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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-content:"";--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--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-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-snug:1.375;--radius-md:calc(var(--radius) * .8);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--default-mono-font-family:var(--font-mono)}}@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;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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:Geist Variable,sans-serif}}@layer components{.studio-shell{min-height:100svh;color:var(--foreground);background:radial-gradient(circle at 28% 24%,var(--primary),transparent 30%),radial-gradient(circle at 70% 12%,#ffffffc7,transparent 30%),radial-gradient(circle at 86% 78%,#a894ff42,transparent 34%),linear-gradient(135deg,#ece8ff,#f8f4ff 44%,#cfd5f6);grid-template-columns:260px minmax(0,1fr);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-shell{background:radial-gradient(circle at 28% 24%,color-mix(in oklab,var(--primary) 20%,transparent),transparent 30%),radial-gradient(circle at 70% 12%,#ffffffc7,transparent 30%),radial-gradient(circle at 86% 78%,#a894ff42,transparent 34%),linear-gradient(135deg,#ece8ff,#f8f4ff 44%,#cfd5f6)}}.studio-shell:before{pointer-events:none;inset:calc(var(--spacing) * 0);--tw-content:"";content:var(--tw-content);filter:blur(18px);opacity:.8;background:radial-gradient(circle at 12% 88%,#808cc457,#0000 22%),linear-gradient(90deg,#ffffff42,#0000 42%,#786fb429);position:absolute}.studio-shell .sidebar{inset-block:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:20;border-right-style:var(--tw-border-style);background-color:var(--sidebar);border-right-width:1px;flex-direction:column;width:260px;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.studio-shell .sidebar{background-color:color-mix(in oklab,var(--sidebar) 60%,transparent)}}.studio-shell .sidebar{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 6);--tw-backdrop-blur:blur(var(--blur-2xl));-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,);box-shadow:inset -1px 0 #ffffff61}.studio-shell .logo{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--sidebar-foreground);text-decoration-line:none;display:flex}.studio-shell .logo-mark{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);border-radius:calc(var(--radius) * 1.4);color:var(--primary);background:linear-gradient(135deg,#fffc,#a683ff38);place-items:center;display:grid;box-shadow:0 12px 34px #7e59f82e}.studio-shell .logo-mark svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.studio-shell .new-generation-button{margin-top:calc(var(--spacing) * 9);height:calc(var(--spacing) * 14);border-radius:calc(var(--radius) * 1.4);background-color:var(--primary);padding-inline:calc(var(--spacing) * 5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--primary-foreground);--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);justify-content:flex-start}@media(hover:hover){.studio-shell .new-generation-button:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .new-generation-button:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.studio-shell .new-generation-button{box-shadow:0 18px 38px #7854f452}.studio-shell .nav-stack{margin-top:calc(var(--spacing) * 7);gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.studio-shell .nav-footer{margin-top:auto}.studio-shell .nav-item{height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 3);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);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));background-color:#0000;border-width:1px;border-color:#0000;display:flex}@media(hover:hover){.studio-shell .nav-item:hover{background-color:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}}.studio-shell .nav-item span:first-child{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);border-radius:var(--radius);color:var(--muted-foreground);background-color:#0000;place-items:center;display:grid}.studio-shell .nav-item svg,.studio-shell .icon-button svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.studio-shell .nav-item.active{border-color:#fff9}@supports (color:color-mix(in lab,red,red)){.studio-shell .nav-item.active{border-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.studio-shell .nav-item.active{background-color:#ffffff94}@supports (color:color-mix(in lab,red,red)){.studio-shell .nav-item.active{background-color:color-mix(in oklab,var(--color-white) 58%,transparent)}}.studio-shell .nav-item.active{color:var(--foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.studio-shell .nav-item.active span:first-child{color:var(--primary);background-color:#0000}.studio-shell .collection-stack{margin-top:calc(var(--spacing) * 9);gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-direction:column;display:flex}.studio-shell .collection-head,.studio-shell .collection-stack button{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.studio-shell .collection-head{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.studio-shell .collection-head svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.studio-shell .collection-stack button{height:calc(var(--spacing) * 9);border-radius:var(--radius);padding-inline:calc(var(--spacing) * 3);text-align:left;color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.studio-shell .collection-stack button{color:color-mix(in oklab,var(--foreground) 85%,transparent)}}.studio-shell .collection-stack button{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))}@media(hover:hover){.studio-shell .collection-stack button:hover{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .collection-stack button:hover{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}}.studio-shell .collection-stack em{border-radius:var(--radius);background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .collection-stack em{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .collection-stack em{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--muted-foreground);font-style:normal}.studio-shell .upgrade-card{border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff73;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-shell .upgrade-card{border-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .upgrade-card{background-color:#ffffff6b}@supports (color:color-mix(in lab,red,red)){.studio-shell .upgrade-card{background-color:color-mix(in oklab,var(--color-white) 42%,transparent)}}.studio-shell .upgrade-card{padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--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);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .upgrade-card:after{pointer-events:none;right:calc(var(--spacing) * -8);bottom:calc(var(--spacing) * -10);width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28);--tw-content:"";content:var(--tw-content);filter:blur(8px);background:radial-gradient(circle,#9e71ff80,#0000 62%);border-radius:3.40282e38px;position:absolute}.studio-shell .upgrade-card>svg{margin-bottom:calc(var(--spacing) * 3);width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);color:var(--primary)}.studio-shell .upgrade-card strong,.studio-shell .upgrade-card span{display:block;position:relative}.studio-shell .upgrade-card strong{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.studio-shell .upgrade-card span{margin-bottom:calc(var(--spacing) * 4);--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--muted-foreground)}.studio-shell .upgrade-card button{border-radius:calc(var(--radius) * 1.4);background-color:#ffffffb3;position:relative}@supports (color:color-mix(in lab,red,red)){.studio-shell .upgrade-card button{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.studio-shell .upgrade-card button{color:var(--foreground)}@media(hover:hover){.studio-shell .upgrade-card button:hover{background-color:var(--color-white)}}.studio-shell .icon-button{border-radius:calc(var(--radius) * 1.4);color:var(--muted-foreground)}@media(hover:hover){.studio-shell .icon-button:hover{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .icon-button:hover{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .icon-button:hover{color:var(--foreground)}}.studio-shell .main{z-index:10;min-height:100svh;padding-inline:calc(var(--spacing) * 7);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 44);grid-column-start:2;position:relative}.studio-shell .topbar{margin-inline:auto;margin-bottom:calc(var(--spacing) * 4);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 4);max-width:1580px;display:flex}.studio-shell .eyebrow{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:.18em;letter-spacing:.18em;color:var(--muted-foreground);text-transform:uppercase}.studio-shell h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--foreground)}.studio-shell .topbar-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.studio-shell .premium-button{height:calc(var(--spacing) * 10);border-radius:calc(var(--radius) * 1.4);background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .premium-button{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.studio-shell .premium-button{padding-inline:calc(var(--spacing) * 4);color:var(--primary-foreground);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}@media(hover:hover){.studio-shell .premium-button:hover{background-color:var(--primary)}}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button{height:calc(var(--spacing) * 10);border-radius:calc(var(--radius) * 1.4);border-color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button{border-color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button{padding-inline:calc(var(--spacing) * 4);color:var(--foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media(hover:hover){:is(.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button):hover{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){:is(.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button):hover{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}}.studio-shell .status-dot{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);background-color:var(--primary);border-radius:3.40282e38px}.studio-shell .local-notice{margin-inline:auto;margin-bottom:calc(var(--spacing) * 6);border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);background-color:var(--card);border-width:1px;max-width:1500px}@supports (color:color-mix(in lab,red,red)){.studio-shell .local-notice{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.studio-shell .local-notice{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .history-feed{gap:calc(var(--spacing) * 4);border-radius:calc(var(--radius) * 2.2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff6b;flex-direction:column;max-width:1580px;margin-inline:auto;display:flex}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-feed{border-color:color-mix(in oklab,var(--color-white) 42%,transparent)}}.studio-shell .history-feed{background-color:#ffffff47}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-feed{background-color:color-mix(in oklab,var(--color-white) 28%,transparent)}}.studio-shell .history-feed{padding:calc(var(--spacing) * 5);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-2xl));-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,);box-shadow:0 28px 90px #5d548f33,inset 0 1px #ffffff9e}.studio-shell .history-toolbar{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 5);padding-inline:calc(var(--spacing) * 1);padding-bottom:calc(var(--spacing) * 2);display:flex}.studio-shell .history-tools{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.studio-shell .view-button{border-radius:calc(var(--radius) * 1.4);color:var(--muted-foreground)}.studio-shell .view-button.active{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .view-button.active{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.studio-shell .view-button.active{color:var(--primary)}.studio-shell .history-tools select{height:calc(var(--spacing) * 11);border-radius:calc(var(--radius) * 1.4);border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-tools select{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.studio-shell .history-tools select{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-tools select{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .history-tools select{padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .filter-tabs{align-items:center;gap:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 1);flex-wrap:wrap;display:flex}.studio-shell .filter-tabs button{height:calc(var(--spacing) * 10);align-items:center;gap:calc(var(--spacing) * 2);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);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));border-width:1px;border-color:#0000;display:inline-flex}@media(hover:hover){.studio-shell .filter-tabs button:hover{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .filter-tabs button:hover{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .filter-tabs button:hover{color:var(--foreground)}}.studio-shell .filter-tabs button svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.studio-shell .filter-tabs button.active{border-color:#ffffffa6}@supports (color:color-mix(in lab,red,red)){.studio-shell .filter-tabs button.active{border-color:color-mix(in oklab,var(--color-white) 65%,transparent)}}.studio-shell .filter-tabs button.active{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.studio-shell .filter-tabs button.active{background-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.studio-shell .filter-tabs button.active{color:var(--primary);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.studio-shell .loading-card{border-radius:calc(var(--radius) * 2.2);background-color:var(--card)}@supports (color:color-mix(in lab,red,red)){.studio-shell .loading-card{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.studio-shell .loading-card{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.studio-shell .empty-inline{border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);background-color:var(--card);border-width:1px}@supports (color:color-mix(in lab,red,red)){.studio-shell .empty-inline{background-color:color-mix(in oklab,var(--card) 80%,transparent)}}.studio-shell .empty-inline{padding:calc(var(--spacing) * 5);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.studio-shell .empty-state{place-items:center;min-height:42vh;margin-inline:auto;display:grid}.studio-shell .empty-card{max-width:var(--container-md);text-align:center}.studio-shell .empty-icon{margin-inline:auto;margin-bottom:calc(var(--spacing) * 5);width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);border-radius:calc(var(--radius) * 1.8);background-color:var(--primary);color:var(--primary-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);place-items:center;display:grid}.studio-shell .empty-card h2{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--foreground)}.studio-shell .empty-card p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--muted-foreground)}.studio-shell .history-task{border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);border-width:1px;border-color:#fff6;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-task{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.studio-shell .history-task{background-color:#ffffff57}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-task{background-color:color-mix(in oklab,var(--color-white) 34%,transparent)}}.studio-shell .history-task{color:var(--card-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-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))}@media(hover:hover){.studio-shell .history-task:hover{background-color:#ffffff6b}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-task:hover{background-color:color-mix(in oklab,var(--color-white) 42%,transparent)}}}.studio-shell .history-task.selected{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-task.selected{border-color:color-mix(in oklab,var(--primary) 35%,transparent)}}.studio-shell .history-task.selected{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .history-task.selected{--tw-ring-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.studio-shell .task-head{align-items:flex-start;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 2);grid-template-columns:32px minmax(0,1fr) auto;display:grid}.studio-shell .task-title-area{align-items:center;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 1);color:var(--muted-foreground);display:flex}.studio-shell .task-title-area input{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);border-color:#ffffffb3;border-radius:.25rem}@supports (color:color-mix(in lab,red,red)){.studio-shell .task-title-area input{border-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.studio-shell .task-title-area input{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.studio-shell .task-title-area input{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.studio-shell .task-title-area svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.studio-shell .task-copy-area{min-width:calc(var(--spacing) * 0)}.studio-shell .task-head h2{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);overflow:hidden}.studio-shell .tag-row{margin-top:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.studio-shell .tag-row [data-slot=badge]{border-radius:var(--radius);border-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .tag-row [data-slot=badge]{border-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .tag-row [data-slot=badge]{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.studio-shell .tag-row [data-slot=badge]{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.studio-shell .tag-row [data-slot=badge]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--muted-foreground)}.studio-shell .task-more-actions{align-items:center;gap:calc(var(--spacing) * 1);display:flex}.studio-shell .task-content{gap:calc(var(--spacing) * 5);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 5);grid-template-columns:230px minmax(0,1fr);display:grid}.studio-shell .task-reference-block{justify-content:center;gap:calc(var(--spacing) * 3);padding-left:calc(var(--spacing) * 8);flex-direction:column;display:flex}.studio-shell .task-reference-block p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--foreground)}.studio-shell .reference-chip-stack{align-items:center;gap:calc(var(--spacing) * 2);flex-shrink:0;display:flex}.studio-shell .reference-chip{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.studio-shell .reference-chip{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.studio-shell .reference-chip{object-fit:cover;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.studio-shell .reference-empty,.studio-shell .reference-more{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff73;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.studio-shell .reference-empty,.studio-shell .reference-more{border-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .reference-empty,.studio-shell .reference-more{background-color:#ffffff61}@supports (color:color-mix(in lab,red,red)){.studio-shell .reference-empty,.studio-shell .reference-more{background-color:color-mix(in oklab,var(--color-white) 38%,transparent)}}.studio-shell .reference-empty,.studio-shell .reference-more{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.studio-shell .image-grid{gap:calc(var(--spacing) * 3);display:grid}.studio-shell .image-grid.count-1{grid-template-columns:repeat(1,minmax(0,1fr))}.studio-shell .image-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-shell .image-card{border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);border-width:1px;border-color:#fff6;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-shell .image-card{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.studio-shell .image-card{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.studio-shell .image-card{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.studio-shell .image-preview-trigger{border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing) * 0);background-color:#0000;border-width:0;display:block}.studio-shell .image-card img,.studio-shell .image-skeleton,.studio-shell .image-error{height:calc(var(--spacing) * 36);min-height:calc(var(--spacing) * 36);object-fit:cover;width:100%}.studio-shell .image-skeleton{background-color:var(--muted);background:radial-gradient(circle at 50% 46%,var(--primary),transparent 34%),linear-gradient(135deg,var(--card),var(--muted));place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.studio-shell .image-skeleton{background:radial-gradient(circle at 50% 46%,color-mix(in oklab,var(--primary) 18%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in oklab,var(--card) 88%,var(--primary) 12%),color-mix(in oklab,var(--muted) 78%,var(--primary) 22%))}}.studio-shell .image-skeleton:before{inset-block:calc(var(--spacing) * 0);opacity:.6;--tw-content:"";content:var(--tw-content);background:linear-gradient(90deg,transparent,var(--primary),transparent);width:50%;position:absolute;left:-55%}@supports (color:color-mix(in lab,red,red)){.studio-shell .image-skeleton:before{background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 20%,transparent),transparent)}}.studio-shell .image-skeleton:before{animation:2.8s ease-in-out infinite generation-sweep}.studio-shell .generation-loader{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20);border-radius:3.40282e38px;place-items:center;display:grid;position:relative}.studio-shell .loader-orbit{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);border-style:var(--tw-border-style);border-width:1px;border-color:var(--primary);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-orbit{border-color:color-mix(in oklab,var(--primary) 25%,transparent)}}.studio-shell .loader-orbit{border-top-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-orbit{border-top-color:color-mix(in oklab,var(--primary) 82%,white 18%)}}.studio-shell .loader-orbit{box-shadow:0 0 42px var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-orbit{box-shadow:0 0 42px color-mix(in oklab,var(--primary) 18%,transparent)}}.studio-shell .loader-orbit{animation:2.4s linear infinite generation-orbit}.studio-shell .loader-core{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);background-color:var(--primary);border-radius:3.40282e38px}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-core{background-color:color-mix(in oklab,var(--primary) 15%,transparent)}}.studio-shell .loader-core{box-shadow:inset 0 0 18px var(--primary),0 0 34px var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-core{box-shadow:inset 0 0 18px color-mix(in oklab,var(--primary) 22%,transparent),0 0 34px color-mix(in oklab,var(--primary) 30%,transparent)}}.studio-shell .loader-sheen{height:1px;width:calc(var(--spacing) * 24);background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.studio-shell .loader-sheen{background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 76%,white 18%),transparent)}}.studio-shell .loader-sheen{animation:2.2s ease-in-out infinite generation-sheen}.studio-shell .image-error{color:var(--destructive);place-items:center;display:grid}.studio-shell .image-card figcaption{bottom:calc(var(--spacing) * 3);left:calc(var(--spacing) * 3);background-color:#ffffff9e;border-radius:3.40282e38px;position:absolute}@supports (color:color-mix(in lab,red,red)){.studio-shell .image-card figcaption{background-color:color-mix(in oklab,var(--color-white) 62%,transparent)}}.studio-shell .image-card figcaption{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .task-actions{display:none}.studio-shell .composer{bottom:calc(var(--spacing) * 7);z-index:30;width:min(1120px,100vw - 340px);position:fixed;left:calc(50vw + 130px)!important;right:auto!important;transform:translate(calc(-50% - 130px))!important}.studio-shell .composer-card{gap:calc(var(--spacing) * 4);border-radius:calc(var(--radius) * 2.2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff8c;grid-template-columns:150px minmax(0,1fr) 220px;display:grid}@supports (color:color-mix(in lab,red,red)){.studio-shell .composer-card{border-color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.studio-shell .composer-card{background-color:#ffffff94}@supports (color:color-mix(in lab,red,red)){.studio-shell .composer-card{background-color:color-mix(in oklab,var(--color-white) 58%,transparent)}}.studio-shell .composer-card{padding:calc(var(--spacing) * 4);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-2xl));-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,);box-shadow:0 30px 95px #59558b47,inset 0 1px #ffffffb3}.studio-shell .composer-card.is-disabled{opacity:.95}.studio-shell .upload-tile{min-height:calc(var(--spacing) * 28);cursor:pointer;border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff8c;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.studio-shell .upload-tile{border-color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.studio-shell .upload-tile{background-color:#ffffff47}@supports (color:color-mix(in lab,red,red)){.studio-shell .upload-tile{background-color:color-mix(in oklab,var(--color-white) 28%,transparent)}}.studio-shell .upload-tile{color:var(--muted-foreground);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))}@media(hover:hover){.studio-shell .upload-tile:hover{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .upload-tile:hover{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}}.studio-shell .upload-tile:after{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-content:"Upload";content:var(--tw-content)}.studio-shell .upload-tile input{display:none}.studio-shell .upload-tile svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.studio-shell .prompt-zone{min-width:calc(var(--spacing) * 0);gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.studio-shell .prompt-top{min-height:calc(var(--spacing) * 20);align-items:stretch;gap:calc(var(--spacing) * 3);border-radius:calc(var(--radius) * 1.8);background-color:#ffffff73;display:flex}@supports (color:color-mix(in lab,red,red)){.studio-shell .prompt-top{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell .prompt-top{padding-inline:calc(var(--spacing) * 4)}.studio-shell textarea{min-height:calc(var(--spacing) * 20);resize:none;border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 0);padding-block:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-width:0;flex:1}.studio-shell textarea::placeholder{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.studio-shell textarea::placeholder{color:color-mix(in oklab,var(--muted-foreground) 75%,transparent)}}.studio-shell textarea:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.studio-shell .control-row{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.studio-shell .ratio-control{position:relative}.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{height:calc(var(--spacing) * 10);border-radius:calc(var(--radius) * 1.8);border-color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{border-color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{background-color:#ffffff73}@supports (color:color-mix(in lab,red,red)){.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{background-color:color-mix(in oklab,var(--color-white) 45%,transparent)}}.studio-shell select{border-style:var(--tw-border-style);background-color:var(--background);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-width:1px}.studio-shell .count-control{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground);border-width:1px;display:flex}.studio-shell .count-control input{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 14);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;border-width:0}.studio-shell .count-control input:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.studio-shell .ratio-panel{bottom:calc(var(--spacing) * 11);left:calc(var(--spacing) * 0);z-index:30;width:calc(var(--spacing) * 80);border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);background-color:var(--popover);padding:calc(var(--spacing) * 3);color:var(--popover-foreground);--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);border-width:1px;position:absolute}.studio-shell .ratio-panel p{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.studio-shell .ratio-options{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.studio-shell .ratio-option{min-height:calc(var(--spacing) * 14);place-items:center;gap:calc(var(--spacing) * 1);border-radius:calc(var(--radius) * 1.4);border-style:var(--tw-border-style);background-color:var(--background);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));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));border-width:1px;display:grid}@media(hover:hover){.studio-shell .ratio-option:hover{background-color:var(--muted)}}.studio-shell .ratio-option.selected{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground)}.studio-shell .generate-button{border-radius:calc(var(--radius) * 1.8);background-color:var(--primary);height:68px;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--primary-foreground);--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)}@media(hover:hover){.studio-shell .generate-button:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.studio-shell .generate-button:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}.studio-shell .generate-button{box-shadow:0 20px 42px #7a57f447}.studio-shell .advanced-toggle{justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--foreground);grid-column-start:3;display:flex}.studio-shell .advanced-toggle input{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.studio-shell .account-panel,.studio-shell .image-preview{inset:calc(var(--spacing) * 0);z-index:50;position:fixed}.studio-shell .panel-backdrop,.studio-shell .preview-backdrop{inset:calc(var(--spacing) * 0);background-color:var(--background);position:absolute}@supports (color:color-mix(in lab,red,red)){.studio-shell .panel-backdrop,.studio-shell .preview-backdrop{background-color:color-mix(in oklab,var(--background) 65%,transparent)}}.studio-shell .panel-backdrop,.studio-shell .preview-backdrop{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .account-popover{top:calc(var(--spacing) * 24);right:calc(var(--spacing) * 8);border-radius:calc(var(--radius) * 2.2);border-style:var(--tw-border-style);background-color:var(--popover);width:min(420px,100vw - 32px);padding:calc(var(--spacing) * 5);color:var(--popover-foreground);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-width:1px;position:absolute}.studio-shell .account-panel-head{margin-bottom:calc(var(--spacing) * 4);justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 3);display:flex}.studio-shell .account-panel-head h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.studio-shell .account-panel-body{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.studio-shell .account-control{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);flex-direction:column;display:flex}.studio-shell .panel-actions{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-shell .account-summary{align-items:center;gap:calc(var(--spacing) * 3);border-radius:calc(var(--radius) * 1.8);border-style:var(--tw-border-style);background-color:var(--muted);border-width:1px;display:flex}@supports (color:color-mix(in lab,red,red)){.studio-shell .account-summary{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.studio-shell .account-summary{padding:calc(var(--spacing) * 3)}.studio-shell .account-summary div{flex-direction:column;display:flex}.studio-shell .buy-gift-card-button{white-space:nowrap;flex-shrink:0}.studio-shell .account-summary span:last-child{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground)}.studio-shell .preview-stage{width:100%;height:100%;padding:calc(var(--spacing) * 12);place-items:center;display:grid;position:relative}.studio-shell .preview-stage img{cursor:grab;border-radius:calc(var(--radius) * 1.8);object-fit:contain;--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);max-width:92vw;max-height:calc(100svh - 150px);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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))}.studio-shell .preview-stage img.is-dragging{cursor:grabbing}.studio-shell .preview-toolbar{bottom:calc(var(--spacing) * 6);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);background-color:var(--background);border-width:1px;border-radius:3.40282e38px;display:flex;position:fixed;left:50%}@supports (color:color-mix(in lab,red,red)){.studio-shell .preview-toolbar{background-color:color-mix(in oklab,var(--background) 85%,transparent)}}.studio-shell .preview-toolbar{padding:calc(var(--spacing) * 2);--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);--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.studio-shell .preview-scale{height:calc(var(--spacing) * 8);min-width:calc(var(--spacing) * 16);border-style:var(--tw-border-style);background-color:var(--muted);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);border-width:1px;border-radius:3.40282e38px}.studio-shell .preview-close{top:calc(var(--spacing) * 6);right:calc(var(--spacing) * 6);border-radius:3.40282e38px;position:fixed}.studio-shell .toast{bottom:calc(var(--spacing) * 32);z-index:60;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);background-color:var(--foreground);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--background);--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);border-width:1px;border-radius:3.40282e38px;position:fixed;left:50%}.studio-shell .hidden{display:none}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.left-1\/2{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-10{z-index:10}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-16{min-height:calc(var(--spacing) * 16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-36{min-width:calc(var(--spacing) * 36)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.font-heading{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.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)}.text-wrap{text-wrap:wrap}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px 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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-invert{--tw-backdrop-invert:invert(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-sepia{--tw-backdrop-sepia:sepia(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}.data-\[size\=sm\]\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media(min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/20{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-destructive\/30:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-horizontal\:h-px:where([data-orientation=horizontal]){height:1px}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-vertical\:w-px:where([data-orientation=vertical]){width:1px}.data-vertical\:self-stretch:where([data-orientation=vertical]){align-self:stretch}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media(hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg:#f1edff;--rail:#eee9ff;--surface:#fff;--surface-soft:#f5f1ff;--surface-glass:#fffffff0;--ink:#25213a;--muted:oklch(93% .035 286/.72);--line:#ffffff94;--line-strong:#9774ff4d;--accent:#8b5cf6;--accent-soft:#8b5cf624;--accent-deep:#6d4bf2;--coral:#df6b8a;--blue:#6f83e8;--sidebar-bg:linear-gradient(180deg, #f8f5ff 0%, #ece7ff 100%);--control-bg:#fff;--control-ink:#405149;--image-bg:#eef4f1;--caption-bg:#0a1f199e;--caption-ink:#f7fffb;--skeleton-bg:linear-gradient(110deg, transparent 0%, #ffffff8a 46%, transparent 60%), linear-gradient(135deg, #e5f0eb, #d9e5e6);--selected-bg:linear-gradient(180deg, #e4f4efb8, #fff0);--shadow:0 18px 46px #15332a1c;--background:oklch(94% .035 286);--foreground:oklch(22% .04 286);--card:oklch(99% .02 286/.72);--card-foreground:oklch(22% .04 286);--popover:oklch(99% .02 286/.9);--popover-foreground:oklch(22% .04 286);--primary:oklch(65% .19 292);--primary-foreground:oklch(98.5% .01 286);--secondary:oklch(94% .04 286/.76);--secondary-foreground:oklch(32% .05 286);--muted-foreground:oklch(50% .045 286);--accent-foreground:oklch(28% .05 286);--destructive:oklch(57.7% .245 27.325);--border:oklch(100% 0 0/.5);--input:oklch(100% 0 0/.58);--ring:oklch(68% .2 292);--chart-1:oklch(78% .18 292);--chart-2:oklch(68% .17 318);--chart-3:oklch(72% .12 255);--chart-4:oklch(64% .15 24);--chart-5:oklch(58% .12 286);--radius:.625rem;--sidebar:oklch(98% .03 286/.66);--sidebar-foreground:oklch(24% .04 286);--sidebar-primary:oklch(65% .19 292);--sidebar-primary-foreground:oklch(98.5% .01 286);--sidebar-accent:oklch(94% .045 286/.7);--sidebar-accent-foreground:oklch(28% .05 286);--sidebar-border:oklch(100% 0 0/.46);--sidebar-ring:oklch(68% .2 292)}@media(min-width:981px){:root,:root[data-theme=light]{color-scheme:light!important}body,#root{background:#ecebfb!important;overflow:hidden!important}html,body,#root,.studio-shell{background:radial-gradient(circle at 80% 14%,#beabff40,#0000 28%),radial-gradient(circle at 48% 0,#ffffffe6,#0000 36%),linear-gradient(135deg,#f6f2ff,#edebfb 46%,#d7d9ef)!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important}html{overflow:hidden!important}.studio-shell{color:#17172f!important;background:radial-gradient(circle at 80% 14%,#beabff40,#0000 28%),radial-gradient(circle at 48% 0,#ffffffe6,#0000 36%),linear-gradient(135deg,#f6f2ff,#edebfb 46%,#d7d9ef)!important;grid-template-columns:240px minmax(0,1fr)!important}.studio-shell:before{opacity:1!important;filter:blur(16px)!important;pointer-events:none!important;z-index:0!important;background:radial-gradient(at 8% 93%,#737cab5c,#0000 27%),radial-gradient(at 50% 103%,#8482b447,#0000 34%),radial-gradient(at 90% 98%,#6d70a533,#0000 28%),linear-gradient(#0000 58%,#b0b4d62e)!important;height:auto!important;inset:0!important;-webkit-mask-image:none!important;mask-image:none!important}.studio-shell:after{filter:none!important;pointer-events:none!important;z-index:0!important;background:linear-gradient(90deg,#ffffff7a 0 240px,#ffffff1a 240px 100%)!important;height:auto!important;inset:0!important}.studio-shell .image-preview{z-index:240!important}.studio-shell .preview-backdrop{z-index:0!important}.studio-shell .preview-stage{z-index:1!important}.studio-shell .preview-toolbar,.studio-shell .preview-close{z-index:2!important}.studio-shell .sidebar{z-index:5!important;-webkit-backdrop-filter:blur(28px)saturate(145%)!important;backdrop-filter:blur(28px)saturate(145%)!important;background:#f6f4ff8f!important;border-right:1px solid #ffffff8a!important;width:240px!important;min-width:240px!important;padding:24px 20px 22px!important}.studio-shell .logo{color:#13142a!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;height:42px!important;margin:0 0 34px!important;font-size:20px!important;font-weight:760!important}.studio-shell .logo span:last-child{display:inline!important}.studio-shell .logo-mark{color:#a983ff!important;width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important}.studio-shell .new-generation-button{color:#fff!important;background:linear-gradient(135deg,#8a74ff,#b482ff)!important;border-radius:10px!important;width:100%!important;height:46px!important;margin-bottom:22px!important;display:flex!important;box-shadow:0 18px 42px #896fff57!important}.studio-shell .nav-stack{align-items:stretch!important;gap:7px!important}.studio-shell .nav-item{color:#4a4c73!important;background:0 0!important;border-radius:10px!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:13px!important;font-weight:610!important}.studio-shell .nav-item span:last-child{display:inline!important}.studio-shell .nav-item svg{color:#655e9b!important}.studio-shell .nav-item.active{color:#292752!important;background:#ffffffe6!important;box-shadow:0 15px 34px #857bb121,inset 0 1px #ffffffd1!important}.studio-shell .collection-stack{gap:9px!important;margin-top:30px!important;display:grid!important}.studio-shell .collection-head{color:#78799b!important}.studio-shell .collection-stack button{color:#20223d!important;background:0 0!important;justify-content:space-between!important;height:28px!important;display:flex!important}.studio-shell .collection-stack em{color:#77769a!important;background:#d6d1ed9e!important;border-radius:8px!important;min-width:26px!important;height:22px!important}.studio-shell .nav-footer{margin-top:auto!important;display:flex!important}.studio-shell .upgrade-card{color:#2a2446!important;background:radial-gradient(circle at 88% 86%,#9f72ff85,#0000 25%),linear-gradient(145deg,#fffc,#dfc4ffc7)!important;border-radius:12px!important;min-height:186px!important;padding:20px 16px!important;display:grid!important}.studio-shell .upgrade-card span{color:#77729b!important}.studio-shell .main{z-index:4!important;width:calc(100vw - 240px)!important;padding:68px 24px 0!important}.studio-shell .topbar{z-index:9!important;background:0 0!important;padding:0!important;position:fixed!important;top:14px!important;right:24px!important}.studio-shell .topbar-actions{gap:12px!important;display:flex!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button,.studio-shell .premium-button{color:#4f4c75!important;background:#ffffffa3!important;border:1px solid #ffffffb8!important;border-radius:11px!important;height:38px!important;box-shadow:0 12px 28px #8980b21f,inset 0 1px #ffffffe0!important}.studio-shell .premium-button{color:#5c3ed6!important;background:#dfd8ffc7!important}.studio-shell .history-feed{-webkit-backdrop-filter:blur(24px)saturate(145%)!important;backdrop-filter:blur(24px)saturate(145%)!important;background:linear-gradient(#ffffff85,#ece9fb61),#f6f4ff57!important;border:1px solid #ffffff8f!important;border-radius:15px 15px 0 0!important;gap:14px!important;width:100%!important;max-width:none!important;height:calc(100vh - 68px)!important;min-height:0!important;padding:22px 18px 210px!important;overflow:hidden!important;box-shadow:0 28px 80px #857eb029,inset 0 1px #ffffffb8!important}.studio-shell .history-toolbar{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;min-height:34px!important;margin-bottom:16px!important;display:grid!important;position:relative!important}.studio-shell .history-toolbar:after{display:none!important}.studio-shell h1{color:#7a789f!important;font-size:20px!important;font-weight:760!important}.studio-shell .history-tools{grid-template-rows:34px 40px!important;grid-template-columns:22px 34px 34px 34px!important;gap:7px!important;display:grid!important;position:absolute!important;top:0!important;right:0!important}.studio-shell .history-tools:before{opacity:.45!important;grid-area:1/1!important;width:22px!important;height:34px!important}.studio-shell .history-tools select{color:#4f4d75!important;background:#ffffff9e!important;grid-area:2/1/auto/-1!important;justify-self:end!important;width:110px!important;height:34px!important}.studio-shell .filter-tabs{gap:22px!important;padding:0 0 10px!important;display:flex!important}.studio-shell .filter-tabs button{color:#4d4b70!important;background:0 0!important;height:34px!important}.studio-shell .filter-tabs button.active{color:#6c4bde!important;background:#ffffffe6!important}.studio-shell .empty-inline{display:none!important}.studio-shell .history-task{color:#15152d!important;background:#ffffff7a!important;border:1px solid #ffffff8f!important;border-radius:14px!important;min-height:234px!important}.studio-shell .task-head{grid-template-columns:42px minmax(0,1fr) 112px!important;padding:20px 20px 6px!important}.studio-shell .task-copy-area h2{color:#101228!important;max-width:760px!important;font-size:14px!important}.studio-shell .tag-row [data-slot=badge]{color:#77749b!important;background:#e1dbf6b8!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{grid-template-columns:268px minmax(0,1fr)!important;gap:24px!important;padding:0 20px 20px!important}.studio-shell .task-reference-block{grid-template-columns:1fr!important;align-content:center!important;gap:10px!important;min-height:118px!important;padding:0 0 0 52px!important}.studio-shell .task-reference-block p{color:#101228!important;font-size:13px!important;font-weight:720!important}.studio-shell .reference-sample,.studio-shell .reference-chip{object-fit:cover!important;border-radius:7px!important;width:61px!important;height:61px!important}.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-grid.count-3,.studio-shell .concept-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-shell .image-card,.studio-shell .concept-image{background:#c4c6da80!important;border:1px solid #ffffffc7!important;border-radius:7px!important;height:136px!important;min-height:136px!important}.studio-shell .image-card img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{object-fit:cover!important;width:100%!important;height:136px!important;min-height:136px!important}.studio-shell .concept-image{background-image:none!important}.studio-shell .is-preview-loading .concept-image:not(:first-child) img{opacity:0!important}.studio-shell .is-preview-loading .concept-image:not(:first-child){background:#b4b8d394!important}.studio-shell .composer{width:min(1050px,100vw - 520px)!important;bottom:22px!important;left:calc(50vw + 120px)!important;transform:translate(-50%)!important}.studio-shell .composer:before{display:none!important}.studio-shell .composer-card{background:#e8e7f9c7!important;border:1px solid #ffffffa3!important;border-radius:18px!important;grid-template-rows:auto auto 42px!important;grid-template-columns:146px minmax(360px,1fr) 200px 200px!important;gap:12px 20px!important;min-height:158px!important;padding:20px!important;display:grid!important;box-shadow:0 -18px 70px #8984b238,0 24px 70px #5e5b8233,inset 0 1px #ffffffc7!important}.studio-shell .composer-card:before{content:""!important;z-index:-1!important;pointer-events:none!important;filter:blur(18px)!important;background:radial-gradient(at 18% 70%,#7680b538,#0000 32%),radial-gradient(at 70% 72%,#ab9bd733,#0000 34%),linear-gradient(#e8e7f900,#cdd1ec7a)!important;position:absolute!important;inset:-90px -180px -42px!important}.studio-shell .toast{color:#4d476e!important;background:#ffffffd1!important;border:1px solid #ffffffbd!important;max-width:340px!important;inset:72px 44px auto auto!important;transform:none!important;box-shadow:0 18px 46px #746c9a2e!important}.studio-shell .upload-tile{color:#6f6d91!important;background:#ffffff57!important;border-radius:13px!important;grid-area:1/1/4!important;min-height:118px!important}.studio-shell .upload-tile:after{content:"Upload\aJPG, PNG, WebP\aUp to 10MB"!important;white-space:pre-line!important;color:#8b8ba8!important;font-size:11px!important}.studio-shell .prompt-zone{grid-area:1/2/3/4!important;grid-template-rows:auto auto!important;gap:10px!important;display:grid!important}.studio-shell .reference-panel{border-radius:12px!important;grid-row:1!important;margin-bottom:0!important;padding:8px 10px 7px!important}.studio-shell .reference-panel-strip{grid-auto-columns:58px!important;gap:8px!important}.studio-shell .reference-card-media{border-radius:8px!important;width:58px!important;height:58px!important}.studio-shell .prompt-top{background:0 0!important;border:0!important;grid-row:2!important;min-height:72px!important;padding:0!important}.studio-shell .prompt-top textarea{color:#32324f!important;background:#ffffffb8!important;border:1px solid #ffffffa8!important;border-radius:10px!important;width:100%!important;min-height:72px!important;max-height:72px!important;padding:20px 52px 18px 16px!important}.studio-shell .control-row{grid-area:3/2/auto/4!important;gap:12px!important;display:flex!important}.studio-shell .generate-button{background:linear-gradient(135deg,#b991ff,#7863f7)!important;border-radius:11px!important;grid-area:1/4!important;min-width:200px!important;height:68px!important}.studio-shell .advanced-toggle{color:#474963!important;grid-area:3/4!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}}@media(max-width:980px)and (max-height:560px){html,body,#root,.studio-shell.studio-shell{overscroll-behavior:auto!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden auto!important}body,#root,.studio-shell.studio-shell{position:static!important;inset:auto!important}.studio-shell.studio-shell{width:100%!important;min-width:0!important;display:block!important}.studio-shell.studio-shell .sidebar{display:none!important}.studio-shell.studio-shell .main{width:100%!important;max-width:100vw!important;height:auto!important;min-height:100dvh!important;max-height:none!important;padding:18px 14px 24px!important;overflow:visible!important}.studio-shell.studio-shell .history-feed{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:18px!important;overflow:visible!important}.studio-shell.studio-shell .history-scroll{scrollbar-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin-right:0!important;padding:0 0 24px!important;overflow:visible!important}.studio-shell.studio-shell .history-task,.studio-shell.studio-shell .concept-preview-list .concept-task{height:auto!important;min-height:0!important}.studio-shell.studio-shell .composer{--tw-translate-x:0!important;--tw-translate-y:0!important;z-index:3!important;width:auto!important;min-width:0!important;max-width:none!important;margin:16px 14px 18px!important;padding-inline:0!important;position:static!important;inset:auto!important;transform:translate(0)!important}.studio-shell.studio-shell .composer-card{width:100%!important;min-width:0!important;max-height:none!important;overflow:visible!important;transform:translate(0)!important}}@media(min-width:981px){html,body,#root,.studio-shell{background:radial-gradient(circle at 80% 14%,#beabff40,#0000 28%),radial-gradient(circle at 48% 0,#ffffffe6,#0000 36%),linear-gradient(135deg,#f6f2ff,#edebfb 46%,#d7d9ef)!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important}.studio-shell .main{padding:68px 24px 0!important}.studio-shell .history-feed{height:calc(100vh - 68px)!important;padding:22px 18px 210px!important}.studio-shell .history-toolbar{min-height:34px!important;margin-bottom:16px!important;position:relative!important}.studio-shell .history-tools{grid-template-rows:34px 40px!important;grid-template-columns:22px 34px 34px 34px!important;gap:7px!important;display:grid!important;position:absolute!important;top:0!important;right:0!important}.studio-shell .history-tools:before{opacity:.45!important;grid-area:1/1!important;width:22px!important;height:34px!important}.studio-shell .history-tools select{grid-area:2/1/auto/-1!important;justify-self:end!important;width:110px!important;height:34px!important}.studio-shell .filter-tabs{padding:0 0 10px!important}.studio-shell .history-task{min-height:234px!important}.studio-shell .task-head{padding:20px 20px 6px!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{grid-template-columns:268px minmax(0,1fr)!important;gap:24px!important}.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .image-card img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{height:136px!important;min-height:136px!important}.studio-shell .composer{width:min(1050px,100vw - 520px)!important;bottom:22px!important}.studio-shell .composer-card{position:relative!important;box-shadow:0 -18px 70px #8984b238,0 24px 70px #5e5b8233,inset 0 1px #ffffffc7!important}.studio-shell .composer-card:before{content:""!important;z-index:-1!important;pointer-events:none!important;filter:blur(18px)!important;background:radial-gradient(at 18% 70%,#7680b538,#0000 32%),radial-gradient(at 70% 72%,#ab9bd733,#0000 34%),linear-gradient(#e8e7f900,#cdd1ec7a)!important;position:absolute!important;inset:-90px -180px -42px!important}:root,:root[data-theme=light]{color-scheme:light!important}html,body,#root{background:#ecebfb!important}.studio-shell{color:#15162d!important;background:radial-gradient(circle at 80% 14%,#beabff40,#0000 28%),radial-gradient(circle at 48% 0,#ffffffe6,#0000 36%),linear-gradient(135deg,#f6f2ff,#edebfb 46%,#d7d9ef)!important;grid-template-columns:240px minmax(0,1fr)!important}.studio-shell:before{filter:blur(16px)!important;opacity:1!important;background:radial-gradient(at 8% 93%,#737cab5c,#0000 27%),radial-gradient(at 50% 103%,#8482b447,#0000 34%),radial-gradient(at 90% 98%,#6d70a533,#0000 28%),linear-gradient(#0000 58%,#b0b4d62e)!important;-webkit-mask-image:none!important;mask-image:none!important}.studio-shell:after{filter:none!important;background:linear-gradient(90deg,#ffffff7a 0 240px,#ffffff1a 240px 100%)!important;height:auto!important;inset:0!important}.studio-shell .sidebar{-webkit-backdrop-filter:blur(28px)saturate(145%)!important;backdrop-filter:blur(28px)saturate(145%)!important;background:#f6f4ff8f!important;border-right:1px solid #ffffff8a!important;width:240px!important;min-width:240px!important;padding:24px 20px 22px!important}.studio-shell .logo{color:#13142a!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;height:42px!important;margin:0 0 34px!important;font-size:20px!important;font-weight:760!important}.studio-shell .logo-mark{color:#a983ff!important;width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important}.studio-shell .new-generation-button{color:#fff!important;background:linear-gradient(135deg,#8a74ff,#b482ff)!important;border-radius:10px!important;width:100%!important;height:46px!important;margin-bottom:22px!important;display:flex!important;box-shadow:0 18px 42px #896fff57!important}.studio-shell .nav-stack{align-items:stretch!important;gap:7px!important}.studio-shell .nav-item{color:#4a4c73!important;background:0 0!important;border-radius:10px!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:13px!important;font-weight:610!important}.studio-shell .collection-stack button{color:#20223d!important;background:0 0!important;justify-content:space-between!important;height:28px!important;display:flex!important}.studio-shell .main{width:calc(100vw - 240px)!important;padding:68px 24px 0!important}.studio-shell .topbar{background:0 0!important;top:14px!important;right:24px!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button,.studio-shell .premium-button{color:#4f4c75!important;background:#ffffffa3!important;border:1px solid #ffffffb8!important;border-radius:11px!important;height:38px!important;box-shadow:0 12px 28px #8980b21f,inset 0 1px #ffffffe0!important}.studio-shell .history-feed{background:linear-gradient(#ffffff85,#ece9fb61),#f6f4ff57!important;border:1px solid #ffffff8f!important;border-radius:15px 15px 0 0!important;gap:14px!important;height:calc(100svh - 68px)!important;padding:22px 18px 220px!important;box-shadow:0 28px 80px #857eb029,inset 0 1px #ffffffb8!important}.studio-shell h1{color:#7a789f!important;font-size:20px!important}.studio-shell .history-toolbar:after{display:none!important}.studio-shell .history-tools{grid-template-columns:repeat(4,34px) 110px!important;gap:7px!important;display:grid!important}.studio-shell .history-tools select{color:#4f4d75!important;background:#ffffff9e!important;grid-area:2/5!important;width:110px!important;height:34px!important}.studio-shell .filter-tabs button{color:#4d4b70!important;background:0 0!important;border-radius:9px!important;height:34px!important}.studio-shell .filter-tabs button.active{color:#6c4bde!important;background:#ffffffe6!important}.studio-shell .history-task{color:#15152d!important;background:#ffffff7a!important;border:1px solid #ffffff8f!important;border-radius:14px!important;min-height:232px!important;box-shadow:inset 0 1px #ffffffad,0 14px 42px #8d84b81f!important}.studio-shell .task-head{grid-template-columns:42px minmax(0,1fr) 112px!important;padding:22px 20px 5px!important}.studio-shell .task-copy-area h2{color:#101228!important;max-width:760px!important;font-size:14px!important}.studio-shell .tag-row [data-slot=badge]{color:#77749b!important;background:#e1dbf6b8!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{grid-template-columns:270px minmax(0,1fr)!important;gap:26px!important;padding:0 20px 20px!important}.studio-shell .task-reference-block{grid-template-columns:1fr!important;align-content:center!important;gap:10px!important;min-height:118px!important;padding:0 0 0 52px!important;display:grid!important}.studio-shell .task-reference-block p{color:#101228!important;font-size:13px!important;font-weight:720!important}.studio-shell .reference-sample,.studio-shell .reference-chip{object-fit:cover!important;border-radius:7px!important;width:61px!important;height:61px!important}.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .image-card img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{border-radius:7px!important;height:134px!important;min-height:134px!important}.studio-shell .concept-image img{object-fit:cover!important;width:100%!important}.studio-shell .composer{width:min(1050px,100vw - 470px)!important;bottom:21px!important;left:calc(50vw + 120px)!important;transform:translate(-50%)!important}.studio-shell .composer-card{background:#e8e7f9c7!important;border:1px solid #ffffffa3!important;border-radius:18px!important;grid-template-rows:72px 42px!important;grid-template-columns:146px minmax(360px,1fr) 200px 200px!important;gap:12px 20px!important;min-height:158px!important;padding:20px!important;box-shadow:0 -18px 70px #8984b238,0 24px 70px #5e5b8233,inset 0 1px #ffffffc7!important}.studio-shell .upload-tile{color:#6f6d91!important;background:#ffffff57!important;border-radius:13px!important;grid-area:1/1/3!important;min-height:118px!important}.studio-shell .upload-tile:after{content:"Upload\aJPG, PNG, WebP\aUp to 10MB"!important;white-space:pre-line!important;color:#8b8ba8!important;font-size:11px!important}.studio-shell .prompt-top{background:0 0!important;border:0!important;grid-area:1/2/auto/4!important;min-height:72px!important;display:block!important}.studio-shell .prompt-top textarea{color:#32324f!important;background:#ffffffb8!important;border:1px solid #ffffffa8!important;border-radius:10px!important;min-height:72px!important;max-height:72px!important}.studio-shell .control-row{grid-area:2/2/auto/4!important;gap:12px!important;display:flex!important}.studio-shell .generate-button{background:linear-gradient(135deg,#b991ff,#7863f7)!important;border-radius:11px!important;grid-area:1/4!important;min-width:200px!important;height:68px!important}.studio-shell .advanced-toggle{grid-area:2/4!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}.studio-shell{min-height:100svh;position:relative;overflow:hidden;color:#16172d!important;background:radial-gradient(circle at 84% 16%,#bcaaff38,#0000 28%),radial-gradient(circle at 55% 0,#ffffffd1,#0000 34%),linear-gradient(135deg,#f5f2ff,#ecebfb 44%,#d8daf0)!important;grid-template-columns:240px minmax(0,1fr)!important;display:grid!important}.studio-shell:before{content:"";pointer-events:none;filter:blur(16px);z-index:1;background:radial-gradient(at 9% 93%,#7c84ad54,#0000 26%),radial-gradient(at 50% 103%,#8482b442,#0000 34%),radial-gradient(at 90% 98%,#6d70a533,#0000 28%),linear-gradient(#0000 58%,#b0b4d633);position:fixed;inset:0}.studio-shell:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#ffffff75 0 240px,#ffffff24 240px 100%);position:fixed;inset:0}.studio-shell .logo{color:#13142a!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:auto!important;height:42px!important;margin:0 0 34px!important;font-size:20px!important;font-weight:760!important;display:flex!important}.studio-shell .logo span:last-child{display:inline!important}.studio-shell .logo-mark{color:#a983ff!important;width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important;border-radius:10px!important}.studio-shell .logo-mark svg{stroke-width:2.4px!important;width:25px!important;height:25px!important}.studio-shell .new-generation-button{color:#fff!important;background:linear-gradient(135deg,#8a74ff,#b482ff)!important;border-radius:10px!important;justify-content:center!important;width:100%!important;height:46px!important;margin-bottom:22px!important;display:flex!important;box-shadow:0 18px 42px #896fff57!important}.studio-shell .nav-stack{flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:0!important;display:flex!important}.studio-shell .nav-item{color:#4a4c73!important;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:13px!important;font-weight:610!important;display:flex!important}.studio-shell .nav-item svg{color:#655e9b!important;width:18px!important;height:18px!important}.studio-shell .collection-stack{gap:9px!important;margin-top:30px!important;display:grid!important}.studio-shell .collection-head{color:#78799b!important;font-size:13px!important}.studio-shell .collection-stack button{color:#20223d!important;background:0 0!important;border:0!important;justify-content:space-between!important;align-items:center!important;height:28px!important;padding:0 4px 0 14px!important;font-size:13px!important;font-weight:520!important;display:flex!important}.studio-shell .collection-stack em{color:#77769a;background:#d6d1ed9e;border-radius:8px;place-items:center;min-width:26px;height:22px;font-size:12px;font-style:normal;display:grid}.studio-shell .nav-footer{margin-top:auto!important;display:flex!important}.studio-shell .upgrade-card{color:#2a2446!important;background:radial-gradient(circle at 88% 86%,#9f72ff85,#0000 25%),linear-gradient(145deg,#fffc,#dfc4ffc7)!important;border-radius:12px!important;min-height:186px!important;padding:20px 16px!important;display:grid!important;box-shadow:0 22px 54px #9177ca38,inset 0 1px #ffffffc2!important}.studio-shell .upgrade-card svg{justify-self:end;color:#a577ff6b!important}.studio-shell .upgrade-card strong{font-size:15px!important}.studio-shell .upgrade-card span{color:#77729b!important;font-size:13px!important;line-height:1.6!important}.studio-shell .upgrade-card button{color:#6657a8!important;background:#ffffffe6!important;border-radius:8px!important;width:102px!important;height:34px!important}.studio-shell .premium-button{color:#5c3ed6!important;background:#dfd8ffc7!important}.studio-shell .history-toolbar:after{content:none!important;display:none!important}.studio-shell .history-tools{grid-column:2!important;grid-template-columns:repeat(4,34px) 110px!important;align-items:center!important;gap:7px!important;display:grid!important}.studio-shell .history-tools:before{content:"";background:#ffffff7a;border-radius:10px;width:34px;height:34px}.studio-shell .history-tools select{color:#4f4d75!important;background:#ffffff9e!important;border:1px solid #ffffffa3!important;border-radius:10px!important;grid-area:2/5!important;width:110px!important;height:34px!important;font-size:12px!important}.studio-shell .view-button{color:#6a639b!important;background:#ffffff8f!important;border:1px solid #ffffffa3!important;border-radius:10px!important;width:34px!important;min-width:34px!important;height:34px!important}.studio-shell .view-button.active{color:#6c4bde!important;background:#dbd2ffd1!important}.studio-shell .filter-tabs{gap:22px!important;padding:8px 0 2px!important;display:flex!important}.studio-shell .filter-tabs button{color:#4d4b70!important;background:0 0!important;border-radius:9px!important;height:34px!important;padding-inline:11px!important;font-size:13px!important;font-weight:610!important}.studio-shell .filter-tabs button.active{color:#6c4bde!important;background:#ffffffe6!important;box-shadow:0 9px 22px #7a64c22e!important}.studio-shell .history-task{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);color:#15152d!important;background:#ffffff7a!important;border:1px solid #ffffff8f!important;border-radius:14px!important;min-height:232px!important;box-shadow:inset 0 1px #ffffffad,0 14px 42px #8d84b81f!important}.studio-shell .tag-row [data-slot=badge]:first-child{color:#7451d9!important;background:#dfd3ffe6!important}.studio-shell .task-reference-block{background:0 0!important;grid-template-columns:1fr!important;align-content:center!important;gap:10px!important;min-height:118px!important;padding:0 0 0 52px!important;display:grid!important}.studio-shell .image-grid.count-2,.studio-shell .concept-grid.count-2,.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-grid.count-3,.studio-shell .concept-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-shell .is-preview-loading .concept-image:not(:first-child) img{opacity:0!important}.studio-shell .is-preview-loading .concept-image:not(:first-child){background:#b4b8d394!important}.studio-shell .concept-progress span{color:#fff!important;background:#6250a22e!important;border-width:4px!important;border-color:#ffffffd1 #8b66ffc7 #ffffffd1 #ffffffd1!important;width:72px!important;height:72px!important;font-size:17px!important;box-shadow:0 10px 34px #5644a433!important}.studio-shell .concept-progress strong{color:#fffffff5!important;font-size:13px!important;display:block!important}.studio-shell .concept-progress em{color:#ffffffd1!important;font-size:12px!important;font-style:normal!important;display:block!important}.studio-shell .image-card figcaption,.studio-shell .concept-image figcaption,.studio-shell .task-actions,.studio-shell .composer:before{display:none!important}.studio-shell .composer-card{-webkit-backdrop-filter:blur(24px)saturate(150%)!important;backdrop-filter:blur(24px)saturate(150%)!important;background:#e8e7f9c7!important;border:1px solid #ffffffa3!important;border-radius:18px!important;grid-template-rows:72px 42px!important;grid-template-columns:146px minmax(360px,1fr) 200px 200px!important;gap:12px 20px!important;min-height:158px!important;padding:20px!important;display:grid!important;box-shadow:0 -18px 70px #8984b238,0 24px 70px #5e5b8233,inset 0 1px #ffffffc7!important}.studio-shell .upload-tile{color:#6f6d91!important;background:#ffffff57!important;border:1px solid #ffffff94!important;border-radius:13px!important;grid-area:1/1/3!important;min-height:118px!important}.studio-shell .prompt-top{min-height:72px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;grid-area:1/2/auto/4!important;padding:0!important;display:block!important}.studio-shell .prompt-top:before,.studio-shell .reference-strip.hidden:after{content:none!important;display:none!important}.studio-shell .reference-strip{z-index:2!important;width:var(--reference-collapsed-width)!important;height:58px!important;position:absolute!important;top:31px!important;left:188px!important}.studio-shell .prompt-top textarea{color:#32324f!important;resize:none!important;background:#ffffffb8!important;border:1px solid #ffffffa8!important;border-radius:10px!important;width:100%!important;min-height:72px!important;max-height:72px!important;padding:20px 52px 18px 16px!important;font-size:14px!important;line-height:1.45!important;box-shadow:inset 0 1px #ffffffb3!important}.studio-shell .control-row{grid-area:2/2/auto/4!important;align-items:center!important;gap:12px!important;display:flex!important}.studio-shell .ratio-button,.studio-shell .control-row select,.studio-shell .count-control,.studio-shell .soft-button{color:#393955!important;background:#ffffff94!important;border:1px solid #ffffff94!important;border-radius:14px!important;min-width:110px!important;height:34px!important;font-size:13px!important}.studio-shell .generate-button{color:#fff!important;background:linear-gradient(135deg,#b991ff,#7863f7)!important;border-radius:11px!important;grid-area:1/4!important;align-self:stretch!important;min-width:200px!important;height:68px!important;box-shadow:0 16px 40px #7e63f052,inset 0 1px #ffffff47!important}.studio-shell .advanced-toggle{color:#474963!important;grid-area:2/4!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;font-size:13px!important;display:flex!important}:root,:root[data-theme=light]{color-scheme:light;--background:249 41% 9%;--foreground:252 48% 96%;--card:252 36% 15%;--card-foreground:252 48% 96%;--popover:252 36% 13%;--popover-foreground:252 48% 96%;--primary:260 94% 72%;--primary-foreground:260 100% 98%;--secondary:254 32% 21%;--secondary-foreground:252 48% 92%;--muted:253 27% 24%;--muted-foreground:251 19% 71%;--accent:262 85% 68%;--accent-foreground:260 100% 98%;--border:255 28% 31%;--input:254 30% 20%;--ring:263 91% 76%}html,body,#root{min-height:100%;background:#100f21!important}body{overflow:hidden}.studio-shell{color:#fbf8fff0;min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 63% 100%,#915cff57,#0000 21%),radial-gradient(circle at 11% 88%,#9b70ff5c,#0000 23%),radial-gradient(circle at 47% 10%,#6f52b533,#0000 34%),linear-gradient(145deg,#181326,#111126 47%,#0e1022)!important;grid-template-columns:88px minmax(0,1fr)!important;display:grid!important}.studio-shell:before{content:"";pointer-events:none;opacity:.62;z-index:0;background:linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 100%) 0 0/86px 100%,radial-gradient(at 70% 100%,#c3a9ff33,#0000 32%),radial-gradient(at 18% 55%,#dbcfff21,#0000 33%);position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 7%,#0000 7% 100%);mask-image:linear-gradient(90deg,#000 0 7%,#0000 7% 100%)}.studio-shell:after{content:"";pointer-events:none;filter:blur(18px);z-index:1;background:radial-gradient(at 50% 100%,#c9b9ff52,#0000 52%),linear-gradient(#0000 28%,#e7e2ff2e);height:46vh;position:fixed;inset:auto 0 0 78px}.studio-shell .sidebar{z-index:4;-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:#0c0c1c47!important;border-right:1px solid #e0d6ff26!important;width:88px!important;min-width:88px!important;height:100svh!important;padding:24px 18px 22px!important;position:relative!important;box-shadow:inset -1px 0 #ffffff0a!important}.studio-shell .logo{justify-content:center!important;width:52px!important;height:52px!important;margin:0 0 42px!important}.studio-shell .logo span:last-child,.studio-shell .new-generation-button,.studio-shell .collection-stack,.studio-shell .upgrade-card{display:none!important}.studio-shell .logo-mark{color:#fff!important;background:linear-gradient(145deg,#a98cff,#7954ef)!important;border-radius:18px!important;width:44px!important;height:44px!important;box-shadow:0 16px 40px #7d50f459,inset 0 1px #ffffff5c!important}.studio-shell .nav-stack{align-items:center!important;gap:22px!important;padding:0!important}.studio-shell .nav-item{color:#e6e0ffb8!important;background:0 0!important;border:1px solid #0000!important;border-radius:15px!important;justify-content:center!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important}.studio-shell .nav-item span:last-child{display:none!important}.studio-shell .nav-item svg{width:21px!important;height:21px!important}.studio-shell .nav-item.active{color:#fff!important;background:linear-gradient(145deg,#a98efff2,#7751ebf5)!important;box-shadow:0 18px 44px #764feb57!important}.studio-shell .nav-footer{gap:18px!important;margin-top:auto!important}.studio-shell .main{z-index:3;width:calc(100vw - 88px)!important;min-height:100svh!important;padding:76px 48px 0 42px!important;position:relative!important;overflow:hidden!important}.studio-shell .topbar{z-index:8;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;justify-content:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;top:22px!important;left:auto!important;right:36px!important}.studio-shell .topbar-actions{grid-template-columns:none!important;justify-self:end!important;align-items:center!important;gap:12px!important;margin:0!important;display:flex!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button,.studio-shell .premium-button{-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%);color:#f8f6ffe6!important;background:#201d3994!important;border:1px solid #e6ddff26!important;border-radius:12px!important;height:38px!important;box-shadow:inset 0 1px #ffffff14,0 12px 30px #0808143d!important}.studio-shell .premium-button{background:linear-gradient(135deg,#a487ff,#7047e8)!important}.studio-shell .top-icon-button{width:38px!important}.studio-shell .history-feed{z-index:4;-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);position:relative;background:linear-gradient(#312a54ad,#16152f94),#18163094!important;border:1px solid #dcd3ff24!important;border-radius:24px 24px 0 0!important;gap:14px!important;width:100%!important;max-width:none!important;height:calc(100svh - 100px)!important;min-height:0!important;padding:24px 44px 260px!important;overflow:hidden!important;box-shadow:0 36px 120px #06061061,inset 0 1px #ffffff1f!important}.studio-shell .history-feed:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 16% 0,#b89aff29,#0000 34%),radial-gradient(at 82% 100%,#8766ff24,#0000 36%);position:absolute;inset:0}.studio-shell .history-toolbar{grid-template-columns:220px minmax(360px,1fr) auto!important;align-items:center!important;gap:24px!important;padding:0 0 6px!important;display:grid!important}.studio-shell .history-toolbar:after{content:"Search prompts or tags...";color:#e2dbf88a;background:linear-gradient(90deg,#ffffff0f,#ffffff09),#2b2748bd;border:1px solid #e2daff1f;border-radius:13px;align-items:center;height:40px;padding:0 18px 0 44px;font-size:13px;display:flex;box-shadow:inset 0 1px #ffffff14}.studio-shell .history-toolbar>div:first-child{grid-column:1}.studio-shell .history-tools{grid-column:3!important;grid-template-columns:none!important;gap:10px!important;display:flex!important}.studio-shell h1{color:#fcfaffeb!important;font-size:15px!important;font-weight:680!important;line-height:1.2!important}.studio-shell .history-tools select,.studio-shell .view-button{color:#f7f4ffe6!important;background:#2b2748ad!important;border:1px solid #e2daff1f!important;border-radius:13px!important;width:auto!important;min-width:40px!important;height:40px!important}.studio-shell .history-tools select{width:136px!important;padding-inline:14px!important}.studio-shell .filter-tabs{display:none!important}.studio-shell .concept-preview-list{gap:14px!important;display:grid!important}.studio-shell .history-task{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);position:relative;color:#faf8ffeb!important;background:linear-gradient(#302b50a3,#1f1d3a7a),#18163080!important;border:1px solid #e0d8ff21!important;border-radius:14px!important;min-height:204px!important;box-shadow:inset 0 1px #ffffff14,0 20px 46px #07071233!important}.studio-shell .history-task:hover,.studio-shell .history-task.selected{background:linear-gradient(#3a3360b8,#221f4094),#1c1a36a3!important;border-color:#bea8ff52!important}.studio-shell .task-head{grid-template-columns:40px minmax(0,1fr) 112px!important;gap:10px!important;padding:22px 24px 8px!important;display:grid!important}.studio-shell .task-title-area{justify-content:start!important;gap:10px!important}.studio-shell .task-title-area input{accent-color:#a58bff;width:15px!important;height:15px!important}.studio-shell .task-title-area svg{color:#e7e1ff8f!important;width:15px!important;height:15px!important}.studio-shell .task-copy-area h2{color:#fffdffeb!important;max-width:520px!important;font-size:15px!important;font-weight:650!important;line-height:1.48!important}.studio-shell .tag-row{gap:9px!important;margin-top:18px!important}.studio-shell .tag-row [data-slot=badge]{color:#e7e0ffbd!important;background:#ffffff13!important;border:0!important;border-radius:9px!important;min-height:24px!important;font-size:12px!important}.studio-shell .task-more-actions{justify-content:end!important;gap:6px!important}.studio-shell .task-more-actions .icon-button{color:#e7e1ffa3!important;border-radius:10px!important;width:31px!important;height:31px!important}.studio-shell .task-content{grid-template-columns:328px minmax(0,1fr)!important;align-items:center!important;gap:22px!important;padding:0 24px 20px!important;display:grid!important}.studio-shell .concept-task .task-content{grid-template-columns:328px minmax(0,1fr)!important}.studio-shell .task-reference-block{background:0 0!important;grid-template-columns:116px 1fr!important;align-items:center!important;gap:16px!important;min-height:116px!important;padding:0!important;display:grid!important}.studio-shell .task-reference-block p{color:#f9f6ffdb!important;margin:0!important;font-size:13px!important;font-weight:620!important}.studio-shell .reference-chip-stack{align-items:center!important;gap:7px!important;display:flex!important}.studio-shell .reference-sample,.studio-shell .reference-chip,.studio-shell .reference-more{object-fit:cover!important;background:#ffffff12!important;border:1px solid #ece7ff33!important;border-radius:9px!important;width:74px!important;height:48px!important;box-shadow:0 14px 26px #07071233!important}.studio-shell .image-grid,.studio-shell .concept-grid{align-items:stretch!important;gap:12px!important}.studio-shell .image-grid.count-1,.studio-shell .concept-grid.count-1{grid-template-columns:minmax(420px,.62fr) 1fr!important}.studio-shell .image-grid.count-2,.studio-shell .concept-grid.count-2,.studio-shell .image-grid.count-3,.studio-shell .concept-grid.count-3,.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-card,.studio-shell .concept-image{position:relative;background:#ffffff0f!important;border:1px solid #ebe5ff24!important;border-radius:9px!important;height:168px!important;min-height:168px!important;overflow:hidden!important;box-shadow:0 18px 36px #05060e3d!important}.studio-shell .image-card img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error,.studio-shell .concept-image img{object-fit:cover!important;width:100%!important;height:168px!important;min-height:168px!important;display:block!important}.studio-shell .concept-image{background-image:none!important}.studio-shell .is-preview-loading{border-color:#a985ff47!important;min-height:208px!important;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #895dff17,0 26px 58px #6646d72e!important}.studio-shell .is-preview-loading .image-grid.count-1,.studio-shell .is-preview-loading .concept-grid.count-1{grid-template-columns:minmax(480px,.58fr) minmax(260px,.42fr)!important}.studio-shell .is-preview-loading .concept-grid:after{content:"Generating your images...\\A This may take a few moments.\\A\\A Cancel";white-space:pre-line;color:#fffdffeb;place-content:center start;padding-left:22px;font-size:14px;line-height:1.95;display:grid}.studio-shell .concept-progress{-webkit-backdrop-filter:blur(4px)saturate(135%)!important;backdrop-filter:blur(4px)saturate(135%)!important;background:#2e245c5c!important}.studio-shell .concept-progress span{animation:2.8s ease-in-out infinite conceptPulse;color:#0000!important;background:radial-gradient(circle,#c5aefff2,#794dec6b 42%,#0000 60%)!important;border-width:2px!important;border-color:#b99cff66 #e5d7fff2 #b99cff66 #b99cff66!important;width:86px!important;height:86px!important;box-shadow:0 0 48px #9f71ff94!important}.studio-shell .concept-progress strong,.studio-shell .concept-progress em{display:none!important}.studio-shell .concept-more{-webkit-backdrop-filter:blur(12px)saturate(125%)!important;backdrop-filter:blur(12px)saturate(125%)!important;background:#0e0e1c75!important;font-size:21px!important;font-weight:720!important}.studio-shell .image-card figcaption,.studio-shell .concept-image figcaption,.studio-shell .task-actions{display:none!important}.studio-shell .composer{z-index:7;width:min(1396px,100vw - 188px)!important;padding:0!important;position:fixed!important;bottom:24px!important;left:calc(50vw + 44px)!important;right:auto!important;transform:translate(-50%)!important}.studio-shell .composer:before{content:"";z-index:1;background:#e3dbff57;border-radius:999px;width:44px;height:5px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.studio-shell .composer-card{-webkit-backdrop-filter:blur(32px)saturate(150%)!important;backdrop-filter:blur(32px)saturate(150%)!important;background:linear-gradient(#373058c7,#191834b8),#171630c7!important;border:1px solid #e1d8ff2e!important;border-radius:22px!important;grid-template-columns:216px 138px minmax(320px,1fr) 244px 204px!important;gap:28px!important;min-height:230px!important;padding:56px 44px 24px!important;display:grid!important;box-shadow:0 -20px 95px #704beb38,0 28px 95px #04050e75,inset 0 1px #ffffff21!important}.studio-shell .upload-tile{color:#f7f4ffc7!important;background:#ffffff0b!important;border:1px dashed #e1daff40!important;border-radius:13px!important;grid-column:1!important;min-height:156px!important}.studio-shell .upload-tile:after{content:"Upload Image\\A PNG, JPG up to 10MB";white-space:pre-line;color:#e2dbffa3;text-align:center;margin-top:10px;font-size:12px;line-height:1.7}.studio-shell .prompt-zone{display:contents!important}.studio-shell .prompt-top{min-height:156px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;grid-column:2/4!important;grid-template-columns:126px minmax(0,1fr)!important;gap:28px!important;padding:0!important;display:grid!important}.studio-shell .prompt-top:before{content:"References";color:#f7f4ffe0;grid-column:1;align-self:start;font-size:13px;font-weight:620}.studio-shell .reference-strip{grid-area:1/1!important;align-self:end!important;width:92px!important;height:118px!important;margin-top:30px!important}.studio-shell .reference-strip.hidden{display:block!important}.studio-shell .reference-strip.hidden:after{content:"+";color:#e1d8ff99;background:#ffffff0f;border:1px solid #e1d8ff1f;border-radius:10px;place-items:center;width:86px;height:54px;margin-top:40px;display:grid}.studio-shell .reference-thumb{border-radius:9px!important;width:86px!important;height:54px!important}.studio-shell .prompt-top textarea{color:#fffdffeb!important;resize:none!important;background:#1c1a3694!important;border:1px solid #e2daff1f!important;border-radius:13px!important;grid-column:2!important;min-height:156px!important;max-height:156px!important;padding:22px 20px!important;font-size:15px!important;line-height:1.7!important;box-shadow:inset 0 1px #ffffff0d!important}.studio-shell .prompt-top textarea::placeholder{color:#e7e0ff94!important}.studio-shell .control-row{grid-column:4!important;grid-template-columns:1fr!important;align-content:start!important;gap:12px!important;min-width:0!important;display:grid!important}.studio-shell .ratio-button,.studio-shell .control-row select,.studio-shell .count-control,.studio-shell .soft-button{color:#f7f4ffe6!important;background:#ffffff0f!important;border:1px solid #e2daff1f!important;border-radius:12px!important;height:42px!important}.studio-shell .soft-button.hidden{display:none!important}.studio-shell .generate-button{color:#fff!important;background:linear-gradient(135deg,#c4a6ff,#7a50f0)!important;border-radius:13px!important;grid-column:5!important;align-self:center!important;min-width:204px!important;height:56px!important;box-shadow:0 18px 44px #774eeb57,inset 0 1px #ffffff47!important}.studio-shell .advanced-toggle{display:none!important}@keyframes conceptPulse{0%,to{opacity:.84;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(160deg,#8b5cf624,transparent 34%),linear-gradient(20deg,#a855f714,transparent 28%),var(--bg);margin:0;font-family:Microsoft YaHei UI,Noto Sans SC,PingFang SC,sans-serif;transition:background .18s,color .18s}button,textarea,select{font:inherit}button{cursor:pointer}.app{grid-template-columns:104px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:4;background:var(--sidebar-bg);border-right:1px solid var(--line);grid-template-rows:auto 1fr auto;width:104px;padding:18px 12px;display:grid;position:fixed;inset:0 auto 0 0}.logo{color:var(--accent-deep);place-items:center;gap:6px;font-size:12px;font-weight:900;display:grid}.logo-mark{aspect-ratio:1;background:var(--surface);border:2px solid #8fd4be;border-radius:8px;place-items:center;width:42px;display:grid;box-shadow:0 8px 18px #11876f29}.nav-stack,.nav-footer{justify-items:center;display:grid}.nav-stack{align-content:start;gap:18px;padding-top:54px}.nav-footer{gap:14px}.nav-item,.icon-button{color:var(--muted);background:0 0;border:0}.nav-item{border-radius:8px;place-items:center;gap:4px;width:62px;min-height:58px;font-size:12px;font-weight:800;display:grid}.nav-item span:first-child{aspect-ratio:1;background:var(--surface-soft);border-radius:8px;place-items:center;width:30px;font-size:16px;display:grid}.nav-item.active{color:var(--accent-deep);background:var(--surface);box-shadow:0 14px 28px #11876f1f}.nav-item.active span:first-child{color:#fff;background:linear-gradient(135deg,var(--accent),var(--blue))}.icon-button{border-radius:8px;min-width:34px;min-height:34px;font-size:12px;font-weight:900}.icon-button:hover,.nav-item:hover{background:var(--surface-glass)}.main{grid-column:2;min-height:100vh;padding:28px 40px 260px}.topbar{justify-content:space-between;align-items:center;gap:18px;max-width:1530px;margin:0 auto 24px;display:flex}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.pay-button{border:1px solid var(--accent);min-height:36px}@supports (color:color-mix(in lab,red,red)){.pay-button{border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line))}}.pay-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--blue));border-radius:8px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px #11876f2e}.pay-button:hover{filter:brightness(1.04)}.pay-button span:first-child{aspect-ratio:1;width:20px;color:var(--accent-deep);background:#ffffffe6;border-radius:50%;place-items:center;display:grid}.eyebrow{color:var(--accent);margin:0 0 4px;font-size:13px;font-weight:900}h1,h2,p,figure{margin:0}h1{letter-spacing:0;color:var(--ink);font-size:30px;line-height:1.12}.status-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--surface);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.account-button{max-width:290px}.account-button span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-dot{aspect-ratio:1;background:var(--accent);border-radius:50%;width:8px;box-shadow:0 0 0 4px #11876f1f}.history-feed{gap:30px;max-width:1530px;margin:0 auto;display:grid}.local-notice{border:1px solid var(--line);max-width:1530px;min-height:44px;color:var(--control-ink);background:var(--surface-glass);border-radius:8px;margin:-8px auto 24px;padding:12px 14px;font-size:13px;font-weight:800;line-height:1.55}.history-task{border:1px solid #0000;border-radius:8px;padding:10px;transition:border-color .16s,background .16s}.history-task.selected{border-color:var(--line-strong);background:var(--selected-bg)}.task-head{justify-content:space-between;align-items:end;gap:16px;padding:0 0 12px;display:flex}.task-head h2{letter-spacing:0;margin-bottom:10px;font-size:18px;font-weight:800}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{min-height:32px;color:var(--control-ink);background:var(--surface-soft);border-radius:8px;align-items:center;padding:0 13px;font-size:13px;font-weight:800;display:inline-flex}.reference-chip,.reference-thumb{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:8px;width:50px}.reference-chip-stack{justify-content:flex-end;align-items:center;min-width:80px;display:flex}.reference-chip-stack .reference-chip{background:var(--surface);margin-left:-12px;box-shadow:0 8px 18px #15332a1f}.reference-chip-stack span{min-width:32px;min-height:32px;color:var(--accent-deep);background:var(--accent-soft);border-radius:50%;place-items:center;margin-left:-8px;font-size:12px;font-weight:900;display:grid}.image-grid{background:0 0;border-radius:8px;grid-template-columns:repeat(4,minmax(180px,1fr));gap:2px;display:grid;overflow:hidden}.image-grid.count-1{grid-template-columns:minmax(240px,360px)}.image-grid.count-2{grid-template-columns:repeat(2,minmax(220px,1fr))}.image-grid.count-3{grid-template-columns:repeat(3,minmax(200px,1fr))}.image-card{background:var(--image-bg);min-height:230px;position:relative;overflow:hidden}.image-card.is-streaming:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:3px;animation:1.15s ease-in-out infinite stream-progress;position:absolute;inset:auto 0 0}.image-preview-trigger,.image-card img,.image-skeleton,.image-error{width:100%;height:100%;min-height:230px;display:block}.image-preview-trigger{text-align:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;overflow:hidden}.image-preview-trigger:hover img{transform:scale(calc(var(--history-image-scale,1) * 1.015))}.image-download-button,.preview-download-button{color:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#111520ad;border:1px solid #ffffff57;place-items:center;transition:opacity .16s,transform .16s,background .16s,border-color .16s;display:inline-grid;box-shadow:0 12px 34px #0f0e1c47}.image-download-button{z-index:3;opacity:0;pointer-events:none;border-radius:999px;width:34px;height:34px;position:absolute;bottom:12px;right:12px;transform:translateY(5px)scale(.96)}.image-download-button svg,.preview-download-button svg{stroke-width:2.2px;width:17px;height:17px}.image-card:hover .image-download-button,.image-card:focus-within .image-download-button,.image-download-button:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.image-download-button:hover,.image-download-button:focus-visible,.preview-download-button:hover,.preview-download-button:focus-visible{background:#6852eee0;border-color:#ffffff8f}.image-card img{object-fit:contain;background:var(--image-bg);transform:scale(var(--history-image-scale,1));transition:transform .18s}.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error){justify-items:center;display:grid;overflow:visible;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) .image-preview-trigger{background:0 0!important;width:fit-content!important;max-width:100%!important;height:100%!important;min-height:0!important}.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img{background:0 0!important;width:auto!important;max-width:100%!important;height:100%!important;min-height:0!important}.image-card figcaption{max-width:calc(100% - 20px);color:var(--caption-ink);background:var(--caption-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:7px 9px;font-size:11px;position:absolute;inset:auto 10px 10px;overflow:hidden}.image-skeleton{background:var(--skeleton-bg);background-size:220% 100%,100% 100%;place-items:center;animation:1.1s linear infinite shimmer;display:grid}.image-skeleton>span{aspect-ratio:1;border:4px solid #11876f33;border-top-color:var(--accent);border-radius:50%;width:38px;animation:.9s linear infinite spin}body.preview-open{overflow:hidden}.image-preview{z-index:30;place-items:center;padding:70px 22px 28px;display:grid;position:fixed;inset:0}.preview-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030807d1;position:absolute;inset:0}.preview-stage{z-index:1;touch-action:none;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.preview-image-wrap{place-items:center;max-width:min(92vw,1320px);max-height:calc(100svh - 120px);display:inline-grid;position:relative}.preview-stage img{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:50%;border-radius:8px;max-width:min(92vw,1320px);max-height:calc(100svh - 120px);transition:transform 80ms;box-shadow:0 26px 90px #00000075}.preview-stage img.is-dragging{cursor:grabbing;transition:none}.preview-toolbar,.preview-close,.preview-nav{z-index:2;position:fixed}.preview-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1311c7;border:1px solid #ffffff29;border-radius:8px;gap:5px;min-height:42px;padding:5px;display:inline-flex;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000052}.preview-tool,.preview-close,.preview-nav,.preview-download-button{color:#f8fffb;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;font-weight:900}.preview-tool{min-width:38px;min-height:32px}.preview-scale{min-width:62px;padding-inline:10px}.preview-close{aspect-ratio:1;width:42px;font-size:22px;top:22px;right:22px}.preview-nav{aspect-ratio:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1311a3;border-radius:999px;place-items:center;width:54px;display:inline-grid;top:50%;transform:translateY(-50%);box-shadow:0 18px 48px #00000052}.preview-nav svg{width:28px;height:28px}.preview-nav-prev{left:max(24px,env(safe-area-inset-left))}.preview-nav-next{right:max(24px,env(safe-area-inset-right))}.preview-download-button{min-width:38px;min-height:32px}.preview-tool:hover,.preview-close:hover,.preview-nav:hover,.preview-download-button:hover{background:#ffffff29}.image-error{text-align:center;color:var(--coral);overflow-wrap:anywhere;align-content:center;justify-items:center;gap:6px;padding:18px;display:grid}.image-error strong{font-weight:900}.image-error span{max-width:100%;font-size:13px;font-weight:800;line-height:1.45}.task-actions{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.task-actions button,.soft-button{border:1px solid var(--line);min-height:38px;color:var(--control-ink);background:var(--control-bg);border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-weight:800;display:inline-flex}.task-actions button:hover,.soft-button:hover{border-color:var(--line-strong);background:var(--accent-soft)}.empty-state{place-items:center;max-width:1530px;min-height:48vh;margin:0 auto;display:grid}.empty-card{text-align:center;max-width:430px;color:var(--muted)}.empty-icon{aspect-ratio:1;width:72px;color:var(--accent-deep);background:var(--accent-soft);border-radius:8px;place-items:center;margin:0 auto 18px;font-size:30px;display:grid}.empty-card h2{color:var(--ink);margin-bottom:10px;font-size:22px}.empty-card p{line-height:1.7}.composer{z-index:5;width:min(780px,100vw - 150px);position:fixed;bottom:20px;left:calc(104px + 50%);transform:translate(-50%)}.mode-tabs{width:max-content;margin:0 auto -1px;display:flex}.mode-tab{border:1px solid var(--line);min-width:176px;min-height:46px;color:var(--muted);background:var(--surface-glass);border-bottom:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:900;display:inline-flex}.mode-tab.active{color:var(--accent-deep);background:var(--surface)}.composer-card{border:1px solid var(--line);background:var(--surface-glass);min-height:124px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:72px minmax(0,1fr) 80px;align-items:stretch;gap:12px;padding:12px;display:grid}.composer-card.is-disabled{border-color:var(--line);background:var(--surface-glass)}@supports (color:color-mix(in lab,red,red)){.composer-card.is-disabled{background:color-mix(in srgb,var(--surface-glass) 82%,transparent)}}.account-control{border:1px solid var(--line);min-height:38px;color:var(--control-ink);background:var(--control-bg);border-radius:8px;flex:180px;align-items:center;gap:10px;padding:0 10px 0 12px;font-weight:900;display:flex}.account-control span{color:var(--muted);flex:none;font-size:13px}.account-control input{width:100%;min-width:0;color:var(--control-ink);background:0 0;border:0;outline:0;font-weight:800}.upload-tile{border:1px dashed var(--line-strong);min-height:76px;color:var(--muted);background:var(--surface-soft);border-radius:8px;grid-area:1/1/3;place-items:center;display:grid;overflow:hidden}.upload-tile.is-emphasized{border-color:var(--accent);background:var(--accent-soft)}.upload-tile input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.upload-tile span{font-size:26px}.prompt-zone{grid-area:1/2/3;grid-template-rows:auto auto auto;gap:10px;min-width:0;display:grid}@media(min-width:981px){.studio-shell .upload-tile,.studio-shell .reference-dock{border-radius:13px!important;grid-area:1/1/3!important;min-height:118px!important}.studio-shell .reference-dock{color:#6f6d91!important;background:#ffffff57!important;width:146px!important;position:relative!important;overflow:visible!important}.studio-shell .reference-dock:before{content:""!important;pointer-events:auto!important;z-index:0!important;background:0 0!important;border-radius:13px!important;width:146px!important;transition:width .18s!important;position:absolute!important;inset:0 auto 0 0!important}.studio-shell .reference-dock:hover:before,.studio-shell .reference-dock:focus-within:before{width:var(--reference-expanded-width,300px)!important}.studio-shell .reference-dock-stack{z-index:1!important;width:100%!important;min-height:118px!important;padding:7px 12px!important;position:relative!important;overflow:visible!important}.studio-shell .reference-dock-card,.studio-shell .reference-dock-add{top:7px!important;left:calc(12px + min(var(--reference-index,0),3)*18px)!important;background:#f2f0fadb!important;border:1px solid #ffffffd1!important;border-radius:13px!important;width:66px!important;height:78px!important;transition:left .18s,transform .18s,box-shadow .18s!important;position:absolute!important;overflow:hidden!important;box-shadow:0 12px 26px #26205621!important}.studio-shell .reference-dock-card{z-index:calc(12 - var(--reference-index,0))!important}.studio-shell .reference-dock-preview{border-radius:inherit!important;cursor:zoom-in!important;background:0 0!important;border:0!important;width:100%!important;height:100%!important;padding:0!important;display:block!important}.studio-shell .reference-dock-preview:focus-visible{outline-offset:-3px!important;outline:2px solid #745fffd1!important}.studio-shell .reference-dock-card img{object-fit:contain!important;background:linear-gradient(#ffffff94,#e5e2f4c7)!important;width:100%!important;height:100%!important;display:block!important}.studio-shell .reference-dock-card .reference-dock-remove{color:#fff!important;opacity:0!important;background:#201d39b8!important;border:0!important;border-radius:999px!important;place-items:center!important;width:22px!important;height:22px!important;transition:opacity .16s!important;display:grid!important;position:absolute!important;top:6px!important;right:6px!important}.studio-shell .reference-dock-card .reference-dock-remove svg{width:12px!important;height:12px!important}.studio-shell .reference-dock-add{left:calc(12px + min(var(--reference-count,1),3)*18px)!important;z-index:20!important;cursor:pointer!important;border-style:dashed!important;place-items:center!important;display:grid!important}.studio-shell .reference-dock-add input{display:none!important}.studio-shell .reference-dock-add svg{width:20px!important;height:20px!important}.studio-shell .reference-dock:hover .reference-dock-card,.studio-shell .reference-dock:focus-within .reference-dock-card{left:calc(12px + var(--reference-index,0) * 72px)!important;transform:translateY(-2px)!important;box-shadow:0 18px 34px #2620562e!important}.studio-shell .reference-dock:hover .reference-dock-add,.studio-shell .reference-dock:focus-within .reference-dock-add{left:calc(12px + var(--reference-count,1) * 72px)!important;transform:translateY(-2px)!important}.studio-shell .reference-dock:hover .reference-dock-card .reference-dock-remove,.studio-shell .reference-dock:focus-within .reference-dock-card .reference-dock-remove{opacity:1!important}.studio-shell .prompt-zone{display:contents!important}.studio-shell .prompt-top{grid-area:1/2/auto/4!important}.studio-shell .control-row{grid-area:2/2/auto/4!important;padding-left:0!important}.studio-shell .reference-panel{border-radius:12px!important;width:100%!important;min-width:0!important;padding:8px 10px 7px!important}.studio-shell .prompt-top{width:100%!important;min-height:72px!important}.studio-shell .reference-panel{width:100%!important;min-width:0!important}.studio-shell .reference-panel-strip{flex-wrap:nowrap!important;gap:8px!important;display:flex!important;overflow-x:auto!important}.studio-shell .reference-card-media{width:58px!important;height:58px!important}.studio-shell .prompt-top{width:100%!important}.studio-shell .control-row{grid-area:3/2/auto/4!important}.studio-shell .composer-card{grid-template-rows:auto auto 42px!important;grid-template-columns:146px minmax(360px,1fr) 200px 200px!important;align-items:start!important}.studio-shell .upload-tile{grid-row:1/4!important}.studio-shell .prompt-zone{flex-direction:column!important;grid-area:1/2/3/4!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.studio-shell .reference-panel{border-radius:12px!important;align-self:stretch!important;width:100%!important;min-width:0!important;margin:0!important;padding:8px 10px 7px!important}.studio-shell .reference-panel-head{flex-shrink:0!important}.studio-shell .reference-panel-strip{grid-auto-flow:initial!important;grid-auto-columns:initial!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important;overflow-x:auto!important}.studio-shell .reference-card{flex:none!important}.studio-shell .reference-card-media{border-radius:8px!important;width:58px!important;height:58px!important}.studio-shell .prompt-top{background:0 0!important;border:0!important;width:100%!important;min-height:72px!important;padding:0!important}.studio-shell .prompt-top textarea{min-height:72px!important;max-height:72px!important}.studio-shell .control-row{grid-area:3/2/auto/4!important;align-self:start!important}.studio-shell .generate-button{grid-area:1/4!important}.studio-shell .advanced-toggle{grid-area:3/4!important}}.prompt-top{min-height:122px;display:block}textarea{resize:none;min-width:0;min-height:122px;color:var(--ink);background:0 0;border:0;outline:none;flex:auto;padding:2px 0 0;line-height:1.55}textarea::placeholder{color:#a6aea9}.control-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}select{border:1px solid var(--line);min-height:36px;color:var(--control-ink);background:var(--control-bg);border-radius:8px;outline:none;padding:0 12px;font-weight:800}.ratio-control{position:relative}.ratio-button{border:1px solid var(--line);min-height:36px;color:var(--control-ink);background:var(--control-bg);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-weight:900;display:inline-flex}.ratio-icon,.ratio-shape{color:var(--muted);border:2px solid;border-radius:3px;display:inline-block}.ratio-icon{width:17px;height:17px}.ratio-icon.auto,.ratio-shape.auto{border-radius:4px;position:relative}.ratio-icon.auto:after,.ratio-shape.auto:after{content:"";border-top:2px solid;border-right:2px solid;position:absolute;inset:4px}.ratio-panel{z-index:9;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:520px;padding:16px;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:0 22px 46px #15332a29}.ratio-panel p{color:#79847f;margin-bottom:12px;font-size:14px;font-weight:900}.ratio-options{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.ratio-option{min-height:62px;color:var(--control-ink);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;gap:6px;font-weight:800;display:grid}.ratio-option:hover,.ratio-option.selected{border-color:var(--line-strong);color:var(--accent-deep);background:var(--accent-soft)}.ratio-shape{width:18px;height:18px}.ratio-shape.r-9-21,.ratio-icon.r-9-21{width:10px;height:24px}.ratio-shape.r-9-16,.ratio-icon.r-9-16{width:12px;height:22px}.ratio-shape.r-2-3,.ratio-icon.r-2-3{width:14px;height:21px}.ratio-shape.r-3-4,.ratio-icon.r-3-4{width:15px;height:20px}.ratio-shape.r-1-1,.ratio-icon.r-1-1{width:18px;height:18px}.ratio-shape.r-4-3,.ratio-icon.r-4-3{width:21px;height:16px}.ratio-shape.r-3-2,.ratio-icon.r-3-2{width:22px;height:15px}.ratio-shape.r-16-9,.ratio-icon.r-16-9{width:25px;height:14px}.ratio-shape.r-21-9,.ratio-icon.r-21-9{width:28px;height:12px}.count-control{border:1px solid var(--line);min-height:36px;color:var(--control-ink);background:var(--control-bg);border-radius:8px;align-items:center;gap:8px;padding:0 8px 0 12px;font-weight:900;display:inline-flex}.count-control span{color:var(--muted);font-size:13px}.count-control input{width:58px;color:var(--control-ink);background:0 0;border:0;outline:0;font-weight:900}.reference-panel{background:#fff6;border:1px solid #fff9;border-radius:14px;gap:10px;padding:10px 12px 8px;display:grid}.reference-panel.hidden{display:none}.reference-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.reference-panel-head div{gap:2px;display:grid}.reference-panel-head span{color:var(--control-ink);font-size:13px;font-weight:900}.reference-panel-head small{color:var(--muted-foreground);font-size:12px;font-weight:700}.reference-panel-clear{border-radius:10px;height:30px;padding:0 10px}.reference-panel-clear span{font-size:12px}.reference-panel-strip{scrollbar-width:thin;grid-auto-columns:72px;grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.reference-card{min-width:0;display:grid;position:relative}.reference-card-media{background:#e8e5f5e6;border:1px solid #ffffffdb;border-radius:10px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.reference-card-media img{object-fit:contain;background:linear-gradient(#ffffff9e,#e6e3f6c7);width:100%;height:100%;display:block}.reference-card button{color:#fff;background:#13102cad;border:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 8px 18px #0a0c1a29}.reference-card button svg{width:10px;height:10px}.generate-button{color:#fff;background:linear-gradient(135deg,var(--accent),#7c3aed);min-height:42px;box-shadow:0 14px 24px var(--accent);border:0;border-radius:8px;grid-area:2/3;justify-content:center;align-self:end;align-items:center;gap:8px;font-weight:900;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.generate-button{box-shadow:0 14px 24px color-mix(in oklab,var(--accent) 28%,transparent)}}.generate-button[data-locked=true],.composer-card.is-disabled .upload-tile,.composer-card.is-disabled textarea,.composer-card.is-disabled .control-row{opacity:.58}.generate-button[data-locked=true]{box-shadow:none;background:linear-gradient(135deg,#95a39e,#74858c)}.account-panel{z-index:20;pointer-events:none;position:fixed;inset:0}.panel-backdrop{pointer-events:auto;background:#050b092e;position:absolute;inset:0}.account-popover{border:1px solid var(--line);width:min(390px,100vw - 28px);color:var(--ink);background:var(--surface);box-shadow:var(--shadow);pointer-events:auto;border-radius:8px;gap:14px;padding:16px;display:grid;position:absolute;top:78px;right:40px}.account-panel-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.account-panel-head h2{font-size:19px}.account-panel-body{gap:10px;display:grid}.panel-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.panel-actions .soft-button{justify-content:center}.account-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-items:center;gap:12px;min-height:52px;padding:10px 12px;display:flex}.account-summary div{flex:auto;gap:2px;min-width:0;display:grid}.account-summary strong,.account-summary span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-summary span:last-child{color:var(--muted);font-size:13px;font-weight:800}.buy-gift-card-button{border-radius:8px;flex:none;min-width:max-content;height:34px}.toast{z-index:8;border:1px solid var(--line);max-width:360px;color:var(--control-ink);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px;font-weight:800;position:fixed;bottom:206px;right:24px}.reference-strip .reference-thumb:first-child{z-index:4}.reference-strip .reference-thumb:nth-child(2){z-index:3}.reference-strip .reference-thumb:nth-child(3){z-index:2}.reference-strip .reference-thumb:nth-child(4){z-index:1}.admin-panel{z-index:30;color:var(--ink);background:var(--bg);position:fixed;inset:0;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.admin-panel{background:color-mix(in srgb,var(--bg) 94%,#000)}}.admin-panel.is-standalone{min-height:100vh;position:static}.admin-login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{border:1px solid var(--line);background:var(--surface-glass);width:min(430px,100%);box-shadow:var(--shadow);border-radius:8px;padding:24px}.admin-login-card h1{margin-bottom:10px}.admin-login-card p:not(.eyebrow){color:var(--muted);margin-bottom:18px;line-height:1.7}.admin-login-card form{gap:12px;display:grid}.admin-login-control{border:1px solid var(--line);background:var(--control-bg);border-radius:8px;gap:4px;min-height:58px;padding:8px 12px;display:grid}.admin-login-control span{color:var(--muted);font-size:12px;font-weight:900}.admin-login-control input{color:var(--control-ink);background:0 0;border:0;outline:0;font-weight:900}.admin-login-toast{color:var(--coral);margin-top:12px;font-weight:900}.admin-shell{min-height:100vh;padding:28px 36px 46px 140px}.admin-header,.admin-card-head,.admin-header-actions,.admin-filters{align-items:center;gap:12px;display:flex}.admin-header{justify-content:space-between;max-width:1420px;margin:0 auto 18px}.admin-header h1,.admin-card h2{letter-spacing:0;margin:0}.admin-header h1{font-size:28px}.admin-card h2{font-size:17px}.admin-card p{color:var(--muted);margin-top:4px;font-size:12px;font-weight:800;line-height:1.5}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end}.admin-key-control{border:1px solid var(--line);background:var(--surface);min-width:310px;min-height:38px;color:var(--control-ink);border-radius:8px;align-items:center;gap:10px;padding:0 10px 0 12px;font-weight:900;display:flex}.admin-key-control span,.admin-form label span{color:var(--muted);font-size:12px;font-weight:900}.admin-key-control input,.admin-form input,.admin-filters input,.admin-filters select{min-width:0;color:var(--control-ink);background:0 0;border:0;outline:0;font-weight:800}.admin-key-control input{width:100%}.admin-layout{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:16px;max-width:1420px;margin:0 auto;display:grid}.admin-card{border:1px solid var(--line);background:var(--surface-glass);border-radius:8px;padding:16px;box-shadow:0 16px 34px #15332a14}.admin-card-wide{grid-column:1/-1}.admin-card-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-form label,.admin-filters input,.admin-filters select{border:1px solid var(--line);background:var(--control-bg);border-radius:8px;gap:4px;min-height:42px;padding:7px 10px;display:grid}.admin-form-wide,.admin-submit{grid-column:1/-1}.admin-submit{width:100%;min-height:44px}.created-cards{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;margin-top:14px;overflow:hidden}.created-card-row,.batch-row,.gift-card-row,.audit-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:grid}.created-card-row:first-child,.batch-row:first-child,.gift-card-row:first-child,.audit-row:first-child{border-top:0}.created-card-row{grid-template-columns:minmax(0,1fr) auto auto}.created-card-row code{min-width:0;color:var(--accent-deep);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.batch-list,.gift-card-table,.audit-list{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;overflow:hidden}.batch-row{grid-template-columns:minmax(0,1fr) auto}.batch-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.batch-title,.gift-main,.audit-main{gap:5px;min-width:0;display:grid}.batch-title strong,.gift-main strong,.audit-main strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.batch-meta,.gift-meta,.audit-meta,.status-counts{flex-wrap:wrap;gap:6px;display:flex}.batch-meta span,.gift-meta span,.audit-meta span,.status-counts span,.gift-status{min-height:24px;color:var(--control-ink);background:var(--surface);border-radius:8px;align-items:center;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.gift-status.active{color:var(--accent-deep);background:var(--accent-soft)}.gift-status.redeemed{color:var(--blue)}.gift-status.expired,.gift-status.disabled,.gift-status.revoked{color:var(--coral)}.gift-card-row{grid-template-columns:minmax(0,1fr) auto}.gift-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.batch-actions .soft-button,.gift-actions .soft-button,.created-card-row .soft-button,.batch-row .soft-button{min-height:32px;padding:0 10px;font-size:12px}.audit-row{grid-template-columns:minmax(0,1fr)}.hidden{display:none!important}@keyframes shimmer{to{background-position:-120% 0,0 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stream-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes generation-sweep{0%{opacity:0;transform:translate(0)}28%{opacity:.58}to{opacity:0;transform:translate(310%)}}@keyframes generation-orbit{to{transform:rotate(360deg)}}@keyframes generation-sheen{0%,to{opacity:.25;transform:translate(-18px)rotate(-8deg)}50%{opacity:.95;transform:translate(18px)rotate(-8deg)}}@media(max-width:980px){.app{grid-template-columns:74px minmax(0,1fr)}.sidebar{width:74px}.logo span:last-child,.nav-item span:last-child{display:none}.main{padding:22px 18px 290px}.composer{width:min(760px,100vw - 96px);left:calc(74px + 50%)}.image-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}.studio-shell .generate-button .generate-button-copy{place-items:center start;gap:2px;line-height:1.1;display:grid}.studio-shell .generate-button .generate-button-copy strong{font:inherit;font-weight:800}.studio-shell .generate-button .generate-button-copy small{opacity:.82;font-size:11px;font-weight:650}@media(max-width:680px){body{min-height:100svh}.app{display:block}.sidebar{display:none}.topbar{gap:14px;margin-bottom:16px;display:grid}.topbar-actions{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.pay-button,.status-pill{white-space:nowrap;max-width:100%;min-height:38px;padding-inline:10px}.pay-button{flex:124px;justify-content:center}.status-pill{flex:150px;min-width:0}.status-pill span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.account-button{max-width:100%}.main{padding:18px 14px 390px}h1{font-size:28px}.local-notice{margin-bottom:18px;padding:11px 12px;font-size:12px}.history-feed{gap:22px}.empty-state{align-items:start;min-height:190px;padding-top:34px}.empty-icon{width:54px;margin-bottom:10px;font-size:24px}.empty-card h2{margin-bottom:6px;font-size:18px}.empty-card p{font-size:13px;line-height:1.55}.history-task{padding:0}.task-head{align-items:start;display:grid}.task-head h2{font-size:17px}.tag-row{gap:6px}.tag-row span{min-height:28px;padding:0 10px;font-size:12px}.task-actions{gap:7px}.task-actions button{flex:calc(50% - 7px);justify-content:center;min-width:0;padding:0 9px}.task-actions button[data-action=delete]{flex:0 0 44px}.composer{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;transform:none}.mode-tabs{display:none}.mode-tab{min-width:0;min-height:44px;padding:0 10px;font-size:14px}.composer-card{overscroll-behavior:contain;grid-template-columns:1fr;gap:12px;max-height:min(54svh,420px);padding:12px;overflow-y:auto}.account-control,.soft-button{min-height:40px}.code-input-row{grid-template-columns:1fr}.code-send-button{width:100%}.soft-button{justify-content:center}.upload-tile{grid-area:auto/1;min-height:52px}.upload-tile span{font-size:28px}.prompt-zone{grid-area:auto/1;gap:9px}.prompt-top{gap:10px;min-height:92px}textarea{min-height:92px;padding:2px 0}.reference-strip{width:var(--reference-collapsed-width,var(--reference-card-width))}.control-row{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.ratio-control,.ratio-button,select,.count-control,#clearReference{width:100%}.ratio-button,.count-control,select{justify-content:center}.ratio-panel{left:12px;right:12px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 246px);width:auto;max-height:44svh;position:fixed;overflow-y:auto}.ratio-options{grid-template-columns:repeat(3,minmax(0,1fr))}.generate-button{grid-column:1/-1;width:100%;min-height:48px;font-size:16px}.image-grid{grid-template-columns:1fr;gap:3px}.image-grid.count-1,.image-grid.count-2,.image-grid.count-3{grid-template-columns:1fr}.image-card,.image-preview-trigger,.image-card img,.image-skeleton,.image-error{min-height:260px}.image-preview{padding:58px 12px 74px}.preview-stage img{max-width:94vw;max-height:calc(100svh - 146px)}.preview-close{top:12px;right:12px}.preview-nav{width:44px}.preview-nav svg{width:24px;height:24px}.preview-nav-prev{left:max(10px,env(safe-area-inset-left))}.preview-nav-next{right:max(10px,env(safe-area-inset-right))}.preview-toolbar{bottom:max(12px,env(safe-area-inset-bottom))}.toast{left:12px;right:12px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 12px);text-align:center;max-width:none}.account-popover{top:auto;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:min(72svh,520px);overflow-y:auto}.admin-shell{padding:18px 12px 28px}.admin-header,.admin-card-head{align-items:start;display:grid}.admin-header-actions,.admin-filters{grid-template-columns:1fr;width:100%;display:grid}.admin-key-control{min-width:0}.admin-layout,.admin-form{grid-template-columns:1fr}.admin-card-wide,.admin-form-wide,.admin-submit{grid-column:auto}.created-card-row,.batch-row,.gift-card-row{grid-template-columns:1fr}.gift-actions,.batch-actions{justify-content:stretch}.batch-actions .soft-button,.gift-actions .soft-button{flex:auto;justify-content:center}}@media(max-width:430px){.main{padding-inline:12px;padding-bottom:380px}.composer{left:8px;right:8px}.composer-card{max-height:min(58svh,430px)}.control-row{grid-template-columns:1fr 1fr}.ratio-options{grid-template-columns:repeat(2,minmax(0,1fr))}.generate-button{grid-area:auto/1}}.studio-shell .sidebar{background:#faf7ff94!important;width:260px!important;display:flex!important}.studio-shell .history-task{min-height:190px}.studio-shell .task-content{grid-template-columns:230px minmax(0,1fr)!important}.studio-shell .composer{width:min(1120px,100vw - 340px)!important;left:calc(50vw + 130px)!important;right:auto!important;transform:translate(-50%)!important}.studio-shell .composer-card{background-color:#ffffff9e!important;grid-template-columns:150px minmax(0,1fr) 220px!important;box-shadow:0 30px 95px #59558b47,inset 0 1px #ffffffc7!important}.studio-shell .generate-button{color:#fff!important;background:linear-gradient(135deg,#c7a7ff,#7f61ff)!important}@media(max-width:980px){.studio-shell .main{padding-bottom:430px!important}.studio-shell .composer{width:auto!important;left:12px!important;right:12px!important;transform:none!important}.studio-shell .composer-card,.studio-shell .task-content,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:1fr!important}.studio-shell{display:block}.studio-shell .sidebar{display:none}.studio-shell .main{padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 5);padding-bottom:390px}.studio-shell .topbar{align-items:flex-start;display:grid}.studio-shell .composer{right:calc(var(--spacing) * 3);bottom:calc(var(--spacing) * 3);left:calc(var(--spacing) * 3);--tw-translate-x:calc(var(--spacing) * 0);width:auto;translate:var(--tw-translate-x) var(--tw-translate-y)}.studio-shell .composer-card,.studio-shell .image-grid,.studio-shell .image-grid.count-2,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:repeat(1,minmax(0,1fr))}}.studio-shell{background:radial-gradient(circle at 22% 16%,#bca0ff5c,#0000 28%),radial-gradient(circle at 67% 8%,#ffffffe6,#0000 30%),radial-gradient(circle at 84% 78%,#7b87d54d,#0000 34%),linear-gradient(135deg,#efebff,#fbf7ff 44%,#cfd6f4)!important;grid-template-columns:260px minmax(0,1fr)!important}.studio-shell:before{opacity:.92!important}.studio-shell .sidebar{background:#faf7ff99!important;border-right-color:#ffffff80!important;width:260px!important;display:flex!important}.studio-shell .nav-item{color:#3e385ba8!important}.studio-shell .nav-item span:last-child{color:inherit!important}.studio-shell .nav-item span:first-child{color:#4a446fc7!important}.studio-shell .nav-item.active,.studio-shell .nav-item:hover{color:#7f61ff!important}.studio-shell .collection-stack button{color:#2d2842e0!important}.studio-shell .main{grid-column-start:2!important;padding-bottom:195px!important}.studio-shell .history-feed,.studio-shell .history-task,.studio-shell .composer-card,.studio-shell .account-popover,.studio-shell .ratio-panel{-webkit-backdrop-filter:blur(28px)saturate(142%)!important;background-color:#ffffff5c!important;border-color:#ffffff8a!important}.studio-shell .history-feed{box-shadow:0 34px 110px #5b548e3b,inset 0 1px #ffffffbd!important}.studio-shell .history-task{background-image:linear-gradient(135deg,#ffffff6b,#ffffff2e)!important;min-height:190px!important}.studio-shell .task-head{align-items:start!important}.studio-shell .task-content{grid-template-columns:230px minmax(0,1fr)!important;align-items:center!important}.studio-shell .task-reference-block{background:#ffffff3d!important;border-radius:18px!important;min-height:144px!important}.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-card,.studio-shell .reference-chip,.studio-shell .reference-empty,.studio-shell .reference-more{box-shadow:0 14px 34px #5b548e1c!important}.studio-shell .composer{z-index:80!important;width:min(1120px,100vw - 340px)!important;left:calc(50vw + 130px)!important;right:auto!important;transform:translate(-50%)!important}.studio-shell .composer-card{background-color:#ffffffd1!important;border-color:#ffffffbd!important;grid-template-columns:150px minmax(0,1fr) 220px!important;box-shadow:0 28px 90px #49447e57,0 8px 30px #7e61ff29,inset 0 1px #fffc!important}.studio-shell .composer-card.is-disabled,.studio-shell .composer-card.is-disabled .upload-tile,.studio-shell .composer-card.is-disabled textarea,.studio-shell .composer-card.is-disabled .control-row{opacity:1!important}.studio-shell .prompt-top{background:#ffffffa3!important}.studio-shell .upload-tile,.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{background-color:#ffffffad!important}.studio-shell .generate-button{color:#fff!important;background:linear-gradient(135deg,#c7a7ff,#7f61ff)!important;box-shadow:0 22px 48px #7e61ff52!important}@media(max-width:980px){.studio-shell{min-width:0!important;display:block!important;overflow-x:hidden!important}.studio-shell .sidebar{display:none!important}.studio-shell .main{width:100%!important;max-width:100vw!important;padding:18px 14px 430px!important;overflow-x:hidden!important}.studio-shell .topbar{width:100%!important;max-width:100%!important}.studio-shell .history-toolbar,.studio-shell .topbar-actions{flex-direction:column!important;align-items:stretch!important}.studio-shell .topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.studio-shell .topbar-actions>*{justify-content:center!important;width:100%!important;min-width:0!important}.studio-shell .topbar-actions .glass-button.hidden{display:none!important}.studio-shell .account-button span:last-child,.studio-shell .credit-pill span{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important}.studio-shell .history-feed{border-radius:24px!important;width:100%!important;max-width:100%!important;padding:18px!important}.studio-shell .history-toolbar{gap:14px!important}.studio-shell .history-tools{grid-template-columns:44px 44px minmax(0,1fr)!important;width:100%!important;display:grid!important}.studio-shell .history-tools select{width:100%!important;min-width:0!important}.studio-shell .filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.studio-shell .filter-tabs button{justify-content:center!important;width:100%!important}.studio-shell .empty-state{min-height:34svh!important;padding:30px 0 46px!important}.studio-shell .empty-card{max-width:280px!important}.studio-shell .empty-state.is-loading .empty-icon{animation:3s linear infinite generation-orbit!important}.studio-shell .composer{box-sizing:border-box!important;inset-inline:auto!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding-inline:0!important;position:fixed!important;bottom:12px!important;left:50vw!important;right:auto!important;transform:translate(-50%)!important}.studio-shell .task-content,.studio-shell .image-grid,.studio-shell .image-grid.count-2,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:1fr!important}.studio-shell .composer-card{border-radius:24px!important;grid-template-rows:auto!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;min-width:0!important;max-height:min(42svh,350px)!important;padding:10px!important;display:grid!important;overflow-y:auto!important}.studio-shell .upload-tile{order:1!important;grid-area:auto/1!important;min-height:44px!important}.studio-shell .prompt-zone{order:2!important;grid-area:auto/1!important;width:100%!important;min-width:0!important}.studio-shell .prompt-top{flex-direction:column!important;gap:8px!important;min-height:72px!important;padding:10px!important}.studio-shell textarea{width:100%!important;min-height:52px!important;padding:0!important;font-size:15px!important;line-height:1.6!important}.studio-shell .control-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;display:grid!important}.studio-shell .ratio-control,.studio-shell .ratio-button,.studio-shell select,.studio-shell .count-control,.studio-shell .soft-button{width:100%!important;min-width:0!important}.studio-shell .ratio-button,.studio-shell .count-control,.studio-shell .soft-button{justify-content:center!important}.studio-shell .ratio-panel{width:auto!important;max-height:38svh!important;position:fixed!important;bottom:calc(12px + min(42svh,350px))!important;left:12px!important;right:12px!important;overflow-y:auto!important}.studio-shell .ratio-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-shell .generate-button{order:3!important;grid-area:auto/1!important;width:100%!important;height:52px!important;min-height:52px!important}.studio-shell .task-reference-block{min-height:auto!important;padding:14px!important}.studio-shell .advanced-toggle{order:4!important;grid-column-start:auto!important;justify-content:center!important;width:100%!important}}@media(max-width:520px){.studio-shell .main{padding:14px 12px 300px!important}.studio-shell .topbar-actions{grid-column:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-self:stretch!important;margin-left:0!important}.studio-shell .topbar{grid-template-columns:1fr!important}.studio-shell .history-feed{border-radius:22px!important;padding:16px!important}.studio-shell .history-tools{grid-template-columns:42px 42px minmax(180px,1fr)!important;padding-bottom:2px!important;overflow-x:auto!important}.studio-shell .filter-tabs{grid-template-columns:1fr 1fr!important}.studio-shell h1{font-size:28px!important;line-height:1.12!important}.studio-shell .composer-card{grid-template-columns:58px minmax(0,1fr)!important;align-items:stretch!important;max-height:min(34svh,290px)!important}.studio-shell .upload-tile{grid-area:1/1!important;min-height:100%!important}.studio-shell .upload-tile:after{font-size:11px!important}.studio-shell .prompt-zone{grid-area:1/2!important}.studio-shell .prompt-top{min-height:62px!important}.studio-shell textarea{min-height:44px!important}.studio-shell .control-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-shell .generate-button{grid-area:2/1/auto/-1!important;align-self:auto!important;height:50px!important;min-height:50px!important;padding-inline:16px!important}.studio-shell .advanced-toggle{display:none!important}.studio-shell .ratio-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){html,body,#root,.studio-shell{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.studio-shell .main{width:100vw!important;max-width:100vw!important;padding-inline:12px!important}.studio-shell .history-feed{width:100%!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important}.studio-shell .history-toolbar{grid-template-columns:1fr!important;display:grid!important}.studio-shell .history-tools{grid-template-columns:38px 38px minmax(0,1fr)!important;overflow:visible!important}.studio-shell .history-tools select{min-width:0!important;max-width:100%!important}.studio-shell .filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.studio-shell .filter-tabs button{min-width:0!important;padding-inline:10px!important}.studio-shell .topbar-actions{width:100%!important;max-width:100%!important}.studio-shell .topbar-actions>*,.studio-shell .topbar-actions button,.studio-shell .topbar-actions a{min-width:0!important}.studio-shell .composer{inset-inline:12px!important;width:calc(100vw - 24px)!important;min-width:0!important;max-width:none!important;bottom:10px!important;left:12px!important;right:12px!important;transform:none!important}.studio-shell .composer-card{grid-template-rows:auto auto!important;grid-template-columns:60px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:10px!important;overflow:visible!important}.studio-shell .upload-tile{grid-area:1/1!important;min-width:0!important;height:100%!important;min-height:146px!important}.studio-shell .prompt-zone{grid-area:1/2!important;width:100%!important;min-width:0!important}.studio-shell .prompt-top{height:auto!important;min-height:72px!important}.studio-shell .prompt-top,.studio-shell textarea,.studio-shell .control-row,.studio-shell .ratio-control,.studio-shell .ratio-button,.studio-shell .count-control,.studio-shell .soft-button,.studio-shell .generate-button{min-width:0!important;max-width:100%!important}.studio-shell textarea{overflow-wrap:anywhere!important;min-height:58px!important;max-height:100px!important}.studio-shell .control-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important}.studio-shell .ratio-button span:not(.ratio-icon),.studio-shell .soft-button span,.studio-shell .count-control span{text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important;overflow:hidden!important}.studio-shell .generate-button{grid-area:2/1/auto/-1!important;height:52px!important;min-height:52px!important}.studio-shell .advanced-toggle{display:none!important}}.studio-shell{background:radial-gradient(circle at 18% 86%,#707eba70,#0000 24%),radial-gradient(circle at 33% 10%,#bfa4ff61,#0000 24%),radial-gradient(circle at 79% 16%,#ffffffe6,#0000 28%),linear-gradient(135deg,#eeeaff,#fbf8ff 42%,#cbd2f0)!important}.studio-shell:before{filter:blur(20px)!important;background:linear-gradient(90deg,#ffffff5c,#0000 38%,#7670b524),radial-gradient(circle at 17% 95%,#6473b06b,#0000 20%)!important}.studio-shell .sidebar{background:#f8f5ff8a!important;width:260px!important;padding:22px 20px!important}.studio-shell .logo{color:#19162a!important;gap:10px!important;font-size:22px!important;font-weight:760!important}.studio-shell .logo-mark{size:auto;width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important}.studio-shell .logo-mark svg{stroke-width:2.6px!important;width:24px!important;height:24px!important}.studio-shell .new-generation-button{background:linear-gradient(135deg,#ba9cff,#815fff)!important;border-radius:14px!important;justify-content:flex-start!important;height:56px!important;margin-top:44px!important;padding-inline:25px!important;font-size:16px!important;box-shadow:0 24px 46px #7e5bf657!important}.studio-shell .nav-stack{gap:8px!important;margin-top:24px!important}.studio-shell .nav-item{color:#37324f!important;border-radius:12px!important;justify-content:flex-start!important;gap:14px!important;height:46px!important;padding-inline:14px!important;font-size:14px!important;font-weight:650!important}.studio-shell .nav-item span:first-child{color:#5f5587!important;width:24px!important;height:24px!important}.studio-shell .nav-item.active{background:#ffffffc2!important;border-color:#ffffffc7!important;box-shadow:0 18px 34px #5c52901f!important}.studio-shell .collection-stack{margin-top:35px!important}.studio-shell .upgrade-card{background:radial-gradient(circle at 82% 86%,#a67dff61,#0000 28%),linear-gradient(135deg,#ffffffb8,#dac5ff94)!important;border-radius:16px!important;min-height:200px!important;padding:20px!important}.studio-shell .upgrade-card:before{content:"";background:linear-gradient(145deg,#ffffffd6,#ad7fff70),radial-gradient(circle at 65% 26%,#ffffffe6,#0000 34%);border-radius:28px 40px 24px;width:92px;height:92px;position:absolute;bottom:-4px;right:-8px;transform:rotate(16deg);box-shadow:0 26px 56px #8963df4d}.studio-shell .upgrade-card:after{background:radial-gradient(circle,#b287ff75,#0000 62%)!important}.studio-shell .main{padding:16px 28px 190px!important}.studio-shell .topbar{grid-template-columns:1fr auto!important;justify-content:stretch!important;max-width:1540px!important;margin-bottom:14px!important;display:grid!important}.studio-shell .topbar-actions{grid-column:2!important;justify-self:end!important;gap:12px!important;margin-left:auto!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button{background:#ffffff94!important;border-color:#ffffffa8!important;border-radius:14px!important;height:42px!important;box-shadow:0 12px 26px #60558f1a,inset 0 1px #ffffffb8!important}.studio-shell .top-icon-button{width:42px!important;padding:0!important}.studio-shell .premium-button{background:linear-gradient(135deg,#af91ff,#7658f3)!important;border-radius:14px!important;height:42px!important}.studio-shell .history-feed{background:#ffffff38!important;border-radius:22px!important;gap:16px!important;max-width:1540px!important;min-height:calc(100svh - 120px)!important;padding:22px!important;box-shadow:0 36px 110px #5952892e,inset 0 1px #ffffffa8!important}.studio-shell .history-toolbar{align-items:center!important;padding:0 0 4px!important}.studio-shell .eyebrow{display:none!important}.studio-shell h1{color:#1f1d32ad!important;font-size:22px!important;font-weight:720!important}.studio-shell .history-tools{grid-template-columns:38px 38px 128px!important;align-items:center!important;gap:8px!important;display:grid!important}.studio-shell .view-button{background:#ffffff80!important;border-radius:11px!important;width:38px!important;height:38px!important}.studio-shell .history-tools select{border-radius:12px!important;width:128px!important;height:38px!important}.studio-shell .filter-tabs{gap:20px!important;padding:0 0 2px!important}.studio-shell .filter-tabs button{border-radius:10px!important;height:36px!important;padding-inline:14px!important}.studio-shell .concept-preview-list{gap:14px;display:grid}.studio-shell .history-task{background:#ffffff57!important;border-color:#ffffff6b!important;border-radius:18px!important;min-height:214px!important;box-shadow:0 20px 48px #5b53911f,inset 0 1px #fff9!important}.studio-shell .history-task.selected,.studio-shell .history-task:hover{ring:none!important;background:#ffffff70!important;border-color:#ffffffa8!important}.studio-shell .task-head{grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;padding:22px 22px 6px!important}.studio-shell .task-title-area{gap:10px!important;padding-top:2px!important}.studio-shell .task-head h2{color:#161424!important;font-size:14px!important;font-weight:680!important}.studio-shell .tag-row{gap:8px!important;margin-top:10px!important}.studio-shell .tag-row [data-slot=badge]{color:#453d69c2!important;background:#e0d6ff94!important;border-radius:9px!important;min-height:24px!important}.studio-shell .task-content{grid-template-columns:220px minmax(0,1fr)!important;align-items:center!important;gap:24px!important;padding:4px 22px 22px!important}.studio-shell .task-reference-block{background:0 0!important;justify-content:center!important;gap:12px!important;min-height:112px!important;padding:0 0 0 60px!important}.studio-shell .task-reference-block p{color:#12101d!important;font-size:13px!important}.studio-shell .reference-chip,.studio-shell .reference-empty,.studio-shell .reference-more,.studio-shell .reference-sample{border-radius:10px!important;width:56px!important;height:56px!important}.studio-shell .reference-sample{border:1px solid #ffffff94;display:block;box-shadow:0 12px 28px #49437629}.studio-shell .concept-image{background-position:50%!important;background-size:cover!important;border:1px solid #ffffff7a!important;border-radius:10px!important;height:128px!important;min-height:128px!important}.studio-shell .image-grid{gap:10px!important}.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-3,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-card img,.studio-shell .image-skeleton,.studio-shell .image-error{height:128px!important;min-height:128px!important}.studio-shell .concept-image.warm,.studio-shell .reference-sample.warm{background:linear-gradient(90deg,#201a17b8 0 12%,#0000 12% 100%),linear-gradient(#0000 0 62%,#20191847 62% 100%),radial-gradient(circle at 70% 18%,#ffd9adf2,#0000 20%),linear-gradient(152deg,#0000 0 46%,#ffefc661 46% 48%,#0000 48%),linear-gradient(160deg,#29354f,#8190a9 35%,#d3b18b 58%,#72677a)!important}.studio-shell .concept-image.neon,.studio-shell .reference-sample.neon{background:linear-gradient(90deg,#090c1759 0 8%,#0000 8% 92%,#080a145c 92%),radial-gradient(circle at 22% 38%,#4aa4ffc2,#0000 22%),radial-gradient(circle at 70% 48%,#ee49bead,#0000 23%),linear-gradient(115deg,#0000 0 40%,#ffffff14 40% 42%,#0000 42%),linear-gradient(135deg,#171d37,#333c62 46%,#111629)!important}.studio-shell .concept-image.portrait,.studio-shell .reference-sample.portrait{background:radial-gradient(at 50% 30%,#f6cdbeeb,#0000 19%),radial-gradient(at 50% 56%,#2d2334b8,#0000 31%),radial-gradient(circle at 35% 18%,#ffeee5b3,#0000 17%),radial-gradient(circle at 68% 20%,#ffeee59e,#0000 16%),linear-gradient(135deg,#d1ad99,#433746 52%,#ece0d6)!important}.studio-shell .concept-image.is-soft,.studio-shell .concept-image:last-child{filter:saturate(.88)}.studio-shell .concept-more{color:#fff;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#16162057;place-items:center;font-size:22px;font-weight:680;display:grid;position:absolute;inset:0}.studio-shell .concept-progress{color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px)saturate(130%);backdrop-filter:blur(8px)saturate(130%);background:#26233e33;align-content:center;place-items:center;gap:4px;display:grid;position:absolute;inset:0}.studio-shell .concept-progress span{border:5px solid #ffffffc7;border-right-color:#b18bffb8;border-radius:999px;place-items:center;width:70px;height:70px;font-size:18px;font-weight:760;display:grid}.studio-shell .concept-progress strong{margin-top:6px;font-size:13px}.studio-shell .concept-progress em{color:#ffffffc2;font-size:12px;font-style:normal}.studio-shell .image-card figcaption,.studio-shell .concept-image figcaption{display:none!important}.studio-shell .composer{width:min(1040px,100vw - 560px)!important;bottom:16px!important;left:calc(50vw + 130px)!important;transform:translate(-50%)!important}.studio-shell .composer-card{background:#f6f4ffc2!important;border-color:#ffffffb8!important;border-radius:22px!important;grid-template-columns:150px minmax(0,1fr) 220px!important;gap:20px!important;min-height:136px!important;padding:16px!important;box-shadow:0 34px 95px #413e6847,inset 0 1px #ffffffdb!important}.studio-shell .upload-tile{background:#ffffff73!important;border-radius:16px!important;min-height:106px!important}.studio-shell .prompt-top{background:#ffffffad!important;border-radius:16px!important;min-height:72px!important}.studio-shell textarea{min-height:72px!important;padding-block:18px!important;font-size:15px!important}.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{background:#ffffff9e!important;border-radius:16px!important;height:42px!important}.studio-shell .generate-button{background:linear-gradient(135deg,#bd9dff,#805fff)!important;border-radius:16px!important;height:72px!important}.studio-shell .account-popover{background:linear-gradient(145deg,#ffffffe6,#f6f3ffd1)!important;border-radius:18px!important;width:min(430px,100vw - 32px)!important;padding:22px!important;box-shadow:0 34px 90px #403a6842,inset 0 1px #ffffffdb!important}.studio-shell .account-panel{z-index:120!important}.studio-shell .account-panel-body{gap:14px!important}.studio-shell .account-control{color:#27243a!important;background:0 0!important;border:0!important;border-radius:0!important;flex:none!important;gap:8px!important;min-height:auto!important;padding:0!important;display:grid!important}.studio-shell .account-control.hidden{display:none!important}.studio-shell .account-control span{color:#5e5974!important;text-align:left!important;font-size:13px!important;font-weight:760!important}.studio-shell .account-control input{color:#171426!important;background:#ffffffbd!important;border:1px solid #786f9a2e!important;border-radius:13px!important;height:44px!important;padding:0 14px!important;box-shadow:inset 0 1px #ffffffc7!important}.studio-shell .account-control input::placeholder{color:#5e597494!important;opacity:1!important}.studio-shell .account-control input:focus-visible{border-color:#7f61ff75!important;box-shadow:0 0 0 3px #7f61ff24,inset 0 1px #fffc!important}.studio-shell .code-input-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;display:grid!important}.studio-shell .code-input-row input{min-width:0!important}.studio-shell .code-send-button{color:#6e55e8!important;background:#ffffffc2!important;border-color:#7f61ff33!important;border-radius:13px!important;gap:6px!important;min-width:118px!important;height:44px!important;padding:0 13px!important;box-shadow:inset 0 1px #ffffffbd!important}.studio-shell .code-send-button:hover:not(:disabled){background:#f8f5fff5!important;border-color:#7f61ff57!important}.studio-shell .code-send-button:disabled{cursor:not-allowed!important;color:#5e59749e!important;box-shadow:none!important;opacity:1!important;background:#eeebf7b8!important;border-color:#786f9a1f!important}@media(max-width:520px){.studio-shell .code-input-row{grid-template-columns:1fr!important}.studio-shell .code-send-button{width:100%!important}}.studio-shell .buy-gift-card-button{color:#6e55e8!important;background:#ffffffc2!important;border-color:#7f61ff3d!important;border-radius:12px!important;height:34px!important;box-shadow:inset 0 1px #ffffffbd!important}.studio-shell .panel-actions{grid-template-columns:1fr!important;gap:10px!important}.studio-shell .panel-actions .soft-button{color:#fff!important;background:linear-gradient(135deg,#b99aff,#7659f4)!important;border-color:#ffffffa3!important;border-radius:13px!important;width:100%!important;height:44px!important;box-shadow:0 16px 32px #7659f442!important}.studio-shell .panel-actions .soft-button:disabled{cursor:not-allowed!important;color:#5e5974a8!important;box-shadow:none!important;opacity:1!important;background:linear-gradient(135deg,#e1ddeceb,#cec7e2e6)!important;border-color:#786f9a1f!important}.studio-shell .panel-actions .soft-button:disabled svg{opacity:.62!important}.studio-shell .panel-actions .soft-button.hidden{display:none!important}.studio-shell .toast{z-index:160!important}.studio-shell .logo{place-items:initial!important;justify-content:flex-start!important;display:flex!important}.studio-shell .nav-stack,.studio-shell .nav-footer{justify-items:initial!important;display:flex!important}.studio-shell .nav-stack{align-content:initial!important;flex-direction:column!important;padding-top:0!important}.studio-shell .nav-footer{flex-direction:column!important}.studio-shell .nav-item{place-items:initial!important;text-align:left!important;width:100%!important;min-height:46px!important;display:flex!important}.studio-shell .nav-item span:last-child{display:inline!important}.studio-shell .task-head{display:grid!important}.studio-shell .task-copy-area{max-width:100%!important;display:block!important}.studio-shell .task-copy-area h2{max-width:min(860px,100%)!important}.studio-shell .concept-task .task-content{grid-template-columns:240px minmax(0,1fr)!important}.studio-shell .concept-task .task-reference-block{padding-left:54px!important}.studio-shell .concept-task .concept-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .concept-task .concept-image{height:136px!important;min-height:136px!important}@media(max-width:980px){.studio-shell .main{padding:16px 14px 330px!important}.studio-shell .history-feed{min-height:calc(100svh - 120px)!important}.studio-shell .history-tools{grid-template-columns:38px 38px minmax(0,1fr)!important}.studio-shell .history-tools select{grid-column:3!important;width:100%!important}.studio-shell .task-content{grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important}.studio-shell .task-reference-block{padding-left:14px!important}.studio-shell .composer{width:auto!important;max-width:none!important;bottom:12px!important;left:14px!important;right:14px!important;transform:none!important}.studio-shell .composer-card{grid-template-rows:auto auto!important;grid-template-columns:88px minmax(0,1fr)!important;min-height:0!important}.studio-shell .upload-tile{grid-area:1/1!important;min-height:138px!important}.studio-shell .prompt-zone{grid-area:1/2!important}.studio-shell .generate-button{grid-area:2/1/auto/-1!important;height:54px!important}.studio-shell .advanced-toggle{display:none!important}}@media(max-width:680px){.studio-shell .main{width:100vw!important;padding:14px 12px 300px!important}.studio-shell .topbar{grid-template-columns:1fr!important}.studio-shell .topbar-actions{grid-column:1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-self:stretch!important;width:100%!important;margin-left:0!important}.studio-shell .top-icon-button{display:none!important}.studio-shell .history-feed{border-radius:20px!important;max-width:calc(100vw - 24px)!important;padding:16px!important;overflow:hidden!important}.studio-shell h1{color:#201c33!important;font-size:28px!important}.studio-shell .history-toolbar{gap:14px!important;display:grid!important}.studio-shell .filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.studio-shell .concept-preview-list{gap:12px!important}.studio-shell .history-task{min-height:0!important}.studio-shell .task-head{grid-template-columns:28px minmax(0,1fr) auto!important;padding:16px 14px 4px!important}.studio-shell .task-more-actions{display:none!important}.studio-shell .task-content{grid-template-columns:1fr!important;padding:8px 14px 14px!important}.studio-shell .task-reference-block{min-height:auto!important;padding:0!important}.studio-shell .concept-grid.count-3,.studio-shell .concept-grid.count-4,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-shell .concept-image,.studio-shell .image-card img,.studio-shell .image-skeleton,.studio-shell .image-error{height:118px!important;min-height:118px!important}.studio-shell .composer{inset-inline:12px!important;width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;transform:none!important}.studio-shell .composer-card{grid-template-columns:60px minmax(0,1fr)!important;gap:10px!important;max-height:none!important;padding:10px!important;overflow:visible!important}.studio-shell .upload-tile{min-height:146px!important}.studio-shell .prompt-top{min-height:72px!important;padding:10px!important}.studio-shell textarea{min-height:58px!important;max-height:100px!important;padding-block:0!important}.studio-shell .control-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;display:grid!important}}@media(min-width:981px){:root,:root[data-theme=light]{color-scheme:light!important}body,#root{background:#ecebfb!important;overflow:hidden!important}.studio-shell{color:#17172f!important;background:radial-gradient(circle at 80% 14%,#beabff40,#0000 28%),radial-gradient(circle at 48% 0,#ffffffe6,#0000 36%),linear-gradient(135deg,#f6f2ff,#edebfb 46%,#d7d9ef)!important;grid-template-columns:240px minmax(0,1fr)!important}.studio-shell:before{opacity:1!important;filter:blur(16px)!important;background:radial-gradient(at 8% 93%,#737cab5c,#0000 27%),radial-gradient(at 50% 103%,#8482b447,#0000 34%),radial-gradient(at 90% 98%,#6d70a533,#0000 28%),linear-gradient(#0000 58%,#b0b4d62e)!important;height:auto!important;inset:0!important;-webkit-mask-image:none!important;mask-image:none!important}.studio-shell:after{filter:none!important;background:linear-gradient(90deg,#ffffff7a 0 240px,#ffffff1a 240px 100%)!important;height:auto!important;inset:0!important}.studio-shell .sidebar{z-index:5!important;-webkit-backdrop-filter:blur(28px)saturate(145%)!important;backdrop-filter:blur(28px)saturate(145%)!important;background:#f6f4ff8f!important;border-right:1px solid #ffffff8a!important;width:240px!important;min-width:240px!important;padding:24px 20px 22px!important}.studio-shell .logo{color:#13142a!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;height:42px!important;margin:0 0 34px!important;font-size:20px!important;font-weight:760!important}.studio-shell .logo span:last-child{display:inline!important}.studio-shell .logo-mark{color:#a983ff!important;width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important}.studio-shell .new-generation-button{color:#fff!important;background:linear-gradient(135deg,#8a74ff,#b482ff)!important;border-radius:10px!important;width:100%!important;height:46px!important;margin-bottom:22px!important;display:flex!important;box-shadow:0 18px 42px #896fff57!important}.studio-shell .nav-stack{align-items:stretch!important;gap:7px!important}.studio-shell .nav-item{color:#4a4c73!important;background:0 0!important;border-radius:10px!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:13px!important;font-weight:610!important}.studio-shell .nav-item span:last-child{display:inline!important}.studio-shell .nav-item svg{color:#655e9b!important}.studio-shell .nav-item.active{color:#292752!important;background:#ffffffe6!important;box-shadow:0 15px 34px #857bb121,inset 0 1px #ffffffd1!important}.studio-shell .collection-stack{gap:9px!important;margin-top:30px!important;display:grid!important}.studio-shell .collection-head{color:#78799b!important}.studio-shell .collection-stack button{color:#20223d!important;background:0 0!important;justify-content:space-between!important;height:28px!important;display:flex!important}.studio-shell .collection-stack em{color:#77769a!important;background:#d6d1ed9e!important;border-radius:8px!important;min-width:26px!important;height:22px!important}.studio-shell .nav-footer{margin-top:auto!important;display:flex!important}.studio-shell .upgrade-card{color:#2a2446!important;background:radial-gradient(circle at 88% 86%,#9f72ff85,#0000 25%),linear-gradient(145deg,#fffc,#dfc4ffc7)!important;border-radius:12px!important;min-height:186px!important;padding:20px 16px!important;display:grid!important}.studio-shell .upgrade-card span{color:#77729b!important}.studio-shell .main{z-index:4!important;width:calc(100vw - 240px)!important;padding:68px 24px 0!important}.studio-shell .topbar{z-index:9!important;background:0 0!important;padding:0!important;position:fixed!important;top:14px!important;right:24px!important}.studio-shell .topbar-actions{gap:12px!important;display:flex!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button,.studio-shell .premium-button{color:#4f4c75!important;background:#ffffffa3!important;border:1px solid #ffffffb8!important;border-radius:11px!important;height:38px!important;box-shadow:0 12px 28px #8980b21f,inset 0 1px #ffffffe0!important}.studio-shell .premium-button{color:#5c3ed6!important;background:#dfd8ffc7!important}.studio-shell .history-feed{-webkit-backdrop-filter:blur(24px)saturate(145%)!important;backdrop-filter:blur(24px)saturate(145%)!important;background:linear-gradient(#ffffff85,#ece9fb61),#f6f4ff57!important;border:1px solid #ffffff8f!important;border-radius:15px 15px 0 0!important;gap:14px!important;width:100%!important;max-width:none!important;height:calc(100svh - 68px)!important;min-height:0!important;padding:22px 18px 220px!important;overflow:hidden!important;box-shadow:0 28px 80px #857eb029,inset 0 1px #ffffffb8!important}.studio-shell .history-toolbar{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;display:grid!important}.studio-shell .history-toolbar:after{display:none!important}.studio-shell h1{color:#7a789f!important;font-size:20px!important;font-weight:760!important}.studio-shell .history-tools{grid-template-columns:repeat(4,34px) 110px!important;gap:7px!important;display:grid!important}.studio-shell .history-tools select{color:#4f4d75!important;background:#ffffff9e!important;grid-area:2/5!important;width:110px!important;height:34px!important}.studio-shell .filter-tabs{gap:22px!important;padding:8px 0 2px!important;display:flex!important}.studio-shell .filter-tabs button{color:#4d4b70!important;background:0 0!important;height:34px!important}.studio-shell .filter-tabs button.active{color:#6c4bde!important;background:#ffffffe6!important}.studio-shell .empty-inline{display:none!important}.studio-shell .history-task{color:#15152d!important;background:#ffffff7a!important;border:1px solid #ffffff8f!important;border-radius:14px!important;min-height:232px!important}.studio-shell .task-head{grid-template-columns:42px minmax(0,1fr) 112px!important;padding:22px 20px 5px!important}.studio-shell .task-copy-area h2{color:#101228!important;max-width:760px!important;font-size:14px!important}.studio-shell .tag-row [data-slot=badge]{color:#77749b!important;background:#e1dbf6b8!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{grid-template-columns:270px minmax(0,1fr)!important;gap:26px!important;padding:0 20px 20px!important}.studio-shell .task-reference-block{grid-template-columns:1fr!important;align-content:center!important;gap:10px!important;min-height:118px!important;padding:0 0 0 52px!important}.studio-shell .task-reference-block p{color:#101228!important;font-size:13px!important;font-weight:720!important}.studio-shell .reference-sample,.studio-shell .reference-chip{object-fit:cover!important;border-radius:7px!important;width:61px!important;height:61px!important}.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-grid.count-3,.studio-shell .concept-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.studio-shell .image-card,.studio-shell .concept-image{background:#c4c6da80!important;border:1px solid #ffffffc7!important;border-radius:7px!important;height:134px!important;min-height:134px!important}.studio-shell .image-card img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{object-fit:contain!important;width:100%!important;height:134px!important;min-height:134px!important}.studio-shell .concept-image{background-image:none!important}.studio-shell .is-preview-loading .concept-image:not(:first-child) img{opacity:0!important}.studio-shell .is-preview-loading .concept-image:not(:first-child){background:#b4b8d394!important}.studio-shell .composer{width:min(1050px,100vw - 470px)!important;bottom:21px!important;left:calc(50vw + 120px)!important;transform:translate(-50%)!important}.studio-shell .composer:before{display:none!important}.studio-shell .composer-card{background:#e8e7f9c7!important;border:1px solid #ffffffa3!important;border-radius:18px!important;grid-template-rows:72px 42px!important;grid-template-columns:146px minmax(360px,1fr) 200px 200px!important;gap:12px 20px!important;min-height:158px!important;padding:20px!important;display:grid!important}.studio-shell .upload-tile{color:#6f6d91!important;background:#ffffff57!important;border-radius:13px!important;grid-area:1/1/3!important;min-height:118px!important}.studio-shell .upload-tile:after{content:"Upload\aJPG, PNG, WebP\aUp to 10MB"!important;white-space:pre-line!important;color:#8b8ba8!important;font-size:11px!important}.studio-shell .prompt-zone{display:contents!important}.studio-shell .prompt-top{background:0 0!important;border:0!important;grid-area:1/2/auto/4!important;min-height:72px!important;padding:0!important}.studio-shell .prompt-top textarea{color:#32324f!important;background:#ffffffb8!important;border:1px solid #ffffffa8!important;border-radius:10px!important;width:100%!important;min-height:72px!important;max-height:72px!important;padding:20px 52px 18px 16px!important}.studio-shell .control-row{grid-area:2/2/auto/4!important;gap:12px!important;display:flex!important}.studio-shell .generate-button{background:linear-gradient(135deg,#b991ff,#7863f7)!important;border-radius:11px!important;grid-area:1/4!important;min-width:200px!important;height:68px!important}.studio-shell .advanced-toggle{color:#474963!important;grid-area:2/4!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}}.studio-shell .history-task{overflow:visible!important}.studio-shell .task-head{grid-template-columns:42px minmax(220px,1fr) minmax(0,auto)!important}.studio-shell .task-more-actions{justify-content:flex-end!important;align-items:center!important;gap:5px!important;min-width:0!important;display:flex!important;position:relative!important}.studio-shell .task-action-button,.studio-shell .task-delete-button,.studio-shell .delete-confirm-popover button{color:#4d4870d1!important;background:#ffffff5c!important;border:1px solid #ffffff70!important;border-radius:10px!important;height:31px!important;min-height:31px!important;font-size:12px!important;font-weight:720!important;box-shadow:inset 0 1px #ffffff8f!important}.studio-shell .task-action-button{white-space:nowrap!important;gap:5px!important;padding:0 8px!important}.studio-shell .task-action-button.compact,.studio-shell .task-delete-button{width:31px!important;min-width:31px!important;padding:0!important}.studio-shell .task-action-button:hover{color:#5b3ed6!important;background:#e6e0ffa8!important;border-color:#8566ff47!important}.studio-shell .task-prompt-line{align-items:center!important;gap:10px!important;max-width:100%!important;min-height:31px!important;display:inline-flex!important;position:relative!important}.studio-shell .task-prompt-line [data-slot=card-title]{min-width:0!important}.studio-shell .prompt-hover-actions{opacity:0!important;pointer-events:none!important;flex:none!important;align-items:center!important;gap:7px!important;transition:opacity .15s,transform .15s!important;display:inline-flex!important;transform:translate(-4px)!important}.studio-shell .task-prompt-line:hover .prompt-hover-actions,.studio-shell .task-prompt-line:focus-within .prompt-hover-actions{opacity:1!important;pointer-events:auto!important;transform:translate(0)!important}.studio-shell .prompt-hover-button{color:#7a55ff!important;white-space:nowrap!important;background:#f1edffe6!important;border:1px solid #9c80ff2e!important;border-radius:9px!important;gap:5px!important;height:29px!important;min-height:29px!important;padding:0 10px!important;font-size:12px!important;font-weight:760!important;box-shadow:0 10px 22px #664ebe14,inset 0 1px #ffffffb8!important}.studio-shell .prompt-hover-button:hover{color:#6544e8!important;background:#e5defffa!important;border-color:#7e61ff52!important}.studio-shell .delete-action-wrap{display:inline-flex!important;position:relative!important}.studio-shell .task-delete-button{color:#be4b5bc7!important;background:#fff1f480!important}.studio-shell .task-delete-button:hover,.studio-shell .task-delete-button[aria-expanded=true]{color:#b4233a!important;background:#ffe2e7d1!important;border-color:#ef444447!important}.studio-shell .delete-confirm-popover{z-index:50!important;color:#28243c!important;background:linear-gradient(145deg,#ffffffeb,#f8f4ffdb),#ffffffe6!important;border:1px solid #ffffffb8!important;border-radius:14px!important;gap:8px!important;width:210px!important;padding:12px!important;display:grid!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;box-shadow:0 18px 44px #45397138,inset 0 1px #ffffffc2!important}.studio-shell .delete-confirm-popover strong{font-size:13px!important;line-height:1.2!important}.studio-shell .delete-confirm-popover span{color:#4d4870b8!important;font-size:12px!important;line-height:1.35!important}.studio-shell .delete-confirm-popover div{justify-content:flex-end!important;gap:6px!important;display:flex!important}.studio-shell .delete-confirm-popover button{padding:0 10px!important}.clear-history-dialog{color:#29243d!important;background:linear-gradient(145deg,#fffffffa,#f9f6fff0),#fffffff5!important;border:1px solid #ffffffc2!important;border-radius:20px!important;gap:0!important;width:min(460px,100vw - 40px)!important;padding:0!important;overflow:hidden!important;box-shadow:0 30px 82px #34296652,0 10px 32px #2e225229,inset 0 1px #ffffffdb!important}.clear-history-dialog:before{z-index:-1!important;pointer-events:none!important;content:""!important;background:radial-gradient(circle at 16% 8%,#8b6aff2b,#0000 36%),radial-gradient(circle at 94% 100%,#ff748924,#0000 34%)!important;position:absolute!important;inset:0!important}.clear-history-dialog [data-slot=dialog-header]{gap:12px!important;padding:26px 28px 22px!important}.clear-history-dialog [data-slot=dialog-title]{color:#252038!important;letter-spacing:0!important;font-size:20px!important;font-weight:700!important;line-height:1.25!important}.clear-history-dialog [data-slot=dialog-description]{color:#453d62c2!important;max-width:36em!important;font-size:14px!important;font-weight:500!important;line-height:1.78!important}.clear-history-dialog [data-slot=dialog-footer]{background:linear-gradient(#ffffff47,#f5f0ffc2),#f7f3ffad!important;border-top:1px solid #5f4c961f!important;border-radius:0!important;gap:10px!important;margin:0!important;padding:16px 28px 24px!important}.clear-history-dialog [data-slot=dialog-footer] button{min-width:92px!important}.clear-history-dialog [data-slot=dialog-close]{color:#3f385b94!important;background:#ffffff85!important;border:1px solid #ffffff9e!important;top:16px!important;right:16px!important}.clear-history-dialog [data-slot=dialog-close]:hover{color:#2d2840!important;background:#ffffffdb!important}.studio-shell .prompt-top .prompt-textarea{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7662b257 transparent;field-sizing:fixed!important;height:72px!important;min-height:72px!important;max-height:72px!important;overflow-y:auto!important}.studio-shell .prompt-top .prompt-textarea::-webkit-scrollbar{width:6px}.studio-shell .prompt-top .prompt-textarea::-webkit-scrollbar-thumb{background:#7662b257;border-radius:999px}.studio-shell .prompt-top .prompt-textarea::-webkit-scrollbar-track{background:0 0}@media(min-width:981px){.studio-shell .prompt-top .prompt-textarea{height:58px!important;min-height:58px!important;max-height:58px!important}}@media(max-width:680px){.studio-shell .prompt-top .prompt-textarea{height:52px!important;min-height:52px!important;max-height:52px!important}}@media(max-width:520px){.studio-shell .prompt-top .prompt-textarea{height:44px!important;min-height:44px!important;max-height:44px!important}}@media(max-width:980px){.studio-shell .task-head{grid-template-columns:28px minmax(0,1fr)!important}.studio-shell .task-more-actions{grid-column:1/-1!important;justify-content:flex-start!important;min-width:0!important;padding-left:38px!important}}@media(max-width:720px)and (orientation:portrait){.studio-shell.studio-shell .reference-dock,.studio-shell.studio-shell .reference-dock.is-expanded{z-index:auto!important;background:#ffffffa8!important;border:1px dashed #958db24d!important;border-radius:14px!important;grid-area:1/1/3!important;align-self:start!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:156px!important;min-height:156px!important;max-height:156px!important;padding:0!important;display:block!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px #ffffff9e!important}.studio-shell.studio-shell .reference-dock-stack,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-stack{pointer-events:none!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:156px!important;min-height:156px!important;max-height:156px!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.studio-shell.studio-shell .reference-dock-card,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card:nth-of-type(n+6){top:calc(10px + min(var(--reference-index,0),4)*18px)!important;pointer-events:auto!important;width:34px!important;min-width:34px!important;height:44px!important;z-index:calc(8 - min(var(--reference-index,0),5))!important;border-radius:11px!important;margin:0!important;display:block!important;position:absolute!important;left:5px!important;overflow:hidden!important;transform:none!important}.studio-shell.studio-shell .reference-dock-card:nth-of-type(n+6),.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card:nth-of-type(n+6),.studio-shell.studio-shell .reference-dock-remove,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-remove,.studio-shell.studio-shell .reference-dock-add-expanded,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-add-expanded{display:none!important}.studio-shell.studio-shell .reference-dock>.reference-dock-add,.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add{opacity:1!important;pointer-events:auto!important;z-index:20!important;border-radius:999px!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;display:grid!important;position:absolute!important;inset:auto auto 7px 7px!important}.studio-shell.studio-shell .reference-dock-toggle{z-index:24!important;color:#51476e!important;cursor:pointer!important;background:#ffffffeb!important;border:1px solid #e8e4f6db!important;border-radius:999px!important;place-items:center!important;width:21px!important;min-width:21px!important;height:21px!important;padding:0!important;display:grid!important;position:absolute!important;top:5px!important;right:5px!important;box-shadow:0 6px 14px #27235224!important}.studio-shell.studio-shell .reference-dock-toggle span{font-size:10px!important;font-weight:800!important;line-height:1!important}.studio-shell.studio-shell .reference-dock-toggle svg{display:none!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded){grid-template-columns:44px minmax(0,1fr)!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded) .prompt-zone{grid-column:2!important}.studio-shell.studio-shell .mobile-reference-panel{left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 244px)!important;z-index:160!important;-webkit-backdrop-filter:blur(18px)saturate(138%)!important;pointer-events:auto!important;background:linear-gradient(#fffffff0,#f6f4ffcc),#f7f5ffe0!important;border:1px solid #ffffffbd!important;border-radius:18px!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;padding:12px!important;display:block!important;position:fixed!important;box-shadow:0 18px 42px #312b5b33,inset 0 1px #ffffffe6!important}.studio-shell.studio-shell .mobile-reference-panel.hidden{display:none!important}.studio-shell.studio-shell .mobile-reference-panel-head{justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:10px!important;display:flex!important}.studio-shell.studio-shell .mobile-reference-panel-head span{color:#28213f!important;font-size:13px!important;font-weight:800!important}.studio-shell.studio-shell .mobile-reference-panel-head button{color:#51476e!important;background:#ffffffe6!important;border:1px solid #e8e4f6db!important;border-radius:12px!important;place-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;display:grid!important;box-shadow:0 8px 18px #2723521f!important}.studio-shell.studio-shell .mobile-reference-panel-head svg{width:16px!important;height:16px!important}.studio-shell.studio-shell .mobile-reference-strip{scroll-snap-type:x proximity!important;scrollbar-width:none!important;gap:10px!important;width:100%!important;min-width:0!important;padding:0 2px 4px!important;display:flex!important;overflow:auto hidden!important}.studio-shell.studio-shell .mobile-reference-strip::-webkit-scrollbar{display:none!important}.studio-shell.studio-shell .mobile-reference-card,.studio-shell.studio-shell .mobile-reference-add{scroll-snap-align:start!important;border-radius:14px!important;flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:88px!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}.studio-shell.studio-shell .mobile-reference-preview,.studio-shell.studio-shell .mobile-reference-preview img{border-radius:inherit!important;object-fit:cover!important;border:0!important;width:100%!important;height:100%!important;display:block!important}.studio-shell.studio-shell .mobile-reference-remove{z-index:4!important;color:#fff!important;background:#1f1d30b8!important;border:1px solid #ffffffc7!important;border-radius:999px!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;display:grid!important;position:absolute!important;top:5px!important;right:5px!important;box-shadow:0 8px 16px #1612273d!important}.studio-shell.studio-shell .mobile-reference-remove svg{width:13px!important;height:13px!important}.studio-shell.studio-shell .mobile-reference-add{color:#7d6be8!important;background:#ffffff94!important;border:1px dashed #7465a057!important;place-items:center!important;display:grid!important}.studio-shell.studio-shell .mobile-reference-add svg{width:20px!important;height:20px!important}.studio-shell.studio-shell .mobile-reference-add input{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body,#root,.studio-shell{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:hidden auto!important}.studio-shell .main{width:100%!important;max-width:100vw!important;min-height:100dvh!important;padding-bottom:calc(244px + env(safe-area-inset-bottom,0px))!important;overflow:visible!important}.studio-shell .history-feed,.studio-shell .history-scroll{height:auto!important;max-height:none!important;overflow:visible!important}.studio-shell .composer{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;z-index:90!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;margin:0!important;padding:0!important;position:fixed!important;inset-inline:10px!important;transform:translate(0)!important}.studio-shell .composer-card{overscroll-behavior:contain!important;border-radius:18px!important;grid-template-rows:auto auto 48px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:min(36dvh,238px)!important;padding:9px!important;display:grid!important;overflow:hidden auto!important}.studio-shell .composer-card:before{content:none!important;display:none!important}.studio-shell .composer input[type=file]{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-shell .upload-tile,.studio-shell .reference-dock{border-radius:14px!important;grid-area:1/1/3!important;align-self:stretch!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:auto!important;min-height:0!important}.studio-shell .upload-tile:after,.studio-shell .upload-tile-compact:after{content:none!important;display:none!important}.studio-shell .prompt-zone{grid-area:1/2/3!important;grid-template-rows:auto auto!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.studio-shell .prompt-top{background:0 0!important;border:0!important;grid-area:auto!important;width:100%!important;min-width:0!important;min-height:66px!important;padding:0!important;display:block!important}.studio-shell .prompt-top textarea,.studio-shell textarea{border-radius:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:66px!important;max-height:92px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.45!important}.studio-shell .control-row{grid-area:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important}.studio-shell .composer .control-row .soft-button{display:none!important}.studio-shell .ratio-control,.studio-shell .ratio-button,.studio-shell .control-row select,.studio-shell .count-control,.studio-shell .soft-button{border-radius:13px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;min-height:38px!important;font-size:12px!important}.studio-shell .count-control{grid-column:1/-1!important}.studio-shell .count-control input{text-align:center!important;width:34px!important;min-width:34px!important;padding:0!important}.studio-shell .generate-button{border-radius:15px!important;grid-area:3/1/auto/-1!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important;font-size:15px!important}.studio-shell .advanced-toggle{display:none!important}.studio-shell .ratio-panel{left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(36dvh,238px) + 10px)!important;z-index:120!important;pointer-events:auto!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:34dvh!important;padding:12px!important;position:fixed!important;overflow-y:auto!important;transform:none!important}.studio-shell .ratio-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.studio-shell .ratio-option{border-radius:14px!important;min-height:46px!important}.studio-shell .account-panel{z-index:130!important;position:fixed!important;inset:0!important}.studio-shell .account-popover{left:10px!important;right:10px!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;border-radius:22px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:min(76dvh,560px)!important;position:fixed!important;overflow-y:auto!important}.studio-shell .toast{top:auto!important;left:12px!important;right:12px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(36dvh,238px) + 12px)!important;pointer-events:none!important;width:auto!important;max-width:none!important;transform:none!important}}@media(max-width:980px){.studio-shell .task-prompt-line{min-height:auto!important;display:flex!important}.studio-shell .prompt-hover-actions{opacity:1!important;pointer-events:auto!important;transform:none!important}.studio-shell .prompt-hover-button{height:32px!important;min-height:32px!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-content{syntax:"*";inherits:false;initial-value:""}@property --tw-tracking{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@media(min-width:981px){:root,:root[data-theme=light]{color-scheme:light!important}html,body,#root,.studio-shell{width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;overflow:hidden!important;background-color:#d7d9ef!important}html,body{background-color:#d7d9ef!important}body:before{display:none!important}body{background:linear-gradient(180deg,#ffffffad,#fff0 40%),radial-gradient(circle at 86% 10%,rgba(196,177,255,.18),transparent 34%),linear-gradient(135deg,#f8f5ff,#efedfb 48%,#dfe3f7)!important}body.preview-open .studio-shell .composer{display:none!important}.studio-shell{--studio-home-sidebar-width: 240px;--studio-home-panel-background: linear-gradient(180deg, rgba(255, 255, 255, .49), rgba(238, 235, 252, .26)), rgba(246, 244, 255, .24);--studio-home-panel-border-color: rgba(255, 255, 255, .56);--studio-home-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), inset 0 -1px 0 rgba(176, 171, 217, .16);grid-template-columns:var(--studio-home-sidebar-width) minmax(0,1fr)!important;color:#17172f!important;position:relative!important;background:transparent!important}#root{background:transparent!important}.studio-shell:before{display:none!important}.studio-shell:after{inset:0!important;height:auto!important;filter:none!important;background:linear-gradient(90deg,#ffffff75 0 232px,#ffffff3d 250px,#ffffff14 280px 100%)!important}.studio-shell .sidebar{z-index:5!important;width:var(--studio-home-sidebar-width)!important;min-width:var(--studio-home-sidebar-width)!important;padding:24px 20px 22px!important;background:#f6f4ff8f!important;border-right:1px solid rgba(255,255,255,.54)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important;backdrop-filter:blur(28px) saturate(145%)!important}.studio-shell .logo{width:auto!important;height:42px!important;margin:0 0 34px!important;justify-content:flex-start!important;gap:10px!important;color:#13142a!important;font-size:20px!important;font-weight:760!important}.studio-shell .logo span:last-child{display:inline!important}.studio-shell .logo-mark{width:28px!important;height:28px!important;color:#a983ff!important;background:transparent!important;box-shadow:none!important}.studio-shell .new-generation-button{display:flex!important;width:100%!important;height:46px!important;margin-bottom:22px!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(135deg,#8a74ff,#b482ff)!important;box-shadow:0 18px 42px #896fff57!important}.studio-shell .nav-stack{align-items:stretch!important;gap:7px!important}.studio-shell .nav-item{width:100%!important;height:42px!important;min-height:42px!important;justify-content:flex-start!important;gap:12px!important;padding:0 14px!important;border-radius:10px!important;color:#4a4c73!important;background:transparent!important;font-size:13px!important;font-weight:610!important}.studio-shell .nav-item span:last-child{display:inline!important}.studio-shell .nav-item svg{color:#655e9b!important}.studio-shell .nav-item.active{color:#292752!important;background:#ffffffe6!important;box-shadow:0 15px 34px #857bb121,inset 0 1px #ffffffd1!important}.studio-shell .collection-stack{display:grid!important;gap:9px!important;margin-top:30px!important}.studio-shell .collection-head{color:#78799b!important}.studio-shell .collection-stack button{display:flex!important;justify-content:space-between!important;height:28px!important;color:#20223d!important;background:transparent!important}.studio-shell .collection-stack em{min-width:26px!important;height:22px!important;border-radius:8px!important;color:#77769a!important;background:#d6d1ed9e!important}.studio-shell .nav-footer{display:flex!important;margin-top:auto!important}.studio-shell .upgrade-card{display:grid!important;position:relative!important;min-height:200px!important;padding:22px 18px 18px!important;grid-template-rows:auto auto auto 1fr auto!important;overflow:hidden!important;isolation:isolate!important;border-radius:14px!important;color:#2a2446!important;border:1px solid rgba(255,255,255,.56)!important;background:radial-gradient(circle at 76% 82%,rgba(190,154,255,.5),transparent 28%),radial-gradient(circle at 12% 8%,rgba(255,255,255,.82),transparent 34%),linear-gradient(150deg,#ffffffc7,#eadcffad 54%,#d2b8ffad)!important;box-shadow:0 24px 64px #6f64a629,inset 0 1px #ffffffb8,inset 0 -1px #9980d529!important}.studio-shell .upgrade-card:before{content:""!important;position:absolute!important;right:8px!important;bottom:4px!important;z-index:-1!important;width:86px!important;height:92px!important;clip-path:polygon(50% 0,82% 18%,100% 57%,69% 100%,29% 100%,0 57%,18% 18%)!important;background:linear-gradient(143deg,transparent 0 35%,rgba(255,255,255,.74) 36% 38%,transparent 39%),linear-gradient(28deg,transparent 0 48%,rgba(112,71,220,.22) 49% 51%,transparent 52%),linear-gradient(90deg,transparent 0 50%,rgba(255,255,255,.3) 51% 52%,transparent 53%),conic-gradient(from 218deg at 50% 46%,#f5f1fff5,#d0c0ffe6,#8e5fecc7,#ebe2fff0,#a77ef8c7,#ffffffeb)!important;box-shadow:0 20px 42px #845be757,inset 8px 8px 16px #ffffff80,inset -12px -14px 24px #7144d633!important;opacity:.94!important;transform:rotate(-8deg)!important}.studio-shell .upgrade-card:after{content:""!important;position:absolute!important;right:-24px!important;bottom:-28px!important;z-index:-2!important;width:136px!important;height:136px!important;border-radius:999px!important;background:radial-gradient(circle,rgba(189,142,255,.54),rgba(206,182,255,.24) 38%,transparent 66%)!important;filter:blur(10px)!important}.studio-shell .upgrade-card svg{justify-self:end!important;width:18px!important;height:18px!important;color:#b17fff80!important}.studio-shell .upgrade-card strong{position:relative!important;z-index:1!important;font-size:15px!important;letter-spacing:0!important}.studio-shell .upgrade-card span{position:relative!important;z-index:1!important;color:#77729b!important;font-size:13px!important;line-height:1.58!important;max-width:136px!important}.studio-shell .upgrade-card button{position:relative!important;z-index:1!important;width:106px!important;height:34px!important;border-radius:8px!important;color:#6653a7!important;border:1px solid rgba(255,255,255,.72)!important;background:#ffffffdb!important;box-shadow:0 12px 24px #745bb01f!important;align-self:end!important}.studio-shell .main{width:calc(100vw - var(--studio-home-sidebar-width))!important;padding:68px 24px 0!important;z-index:4!important}.studio-shell .topbar{position:fixed!important;top:14px!important;right:32px!important;z-index:9!important;padding:0!important;background:transparent!important}.studio-shell .topbar-actions{display:flex!important;gap:9px!important}.studio-shell .credit-pill,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button,.studio-shell .premium-button{height:40px!important;min-height:40px!important;border-radius:13px!important;color:#4f4c75!important;border:1px solid rgba(255,255,255,.72)!important;background:#ffffffad!important;box-shadow:0 14px 30px #8980b21c,inset 0 1px #ffffffeb!important}.studio-shell .credit-pill{width:150px!important;padding:0 8px 0 13px!important;justify-content:space-between!important;font-size:13px!important}.studio-shell .credit-pill [data-icon=inline-end]{width:28px!important;height:28px!important;margin-left:2px!important;padding:6px!important;border-radius:9px!important;color:#5f46d9!important;background:#cdc1ffb3!important}.studio-shell .premium-button{width:74px!important;justify-content:center!important;padding:0 12px!important}.studio-shell .top-icon-button{width:42px!important;min-width:42px!important}.studio-shell .premium-button{color:#5c3ed6!important;background:#dfd8ffc7!important}.studio-shell .top-icon-button{position:relative!important}.studio-shell .top-icon-button:after{content:""!important;position:absolute!important;top:8px!important;right:10px!important;width:7px!important;height:7px!important;border:1.5px solid rgba(255,255,255,.92)!important;border-radius:999px!important;background:#ff4d75!important}.studio-shell .account-button{width:126px!important;max-width:126px!important;padding:0 10px 0 8px!important;gap:7px!important;overflow:hidden!important;white-space:nowrap!important}.studio-shell .account-button:after{content:""!important;width:6px!important;height:6px!important;border-right:1.5px solid #6a668c!important;border-bottom:1.5px solid #6a668c!important;transform:rotate(45deg) translateY(-2px)!important}.studio-shell .account-button .status-dot{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:999px!important;background:radial-gradient(circle at 50% 30%,#ffe5d7 0 18%,transparent 19%),radial-gradient(circle at 50% 58%,#2e2432 0 22%,transparent 23%),linear-gradient(145deg,#a88972,#f1d4c8)!important;box-shadow:inset 0 0 0 2px #ffffffd1,0 7px 16px #52497429!important}.studio-shell .account-button span{max-width:64px!important;overflow:hidden!important;text-overflow:ellipsis!important}.studio-shell .history-feed{width:100%!important;max-width:none!important;height:calc(100vh - 68px)!important;min-height:0!important;padding:20px 0 72px!important;gap:13px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:15px 15px 0 0!important;border:1px solid var(--studio-home-panel-border-color)!important;background:var(--studio-home-panel-background)!important;box-shadow:var(--studio-home-panel-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;backdrop-filter:blur(24px) saturate(145%)!important}.studio-shell .history-toolbar{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;min-height:34px!important;margin:0 18px -8px!important}.studio-shell .history-toolbar:after{display:none!important}.studio-shell h1{color:#7a789f!important;font-size:20px!important;font-weight:760!important}.studio-shell .history-tools{position:absolute!important;top:0!important;right:0!important;display:grid!important;grid-template-columns:22px 34px 34px 34px!important;grid-template-rows:34px 40px!important;gap:7px!important}.studio-shell .history-tools:before{grid-column:1!important;grid-row:1!important;width:22px!important;height:34px!important;opacity:.45!important}.studio-shell .history-tools select{grid-column:1 / -1!important;grid-row:2!important;justify-self:end!important;width:110px!important;height:34px!important;color:#4f4d75!important;background:#ffffff9e!important}.studio-shell .filter-tabs{display:flex!important;gap:22px!important;padding:0 18px 8px!important}.studio-shell .filter-tabs button{height:34px!important;color:#4d4b70!important;background:transparent!important}.studio-shell .filter-tabs button.active{color:#6c4bde!important;background:#ffffffe6!important}.studio-shell .empty-inline{display:none!important}.studio-shell .history-task{height:224px!important;min-height:224px!important;border-radius:14px!important;color:#15152d!important;border:1px solid rgba(255,255,255,.56)!important;background:linear-gradient(180deg,#ffffff7a,#f8f7ff52),#ffffff5c!important;box-shadow:0 14px 34px #807aa814,inset 0 1px #ffffffbd!important}.studio-shell .history-feed>.history-task{margin:0 18px!important}.studio-shell .history-feed>.history-task+.concept-preview-list{margin-top:14px!important}.studio-shell .history-task .task-actions{display:none!important}.studio-shell .concept-preview-list .concept-task.is-preview-loading{height:242px!important;min-height:242px!important}.studio-shell .concept-preview-list .concept-task.is-preview-loading .task-content{transform:translateY(-2px)!important}.studio-shell .concept-preview-list .concept-task.is-preview-loading .concept-image,.studio-shell .concept-preview-list .concept-task.is-preview-loading .concept-image img{height:146px!important;min-height:146px!important}.studio-shell .task-head{grid-template-columns:42px minmax(0,1fr) 112px!important;padding:12px 20px 0!important}.studio-shell .task-copy-area h2{color:#101228!important;font-size:14px!important;max-width:760px!important}.studio-shell .tag-row [data-slot=badge]{color:#77749b!important;background:#e1dbf6b8!important}.studio-shell .tag-row{margin-top:7px!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important;padding:0 20px 14px!important;transform:translateY(-8px)!important}.studio-shell .task-reference-block{min-height:112px!important;padding:0 0 0 34px!important;grid-template-columns:1fr!important;align-content:center!important;gap:10px!important}.studio-shell .task-reference-block p{color:#101228!important;font-size:13px!important;font-weight:720!important}.studio-shell .reference-sample,.studio-shell .reference-chip{width:60px!important;height:60px!important;border-radius:7px!important;object-fit:cover!important}.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .image-grid.count-3,.studio-shell .concept-grid.count-3{grid-template-columns:2.28fr 1fr 1fr!important}.studio-shell .image-grid.count-1,.studio-shell .concept-grid.count-1{grid-template-columns:minmax(420px,.62fr) minmax(0,.38fr)!important}.studio-shell .image-grid.count-1 .image-card,.studio-shell .concept-grid.count-1 .concept-image{grid-column:1!important}.studio-shell .image-card,.studio-shell .concept-image{height:132px!important;min-height:132px!important;border-radius:7px!important;border:1px solid rgba(255,255,255,.78)!important;background:linear-gradient(135deg,#c8cadf8f,#b8bcd76b)!important;box-shadow:0 14px 26px #68628a1c!important}.studio-shell .image-card img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{width:100%!important;height:132px!important;min-height:132px!important;object-fit:contain!important}.studio-shell .concept-image{background-image:none!important}.studio-shell .image-card.is-loading,.studio-shell .image-card.is-streaming{background:linear-gradient(145deg,#f6f3ff,#eefaff 38%,#f7fff1 68%,#fff1f7)!important;background-size:100% 100%!important;overflow:hidden!important}.studio-shell .concept-loading-image:before,.studio-shell .image-card.is-loading:before,.studio-shell .image-card.is-streaming:before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:radial-gradient(circle at 16% 14%,rgba(255,194,222,.54),transparent 24%),radial-gradient(circle at 74% 12%,rgba(202,255,216,.54),transparent 27%),radial-gradient(circle at 48% 88%,rgba(184,214,255,.5),transparent 34%)!important;opacity:.72!important}.studio-shell .concept-loading-image:after,.studio-shell .image-card.is-loading:after,.studio-shell .image-card.is-streaming:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 46%,rgba(255,255,255,.2)),linear-gradient(90deg,rgba(255,255,255,.24),transparent 38%,rgba(255,255,255,.12))!important;opacity:.56!important}.studio-shell .image-card.is-loading .image-skeleton,.studio-shell .image-card.is-streaming .image-skeleton{position:relative!important;z-index:1!important;background:transparent!important;animation:none!important}.studio-shell .image-card.is-loading figcaption,.studio-shell .image-card.is-streaming figcaption{display:none!important}.studio-shell .is-preview-loading .concept-image:not(:first-child) img{opacity:0!important}.studio-shell .is-preview-loading .concept-image:not(:first-child){background:linear-gradient(135deg,#cacde2b3,#b0b5d29e)!important;box-shadow:inset 0 1px #fff6!important}.studio-shell .is-preview-loading .concept-grid:after{content:none!important}.studio-shell .concept-loading-image img{opacity:0!important;filter:none!important}.studio-shell .concept-progress{inset:0!important;width:auto!important;height:auto!important;display:block!important;position:absolute!important;overflow:hidden!important;color:#fff!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:left!important;text-shadow:none!important}.studio-shell .concept-progress span{position:absolute!important}.studio-shell .concept-progress .aurora-flow{z-index:1!important;pointer-events:none!important;display:block!important;width:78%!important;height:62%!important;border-radius:999px!important;opacity:.74;mix-blend-mode:multiply!important;filter:blur(28px) saturate(1.34) brightness(1.04)!important;will-change:transform,opacity!important}.studio-shell .concept-progress .aurora-flow-a{left:-20%!important;top:-10%!important;background:linear-gradient(110deg,#ff68b2ad,#9a73ff70 48%,#5fdeff80)!important;transform:translate3d(-4%,8%,0) rotate(-12deg) scale(1.08);animation:aurora-ribbon-a 6.4s cubic-bezier(.45,0,.2,1) infinite alternate!important}.studio-shell .concept-progress .aurora-flow-b{right:-24%!important;top:6%!important;background:linear-gradient(100deg,#5eefdaad,#d8ff7a85 46%,#7eb1ff70)!important;transform:translate3d(4%,-4%,0) rotate(14deg) scale(1.12);animation:aurora-ribbon-b 7.6s cubic-bezier(.42,0,.22,1) infinite alternate!important}.studio-shell .concept-progress .aurora-flow-c{left:14%!important;bottom:-24%!important;width:88%!important;height:74%!important;background:linear-gradient(95deg,#b983ff8f,#78deff7a 42%,#ffc1e58a)!important;transform:translate3d(0,8%,0) rotate(4deg) scale(1.02);animation:aurora-ribbon-c 8.2s cubic-bezier(.4,0,.18,1) infinite alternate!important}.studio-shell .concept-progress .gradient-status{position:absolute!important;top:20px!important;left:20px!important;z-index:3!important;width:auto!important;height:auto!important;min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 12px!important;border:0!important;border-radius:9px!important;background:#3a3d437a!important;color:#fff!important;box-shadow:0 8px 20px #2c37401f!important;font-size:13px!important;font-weight:760!important;line-height:1!important;letter-spacing:0!important;animation:status-chip-breathe 2.8s ease-in-out infinite!important}.studio-shell .concept-progress strong,.studio-shell .concept-progress em{display:none!important}@keyframes aurora-ribbon-a{0%{transform:translate3d(-6%,10%,0) rotate(-14deg) scale(1.08);opacity:.48}45%{transform:translate3d(22%,28%,0) rotate(6deg) scale(1.25);opacity:.78}to{transform:translate3d(54%,-2%,0) rotate(16deg) scale(1.12);opacity:.58}}@keyframes aurora-ribbon-b{0%{transform:translate3d(8%,-8%,0) rotate(16deg) scale(1.12);opacity:.5}50%{transform:translate3d(-28%,18%,0) rotate(-10deg) scale(1.28);opacity:.82}to{transform:translate3d(-58%,-2%,0) rotate(-22deg) scale(1.14);opacity:.56}}@keyframes aurora-ribbon-c{0%{transform:translate3d(-2%,12%,0) rotate(4deg) scale(1.02);opacity:.44}50%{transform:translate3d(10%,-18%,0) rotate(-8deg) scale(1.18);opacity:.72}to{transform:translate3d(-18%,-4%,0) rotate(10deg) scale(1.24);opacity:.54}}@keyframes status-chip-breathe{0%,to{background:#3a3d4375}50%{background:#2a2f3794}}.studio-shell .composer{position:fixed!important;left:392px!important;right:230px!important;bottom:20px!important;width:auto!important;max-width:none!important;transform:none!important;translate:none!important}.studio-shell .composer:before{display:none!important}.studio-shell .composer-card{z-index:8!important;position:relative!important;display:grid!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;grid-template-columns:146px minmax(420px,1fr) 190px 200px!important;grid-template-rows:68px 38px!important;gap:10px 20px!important;min-height:144px!important;padding:16px 20px!important;border-radius:19px!important;border:1px solid rgba(255,255,255,.7)!important;background:linear-gradient(180deg,#faf8ffb3,#e1e2f79e),#ebeafb9e!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;backdrop-filter:blur(30px) saturate(150%)!important;box-shadow:0 -20px 70px #938db924,0 28px 76px #5e5b822e,inset 0 1px #ffffffdb!important}.studio-shell .composer-card:before{content:""!important;position:absolute!important;inset:-88px -160px -36px!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(ellipse at 18% 76%,rgba(118,128,181,.17),transparent 34%),radial-gradient(ellipse at 70% 74%,rgba(171,155,215,.16),transparent 36%),linear-gradient(0deg,#cdd1ec61,#e8e7f900)!important;filter:blur(22px)!important}.studio-shell .upload-tile{grid-column:1!important;grid-row:1 / 3!important;min-height:106px!important;border-radius:13px!important;color:#6f6d91!important;background:#ffffff57!important}.studio-shell .upload-tile:after{content:"Upload\aJPG, PNG, WebP\aUp to 10MB"!important;white-space:pre-line!important;color:#8b8ba8!important;font-size:11px!important}.studio-shell .prompt-zone{display:contents!important}.studio-shell .prompt-top{grid-column:2 / 4!important;grid-row:1!important;min-height:68px!important;padding:0!important;background:transparent!important;border:0!important}.studio-shell .prompt-top textarea{width:100%!important;min-height:68px!important;max-height:68px!important;color:#32324f!important;background:#ffffffb3!important;border:1px solid rgba(255,255,255,.66)!important;border-radius:10px!important;padding:20px 52px 18px 16px!important}.studio-shell .control-row{grid-column:2 / 4!important;grid-row:2!important;display:flex!important;gap:10px!important}.studio-shell .generate-button{grid-column:4!important;grid-row:1!important;height:68px!important;min-width:200px!important;border-radius:11px!important;background:linear-gradient(135deg,#b991ff,#7863f7)!important}.studio-shell .advanced-toggle{grid-column:4!important;grid-row:2!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;color:#474963!important}.studio-shell .concept-preview-list{gap:14px!important;padding:0 18px!important}.studio-shell .concept-preview-list .concept-task:nth-child(3){height:198px!important;min-height:198px!important;margin-top:-4px!important}.studio-shell .concept-preview-list .concept-task:nth-child(3) .task-content{grid-template-columns:minmax(0,1fr)!important;padding-left:50.2%!important}.studio-shell .concept-preview-list .concept-task:nth-child(3) .task-reference-block{display:none!important}.studio-shell .concept-preview-list .concept-task:nth-child(3) .concept-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.studio-shell .concept-preview-list .concept-task:nth-child(3) .concept-image,.studio-shell .concept-preview-list .concept-task:nth-child(3) .concept-image img{height:128px!important;min-height:128px!important}.studio-shell .toast{top:76px!important;right:190px!important;z-index:20!important;pointer-events:none!important}.studio-shell .toast:not(.hidden){opacity:0!important;transform:scale(.88) translateY(-8px)!important}.studio-shell:before{z-index:0!important}.studio-shell:after{z-index:0!important}.studio-shell .composer{z-index:80!important}.studio-shell .composer-card{overflow:visible!important}.studio-shell .prompt-top textarea{overflow:hidden!important}.studio-shell .count-control input{text-align:center!important}.studio-shell .count-control span{color:#514d76!important;opacity:1!important}.studio-shell .control-row select,.studio-shell .ratio-button{color:#514d76!important}.studio-shell .advanced-toggle input{width:20px!important;height:20px!important;accent-color:#8c72ff!important}.studio-shell .view-button:nth-of-type(2){background:#ffffff6b!important;opacity:.58!important}.studio-shell .main{display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;min-height:0!important;overflow:hidden!important}.studio-shell .history-feed{flex:1 1 auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:230px!important;touch-action:pan-y!important;pointer-events:auto!important}.studio-shell .history-feed:after{content:""!important;display:block!important;height:12px!important;flex:0 0 auto!important}html,body,#root,.studio-shell{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important}.studio-shell .main{height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;padding-bottom:260px!important}.studio-shell .history-feed{height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:42px!important}}html,body,#root,.studio-shell{width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important}.studio-shell{width:100vw!important}.studio-shell .sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;overflow:hidden!important}.studio-shell .main{height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:0!important}.studio-shell .history-feed{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;height:calc(100dvh - 68px)!important;min-height:0!important;max-height:calc(100dvh - 68px)!important;overflow:hidden!important;padding-bottom:198px!important}.studio-shell .history-scroll{min-height:0!important;display:grid!important;align-content:start!important;gap:14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:0 8px 18px 0!important}.studio-shell .history-feed:after{display:none!important}.studio-shell .history-scroll::-webkit-scrollbar{width:10px}.studio-shell .history-scroll::-webkit-scrollbar-track{background:#ffffff47;border-radius:999px}.studio-shell .history-scroll::-webkit-scrollbar-thumb{background:#786faa7a;border:2px solid rgba(246,244,255,.72);border-radius:999px}.studio-shell .history-scroll::-webkit-scrollbar-thumb:hover{background:#695ba6a8}.studio-shell .image-grid,.studio-shell .concept-grid{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;border-radius:0!important}.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error){flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:min(520px,34vw)!important;height:clamp(150px,10vw,184px)!important;min-height:clamp(150px,10vw,184px)!important;overflow:hidden!important;border-radius:8px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}.studio-shell .image-preview-trigger,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) .image-preview-trigger,.studio-shell .concept-image>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:none!important;height:100%!important;min-height:100%!important;overflow:hidden!important;border-radius:8px!important}.studio-shell .image-card img,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img,.studio-shell .concept-image img{display:block!important;width:auto!important;max-width:min(520px,34vw)!important;height:100%!important;min-height:100%!important;object-fit:contain!important;background:transparent!important;border-radius:8px!important}.studio-shell .image-skeleton,.studio-shell .image-error{width:min(360px,28vw)!important;max-width:min(360px,28vw)!important;height:100%!important;min-height:100%!important}@media(max-width:980px){.studio-shell .image-grid,.studio-shell .concept-grid{flex-wrap:wrap!important}.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error),.studio-shell .image-card img,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img,.studio-shell .concept-image img{max-width:100%!important}}.studio-shell .composer-card{background:linear-gradient(180deg,#faf8ff4d,#e1e2f733),#ebeafb33!important;border-color:#ffffffb3!important;box-shadow:0 28px 76px #5e5b822e,inset 0 1px #ffffffdb!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;backdrop-filter:blur(30px) saturate(150%)!important}.studio-shell .history-feed{padding-bottom:0!important}.studio-shell .history-scroll{padding-bottom:180px!important}.studio-shell .composer-card:before{display:none!important;content:none!important}.studio-shell .prompt-top textarea{background:#ffffffa8!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important;backdrop-filter:blur(16px) saturate(140%)!important;box-shadow:0 18px 40px #443e7024!important}.studio-shell .upload-tile,.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{background:#ffffff7a!important;-webkit-backdrop-filter:blur(14px) saturate(135%)!important;backdrop-filter:blur(14px) saturate(135%)!important}@media(min-width:981px){html,body{width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}body,#root,.studio-shell{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;overflow:hidden!important}.studio-shell .main{position:relative!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.studio-shell .history-feed{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;align-content:start!important;position:relative!important;width:calc(100% + 24px)!important;margin-right:-24px!important;height:calc(100dvh - 68px)!important;max-height:calc(100dvh - 68px)!important;min-height:0!important;overflow:hidden!important;scrollbar-gutter:auto!important;border-right:0!important;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #b0abd929!important}.studio-shell .history-feed:before{display:none!important;content:none!important}.studio-shell .history-feed::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.studio-shell .history-feed::-webkit-scrollbar-track{background:transparent!important;border:0!important}.studio-shell .history-feed::-webkit-scrollbar-thumb{background:transparent!important;border:0!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.studio-shell::-webkit-scrollbar,.studio-shell .main::-webkit-scrollbar,.studio-shell .history-feed::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body,#root,.studio-shell,.studio-shell .main,.studio-shell .history-feed{scrollbar-width:none!important}.studio-shell .history-scroll{position:relative!important;z-index:2!important;min-height:0!important;max-height:none!important;display:grid!important;align-content:start!important;gap:14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:auto!important;padding:0 3px 18px 0!important;scrollbar-color:rgba(120,111,170,.7) transparent!important;scrollbar-width:thin!important;margin-right:24px!important}.studio-shell .history-scroll::-webkit-scrollbar,.studio-shell .history-scroll::-webkit-scrollbar-track,.studio-shell .history-scroll::-webkit-scrollbar-thumb{display:initial!important}.studio-shell .history-scroll::-webkit-scrollbar{width:6px!important}.studio-shell .history-scroll::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.studio-shell .history-scroll::-webkit-scrollbar-track{background:transparent!important;border:0!important}.studio-shell .history-scroll::-webkit-scrollbar-thumb{background:#786faab8!important;border:0!important;border-radius:999px!important}}.studio-shell .history-tools{grid-template-columns:42px 42px 136px!important;grid-template-rows:42px!important;align-items:center!important;gap:9px!important}.studio-shell .history-tools:before{display:none!important}.studio-shell .history-tools .view-button{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;border:1px solid rgba(129,116,190,.24)!important;color:#675bb2!important;background:#ffffffbd!important;box-shadow:0 10px 24px #5f539624,inset 0 1px #ffffffdb!important;opacity:1!important}.studio-shell .history-tools .view-button:nth-of-type(2){background:#ffffffbd!important;opacity:1!important}.studio-shell .history-tools .view-button.active{border-color:#714dec6b!important;color:#6b43f2!important;background:linear-gradient(135deg,#e2d7fffa,#c5b2fff0)!important;box-shadow:0 12px 28px #6848e23d,inset 0 1px #ffffffbd!important}.studio-shell .history-tools select{grid-column:3!important;grid-row:1!important;width:136px!important;height:42px!important;color:#444061!important;border:1px solid rgba(129,116,190,.22)!important;background:#fffc!important;box-shadow:0 10px 24px #5f53961f,inset 0 1px #ffffffdb!important}.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error),.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) .image-preview-trigger,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img{overflow:hidden!important;border-radius:8px!important}.studio-shell .history-task{height:248px!important;min-height:248px!important;isolation:isolate!important}.studio-shell .history-task,.studio-shell .concept-preview-list .concept-task{background:linear-gradient(135deg,#ffffff9e,#ffffff4d),#f6f4ff61!important;border-color:#ffffff94!important;box-shadow:inset 0 1px #ffffffb8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:layout paint style!important;content-visibility:auto!important;contain-intrinsic-size:248px 1000px!important}.studio-shell .history-task:hover,.studio-shell .history-task.selected{background:linear-gradient(135deg,#ffffffb8,#ffffff61),#f8f6ff75!important;box-shadow:inset 0 1px #ffffffc7!important}.studio-shell .history-feed,.studio-shell .sidebar{backdrop-filter:blur(12px) saturate(128%)!important;-webkit-backdrop-filter:blur(12px) saturate(128%)!important}.studio-shell .composer-card{backdrop-filter:blur(12px) saturate(132%)!important;-webkit-backdrop-filter:blur(12px) saturate(132%)!important}.studio-shell .history-scroll *,.studio-shell .history-scroll *:before,.studio-shell .history-scroll *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.studio-shell .history-scroll .image-card,.studio-shell .history-scroll .concept-image,.studio-shell .history-scroll .reference-chip,.studio-shell .history-scroll .reference-sample,.studio-shell .history-scroll .reference-empty,.studio-shell .history-scroll .reference-more{box-shadow:inset 0 1px #ffffff75!important}.studio-shell .history-scroll .concept-progress{background:linear-gradient(180deg,#ffffffb8,#ffffff80),#f6f4ffa8!important}.studio-shell .history-scroll .concept-loading-image,.studio-shell .history-scroll .image-card.is-loading,.studio-shell .history-scroll .image-card.is-streaming{background:linear-gradient(145deg,#f6f3ff,#eefaff 38%,#f7fff1 68%,#fff1f7)!important;background-size:100% 100%!important;animation:none!important}.studio-shell .history-scroll .concept-loading-image:before,.studio-shell .history-scroll .image-card.is-loading:before,.studio-shell .history-scroll .image-card.is-streaming:before{background:radial-gradient(circle at 16% 14%,rgba(255,194,222,.54),transparent 24%),radial-gradient(circle at 74% 12%,rgba(202,255,216,.54),transparent 27%),radial-gradient(circle at 48% 88%,rgba(184,214,255,.5),transparent 34%)!important;opacity:.72!important}.studio-shell .history-scroll .concept-loading-image:after,.studio-shell .history-scroll .image-card.is-loading:after,.studio-shell .history-scroll .image-card.is-streaming:after{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 46%,rgba(255,255,255,.2)),linear-gradient(90deg,rgba(255,255,255,.24),transparent 38%,rgba(255,255,255,.12))!important;opacity:.56!important}.studio-shell .history-scroll .concept-loading-image .concept-progress,.studio-shell .history-scroll .image-card.is-loading .concept-progress,.studio-shell .history-scroll .image-card.is-streaming .concept-progress{background:transparent!important}.studio-shell .prompt-top textarea,.studio-shell .upload-tile,.studio-shell .ratio-button,.studio-shell .soft-button,.studio-shell select,.studio-shell .count-control{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.studio-shell:has(.image-preview:not(.hidden)) .composer{display:none!important;pointer-events:none!important}.studio-shell:has(.image-preview:not(.hidden)):before,.studio-shell:has(.image-preview:not(.hidden)):after{display:none!important}.studio-shell .image-preview:not(.hidden){isolation:isolate!important;z-index:9999!important}.studio-shell .image-preview:not(.hidden) .preview-backdrop{z-index:0!important}.studio-shell .image-preview:not(.hidden) .preview-stage{isolation:isolate!important;z-index:2!important}.studio-shell .image-preview:not(.hidden) .preview-stage img{position:relative!important;z-index:3!important;width:auto!important;height:auto!important;min-height:0!important;max-width:min(92vw,1320px)!important;max-height:calc(100svh - 120px)!important;object-fit:contain!important;opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.studio-shell .image-preview:not(.hidden) .preview-toolbar,.studio-shell .image-preview:not(.hidden) .preview-close{z-index:4!important}@media(max-width:980px)and (max-height:560px){html,body,#root,.studio-shell.studio-shell{height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:auto!important}body,#root,.studio-shell.studio-shell{position:static!important;inset:auto!important}.studio-shell.studio-shell{display:block!important;width:100%!important;min-width:0!important}.studio-shell.studio-shell .sidebar{display:none!important}.studio-shell.studio-shell .main{width:100%!important;max-width:100vw!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important;padding:18px 14px 24px!important}.studio-shell.studio-shell .history-feed{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:18px!important}.studio-shell.studio-shell .history-scroll{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 0 24px!important;margin-right:0!important;scrollbar-width:none!important}.studio-shell.studio-shell .history-task,.studio-shell.studio-shell .concept-preview-list .concept-task{height:auto!important;min-height:0!important}.studio-shell.studio-shell .composer{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:16px 14px 18px!important;padding-inline:0!important;transform:none!important;translate:none!important;--tw-translate-x: 0 !important;--tw-translate-y: 0 !important;z-index:3!important}.studio-shell.studio-shell .composer-card{width:100%!important;min-width:0!important;max-height:none!important;overflow:visible!important;transform:none!important;translate:none!important}}@layer components{@media(max-width:980px)and (max-height:560px){.studio-shell.studio-shell .composer{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:16px 14px 18px!important;padding-inline:0!important;transform:none!important;translate:none!important;--tw-translate-x: 0 !important;--tw-translate-y: 0 !important;z-index:3!important}.studio-shell.studio-shell .composer-card{width:100%!important;min-width:0!important;max-height:none!important;overflow:visible!important;transform:none!important;translate:none!important}}}@media(min-width:981px){.studio-shell .composer{bottom:18px!important;width:min(960px,calc(100vw - 430px))!important}.studio-shell .composer-card{grid-template-columns:118px minmax(320px,1fr) 168px!important;grid-template-rows:58px 32px!important;align-items:stretch!important;gap:8px 14px!important;min-height:116px!important;padding:14px 16px!important;border-radius:16px!important}.studio-shell .upload-tile,.studio-shell .reference-dock{grid-column:1!important;grid-row:1 / 3!important;min-height:98px!important;border-radius:12px!important}.studio-shell .upload-tile{align-self:center!important;width:72px!important;min-height:86px!important;height:86px!important;gap:6px!important;border-style:dashed!important}.studio-shell .upload-tile-compact:after{display:none!important;content:none!important}.studio-shell .upload-tile span{font-size:0!important}.studio-shell .upload-tile svg,.studio-shell .reference-dock-add svg{width:22px!important;height:22px!important}.studio-shell .reference-dock{position:relative!important;width:118px!important;min-height:86px!important;height:86px!important;align-self:center!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.studio-shell .reference-dock:before{display:none!important;content:none!important}.studio-shell .reference-dock-hover-plate{position:absolute!important;top:0!important;left:0!important;width:72px!important;height:86px!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;opacity:0!important;pointer-events:auto!important;transition:width .18s ease!important;z-index:1!important}.studio-shell .reference-dock-stack{position:relative!important;width:72px!important;min-height:86px!important;padding:0!important;overflow:visible!important;transition:width .18s ease!important;pointer-events:none!important}.studio-shell .reference-dock-stack:before{display:none!important;content:none!important}.studio-shell .reference-dock.is-expanded .reference-dock-hover-plate,.studio-shell .reference-dock.is-expanded .reference-dock-stack{width:var(--reference-expanded-width, 200px)!important}.studio-shell .reference-dock-card{top:0!important;left:calc(min(var(--reference-index, 0),3)*13px)!important;width:72px!important;height:86px!important;border-radius:16px!important;z-index:calc(10 - var(--reference-index, 0))!important;pointer-events:auto!important}.studio-shell .reference-dock:hover .reference-dock-card,.studio-shell .reference-dock:focus-within .reference-dock-card{left:calc(min(var(--reference-index, 0),3)*13px)!important;transform:none!important}.studio-shell .reference-dock.is-expanded .reference-dock-card{left:calc(var(--reference-index, 0) * 78px)!important}.studio-shell .reference-dock-add{position:absolute!important;top:62px!important;left:62px!important;width:36px!important;height:36px!important;z-index:15!important;display:grid!important;place-items:center!important;border-radius:999px!important;border:1px solid rgba(232,228,246,.92)!important;background:#ffffffeb!important;box-shadow:0 8px 18px #27235224!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease!important}.studio-shell .reference-dock:hover .reference-dock-add,.studio-shell .reference-dock:focus-within .reference-dock-add{left:62px!important;transform:none!important}.studio-shell .reference-dock:hover .reference-dock-add-expanded,.studio-shell .reference-dock:focus-within .reference-dock-add-expanded,.studio-shell .reference-dock.is-expanded .reference-dock-add-expanded{left:calc(var(--reference-count, 1) * 78px)!important;transform:none!important}.studio-shell .reference-dock-add:hover,.studio-shell .reference-dock-add:focus-within{transform:translateY(-1px)!important;box-shadow:0 12px 24px #2723522e!important}.studio-shell .reference-dock-add input{display:none!important}.studio-shell .reference-dock.is-expanded>.reference-dock-add{opacity:0!important;pointer-events:none!important}.studio-shell .reference-dock-add-expanded{top:0!important;left:calc(var(--reference-count, 1) * 78px)!important;width:72px!important;height:86px!important;border-radius:16px!important;border:1px dashed rgba(149,141,178,.24)!important;background:#ffffff8a!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important;z-index:12!important;transform:none!important}.studio-shell .reference-dock-add-expanded:hover,.studio-shell .reference-dock-add-expanded:focus-within{box-shadow:0 10px 22px #2723521f!important}.studio-shell .reference-dock.is-expanded .reference-dock-add-expanded{opacity:1!important;pointer-events:auto!important}.studio-shell .prompt-zone{display:contents!important}.studio-shell .prompt-top{grid-column:2!important;grid-row:1!important;display:block!important;grid-template-columns:none!important;min-height:58px!important}.studio-shell .prompt-top:before{display:none!important;content:none!important}.studio-shell .prompt-top textarea{grid-column:auto!important;width:100%!important;min-height:58px!important;max-height:58px!important;padding:14px 16px!important;border-radius:11px!important;line-height:1.55!important}.studio-shell .control-row{grid-column:2!important;grid-row:2!important;gap:8px!important;align-items:center!important}.studio-shell .ratio-button,.studio-shell .control-row select,.studio-shell .count-control,.studio-shell .soft-button{height:32px!important;min-width:96px!important;border-radius:11px!important;font-size:12px!important}.studio-shell .count-control{min-width:116px!important}.studio-shell .generate-button{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;height:58px!important;border-radius:11px!important}.studio-shell .advanced-toggle{grid-column:3!important;grid-row:2!important;min-height:32px!important;justify-content:flex-end!important;gap:8px!important;font-size:12px!important}.studio-shell .advanced-toggle input{width:18px!important;height:18px!important}@media(max-width:720px)and (orientation:portrait){html,body,#root,.studio-shell{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;background:linear-gradient(180deg,#ffffff9e,#fff0 34%),radial-gradient(circle at 78% 6%,rgba(195,176,255,.2),transparent 32%),linear-gradient(145deg,#f8f5ff,#efedfb 54%,#dde2f6)!important}.studio-shell:before,.studio-shell:after{display:none!important;content:none!important}.studio-shell{display:block!important;color:#17172f!important;padding:0!important}.studio-shell .sidebar{display:none!important}.studio-shell .main{position:static!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:100dvh!important;max-height:none!important;overflow:visible!important;padding:12px 10px calc(286px + env(safe-area-inset-bottom,0px))!important}.studio-shell .topbar{position:sticky!important;top:0!important;right:auto!important;z-index:30!important;width:calc(100vw - 20px)!important;padding:8px 0 10px!important;margin:0 auto!important;background:linear-gradient(180deg,#f8f5fff5,#f8f5ffb8)!important;backdrop-filter:blur(16px) saturate(132%)!important;-webkit-backdrop-filter:blur(16px) saturate(132%)!important}.studio-shell .topbar-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px 44px!important;gap:8px!important;align-items:center!important;width:100%!important;margin:0!important}.studio-shell .credit-pill,.studio-shell .premium-button,.studio-shell .glass-button,.studio-shell .account-button,.studio-shell .top-icon-button{width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 11px!important;justify-content:center!important;border-radius:14px!important;color:#4e4a73!important;border:1px solid rgba(255,255,255,.78)!important;background:#ffffffb3!important;box-shadow:0 10px 24px #645c901f,inset 0 1px #ffffffdb!important}.studio-shell .credit-pill{grid-column:1!important;justify-content:flex-start!important;gap:7px!important}.studio-shell .credit-pill span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}.studio-shell .credit-pill [data-icon=inline-end],.studio-shell .account-button{display:none!important}.studio-shell .premium-button,.studio-shell .top-icon-button{width:44px!important;min-width:44px!important;padding:0!important}.studio-shell .premium-button span,.studio-shell .premium-button svg{margin:0!important}.studio-shell .history-feed{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:calc(100dvh - 96px)!important;max-height:none!important;margin:0!important;padding:16px 12px 18px!important;overflow:visible!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.62)!important;background:linear-gradient(180deg,#ffffff94,#f6f4ff4d),#f6f4ff47!important;box-shadow:0 18px 48px #857eb024,inset 0 1px #ffffffc7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.studio-shell .history-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-height:0!important;margin:0 0 12px!important}.studio-shell .eyebrow{font-size:11px!important;letter-spacing:.08em!important;color:#8381a2!important}.studio-shell h1{font-size:clamp(24px,8vw,32px)!important;line-height:1.04!important;color:#201d35!important}.studio-shell .history-tools{position:static!important;display:grid!important;grid-template-columns:44px 44px minmax(0,1fr)!important;grid-template-rows:44px!important;gap:8px!important;width:100%!important}.studio-shell .history-tools .view-button,.studio-shell .history-tools select{height:44px!important;min-height:44px!important;border-radius:14px!important}.studio-shell .history-tools select{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important}.studio-shell .filter-tabs{display:flex!important;gap:8px!important;width:calc(100% + 24px)!important;margin:0 -12px 14px!important;padding:0 12px 4px!important;overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}.studio-shell .filter-tabs::-webkit-scrollbar{display:none!important}.studio-shell .filter-tabs button{flex:0 0 auto!important;width:auto!important;min-width:96px!important;height:42px!important;padding:0 14px!important;justify-content:center!important;border-radius:14px!important;scroll-snap-align:start!important}.studio-shell .history-scroll{display:grid!important;gap:12px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 0 10px!important;overflow:visible!important;scrollbar-width:none!important}.studio-shell .history-task,.studio-shell .concept-preview-list .concept-task{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;overflow:hidden!important;border-radius:18px!important;contain:layout paint style!important;content-visibility:auto!important;contain-intrinsic-size:430px 360px!important}.studio-shell .history-task:hover,.studio-shell .history-task.selected{transform:none!important}.studio-shell .task-head{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important;padding:14px 14px 8px!important}.studio-shell .task-title-area{gap:6px!important}.studio-shell .task-title-area svg{display:none!important}.studio-shell .task-copy-area h2,.studio-shell [data-slot=card-title],.studio-shell .task-copy-area [data-slot=card-title]{max-width:100%!important;font-size:14px!important;line-height:1.42!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.studio-shell .tag-row{display:flex!important;gap:6px!important;margin-top:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}.studio-shell .tag-row::-webkit-scrollbar{display:none!important}.studio-shell .tag-row [data-slot=badge]{flex:0 0 auto!important;min-height:24px!important;font-size:11px!important;white-space:nowrap!important}.studio-shell .task-more-actions{grid-column:1 / -1!important;display:flex!important;justify-content:flex-start!important;gap:7px!important;padding:0 0 0 34px!important;overflow-x:auto!important;scrollbar-width:none!important}.studio-shell .task-more-actions::-webkit-scrollbar{display:none!important}.studio-shell .task-action-button,.studio-shell .task-delete-button{flex:0 0 auto!important;height:36px!important;min-height:36px!important;border-radius:12px!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:0 14px 14px!important;transform:none!important}.studio-shell .task-reference-block{min-height:0!important;padding:0!important;gap:8px!important}.studio-shell .task-reference-block p{font-size:12px!important}.studio-shell .reference-chip-stack{display:flex!important;gap:7px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.studio-shell .reference-chip-stack::-webkit-scrollbar{display:none!important}.studio-shell .reference-sample,.studio-shell .reference-chip,.studio-shell .reference-empty,.studio-shell .reference-more{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:10px!important}.studio-shell .image-grid,.studio-shell .concept-grid,.studio-shell .image-grid.count-1,.studio-shell .image-grid.count-2,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-1,.studio-shell .concept-grid.count-2,.studio-shell .concept-grid.count-3,.studio-shell .concept-grid.count-4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}.studio-shell .image-grid.count-1,.studio-shell .concept-grid.count-1{grid-template-columns:1fr!important}.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error){width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;border-radius:12px!important;overflow:hidden!important}.studio-shell .image-grid.count-1 .image-card,.studio-shell .concept-grid.count-1 .concept-image{grid-column:auto!important;aspect-ratio:16 / 11!important}.studio-shell .image-card img,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important}.studio-shell .image-card figcaption,.studio-shell .concept-image figcaption{min-height:28px!important;padding:6px 8px!important;font-size:11px!important}.studio-shell .composer{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;z-index:40!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important}.studio-shell .composer-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto 50px!important;gap:9px!important;width:100%!important;min-width:0!important;max-height:min(42dvh,280px)!important;padding:10px!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:20px!important;background:linear-gradient(180deg,#faf8ffdb,#e8eafab8),#eceafbc7!important;border-color:#ffffffc2!important;box-shadow:0 18px 52px #544e7a33,inset 0 1px #ffffffdb!important;backdrop-filter:blur(16px) saturate(132%)!important;-webkit-backdrop-filter:blur(16px) saturate(132%)!important}.studio-shell .upload-tile,.studio-shell .reference-dock{grid-column:1!important;grid-row:1 / 3!important;align-self:stretch!important;width:48px!important;min-width:48px!important;min-height:100%!important;height:auto!important;border-radius:14px!important}.studio-shell .upload-tile:after,.studio-shell .upload-tile-compact:after{display:none!important;content:none!important}.studio-shell .reference-dock,.studio-shell .reference-dock-stack{overflow:visible!important}.studio-shell .reference-dock-card,.studio-shell .reference-dock-preview,.studio-shell .reference-dock-preview img{width:48px!important;height:58px!important;border-radius:14px!important}.studio-shell .reference-dock-add{left:28px!important;top:auto!important;bottom:-4px!important;width:30px!important;height:30px!important}.studio-shell .prompt-zone{display:grid!important;grid-column:2!important;grid-row:1 / 3!important;grid-template-rows:auto auto!important;gap:8px!important;min-width:0!important}.studio-shell .prompt-top{display:block!important;grid-column:auto!important;grid-row:auto!important;min-height:76px!important;padding:0!important;border:0!important;background:transparent!important}.studio-shell .prompt-top textarea,.studio-shell textarea{width:100%!important;min-height:76px!important;max-height:112px!important;padding:12px 13px!important;border-radius:14px!important;font-size:14px!important;line-height:1.5!important;color:#2f2d49!important;background:#ffffffb8!important;box-shadow:inset 0 1px #ffffffc7!important}.studio-shell .control-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,.72fr)!important;grid-column:auto!important;grid-row:auto!important;gap:7px!important;width:100%!important;min-width:0!important}.studio-shell .ratio-control,.studio-shell .ratio-button,.studio-shell .control-row select,.studio-shell .count-control,.studio-shell .soft-button{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;border-radius:13px!important;font-size:12px!important}.studio-shell .ratio-button,.studio-shell .count-control,.studio-shell .soft-button{justify-content:center!important}.studio-shell .ratio-button span:not(.ratio-icon),.studio-shell .count-control span,.studio-shell .soft-button span{max-width:78px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.studio-shell .count-control input{width:32px!important;min-width:32px!important;padding:0!important;text-align:center!important}.studio-shell .soft-button.hidden{display:none!important}.studio-shell .generate-button{grid-column:1 / -1!important;grid-row:3!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;border-radius:15px!important;font-size:15px!important}.studio-shell .advanced-toggle{display:none!important}.studio-shell .ratio-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(42dvh,280px) + 8px)!important;z-index:70!important;width:auto!important;max-height:42dvh!important;padding:12px!important;overflow-y:auto!important;border-radius:18px!important}.studio-shell .ratio-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.studio-shell .ratio-option{min-height:54px!important;border-radius:14px!important}.studio-shell .account-panel{position:fixed!important;inset:0!important;z-index:80!important}.studio-shell .account-popover{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;max-height:min(76dvh,560px)!important;overflow-y:auto!important;border-radius:22px!important}.studio-shell .panel-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-shell .panel-actions .soft-button{min-height:44px!important}.studio-shell .delete-confirm-popover{right:auto!important;left:0!important;width:min(232px,calc(100vw - 40px))!important}.studio-shell .preview-stage{inset:0!important;padding:72px 12px 96px!important}.studio-shell .image-preview:not(.hidden) .preview-stage img{max-width:94vw!important;max-height:calc(100dvh - 180px)!important}.studio-shell .preview-toolbar{left:50%!important;right:auto!important;bottom:max(20px,env(safe-area-inset-bottom,0px))!important;transform:translate(-50%)!important}.studio-shell .preview-close{top:max(14px,env(safe-area-inset-top,0px))!important;right:14px!important}.studio-shell .toast{left:12px!important;right:12px!important;top:auto!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(42dvh,280px) + 12px)!important;width:auto!important;max-width:none!important;transform:none!important;border-radius:15px!important}}@media(max-width:720px)and (orientation:portrait){.studio-shell .topbar{width:calc(100vw - 20px)!important;padding:8px 0!important}.studio-shell .topbar-actions{grid-template-columns:minmax(0,1fr) 52px 52px!important;grid-auto-rows:46px!important}.studio-shell .premium-button{width:52px!important;min-width:52px!important;font-size:0!important}.studio-shell .premium-button svg{width:22px!important;height:22px!important}.studio-shell .top-icon-button{display:none!important}.studio-shell .main{padding-top:10px!important;padding-bottom:calc(258px + env(safe-area-inset-bottom,0px))!important}.studio-shell .history-feed{margin-top:10px!important;padding-top:14px!important}.studio-shell h1{font-size:clamp(22px,7.1vw,28px)!important}.studio-shell .filter-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important}.studio-shell .filter-tabs button{min-width:0!important;width:100%!important;height:42px!important}.studio-shell .composer-card{grid-template-columns:42px minmax(0,1fr)!important;max-height:min(37dvh,252px)!important;padding:9px!important;border-radius:18px!important}.studio-shell .upload-tile,.studio-shell .reference-dock{width:42px!important;min-width:42px!important}.studio-shell .upload-tile span svg{width:20px!important;height:20px!important}.studio-shell .prompt-top{min-height:68px!important}.studio-shell .prompt-top textarea,.studio-shell textarea{min-height:68px!important;max-height:94px!important;padding:10px 12px!important}.studio-shell .control-row{grid-template-columns:minmax(0,1fr) minmax(0,.86fr)!important}.studio-shell .count-control{grid-column:1 / -1!important}.studio-shell .ratio-panel{bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(37dvh,252px) + 10px)!important;max-height:36dvh!important;background:linear-gradient(180deg,#fffffff7,#f8f5fff0),#fffffff2!important;box-shadow:0 18px 54px #3c356038,inset 0 1px #ffffffdb!important;backdrop-filter:blur(18px) saturate(136%)!important;-webkit-backdrop-filter:blur(18px) saturate(136%)!important}.studio-shell .ratio-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-shell .ratio-option{min-height:46px!important}.studio-shell .account-popover{bottom:max(18px,env(safe-area-inset-bottom,0px))!important;padding-bottom:18px!important}.studio-shell .toast{bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + min(37dvh,252px) + 12px)!important;pointer-events:none!important}}.studio-shell .mobile-ratio-panel{display:none!important}@media(max-width:720px)and (orientation:portrait){.studio-shell.studio-shell .main{padding-bottom:calc(244px + env(safe-area-inset-bottom,0px))!important}.studio-shell.studio-shell .composer{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;z-index:90!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;inset-inline:10px!important}.studio-shell.studio-shell .composer-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto 48px!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:min(36dvh,238px)!important;min-height:0!important;padding:9px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;border-radius:18px!important}.studio-shell.studio-shell .upload-tile,.studio-shell.studio-shell .reference-dock{grid-column:1!important;grid-row:1 / 3!important;align-self:stretch!important;width:44px!important;min-width:44px!important;max-width:44px!important;min-height:0!important;height:auto!important;border-radius:14px!important}.studio-shell.studio-shell .upload-tile:after,.studio-shell.studio-shell .upload-tile-compact:after{display:none!important;content:none!important}.studio-shell.studio-shell .prompt-zone{display:grid!important;grid-column:2!important;grid-row:1 / 3!important;grid-template-rows:auto auto!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important}.studio-shell.studio-shell .prompt-top{display:block!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;min-height:66px!important;padding:0!important;border:0!important;background:transparent!important}.studio-shell.studio-shell .prompt-top textarea,.studio-shell.studio-shell textarea{width:100%!important;min-width:0!important;max-width:100%!important;min-height:66px!important;max-height:92px!important;padding:10px 12px!important;border-radius:14px!important;font-size:14px!important;line-height:1.45!important}.studio-shell.studio-shell .control-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;grid-column:auto!important;grid-row:auto!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important}.studio-shell.studio-shell .ratio-control,.studio-shell.studio-shell .ratio-button,.studio-shell.studio-shell .control-row select,.studio-shell.studio-shell .count-control,.studio-shell.studio-shell .soft-button{width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;min-height:38px!important;border-radius:13px!important;font-size:12px!important}.studio-shell.studio-shell .count-control{grid-column:1 / -1!important}.studio-shell.studio-shell .count-control input{width:34px!important;min-width:34px!important;padding:0!important;text-align:center!important}.studio-shell.studio-shell .generate-button{grid-column:1 / -1!important;grid-row:3!important;align-self:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important;border-radius:15px!important;font-size:15px!important}.studio-shell.studio-shell .advanced-toggle,.studio-shell.studio-shell .desktop-ratio-panel{display:none!important}.studio-shell.studio-shell .mobile-ratio-panel{display:block!important;position:fixed!important;left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 184px)!important;z-index:125!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:220px!important;padding:12px!important;overflow-y:auto!important;pointer-events:auto!important;transform:none!important}.studio-shell.studio-shell .mobile-ratio-panel.hidden{display:none!important}.studio-shell.studio-shell .mobile-ratio-panel .ratio-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.studio-shell.studio-shell .mobile-ratio-panel .ratio-option{min-height:46px!important;border-radius:14px!important}.studio-shell.studio-shell .account-panel{position:fixed!important;inset:0!important;z-index:130!important}.studio-shell.studio-shell .account-popover{position:fixed!important;left:10px!important;right:10px!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:min(76dvh,560px)!important;overflow-y:auto!important;border-radius:22px!important}.studio-shell.studio-shell .toast{inset-inline:12px!important;left:12px!important;right:12px!important;top:max(88px,env(safe-area-inset-top,0px))!important;bottom:auto!important;width:calc(100vw - 24px)!important;max-width:none!important;margin:0!important;transform:none!important;translate:none!important;--tw-translate-x: 0 !important;--tw-translate-y: 0 !important;pointer-events:none!important}.studio-shell.studio-shell .reference-dock{position:relative!important;display:block!important;min-height:111px!important;overflow:hidden!important;border:1px dashed rgba(149,141,178,.3)!important;background:#ffffffa8!important;box-shadow:inset 0 0 0 1px #ffffff9e!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.studio-shell.studio-shell .reference-dock:before,.studio-shell.studio-shell .reference-dock-hover-plate,.studio-shell.studio-shell .reference-dock-add-expanded{display:none!important;content:none!important}.studio-shell.studio-shell .reference-dock-stack{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:100%!important;height:100%!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;transition:none!important;background:transparent!important;border:0!important;box-shadow:none!important}.studio-shell.studio-shell .reference-dock-stack:before{display:none!important;content:none!important}.studio-shell.studio-shell .reference-dock.is-expanded,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-stack{width:44px!important;min-width:44px!important;max-width:44px!important}.studio-shell.studio-shell .reference-dock-card{position:absolute!important;top:calc(7px + min(var(--reference-index, 0),2)*17px)!important;left:5px!important;width:34px!important;height:44px!important;margin:0!important;padding:0!important;border-radius:11px!important;overflow:hidden!important;transform:none!important;pointer-events:auto!important;z-index:calc(8 - min(var(--reference-index, 0),3))!important}.studio-shell.studio-shell .reference-dock:hover .reference-dock-card,.studio-shell.studio-shell .reference-dock:focus-within .reference-dock-card,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card{left:5px!important;transform:none!important}.studio-shell.studio-shell .reference-dock-card:nth-of-type(n+4){display:none!important}.studio-shell.studio-shell .reference-dock-preview,.studio-shell.studio-shell .reference-dock-preview img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover!important;border-radius:inherit!important}.studio-shell.studio-shell .reference-dock-remove{display:none!important}.studio-shell.studio-shell .reference-dock>.reference-dock-add{position:absolute!important;inset:auto auto 7px 7px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;border:1px solid rgba(232,228,246,.92)!important;background:#fffffff0!important;box-shadow:0 8px 18px #27235224!important;font-size:0!important;line-height:0!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:20!important}.studio-shell.studio-shell .reference-dock:hover>.reference-dock-add,.studio-shell.studio-shell .reference-dock:focus-within>.reference-dock-add,.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add{left:7px!important;transform:none!important;opacity:1!important;pointer-events:auto!important}.studio-shell.studio-shell .reference-dock-add svg{width:16px!important;height:16px!important;flex:0 0 auto!important}.studio-shell.studio-shell .reference-dock input,.studio-shell.studio-shell .reference-dock-add input,.studio-shell.studio-shell .upload-tile input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important}.studio-shell.studio-shell .control-row:has(.soft-button:not(.hidden)){grid-template-columns:minmax(0,1fr) 72px!important}.studio-shell.studio-shell .control-row:has(.soft-button:not(.hidden)) .count-control{grid-column:1!important}.studio-shell.studio-shell .control-row:has(.soft-button:not(.hidden)) .soft-button{grid-column:2!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:13px!important;font-size:0!important;line-height:0!important}.studio-shell.studio-shell .control-row:has(.soft-button:not(.hidden)) .soft-button span{display:none!important}.studio-shell.studio-shell .control-row:has(.soft-button:not(.hidden)) .soft-button svg{width:16px!important;height:16px!important;margin:0!important}}@media(max-width:720px)and (orientation:portrait){.toast{inset-inline:12px!important;left:12px!important;right:12px!important;top:max(88px,env(safe-area-inset-top,0px))!important;bottom:auto!important;width:calc(100vw - 24px)!important;max-width:none!important;margin:0!important;transform:none!important;translate:none!important;--tw-translate-x: 0 !important;--tw-translate-y: 0 !important;pointer-events:none!important}}.studio-shell .reference-dock-toggle{display:none}@media(max-width:720px)and (orientation:portrait){.studio-shell.studio-shell .reference-dock{min-height:156px!important}.studio-shell.studio-shell .reference-dock:not(.is-expanded) .reference-dock-card{top:calc(10px + min(var(--reference-index, 0),4)*18px)!important}.studio-shell.studio-shell .reference-dock-card:nth-of-type(n+4){display:block!important}.studio-shell.studio-shell .reference-dock-card:nth-of-type(n+6){display:none!important}.studio-shell.studio-shell .reference-dock-toggle{position:absolute!important;top:5px!important;right:5px!important;z-index:24!important;display:grid!important;place-items:center!important;width:21px!important;height:21px!important;min-width:21px!important;padding:0!important;border:1px solid rgba(232,228,246,.86)!important;border-radius:999px!important;background:#ffffffeb!important;color:#51476e!important;box-shadow:0 6px 14px #27235224!important;cursor:pointer!important}.studio-shell.studio-shell .reference-dock-toggle span{font-size:10px!important;font-weight:800!important;line-height:1!important}.studio-shell.studio-shell .reference-dock-toggle svg{display:none!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded){grid-template-columns:minmax(0,1fr)!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded) .prompt-zone{grid-column:1!important}.studio-shell.studio-shell .reference-dock.is-expanded{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 244px)!important;z-index:124!important;display:block!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;height:116px!important;min-height:116px!important;padding:12px 50px 12px 12px!important;overflow:hidden!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.74)!important;background:linear-gradient(180deg,#ffffffeb,#f6f4ffc2),#f7f5ffdb!important;box-shadow:0 18px 42px #312b5b2e,inset 0 1px #ffffffe6!important;backdrop-filter:blur(18px) saturate(138%)!important;-webkit-backdrop-filter:blur(18px) saturate(138%)!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-toggle{top:12px!important;right:12px!important;width:34px!important;min-width:34px!important;height:34px!important;border-radius:12px!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-toggle span{display:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-toggle svg{display:block!important;width:16px!important;height:16px!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-stack{display:flex!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;padding:0 0 4px!important;overflow-x:auto!important;overflow-y:hidden!important;pointer-events:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-stack::-webkit-scrollbar{display:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card:nth-of-type(n+6){position:relative!important;top:auto!important;left:auto!important;display:block!important;flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:88px!important;margin:0!important;border-radius:14px!important;transform:none!important;scroll-snap-align:start!important;z-index:auto!important;pointer-events:auto!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-preview{border-radius:14px!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-remove{position:absolute!important;top:5px!important;right:5px!important;z-index:4!important;display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;background:#1f1d30b8!important;color:#fff!important;box-shadow:0 8px 16px #1612273d!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-remove svg{width:13px!important;height:13px!important}.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add{display:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-add-expanded{position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:88px!important;min-height:88px!important;border-radius:14px!important;border:1px dashed rgba(116,101,160,.34)!important;background:#ffffff94!important;box-shadow:none!important;opacity:1!important;pointer-events:auto!important;transform:none!important}.studio-shell.studio-shell .mobile-reference-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 244px)!important;z-index:160!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;padding:12px!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.74)!important;background:linear-gradient(180deg,#fffffff0,#f6f4ffcc),#f7f5ffe0!important;box-shadow:0 18px 42px #312b5b33,inset 0 1px #ffffffe6!important;backdrop-filter:blur(18px) saturate(138%)!important;-webkit-backdrop-filter:blur(18px) saturate(138%)!important;pointer-events:auto!important}.studio-shell.studio-shell .mobile-reference-panel.hidden{display:none!important}.studio-shell.studio-shell .mobile-reference-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.studio-shell.studio-shell .mobile-reference-panel-head span{color:#28213f!important;font-size:13px!important;font-weight:800!important}.studio-shell.studio-shell .mobile-reference-panel-head button{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border:1px solid rgba(232,228,246,.86)!important;border-radius:12px!important;background:#ffffffe6!important;color:#51476e!important;box-shadow:0 8px 18px #2723521f!important}.studio-shell.studio-shell .mobile-reference-panel-head svg{width:16px!important;height:16px!important}.studio-shell.studio-shell .mobile-reference-strip{display:flex!important;gap:10px!important;width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px 4px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}.studio-shell.studio-shell .mobile-reference-strip::-webkit-scrollbar{display:none!important}.studio-shell.studio-shell .mobile-reference-card,.studio-shell.studio-shell .mobile-reference-add{position:relative!important;flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:88px!important;margin:0!important;padding:0!important;border-radius:14px!important;overflow:hidden!important;scroll-snap-align:start!important}.studio-shell.studio-shell .mobile-reference-preview,.studio-shell.studio-shell .mobile-reference-preview img{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:inherit!important;object-fit:cover!important}.studio-shell.studio-shell .mobile-reference-remove{position:absolute!important;top:5px!important;right:5px!important;z-index:4!important;display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:999px!important;background:#1f1d30b8!important;color:#fff!important;box-shadow:0 8px 16px #1612273d!important}.studio-shell.studio-shell .mobile-reference-remove svg{width:13px!important;height:13px!important}.studio-shell.studio-shell .mobile-reference-add{display:grid!important;place-items:center!important;border:1px dashed rgba(116,101,160,.34)!important;background:#ffffff94!important;color:#7d6be8!important}.studio-shell.studio-shell .mobile-reference-add svg{width:20px!important;height:20px!important}.studio-shell.studio-shell .mobile-reference-add input{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important}.studio-shell.studio-shell .reference-dock.is-expanded{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;display:block!important;grid-column:1!important;grid-row:1 / 3!important;align-self:stretch!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:auto!important;min-height:156px!important;padding:0!important;overflow:hidden!important;border-radius:14px!important;border:1px dashed rgba(149,141,178,.3)!important;background:#ffffffa8!important;box-shadow:inset 0 0 0 1px #ffffff9e!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-stack{position:relative!important;display:block!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:100%!important;min-height:100%!important;padding:0!important;overflow:hidden!important;pointer-events:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card:nth-of-type(n+6){position:absolute!important;top:calc(10px + min(var(--reference-index, 0),4)*18px)!important;left:5px!important;display:block!important;width:34px!important;min-width:34px!important;height:44px!important;border-radius:11px!important;transform:none!important;z-index:calc(8 - min(var(--reference-index, 0),5))!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-card:nth-of-type(n+6){display:none!important}.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-remove,.studio-shell.studio-shell .reference-dock.is-expanded .reference-dock-add-expanded{display:none!important}.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add{display:grid!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded){grid-template-columns:44px minmax(0,1fr)!important}.studio-shell.studio-shell .composer-card:has(.reference-dock.is-expanded) .prompt-zone{grid-column:2!important}}}.studio-shell .image-grid,.studio-shell .concept-grid{padding-bottom:10px!important;scrollbar-color:rgba(111,96,178,.78) rgba(229,225,246,.58)!important;scrollbar-width:auto!important}.studio-shell .image-grid::-webkit-scrollbar,.studio-shell .concept-grid::-webkit-scrollbar{height:18px!important}.studio-shell .image-grid::-webkit-scrollbar-track,.studio-shell .concept-grid::-webkit-scrollbar-track{background:#e5e1f694!important;border-radius:999px!important}.studio-shell .image-grid::-webkit-scrollbar-thumb,.studio-shell .concept-grid::-webkit-scrollbar-thumb{min-width:64px!important;background:#6f60b2c7!important;border:4px solid transparent!important;border-radius:999px!important;background-clip:content-box!important}.studio-shell .image-grid::-webkit-scrollbar-thumb:hover,.studio-shell .concept-grid::-webkit-scrollbar-thumb:hover{background:#604ea4f0!important;background-clip:content-box!important}.studio-shell .history-scroll>.history-task .image-grid{width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important}.studio-shell .history-scroll>.history-task .image-grid .image-card{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important}.studio-shell .history-scroll>.history-task .image-grid .image-preview-trigger,.studio-shell .history-scroll>.history-task .image-grid .image-skeleton,.studio-shell .history-scroll>.history-task .image-grid .image-error{width:auto!important;max-width:100%!important}.studio-shell .history-scroll>.history-task:has(.image-grid-scrollbar){height:auto!important;min-height:0!important;padding-bottom:22px!important}.studio-shell .history-scroll>.history-task .image-grid-scroll-wrap{min-width:0!important;width:100%!important;max-width:100%!important;display:grid!important;grid-template-rows:auto 8px!important;gap:14px!important;align-self:stretch!important;overflow:visible!important;padding-bottom:6px!important}.studio-shell .history-scroll>.history-task .image-grid-scroll-wrap .image-grid{width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;align-items:flex-start!important;gap:clamp(10px,1.2vw,18px)!important;padding-bottom:0!important;scrollbar-width:none!important}.studio-shell .history-scroll>.history-task .image-grid-scroll-wrap .image-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar{display:block!important;position:relative!important;z-index:3!important;width:100%!important;height:8px!important;min-height:8px!important;margin:0!important;padding:0!important;cursor:grab!important;background:#dfdaf2e6!important;border:0!important;border-radius:999px!important;box-shadow:none!important;touch-action:none!important;pointer-events:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar:active{cursor:grabbing!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar:focus-visible{outline:3px solid rgba(107,79,246,.24)!important;outline-offset:2px!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar:before{content:none!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar-thumb{position:absolute!important;top:0!important;bottom:0!important;min-width:72px!important;border-radius:999px!important;border:0!important;background:#8b6cff!important;box-shadow:none!important;pointer-events:none!important}.studio-shell .history-scroll>.history-task .image-grid .generated-image-card.is-ratio-fit{display:block!important;width:fit-content!important;max-width:min(34vw,520px)!important;height:auto!important;min-height:0!important;overflow:visible!important}.studio-shell .history-scroll>.history-task .image-grid .generated-image-card.is-ratio-fit .image-preview-trigger,.studio-shell .history-scroll>.history-task .image-grid .generated-image-card.is-ratio-fit img{display:block!important;width:auto!important;max-width:min(34vw,520px)!important;height:auto!important;max-height:238px!important;min-height:0!important;object-fit:contain!important}@media(max-width:720px)and (orientation:portrait){html,body,#root,.studio-shell{width:100%!important;min-width:0!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.studio-shell{display:block!important;padding:0!important}.studio-shell .sidebar{display:none!important}.studio-shell .topbar{position:fixed!important;top:10px!important;right:10px!important;z-index:95!important;display:block!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}.studio-shell .topbar-actions{display:block!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;pointer-events:none!important}.studio-shell .topbar-actions>:not(.account-button){display:none!important}.studio-shell .account-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:58px!important;max-width:96px!important;height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:999px!important;pointer-events:auto!important;color:#3d375d!important;border:1px solid rgba(255,255,255,.78)!important;background:#ffffffd1!important;box-shadow:0 10px 24px #342b6924,inset 0 1px #ffffffe6!important}.studio-shell .account-button .status-dot{display:block!important;width:9px!important;height:9px!important;min-width:9px!important;margin:0!important}.studio-shell .account-button span:last-child{display:block!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:760!important}.studio-shell .main{position:relative!important;width:100%!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:8px 10px calc(248px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}.studio-shell .history-feed{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important;height:calc(100dvh - 256px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;max-height:none!important;margin:0!important;padding:8px 10px 10px!important;overflow:hidden!important;border-radius:18px!important}.studio-shell .history-toolbar{display:grid!important;grid-template-columns:minmax(0,88px) minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important}.studio-shell .history-toolbar .eyebrow{display:none!important}.studio-shell .history-toolbar>div:first-child{min-width:0!important}.studio-shell .history-toolbar h1{font-size:13px!important;line-height:1.05!important;margin:0!important;max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.studio-shell .history-tools{display:grid!important;grid-template-columns:34px 34px minmax(0,1fr)!important;grid-template-rows:34px!important;gap:6px!important;width:100%!important}.studio-shell .history-tools .view-button,.studio-shell .history-tools select{height:34px!important;min-height:34px!important;border-radius:11px!important}.studio-shell .history-tools select{grid-column:3!important;width:100%!important;min-width:0!important}.studio-shell .filter-tabs{display:flex!important;gap:8px!important;width:calc(100% + 20px)!important;height:34px!important;min-height:34px!important;margin:0 -10px!important;padding:0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}.studio-shell .filter-tabs::-webkit-scrollbar{display:none!important}.studio-shell .filter-tabs button{flex:0 0 auto!important;width:auto!important;min-width:78px!important;height:32px!important;min-height:32px!important;padding:0 12px!important;border-radius:12px!important}.studio-shell .history-scroll{display:grid!important;grid-auto-rows:max-content!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 2px 18px 0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important}.studio-shell .history-task,.studio-shell .history-scroll>.history-task:has(.image-grid-scrollbar),.studio-shell .concept-preview-list .concept-task{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;border-radius:15px!important;contain:none!important;content-visibility:visible!important}.studio-shell .task-head{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:8px!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px 10px 6px!important}.studio-shell .task-title-area svg{display:none!important}.studio-shell .task-copy-area h2,.studio-shell [data-slot=card-title],.studio-shell .task-copy-area [data-slot=card-title]{max-width:100%!important;font-size:13px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.studio-shell .tag-row{display:flex!important;gap:5px!important;margin-top:6px!important;overflow-x:auto!important;scrollbar-width:none!important}.studio-shell .tag-row::-webkit-scrollbar{display:none!important}.studio-shell .tag-row [data-slot=badge]{flex:0 0 auto!important;min-height:22px!important;font-size:10px!important;white-space:nowrap!important}.studio-shell .task-more-actions{grid-column:1 / -1!important;display:flex!important;gap:6px!important;padding:0 0 0 30px!important;overflow-x:auto!important;scrollbar-width:none!important}.studio-shell .task-more-actions::-webkit-scrollbar{display:none!important}.studio-shell .task-action-button,.studio-shell .task-delete-button{flex:0 0 auto!important;width:34px!important;min-width:34px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:11px!important}.studio-shell .task-action-button span{display:none!important}.studio-shell .task-content,.studio-shell .concept-task .task-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0 10px 10px!important;overflow:visible!important}.studio-shell .task-reference-block{order:2!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:0!important;padding:0!important}.studio-shell .task-reference-block p{font-size:11px!important}.studio-shell .reference-chip-stack{display:flex!important;gap:6px!important;width:100%!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}.studio-shell .reference-chip-stack::-webkit-scrollbar{display:none!important}.studio-shell .reference-sample,.studio-shell .reference-chip,.studio-shell .reference-empty,.studio-shell .reference-more{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:10px!important}.studio-shell .history-scroll>.history-task .image-grid-scroll-wrap{order:1!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important}.studio-shell .history-scroll>.history-task .image-grid,.studio-shell .image-grid,.studio-shell .concept-grid,.studio-shell .image-grid.count-1,.studio-shell .image-grid.count-2,.studio-shell .image-grid.count-3,.studio-shell .image-grid.count-4,.studio-shell .concept-grid.count-1,.studio-shell .concept-grid.count-2,.studio-shell .concept-grid.count-3,.studio-shell .concept-grid.count-4{order:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}.studio-shell .history-scroll>.history-task .image-grid.count-1,.studio-shell .image-grid.count-1,.studio-shell .concept-grid.count-1{grid-template-columns:1fr!important}.studio-shell .history-scroll>.history-task .image-grid .image-card,.studio-shell .image-card,.studio-shell .concept-image,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error){flex:initial!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1 / 1!important;border-radius:12px!important;overflow:hidden!important}.studio-shell .history-scroll>.history-task .image-grid.count-1 .image-card,.studio-shell .image-grid.count-1 .image-card,.studio-shell .concept-grid.count-1 .concept-image{aspect-ratio:16 / 11!important}.studio-shell .history-scroll>.history-task .image-grid .image-preview-trigger,.studio-shell .history-scroll>.history-task .image-grid .image-skeleton,.studio-shell .history-scroll>.history-task .image-grid .image-error,.studio-shell .image-card img,.studio-shell .generated-image-card:not(.is-loading):not(.is-streaming):not(.is-error) img,.studio-shell .concept-image img,.studio-shell .image-preview-trigger,.studio-shell .image-skeleton,.studio-shell .image-error{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}.studio-shell .image-card figcaption,.studio-shell .concept-image figcaption{min-height:26px!important;padding:5px 7px!important;font-size:10px!important}.studio-shell .history-scroll>.history-task .image-grid-scrollbar{display:none!important}.studio-shell .upload-tile,.studio-shell.studio-shell .reference-dock>.reference-dock-add,.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add{color:#6f4df4!important;border-color:#7e5bff80!important;background:linear-gradient(180deg,#ffffffbd,#efe9ffd1),#f7f4ffc7!important}.studio-shell .upload-tile span,.studio-shell .upload-tile svg,.studio-shell.studio-shell .reference-dock>.reference-dock-add svg,.studio-shell.studio-shell .reference-dock.is-expanded>.reference-dock-add svg{color:#6f4df4!important;stroke:#6f4df4!important;opacity:1!important}.studio-shell .count-control{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;height:48px!important;min-height:48px!important;padding:5px!important;border-radius:15px!important;background:#ffffff9e!important;border:1px solid rgba(255,255,255,.74)!important;box-shadow:inset 0 1px #ffffffd1!important}.studio-shell .count-control>span:not([aria-hidden=true]){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.studio-shell .count-step{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:12px!important;color:#101010!important;background:#ffffffc2!important;border:1px solid rgba(129,104,230,.25)!important;box-shadow:0 8px 18px #4d3f921a,inset 0 1px #ffffffe6!important}.studio-shell .count-step span{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;color:currentColor!important;font-size:24px!important;font-weight:760!important;line-height:1!important;overflow:visible!important;text-align:center!important;text-overflow:clip!important}.studio-shell .count-step svg{width:20px!important;height:20px!important;stroke-width:2.7!important}.studio-shell .count-control input{grid-column:2!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0!important;border:0!important;border-radius:12px!important;color:#2f3e3b!important;background:#ffffff61!important;box-shadow:none!important;text-align:center!important;font-size:18px!important;font-weight:800!important}}.studio-shell .history-scroll>.history-task:has(.generated-image-card.is-ratio-fit),.studio-shell .history-scroll>.history-task:has(.image-card.is-loading),.studio-shell .history-scroll>.history-task:has(.image-card.is-streaming){height:auto!important;min-height:356px!important;overflow:visible!important;contain:none!important;content-visibility:visible!important;contain-intrinsic-size:auto!important}.studio-shell .history-scroll>.history-task:has(.generated-image-card.is-ratio-fit) .task-content,.studio-shell .history-scroll>.history-task:has(.image-card.is-loading) .task-content,.studio-shell .history-scroll>.history-task:has(.image-card.is-streaming) .task-content{align-items:start!important;padding-bottom:46px!important}.studio-shell .history-scroll>.history-task:has(.generated-image-card.is-ratio-fit) .image-grid-scroll-wrap,.studio-shell .history-scroll>.history-task:has(.image-card.is-loading) .image-grid-scroll-wrap,.studio-shell .history-scroll>.history-task:has(.image-card.is-streaming) .image-grid-scroll-wrap{align-self:start!important;padding-bottom:14px!important}.studio-shell .history-scroll>.history-task .image-grid .image-card.is-loading,.studio-shell .history-scroll>.history-task .image-grid .image-card.is-streaming:not(.generated-image-card){flex:0 0 min(320px,26vw)!important;width:min(320px,26vw)!important;max-width:min(320px,26vw)!important;min-width:220px!important;height:238px!important;min-height:238px!important;overflow:hidden!important}.studio-shell .history-scroll>.history-task .image-grid .image-card.is-loading .image-skeleton,.studio-shell .history-scroll>.history-task .image-grid .image-card.is-streaming:not(.generated-image-card) .image-skeleton{display:grid!important;place-items:center!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;position:relative!important;overflow:hidden!important}.studio-shell .count-step{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:38px!important;min-height:38px!important;padding:0!important;color:#101010!important}.studio-shell .count-step span{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;color:currentColor!important;font-size:24px!important;font-weight:760!important;line-height:1!important;overflow:visible!important;text-align:center!important;text-overflow:clip!important;white-space:nowrap!important}.studio-shell .count-control input{appearance:textfield!important;-moz-appearance:textfield!important}.studio-shell .count-control input::-webkit-inner-spin-button,.studio-shell .count-control input::-webkit-outer-spin-button{margin:0!important;-webkit-appearance:none!important}@media(min-width:981px){.studio-shell .generate-button{grid-row:1 / 3!important;align-self:stretch!important;height:auto!important}}.studio-shell .mode-hidden{display:none!important}.wuli-canvas .canvas-stage.is-grid-hidden{background-image:none}.wuli-canvas .canvas-connectors{pointer-events:none;overflow:visible}.wuli-canvas .canvas-connectors.is-hidden{opacity:0;visibility:hidden}.wuli-canvas .canvas-connectors .canvas-connector-hit{pointer-events:stroke;stroke:transparent;stroke-width:18px;cursor:pointer}.wuli-canvas .canvas-connectors .canvas-connector-hit:hover+circle,.wuli-canvas .canvas-connectors g.is-active circle{fill:#7c5cff}.wuli-canvas .canvas-connectors .canvas-connector-draft{stroke:#7c5cff;stroke-width:2.5px;stroke-dasharray:7 6;fill:none;pointer-events:none}.wuli-canvas .canvas-connection-handle{position:absolute;top:50%;width:13px;height:13px;padding:0;border-radius:50%;border:2px solid #fff;background:#8c72ff;box-shadow:0 0 0 1px #664cd559,0 3px 10px #4f36be3d;opacity:0;transform:translate(-50%,-50%) scale(var(--canvas-node-ui-scale, 1));z-index:14;transition:opacity .12s ease,background .12s ease}.wuli-canvas .canvas-connection-handle.is-input{left:0;background:#fff;border-color:#8c72ff}.wuli-canvas .canvas-connection-handle.is-output{left:100%;cursor:crosshair}.wuli-canvas .canvas-node:hover .canvas-connection-handle,.wuli-canvas .canvas-node.is-selected .canvas-connection-handle,.wuli-canvas .is-connect .canvas-connection-handle{opacity:1}.wuli-canvas .canvas-resize-handle{position:absolute;width:10px;height:10px;min-width:0;min-height:0;padding:0;border:2px solid #fff;border-radius:3px;background:#7c5cff;box-shadow:0 0 0 1px #7c5cff;z-index:16;transform:translate(-50%,-50%) scale(var(--canvas-node-ui-scale, 1))}.wuli-canvas .canvas-plane{transform-origin:0 0}.wuli-canvas .canvas-stage:not(.is-pan):not(.is-wheel):not(.is-move):not(.is-resize):not(.is-connect) .canvas-plane{transition:transform .14s cubic-bezier(.16,1,.3,1)}.canvas-pointer-context-menu{position:absolute;z-index:230;width:204px;overflow:hidden;padding:5px;border:1px solid rgba(28,28,32,.08);border-radius:12px;background:#fffffffa;box-shadow:0 12px 36px #1e1b2629;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-pointer-context-menu button{display:grid;width:100%;min-height:34px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px;border:0;border-radius:8px;color:#444047;background:transparent;font:inherit;font-size:12px;text-align:left;cursor:pointer}.canvas-pointer-context-menu button:hover{color:#6545bd;background:#f3effd}.canvas-pointer-context-menu button.is-danger{color:#b73545}.canvas-pointer-context-menu button.is-danger:hover{background:#fff0f2}.canvas-pointer-context-menu svg{width:15px;height:15px}.canvas-pointer-context-menu kbd{color:#a19ca7;font-family:inherit;font-size:10px}.wuli-canvas .canvas-connection-handle{width:9px;height:9px;border:1.5px solid #a783f3;border-radius:2px;background:#fff;box-shadow:0 1px 4px #5334a62e;transform:translate(-50%,-50%) rotate(45deg) scale(var(--canvas-node-ui-scale, 1));transition:opacity .14s cubic-bezier(.16,1,.3,1),background-color .14s ease,transform .14s cubic-bezier(.16,1,.3,1)}.wuli-canvas .canvas-connection-handle:hover,.wuli-canvas .canvas-connection-handle.is-output:hover{background:#a783f3;transform:translate(-50%,-50%) rotate(45deg) scale(calc(var(--canvas-node-ui-scale, 1) * 1.18))}.canvas-context-toolbar button{height:32px;min-width:32px;gap:4px;padding:6px 8px;color:#000000e0;border:1px solid transparent;border-radius:16px;font-size:12px;line-height:18px;transition:color .16s ease,background-color .16s ease,transform .12s ease}.canvas-context-toolbar button:hover:not(:disabled){color:#000000e0;background:#f5f5f5}.canvas-context-toolbar button:active:not(:disabled){transform:scale(.96)}.canvas-context-toolbar svg{width:14px;height:14px;stroke-width:1.8}.canvas-context-toolbar i{height:22px;margin:0 3px;background:#ecebef}.canvas-context-toolbar .canvas-node-more-menu button.is-danger{color:#d84b4b}.wuli-zoom-controls>button{width:24px;height:24px;padding:0;border-radius:12px;transition:color .16s ease,background-color .16s ease,transform .12s ease}.wuli-zoom-controls>button:active{transform:scale(.9)}.wuli-context-composer>textarea{height:100%!important;min-height:0!important;padding:12px!important;border-radius:8px!important;background:#f7f7f7!important;font-size:14px!important;line-height:1.55!important;transition:background-color .14s ease,box-shadow .14s ease!important}.wuli-context-composer>textarea:focus{background:#f5f5f5!important;box-shadow:inset 0 0 0 1px #ebe9ef!important}.wuli-reference-strip>button:first-child,.wuli-reference-card{width:46px;height:54px;border-radius:8px;transition:border-color .14s ease,background-color .14s ease,transform .12s ease}.wuli-reference-strip>button:hover{border-color:#d9d5e4;background:#fafafa}.wuli-reference-strip>button:active{transform:scale(.96)}.wuli-context-controls button,.wuli-context-controls select,.wuli-context-controls input{height:32px!important;min-height:32px!important;border-color:#f3f3f5!important;border-radius:16px!important;font-size:11px!important;transition:background-color .14s ease,transform .12s ease!important}.wuli-context-controls button:active{transform:scale(.97)}.wuli-generation-settings label+label:before{position:absolute;top:9px;left:0;width:1px;height:14px;background:#eeeeef;content:"";pointer-events:none}.canvas-minimap{right:22px;bottom:58px;width:196px;height:124px;border-color:#e8e7ea;border-radius:12px;background:#fffffff5;box-shadow:0 4px 16px #00000014;transform-origin:bottom right;animation:canvas-menu-pop .16s cubic-bezier(.16,1,.3,1)}@keyframes canvas-connection-snap{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.08)}}.canvas-selection-box{border-color:#8f65e8;background:#8f65e814;animation:canvas-selection-fade .1s ease-out}@keyframes canvas-toolbar-pop{0%{opacity:0;transform:translate(-50%) translateY(5px) scale(.985)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes canvas-panel-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.99)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes canvas-menu-pop{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes canvas-selection-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.wuli-canvas *,.wuli-canvas *:before,.wuli-canvas *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wuli-canvas .canvas-node-dimensions{position:absolute;left:50%;bottom:-30px;transform:translate(-50%) scale(var(--canvas-node-ui-scale, 1));transform-origin:top center;border-radius:6px;background:#221d32e0;color:#fff;padding:4px 8px;font-size:11px;line-height:1;white-space:nowrap;pointer-events:none}.canvas-selection-box{position:absolute;z-index:80;border:1px solid #7c5cff;background:#7c5cff17;box-shadow:inset 0 0 0 1px #ffffff73;pointer-events:none}.canvas-edge-toolbar{position:absolute;z-index:120;display:flex;align-items:center;gap:5px;transform:translate(-50%,-50%);padding:5px 6px 5px 10px;border:1px solid rgba(126,99,232,.22);border-radius:12px;background:#fffffff5;box-shadow:0 10px 28px #39277029}.canvas-edge-toolbar span{display:flex;align-items:center;gap:5px;color:#655c7e;font-size:12px}.canvas-edge-toolbar svg{width:15px;height:15px}.canvas-edge-toolbar button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#756a91}.canvas-edge-toolbar button:hover{background:#f2edff;color:#6d4df5}.canvas-minimap{position:absolute;right:22px;bottom:82px;width:196px;height:124px;overflow:hidden;border:1px solid rgba(83,67,127,.18);border-radius:14px;background:#ffffffe6;box-shadow:0 12px 36px #35256324;cursor:crosshair}.canvas-minimap i,.canvas-minimap b{position:absolute;display:block;border-radius:2px;pointer-events:none}.canvas-minimap i{background:#c9baff;border:1px solid #a890f4}.canvas-minimap i.is-text{background:#bce8c9;border-color:#78c991}.canvas-minimap i.is-selected{background:#7959f5;border-color:#6541e9}.canvas-minimap b{border:1.5px solid #6c4df2;background:#7c5cff14}.canvas-zoom-controls button.active{background:#eee8ff;color:#6f4cf4}.canvas-mention-menu{position:absolute;left:18px;bottom:calc(100% - 16px);z-index:160;width:min(360px,calc(100% - 36px));max-height:280px;overflow:auto;padding:8px;border:1px solid rgba(86,68,137,.16);border-radius:15px;background:#fffffffa;box-shadow:0 18px 50px #2f1f5b2e}.canvas-mention-menu>strong{display:block;padding:7px 9px 8px;color:#837a99;font-size:11px;font-weight:600}.canvas-mention-menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:10px;background:transparent;text-align:left}.canvas-mention-menu>button:hover{background:#f3efff}.canvas-mention-menu>button>span{width:42px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#f0ecfb;color:#7658e8}.canvas-mention-menu img{width:100%;height:100%;object-fit:cover}.canvas-mention-menu svg{width:17px;height:17px}.canvas-mention-menu i{min-width:0;display:flex;flex-direction:column;gap:2px;font-style:normal}.canvas-mention-menu b,.canvas-mention-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-mention-menu b{color:#342c48;font-size:13px}.canvas-mention-menu small{color:#948ca7;font-size:11px}.canvas-help-backdrop,.canvas-annotation-backdrop{position:absolute;inset:0;z-index:300;display:grid;place-items:center;padding:28px;background:#231d345c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-help-dialog{width:min(580px,calc(100vw - 40px));padding:18px;border:1px solid rgba(92,72,145,.16);border-radius:22px;background:#fff;box-shadow:0 24px 80px #1d143d3d}.canvas-help-dialog header,.canvas-help-dialog header>div{display:flex;align-items:center;gap:9px}.canvas-help-dialog header{justify-content:space-between;margin-bottom:16px}.canvas-help-dialog header svg{width:19px;height:19px;color:#7958f5}.canvas-help-dialog header button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#f6f3fb}.canvas-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-help-grid>div{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border-radius:12px;background:#faf9fc;color:#554c68;font-size:13px}.canvas-help-grid kbd{min-width:66px;padding:5px 7px;border:1px solid #ded8e9;border-bottom-width:2px;border-radius:7px;background:#fff;color:#5f46bf;font:600 11px/1 system-ui;text-align:center}.canvas-help-dialog>p{margin:14px 2px 0;color:#867e97;font-size:12px}.canvas-annotation-dialog{width:min(1120px,calc(100vw - 56px));height:min(820px,calc(100vh - 56px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(92,72,145,.18);border-radius:22px;background:#f7f6fa;box-shadow:0 28px 90px #1c123c47}.canvas-annotation-dialog>header,.canvas-annotation-dialog>footer,.canvas-annotation-tools{display:flex;align-items:center;background:#fff}.canvas-annotation-dialog>header{justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ece8f2}.canvas-annotation-dialog>header>div{display:flex;flex-direction:column;gap:2px}.canvas-annotation-dialog>header strong{color:#262033;font-size:15px}.canvas-annotation-dialog>header span{max-width:520px;overflow:hidden;color:#9a92aa;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.canvas-annotation-dialog>header button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:#f5f2f8}.canvas-annotation-tools{gap:7px;padding:9px 14px;border-bottom:1px solid #ece8f2}.canvas-annotation-tools>button{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#645b75;font-size:12px}.canvas-annotation-tools>button:hover,.canvas-annotation-tools>button.active{background:#eee9ff;color:#6844ee}.canvas-annotation-tools svg{width:16px;height:16px}.canvas-annotation-tools>i{flex:1}.canvas-annotation-colors{display:flex;gap:5px}.canvas-annotation-colors button{width:22px;height:22px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--annotation-color);box-shadow:0 0 0 1px #d8d2e2}.canvas-annotation-colors button.active{box-shadow:0 0 0 2px #7958f5}.canvas-annotation-tools label{display:flex;align-items:center;gap:7px;color:#756c87;font-size:11px}.canvas-annotation-tools label input{width:86px}.canvas-annotation-surface{min-height:0;display:grid;place-items:center;overflow:auto;padding:22px;background-color:#e8e6ec;background-image:linear-gradient(45deg,#dcd9e2 25%,transparent 25%),linear-gradient(-45deg,#dcd9e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dcd9e2 75%),linear-gradient(-45deg,transparent 75%,#dcd9e2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-annotation-surface canvas{max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 12px 38px #231d3433;cursor:crosshair;touch-action:none}.canvas-annotation-dialog>footer{justify-content:space-between;gap:18px;padding:13px 16px;border-top:1px solid #e9e5ef}.canvas-annotation-dialog>footer p{margin:0;color:#80778f;font-size:12px}.canvas-annotation-dialog>footer div{display:flex;gap:8px}@media(max-width:900px){.canvas-minimap{display:none}.canvas-help-grid{grid-template-columns:1fr}.canvas-annotation-tools{flex-wrap:wrap}}.workspace-mode-section{display:grid;gap:9px;width:100%;margin:-8px 0 0}.workspace-mode-label{margin:0;padding:0 5px;color:#87839c;font-size:11px;font-weight:720;letter-spacing:.08em}.workspace-mode-switch{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin:0}.workspace-mode-switch button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 8px;align-items:center;gap:10px;width:100%;height:58px;min-width:0;padding:0 12px;color:#666482;border:1px solid rgba(255,255,255,.38);border-radius:14px;background:#ffffff38;box-shadow:inset 0 1px #ffffff70;font:inherit;text-align:left;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.workspace-mode-switch button:after{width:6px;height:6px;border-radius:999px;background:transparent;content:""}.workspace-mode-icon{display:grid;width:34px;height:34px;place-items:center;color:#6c6689;border:1px solid rgba(255,255,255,.54);border-radius:11px;background:#ffffff80;box-shadow:inset 0 1px #ffffffb8}.workspace-mode-icon svg{width:16px;height:16px}.workspace-mode-copy{display:grid;min-width:0;gap:2px}.workspace-mode-copy strong{color:inherit;font-size:13px;font-weight:730;line-height:1.2}.workspace-mode-copy small{color:#9691aa;font-size:10px;font-weight:580;line-height:1.2}.workspace-mode-switch button:hover{color:#373050;border-color:#ffffffad;background:#ffffff7a;transform:translateY(-1px)}.workspace-mode-switch button.active{color:#4d387c;border-color:#9170ee38;background:#ffffffeb;box-shadow:0 12px 26px #5b488f24,inset 0 1px #fff}.workspace-mode-switch button.active:after{background:#8061ef;box-shadow:0 0 0 4px #8061ef1a}.workspace-mode-switch button.active .workspace-mode-icon{color:#fff;border-color:#ffffffd1;background:linear-gradient(135deg,#9c82ff,#7859eb);box-shadow:0 8px 18px #6f4fdd3d,inset 0 1px #ffffff75}.workspace-mode-switch button.active .workspace-mode-copy small{color:#81769b}.canvas-workspace{position:relative;z-index:4;display:grid;grid-template-rows:58px minmax(0,1fr);width:100%;min-width:0;height:calc(100dvh - 86px);min-height:520px;overflow:hidden;color:#242139;border:1px solid rgba(255,255,255,.66);border-radius:22px;background:#f4f2fb6b;box-shadow:0 34px 90px #51497c29,inset 0 1px #ffffffc7;isolation:isolate}.canvas-header{position:relative;z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;height:58px;min-height:58px;padding:8px 12px 8px 16px;border-bottom:1px solid rgba(113,99,151,.12);background:#fcfbffad;box-shadow:0 7px 22px #4e447712;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.canvas-title{display:flex;align-items:center;gap:10px}.canvas-title>span{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(135deg,#b995ff,#785bf2);box-shadow:0 10px 22px #7452de40}.canvas-title svg{width:17px;height:17px}.canvas-title div{display:grid;gap:1px}.canvas-title strong{font-size:14px;line-height:1.2}.canvas-title small{color:#8a869e;font-size:10px}.canvas-header-summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:#858098;font-size:11px}.canvas-header-summary span{padding:5px 9px;border-radius:999px;background:#eee9fab8}.canvas-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.studio-shell .canvas-header-actions button{height:34px!important;min-height:34px!important;gap:6px!important;padding:0 9px!important;color:#68627c!important;border-radius:10px!important;background:transparent!important;font-size:11px!important}.studio-shell .canvas-header-actions button:hover:not(:disabled){color:#3f355b!important;background:#ede8f9d1!important}.studio-shell .canvas-header-actions button:disabled{opacity:.35}.canvas-header-actions svg{width:14px;height:14px}@media(max-width:1460px)and (min-width:981px){.studio-shell .canvas-header-actions button:not(.canvas-exit-button) span{display:none}.studio-shell .canvas-header-actions button:not(.canvas-exit-button){width:34px!important;min-width:34px!important;padding:0!important}}.canvas-stage{--canvas-grid-size: 24px;--canvas-grid-x: 0px;--canvas-grid-y: 0px;position:relative;min-width:0;min-height:0;overflow:hidden;outline:none;background-color:#eceaf3;background-image:radial-gradient(circle,rgba(89,80,118,.22) 1px,transparent 1.2px),radial-gradient(circle at 82% 12%,rgba(177,145,255,.14),transparent 32%),radial-gradient(circle at 8% 92%,rgba(123,143,205,.11),transparent 29%);background-position:var(--canvas-grid-x) var(--canvas-grid-y),0 0,0 0;background-size:var(--canvas-grid-size) var(--canvas-grid-size),100% 100%,100% 100%;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-stage.is-select-tool{cursor:default}.canvas-stage.is-hand-tool,.canvas-stage.is-pan{cursor:grab}.canvas-stage.is-pan{cursor:grabbing}.canvas-stage:after{position:absolute;inset:0;z-index:65;display:block;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(228,225,240,.6) 100%);content:""}.canvas-plane{position:absolute;top:0;left:0;z-index:2;width:1px;height:1px;overflow:visible;transform-origin:0 0;will-change:transform}.canvas-connectors{position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;overflow:visible;pointer-events:none}.canvas-connectors path{fill:none;stroke:#7c5ce06b;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 7;vector-effect:non-scaling-stroke;transition:stroke .15s ease,stroke-width .15s ease}.canvas-connectors circle{fill:#f9f7ff;stroke:#7c5ce094;stroke-width:2;vector-effect:non-scaling-stroke}.canvas-connectors g.is-active path{stroke:#7655e5;stroke-width:3;stroke-dasharray:none}.canvas-connectors g.is-active circle{fill:#7655e5;stroke:#fff;stroke-width:2.5}.canvas-node{position:absolute;top:0;left:0;overflow:hidden;border:1px solid rgba(255,255,255,.84);border-radius:16px;background:#f8f7fcf2;box-shadow:0 18px 42px #3f395830,0 2px 6px #3f395814,inset 0 1px #fffc;cursor:move;transform-origin:0 0;transition:border-color .14s ease,box-shadow .14s ease;will-change:transform}.canvas-stage.is-hand-tool .canvas-node{cursor:inherit}.canvas-node:hover{overflow:visible;border-color:#9070f0ad;box-shadow:0 22px 48px #3f39583b,0 2px 7px #3f39581a}.canvas-node.is-selected{overflow:visible;border-color:#896af2;box-shadow:0 0 0 3px #896af233,0 25px 54px #4c398a45}.canvas-node img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;border-radius:inherit;pointer-events:none}.canvas-node-actions{position:absolute;top:10px;left:10px;z-index:7;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.72);border-radius:11px;background:#241f37bd;box-shadow:0 10px 28px #1c16303d;opacity:0;pointer-events:none;transform:scale(var(--canvas-node-ui-scale, 1));transform-origin:top left;transition:opacity .14s ease;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.canvas-node:hover .canvas-node-actions,.canvas-node.is-selected .canvas-node-actions{opacity:1;pointer-events:auto}.studio-shell .canvas-node-actions button{display:grid;width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;place-items:center;color:#ffffffe6!important;border:0!important;border-radius:8px!important;background:transparent!important;cursor:pointer}.studio-shell .canvas-node-actions button:hover:not(:disabled){color:#fff!important;background:#ffffff2e!important}.studio-shell .canvas-node-actions button:last-child:hover{color:#ffdbe4!important;background:#d14c7047!important}.studio-shell .canvas-node-actions button:disabled{cursor:default;opacity:.35}.canvas-node-actions svg{width:14px;height:14px}.canvas-node-version{position:absolute;top:10px;right:10px;z-index:6;display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 8px;color:#5c467f;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:#faf8ffe0;box-shadow:0 7px 18px #2a204a24;font-size:9px;font-weight:760;opacity:1;pointer-events:none;transform:scale(var(--canvas-node-ui-scale, 1));transform-origin:top right;transition:opacity .12s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-node:hover .canvas-node-version,.canvas-node.is-selected .canvas-node-version{opacity:0}.canvas-node-version svg{width:11px;height:11px}.canvas-node-shade{position:absolute;inset:auto 0 0;height:52px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(22,19,35,.62));opacity:0;transition:opacity .15s ease}.canvas-node:hover .canvas-node-shade,.canvas-node.is-selected .canvas-node-shade{opacity:1}.canvas-node-meta{position:absolute;right:10px;bottom:9px;left:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:#fff;pointer-events:none;opacity:0;transition:opacity .15s ease}.canvas-node:hover .canvas-node-meta,.canvas-node.is-selected .canvas-node-meta{opacity:1}.canvas-node-meta span{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.canvas-node-meta b{display:grid;min-width:22px;height:22px;place-items:center;color:#563caa;border-radius:999px;background:#fff;box-shadow:0 4px 12px #17103040;font-size:10px}.canvas-node-placeholder{position:relative;display:grid;width:100%;height:100%;overflow:hidden;place-items:center;align-content:center;gap:9px;padding:22px;isolation:isolate;border-radius:inherit;color:#6d648a;text-align:center;background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.88),transparent 26%),linear-gradient(135deg,#eae4fa,#dcd8ee 48%,#eee9f7)}.canvas-node-placeholder:before{position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.5) 38%,rgba(157,119,245,.14) 50%,rgba(255,255,255,.42) 62%,transparent 82%);content:"";opacity:0;pointer-events:none;transform:translate3d(-110%,0,0);animation:canvas-generation-sheen 2.6s ease-in-out infinite}.canvas-node-placeholder>*{position:relative;z-index:1}.canvas-node-placeholder svg{width:28px;height:28px;color:#8466dd}.canvas-node-placeholder strong{font-size:12px}.canvas-node-placeholder span{display:-webkit-box;max-width:90%;overflow:hidden;color:#837c95;font-size:9px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.canvas-node-placeholder.is-error{color:#8d5360;background:linear-gradient(135deg,#f4e9ee,#eadce3)}.canvas-node-placeholder.is-error:before{display:none}.canvas-node-placeholder.is-error svg{color:#c4647c}.canvas-resize-handle{position:absolute;right:-9px;bottom:-9px;z-index:5;width:18px;height:18px;padding:0;border:3px solid #fff;border-radius:6px;background:#8061e9;box-shadow:0 4px 10px #3b267e52;cursor:nwse-resize}.canvas-tool-rail,.canvas-zoom-controls{position:absolute;z-index:76;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#ffffffc2;box-shadow:0 15px 36px #423b632b,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.canvas-tool-rail{top:16px;left:16px;flex-direction:column}.canvas-tool-rail>span{width:22px;height:1px;margin:2px 0;background:#544c6f21}.canvas-tool-rail button,.canvas-zoom-controls button{display:grid;width:34px;height:34px;place-items:center;padding:0;color:#716b82;border:0;border-radius:10px;background:transparent;cursor:pointer}.canvas-tool-rail button:hover,.canvas-zoom-controls button:hover{color:#4d3b79;background:#e7e0f8d6}.canvas-tool-rail button.active{color:#fff;background:linear-gradient(135deg,#9b7cf4,#7454df);box-shadow:0 8px 18px #6749c44d}.canvas-tool-rail svg,.canvas-zoom-controls svg{width:16px;height:16px}.canvas-tool-rail input,.canvas-upload-button input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.canvas-zoom-controls{bottom:176px;left:18px}.canvas-zoom-controls>span{width:1px;height:22px;margin:0 2px;background:#544c6f21}.canvas-zoom-controls .canvas-zoom-value{width:52px;color:#554e68;font-size:10px;font-weight:720}.canvas-composer{position:absolute;bottom:18px;left:50%;z-index:80;display:grid;width:min(820px,calc(100% - 190px));gap:9px;padding:11px 12px 10px;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:linear-gradient(145deg,#ffffffe0,#f4efffc7);box-shadow:0 28px 72px #37305640,inset 0 1px #ffffffeb;transform:translate(-50%);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}.canvas-reference-hint{display:flex;align-items:center;justify-content:center;gap:7px;min-height:20px;color:#918ba2;font-size:10px}.canvas-reference-hint svg{width:13px;height:13px}.canvas-reference-row{display:flex;align-items:center;gap:10px;min-width:0}.canvas-reference-row>span{flex:0 0 auto;color:#777086;font-size:10px;font-weight:670}.canvas-reference-row>div{display:flex;min-width:0;overflow-x:auto;gap:5px}.canvas-reference-row button{position:relative;flex:0 0 auto;width:34px;height:34px;overflow:hidden;padding:0;color:#706986;border:1px solid rgba(126,101,198,.2);border-radius:9px;background:#ebe7f3;cursor:pointer}.canvas-reference-row button img{display:block;width:100%;height:100%;object-fit:cover}.canvas-reference-row button>svg:last-child{position:absolute;top:-2px;right:-2px;width:13px;height:13px;padding:2px;color:#fff;border-radius:999px;background:#2d2342db}.canvas-prompt-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px}.canvas-upload-button{display:grid;width:40px;height:40px;place-items:center;color:#685b84;border:1px solid rgba(116,99,153,.13);border-radius:12px;background:#eee9f8d1;cursor:pointer}.canvas-upload-button:hover{color:#58417f;background:#e3dbf7f5}.canvas-upload-button svg{width:17px;height:17px}.studio-shell .canvas-composer textarea{width:100%!important;min-height:42px!important;max-height:104px!important;margin:0!important;padding:10px 12px!important;resize:none!important;color:#29243a!important;border:1px solid rgba(113,94,153,.12)!important;border-radius:12px!important;outline:none!important;background:#ffffffc7!important;box-shadow:inset 0 1px 2px #42365c0a!important;font:inherit!important;font-size:13px!important;line-height:1.45!important}.studio-shell .canvas-composer textarea:focus{border-color:#7e5de075!important;box-shadow:0 0 0 3px #7e5de01a!important}.studio-shell .canvas-generate-button{height:42px!important;min-height:42px!important;padding:0 16px!important;color:#fff!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#a27ff5,#7758e6)!important;box-shadow:0 10px 24px #6748cd45!important;font-size:12px!important}.studio-shell .canvas-generate-button:hover{filter:brightness(1.04)}.canvas-generate-button svg{width:15px;height:15px}.canvas-composer-controls{display:flex;align-items:center;gap:8px;padding-left:48px}.canvas-composer-controls label{display:flex;align-items:center;gap:5px;color:#81798f;font-size:9px;font-weight:650}.studio-shell .canvas-composer-controls select,.studio-shell .canvas-composer-controls input{width:auto!important;min-width:58px!important;height:25px!important;min-height:25px!important;margin:0!important;padding:0 7px!important;color:#5c536e!important;border:1px solid rgba(112,95,145,.11)!important;border-radius:8px!important;outline:0!important;background:#f2eefadb!important;box-shadow:none!important;font:inherit!important;font-size:9px!important}.studio-shell .canvas-composer-controls input{width:46px!important;min-width:46px!important}.canvas-composer-controls small{margin-left:auto;color:#9a94a6;font-size:9px}.canvas-empty,.canvas-loading{position:absolute;top:45%;left:50%;z-index:30;display:grid;width:min(390px,calc(100% - 80px));place-items:center;gap:8px;padding:28px;color:#696278;text-align:center;transform:translate(-50%,-50%)}.canvas-empty>span{display:grid;width:58px;height:58px;place-items:center;margin-bottom:4px;color:#8062de;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:#ffffffb3;box-shadow:0 16px 34px #4d3f7724}.canvas-empty>span svg{width:25px;height:25px}.canvas-empty h2{margin:0;color:#4a435b;font-size:18px}.canvas-empty p{max-width:320px;margin:0 0 6px;color:#8b8598;font-size:12px;line-height:1.55}.studio-shell .canvas-empty button{height:36px!important;border-radius:11px!important;background:#ffffffc7!important;font-size:11px!important}.canvas-loading{display:flex;width:auto;padding:14px 18px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#ffffffb8;box-shadow:0 15px 36px #423b631f;font-size:11px}.canvas-loading svg{width:16px;height:16px;color:#8062df}.canvas-drop-overlay{position:absolute;inset:14px;z-index:120;display:grid;place-items:center;align-content:center;gap:12px;color:#6547bc;border:2px dashed rgba(112,77,211,.58);border-radius:20px;background:#eee7ffd4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.canvas-drop-overlay svg{width:36px;height:36px}.canvas-drop-overlay strong{font-size:14px}.is-spinning{animation:canvas-spin 1s linear infinite}@keyframes canvas-spin{to{transform:rotate(360deg)}}@keyframes canvas-generation-sheen{0%,12%{opacity:0;transform:translate3d(-110%,0,0)}45%,55%{opacity:.72}88%,to{opacity:0;transform:translate3d(110%,0,0)}}@media(min-width:981px){.studio-shell.canvas-mode-active .main{padding:68px 28px 18px!important;overflow:hidden!important}}@media(max-width:1180px){.canvas-header-summary{display:none}.canvas-header{grid-template-columns:auto minmax(0,1fr)}.canvas-header-actions{grid-column:2}.studio-shell .canvas-header-actions button span{display:none}.studio-shell .canvas-header-actions button{width:34px!important;padding:0!important}.canvas-composer{width:min(720px,calc(100% - 150px))}}@media(max-width:980px){.workspace-mode-section{gap:0;margin:0}.workspace-mode-label{display:none}.workspace-mode-switch{grid-template-columns:42px 42px;gap:6px;justify-content:center}.workspace-mode-switch button{display:grid;grid-template-columns:1fr;width:42px;height:42px;padding:0;place-items:center}.workspace-mode-switch button:after,.workspace-mode-switch .workspace-mode-copy{display:none}.workspace-mode-switch .workspace-mode-icon{width:30px;height:30px}.studio-shell.canvas-mode-active .main{padding-bottom:12px!important;overflow:hidden!important}.canvas-workspace{height:calc(100dvh - 84px);min-height:430px}.canvas-composer{width:min(680px,calc(100% - 120px))}}@media(max-width:720px)and (orientation:portrait){.studio-shell.canvas-mode-active .main{width:100%!important;height:100dvh!important;padding:8px!important}.canvas-workspace{height:calc(100dvh - 16px);min-height:0;border-radius:18px}.canvas-header{grid-template-columns:auto 1fr;height:52px;min-height:52px;padding:7px 8px 7px 10px}.canvas-title>span,.canvas-title small{display:none}.canvas-header-actions button:not(.canvas-exit-button){display:none!important}.studio-shell .canvas-header-actions .canvas-exit-button{width:auto!important;padding:0 10px!important}.studio-shell .canvas-header-actions .canvas-exit-button span{display:inline}.canvas-tool-rail{top:10px;left:10px}.canvas-composer{right:10px;bottom:10px;left:10px;width:auto;padding:9px;transform:none}.canvas-reference-hint,.canvas-composer-controls small{display:none}.canvas-composer-controls{padding-left:0;overflow-x:auto}.canvas-prompt-row{grid-template-columns:36px minmax(0,1fr) 42px}.canvas-upload-button{width:36px;height:36px}.studio-shell .canvas-generate-button{width:42px!important;padding:0!important}.studio-shell .canvas-generate-button span{display:none}.canvas-zoom-controls{bottom:154px;left:10px}}.studio-shell.canvas-mode-active{display:block!important;min-height:100dvh!important;background:#f8f8f7!important}.studio-shell.canvas-mode-active:before,.studio-shell.canvas-mode-active:after,.studio-shell.canvas-mode-active>.sidebar,.studio-shell.canvas-mode-active>.main>.topbar{display:none!important}.studio-shell.canvas-mode-active>.main{position:fixed!important;inset:0!important;z-index:100!important;width:100vw!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.wuli-canvas{display:block;width:100vw;height:100dvh;min-height:0;overflow:hidden;color:#202124;border:0;border-radius:0;background:#f8f8f7;box-shadow:none}.wuli-canvas .canvas-stage{width:100%;height:100%;background-color:#f9f9f8;background-image:radial-gradient(circle,rgba(73,73,78,.11) .7px,transparent .8px);background-size:var(--canvas-grid-size) var(--canvas-grid-size);background-position:var(--canvas-grid-x) var(--canvas-grid-y)}.wuli-canvas .canvas-stage:after{display:none}.wuli-canvas-header{position:absolute;top:18px;right:22px;left:24px;z-index:210;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wuli-project-switcher,.wuli-header-actions,.wuli-project-title{display:flex;align-items:center}.wuli-project-switcher,.wuli-header-actions{gap:10px;pointer-events:auto}.wuli-home-button,.wuli-project-title,.wuli-credit-pill,.wuli-share-button{border:0;background:transparent;font:inherit;cursor:pointer}.wuli-home-button{display:grid;width:32px;height:32px;padding:0;place-items:center}.wuli-home-button>span{display:grid;width:30px;height:30px;place-items:center;color:#fff;border:2px solid #8ed8c3;border-radius:10px;background:#8f75ee;box-shadow:0 3px 10px #654fb82e}.wuli-home-button svg{width:18px;height:18px}.wuli-project-title{gap:7px;max-width:440px;min-width:0;padding:3px 7px 3px 0;text-align:left}.wuli-project-title strong{overflow:hidden;color:#242428;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.wuli-project-title small{color:#99999f;font-size:10px}.wuli-project-title svg{width:14px;height:14px;color:#6e6e74}.wuli-credit-pill,.wuli-share-button{display:inline-flex;height:38px;align-items:center;justify-content:center;color:#4f4f55;border:1px solid rgba(20,20,24,.035);border-radius:20px;background:#ffffffed;box-shadow:0 5px 22px #24242b0e}.wuli-credit-pill{gap:7px;min-width:75px;padding:0 17px;font-size:13px}.wuli-credit-pill svg{width:14px;height:14px;color:#7e6de8;fill:#7e6de82e}.wuli-share-button{width:38px;padding:0}.wuli-share-button svg{width:16px;height:16px}.wuli-canvas .canvas-connectors path{stroke:#9b97a461;stroke-width:1.3;stroke-dasharray:none}.wuli-canvas .canvas-connectors circle{fill:#fff;stroke:#b8a8ef;stroke-width:1.5}.wuli-canvas .canvas-connectors g.is-active path{stroke:#9a7aea;stroke-width:1.6}.wuli-canvas .canvas-node{overflow:visible;border:1px solid rgba(72,72,78,.1);border-radius:5px;background:#fff;box-shadow:0 2px 8px #16161b0e}.wuli-canvas .canvas-node:hover{border-color:#8b6ce173;box-shadow:0 4px 16px #2a224114}.wuli-canvas .canvas-node.is-selected{border-color:#9575ea;box-shadow:0 0 0 1px #9575ea4d}.wuli-canvas .canvas-node img{border-radius:4px;background:#f2f2f1}.wuli-canvas .canvas-node-label{position:absolute;top:-27px;left:0;display:flex;max-width:100%;align-items:center;gap:5px;color:#53535a;font-size:12px;font-weight:600;pointer-events:none}.wuli-canvas .canvas-node-label svg{width:14px;height:14px;color:#8a64e5}.wuli-canvas .canvas-node-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wuli-canvas .canvas-node.is-text-node{padding:14px 14px 36px}.wuli-canvas .canvas-node.is-text-node .canvas-node-label svg{color:#58aa41}.wuli-canvas .canvas-node.is-text-node textarea{width:100%!important;height:100%!important;min-height:0!important;padding:0!important;resize:none!important;color:#505056!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:inherit!important;font-size:12px!important;line-height:1.65!important;cursor:move;-webkit-user-select:none;user-select:none}.wuli-canvas .canvas-node.is-text-node.is-editing textarea{cursor:text;-webkit-user-select:text;user-select:text}.wuli-canvas .canvas-node.is-text-node.is-editing textarea.is-keyboard-input-active{cursor:none}.canvas-empty-image{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:7px;padding:28px;color:#a5a5aa;text-align:center;background:#f0f0ef}.canvas-empty-image svg{width:42px;height:42px;margin-bottom:4px;color:#c5c5c7}.canvas-empty-image strong{color:#85858a;font-size:13px}.canvas-empty-image span{max-width:230px;font-size:10px;line-height:1.5}.wuli-canvas .canvas-node-version,.wuli-canvas .canvas-node-actions,.wuli-canvas .canvas-node-meta,.wuli-canvas .canvas-node-shade{display:none}.canvas-reference-index{position:absolute;right:-8px;bottom:-8px;display:grid;width:22px;height:22px;place-items:center;color:#fff;border:2px solid #fff;border-radius:50%;background:#8a69e5;font-size:10px}.wuli-canvas .canvas-resize-handle{right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#9a7aea;box-shadow:0 1px 5px #5b42a04d}.canvas-context-toolbar{position:absolute;z-index:170;display:flex;align-items:center;gap:2px;min-height:42px;padding:5px 7px;border:1px solid rgba(28,28,32,.07);border-radius:13px;background:#fffffff5;box-shadow:0 8px 28px #1e1b2624;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-context-toolbar button{display:inline-flex;height:31px;min-width:31px;align-items:center;justify-content:center;gap:5px;padding:0 8px;color:#4f4f54;border:0;border-radius:8px;background:transparent;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.canvas-context-toolbar button:hover:not(:disabled){color:#6545bd;background:#f3effd}.canvas-context-toolbar button:disabled{cursor:default;opacity:.3}.canvas-context-toolbar svg{width:14px;height:14px}.canvas-context-toolbar i{width:1px;height:20px;margin:0 3px;background:#ecebee}.wuli-canvas-toolbar{position:absolute;bottom:16px;left:50%;z-index:190;display:flex;align-items:center;gap:4px;padding:6px;border:1px solid rgba(25,25,30,.06);border-radius:13px;background:#fffffff5;box-shadow:0 7px 24px #1c1a2421;transform:translate(-50%);transition:left .22s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wuli-canvas-toolbar>button{display:grid;width:38px;height:38px;padding:0;place-items:center;color:#56565c;border:0;border-radius:8px;background:transparent;cursor:pointer}.wuli-canvas-toolbar>button:first-of-type,.wuli-canvas-toolbar>button.active:not(.light){color:#fff;background:#242426}.wuli-canvas-toolbar>button.light{color:#505055;background:#f2f1f4}.wuli-canvas-toolbar>button:hover:not(:disabled){background:#efedf4}.wuli-canvas-toolbar>button:first-of-type:hover{background:#333337}.wuli-canvas-toolbar>button:disabled{opacity:.3}.wuli-canvas-toolbar svg{width:17px;height:17px}.wuli-add-menu{position:absolute;bottom:calc(100% + 8px);left:6px;display:grid;width:182px;gap:2px;padding:7px;border:1px solid rgba(26,26,30,.07);border-radius:11px;background:#fffffffa;box-shadow:0 12px 34px #1f1c2929;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease}.wuli-add-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.wuli-add-menu button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;height:35px;padding:0 8px;color:#4a4a50;border:0;border-radius:7px;background:transparent;text-align:left;font:inherit;font-size:11px;cursor:pointer}.wuli-add-menu button:hover{background:#f3f1f7}.wuli-add-menu svg{width:15px;height:15px}.wuli-add-menu kbd{color:#9a99a0;font:inherit;font-size:10px}.canvas-context-menu{position:absolute;z-index:80;display:grid;width:196px;gap:2px;padding:7px;border:1px solid rgba(26,26,30,.08);border-radius:11px;background:#fffffffa;box-shadow:0 14px 38px #1f1c292e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.canvas-context-menu button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;height:36px;padding:0 9px;color:#414147;border:0;border-radius:7px;background:transparent;text-align:left;font:inherit;font-size:12px;cursor:pointer}.canvas-context-menu button:hover{background:#f3f1f7}.canvas-context-menu svg{width:15px;height:15px}.canvas-context-menu kbd{color:#9a99a0;font:inherit;font-size:10px}.wuli-zoom-controls{right:22px;bottom:19px;left:auto;gap:2px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.wuli-zoom-controls input[type=range]{width:90px;height:2px;accent-color:#65656a}.wuli-zoom-controls button{width:27px;height:30px;border-radius:7px}.wuli-zoom-controls .canvas-zoom-value{width:44px;font-size:11px}.wuli-context-composer{bottom:78px;width:min(650px,calc(100vw - 120px));min-height:250px;gap:10px;padding:14px;border:1px solid rgba(30,30,35,.07);border-radius:14px;background:#fffffff7;box-shadow:0 11px 38px #201e2824;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wuli-context-composer>textarea{width:100%!important;min-height:112px!important;padding:12px!important;resize:none!important;color:#333339!important;border:0!important;border-radius:8px!important;outline:0!important;background:#f6f6f6!important;box-shadow:none!important;font:inherit!important;font-size:13px!important;line-height:1.55!important}.wuli-reference-strip{display:flex;align-items:center;gap:7px;min-height:50px;overflow-x:auto}.wuli-reference-strip>button{flex:0 0 auto;border:1px solid #ecebef;background:#fff}.wuli-reference-strip>button:first-child{display:grid;width:42px;height:48px;padding:0;place-items:center;color:#76767b;border-radius:9px;cursor:pointer}.wuli-reference-card{position:relative;display:grid;width:52px;height:48px;overflow:hidden;padding:0;place-items:center;border-radius:8px;cursor:pointer}.wuli-reference-card img{width:100%;height:100%;object-fit:cover}.wuli-reference-card>svg:first-child{width:17px;height:17px;color:#5da84a}.wuli-reference-card span{position:absolute;right:3px;bottom:3px;left:3px;overflow:hidden;color:#55545b;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wuli-reference-card>svg:last-child{position:absolute;top:2px;right:2px;width:12px;height:12px;padding:2px;color:#fff;border-radius:50%;background:#28282db8}.wuli-context-controls{display:flex;align-items:center;gap:7px}.wuli-context-controls button,.wuli-context-controls select,.wuli-context-controls input{height:31px!important;min-height:31px!important;margin:0!important;color:#58585e!important;border:1px solid #ecebef!important;border-radius:16px!important;outline:0!important;background:#fff!important;box-shadow:none!important;font:inherit!important;font-size:10px!important}.wuli-context-controls button{display:inline-flex;align-items:center;gap:5px;padding:0 10px}.wuli-context-controls select{min-width:66px!important;padding:0 22px 0 10px!important}.wuli-context-controls input{width:48px!important;padding:0 8px!important;text-align:center}.wuli-context-controls svg{width:13px;height:13px}.studio-shell .wuli-context-controls .wuli-generate-cost{min-width:58px!important;margin-left:auto!important;color:#fff!important;border:0!important;background:#303034!important;font-weight:650!important}.canvas-hidden-upload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.wuli-canvas .canvas-empty{top:46%;width:360px;color:#77777d}.wuli-canvas .canvas-empty>span{color:#7355d0;border:8px solid #ddd4ff;border-radius:50%;background:#fff;box-shadow:none}.wuli-canvas .canvas-drop-overlay{inset:72px 18px 76px;color:#6f51ce;border-color:#7555d380;border-radius:14px;background:#f6f3fdd1}@media(max-width:980px){.wuli-project-title small,.canvas-context-toolbar button span,.wuli-zoom-controls input[type=range],.wuli-zoom-controls button:nth-last-child(-n+3){display:none}.wuli-context-composer{right:12px;bottom:72px;left:12px;width:auto;transform:none}}.wuli-canvas .canvas-connectors .canvas-connector-hit{pointer-events:stroke;stroke:transparent;stroke-width:18px;fill:none}.wuli-canvas .canvas-connectors .canvas-connector-draft{stroke:#7c5cff;stroke-width:2.5px;stroke-dasharray:7 6;fill:none}.wuli-canvas .canvas-resize-handle{right:auto;bottom:auto;width:10px;height:10px;min-width:0;min-height:0;padding:0;border-radius:3px;background:#7c5cff;transform:translate(-50%,-50%) scale(var(--canvas-node-ui-scale, 1))}.wuli-canvas .canvas-resize-handle.is-nw{left:0;top:0;cursor:nwse-resize}.wuli-canvas .canvas-resize-handle.is-n{left:50%;top:0;cursor:ns-resize}.wuli-canvas .canvas-resize-handle.is-ne{left:100%;top:0;cursor:nesw-resize}.wuli-canvas .canvas-resize-handle.is-e{left:100%;top:50%;cursor:ew-resize}.wuli-canvas .canvas-resize-handle.is-se{left:100%;top:100%;cursor:nwse-resize}.wuli-canvas .canvas-resize-handle.is-s{left:50%;top:100%;cursor:ns-resize}.wuli-canvas .canvas-resize-handle.is-sw{left:0;top:100%;cursor:nesw-resize}.wuli-canvas .canvas-resize-handle.is-w{left:0;top:50%;cursor:ew-resize}.wuli-canvas{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased}.wuli-canvas .canvas-stage{background-color:#fff;background-image:radial-gradient(circle,rgba(0,0,0,.085) .65px,transparent .75px)}.wuli-canvas .canvas-stage:not(.is-pan):not(.is-move):not(.is-resize):not(.is-connect) .canvas-plane{transition:transform .14s cubic-bezier(.16,1,.3,1)}.wuli-canvas .canvas-node{border-color:#00000012;border-radius:4px;box-shadow:none;transition:border-color .14s cubic-bezier(.16,1,.3,1),box-shadow .14s cubic-bezier(.16,1,.3,1)}.wuli-canvas .canvas-node:hover{border-color:#7a58e061;box-shadow:0 2px 8px #00000009}.wuli-canvas .canvas-node.is-selected{border-color:#9a74ef;box-shadow:0 0 0 1px #9a74ef2e}.wuli-canvas .canvas-node img{border-radius:3px}.wuli-canvas .canvas-node-label{top:-24px;height:20px;gap:4px;color:#000000b8;font-size:12px;font-weight:500}.wuli-canvas .canvas-node-label svg{width:13px;height:13px}.wuli-canvas .canvas-node-dimensions{inset:-24px 0 auto auto;height:20px;padding:0;color:#00000075;border-radius:0;background:transparent;font-size:11px;line-height:20px;transform:scale(var(--canvas-node-ui-scale, 1));transform-origin:top right}.wuli-canvas .canvas-node-placeholder{color:#777;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.95),transparent 28%),linear-gradient(135deg,#f4f2f8,#eeeaf6 48%,#f7f6f9)}.wuli-canvas .canvas-node-placeholder:before{animation-duration:2.6s}.wuli-canvas .canvas-connection-handle{width:9px;height:9px;border:1.5px solid #a783f3;border-radius:2px;background:#fff;box-shadow:0 1px 4px #5334a62e;transform:translate(-50%,-50%) rotate(45deg) scale(var(--canvas-node-ui-scale, 1))}.wuli-canvas .canvas-resize-handle{width:8px;height:8px;border-width:1.5px;border-radius:2px;background:#9a74ef;box-shadow:0 0 0 1px #724ccf1f}.canvas-context-toolbar{min-height:40px;height:40px;gap:2px;padding:4px 6px;border:1px solid #e8e7ea;border-radius:999px;background:#fff;box-shadow:0 2px 4px #00000008;-webkit-backdrop-filter:none;backdrop-filter:none;animation:canvas-toolbar-pop .16s cubic-bezier(.16,1,.3,1)}.canvas-context-toolbar>button{height:32px;min-width:32px;gap:4px;padding:6px 8px;color:#000000e0;border:1px solid transparent;border-radius:16px;font-size:12px;line-height:18px;transition:color .16s ease,background-color .16s ease,transform .12s ease}.canvas-context-toolbar>button:hover:not(:disabled){color:#000000e0;background:#f5f5f5}.canvas-context-toolbar>button:active:not(:disabled){transform:scale(.96)}.canvas-context-toolbar>button svg{width:14px;height:14px;stroke-width:1.8}.canvas-context-toolbar>i{height:22px;margin:0 3px;background:#ecebef}.canvas-node-more-menu{position:absolute;top:46px;right:102px;z-index:3;display:grid;width:176px;gap:2px;padding:5px;border:1px solid #e8e7ea;border-radius:9px;background:#fff;box-shadow:0 8px 24px #0000001a;animation:canvas-menu-pop .14s cubic-bezier(.16,1,.3,1)}.canvas-context-toolbar .canvas-node-more-menu button{width:100%;height:34px;justify-content:flex-start;border-radius:7px;font-size:12px}.wuli-canvas-toolbar{bottom:12px;gap:8px;padding:8px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:none;backdrop-filter:none;transition:left .22s cubic-bezier(.16,1,.3,1)}.wuli-canvas-toolbar>button{width:36px;height:36px;border-radius:8px;transition:background-color .16s ease,color .16s ease,transform .12s ease}.wuli-canvas-toolbar>button:active:not(:disabled){transform:scale(.94)}.wuli-toolbar-divider{width:1px;height:24px;background:#ededee}.wuli-add-menu{bottom:calc(100% + 8px);left:0;width:166px;gap:0;padding:4px;border:0;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #e8e7ea,0 -2px 4px #00000008;transform:translateY(6px) scale(.98);transform-origin:bottom left;transition:opacity .14s cubic-bezier(.16,1,.3,1),transform .14s cubic-bezier(.16,1,.3,1)}.wuli-add-menu.is-open{transform:translateY(0) scale(1)}.wuli-add-menu button{height:29px;border-radius:6px;font-size:12px}.wuli-zoom-controls{right:16px;bottom:14px;height:32px;gap:0}.wuli-zoom-controls input[type=range]{width:90px;height:2px;margin:0 4px}.wuli-zoom-controls>button{width:24px;height:24px;padding:0;border-radius:12px}.wuli-zoom-controls>button:first-child,.wuli-zoom-controls>input+button{width:16px;height:16px;border-radius:8px}.wuli-zoom-controls .canvas-zoom-value{width:44px;height:24px;font-size:11px;font-weight:400}.wuli-zoom-controls button.active{color:#000000e0;background:#f0f0f0}.wuli-context-composer{position:absolute;right:auto;bottom:auto;width:648px;height:274px;min-height:274px;grid-template-rows:62px minmax(0,1fr) 32px;gap:8px;padding:11px 8px 8px;border:1px solid #fff;border-radius:12px;background:#fff;box-shadow:0 -2px 2px #00000008,0 8px 8px #00000008,0 2px 2px #00000008;transform:translate(-50%);-webkit-backdrop-filter:none;backdrop-filter:none;animation:canvas-panel-pop .18s cubic-bezier(.16,1,.3,1)}.wuli-context-composer>textarea{height:100%!important;min-height:0!important;padding:12px!important;border-radius:8px!important;background:#f7f7f7!important;font-size:14px!important;line-height:1.55!important}.wuli-reference-strip{min-height:62px;align-items:flex-start;padding:7px 4px 0}.wuli-reference-strip>button:first-child,.wuli-reference-card{width:46px;height:54px;border-radius:8px}.wuli-context-controls{gap:6px}.wuli-context-controls button,.wuli-context-controls select,.wuli-context-controls input{height:32px!important;min-height:32px!important;border-color:#f3f3f5!important;border-radius:16px!important;font-size:11px!important}.wuli-generation-settings{display:flex;height:32px;overflow:hidden;align-items:center;border:1px solid #f3f3f5;border-radius:16px;background:#fff}.wuli-generation-settings label{position:relative;display:block}.wuli-generation-settings label+label:before{position:absolute;top:9px;left:0;width:1px;height:14px;background:#eeeeef;content:""}.wuli-context-controls .wuli-generation-settings select,.wuli-context-controls .wuli-generation-settings input{border:0!important;border-radius:0!important;background:transparent!important}.studio-shell .wuli-context-controls .wuli-generate-cost{min-width:60px!important;border-radius:20px!important;background:#1f1f1f!important;box-shadow:0 2px #7a05ff0f!important}.canvas-minimap{right:22px;bottom:58px;border-color:#e8e7ea;border-radius:12px;background:#fffffff5;box-shadow:0 4px 16px #00000014;transform-origin:bottom right;animation:canvas-menu-pop .16s cubic-bezier(.16,1,.3,1)}.wuli-canvas .canvas-connection-handle{top:50%;width:24px;height:24px;margin-top:-12px;color:#8d63ef;border:0;border-radius:50%;background:#f5f5f5;box-shadow:0 0 0 1px #8d63ef40,0 2px 7px #4c2d921f;opacity:0;transform:none;transition:opacity .15s ease,transform .2s cubic-bezier(.16,1,.3,1),color .15s ease,background-color .15s ease,box-shadow .15s ease}.wuli-canvas .canvas-connection-handle.is-input{right:auto;left:-38px;transform:translate(16px)}.wuli-canvas .canvas-connection-handle.is-output{right:-38px;left:auto;cursor:crosshair;transform:translate(-16px)}.wuli-canvas .canvas-connection-handle:after{position:absolute;top:calc(50% - .75px);width:14px;height:1.5px;background:#cbb6ff;content:""}.wuli-canvas .canvas-connection-handle.is-input:after{left:100%}.wuli-canvas .canvas-connection-handle.is-output:after{right:100%}.wuli-canvas .canvas-connection-handle svg{position:relative;z-index:1;width:13px;height:13px;stroke-width:2;pointer-events:none}.wuli-canvas .canvas-node:hover .canvas-connection-handle,.wuli-canvas .canvas-node.is-selected .canvas-connection-handle,.wuli-canvas .canvas-stage.is-connect .canvas-connection-handle{opacity:1;transform:translate(0)}.wuli-canvas .canvas-connection-handle:hover,.wuli-canvas .canvas-connection-handle.is-output:hover{color:#7647e8;background:#fff;box-shadow:0 0 0 2px #8d63ef33,0 3px 9px #4c2d9229;transform:translate(0) scale(1.08)}.wuli-canvas .canvas-connectors .canvas-connector-draft{stroke:#b99cf8;stroke-width:2;stroke-dasharray:none;transition:stroke .12s ease,stroke-width .12s ease}.wuli-canvas .canvas-connectors .canvas-connector-draft.is-snapped{stroke:#8d63ef;stroke-width:2.4}.wuli-canvas .canvas-connection-cursor{position:absolute;z-index:150;display:grid;width:24px;height:24px;place-items:center;color:#8d63ef;border-radius:50%;background:#f5f5f5;box-shadow:0 0 0 1px #8d63ef4d,0 3px 10px #4c2d922e;pointer-events:none;transform:translate(-50%,-50%);transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.wuli-canvas .canvas-connection-cursor svg{width:13px;height:13px;stroke-width:2}.wuli-canvas .canvas-connection-cursor.is-snapped{color:#fff;background:#8d63ef;box-shadow:0 0 0 4px #8d63ef29,0 4px 12px #4c2d923d;animation:canvas-connection-snap .7s ease-in-out infinite alternate}.wuli-canvas .canvas-stage.is-connect{cursor:crosshair}@media(prefers-reduced-motion:reduce){.wuli-canvas .canvas-connection-cursor.is-snapped{animation:none}}.wuli-canvas .canvas-connection-handle{cursor:crosshair}.wuli-canvas .canvas-connection-menu{position:absolute;z-index:220;display:grid;width:196px;gap:4px;padding:8px;color:#27242d;border:1px solid rgba(92,78,119,.14);border-radius:14px;background:#fffffffa;box-shadow:0 14px 40px #2a1f4229,0 2px 8px #2a1f4214;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wuli-canvas .canvas-connection-menu>strong{padding:4px 8px 6px;color:#777181;font-size:12px;font-weight:650}.wuli-canvas .canvas-connection-menu>button{display:flex;width:100%;height:38px;align-items:center;gap:10px;padding:0 10px;color:#302a3c;border:0;border-radius:9px;background:transparent;font:inherit;text-align:left;cursor:pointer}.wuli-canvas .canvas-connection-menu>button:hover,.wuli-canvas .canvas-connection-menu>button:focus-visible{color:#7044d6;background:#f4efff;outline:none}.wuli-canvas .canvas-connection-menu>button svg{width:17px;height:17px;flex:0 0 auto;stroke-width:1.8}.wuli-canvas .canvas-connection-menu>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wuli-context-composer .wuli-reference-strip{position:relative;overflow:visible}.wuli-context-composer .wuli-reference-strip>button:first-child.is-active{color:#7045d6;border-color:#d9cafc;background:#f7f3ff;box-shadow:0 0 0 2px #7045d614}.wuli-reference-add-menu{position:absolute;top:64px;left:4px;z-index:420;display:grid;width:142px;overflow:hidden;padding:5px;border:1px solid #e9e5f2;border-radius:11px;background:#fff;box-shadow:0 12px 30px #2a204529}.wuli-reference-add-menu button{display:flex;width:100%;height:36px;align-items:center;gap:9px;padding:0 10px;color:#45434b;border:0;border-radius:7px;background:transparent;font-size:12px;cursor:pointer}.wuli-reference-add-menu button:hover{color:#6d42d2;background:#f6f2ff}.wuli-reference-add-menu svg{width:15px;height:15px}.canvas-reference-picker-banner{position:absolute;top:70px;left:50%;z-index:520;display:flex;height:42px;align-items:center;gap:10px;padding:0 7px 0 16px;color:#fff;border-radius:21px;background:#7447dc;box-shadow:0 10px 28px #5633ab3d;font-size:13px;font-weight:600;transform:translate(-50%)}.canvas-reference-picker-banner button{height:30px;padding:0 12px;color:#fff;border:0;border-radius:15px;background:#ffffff2b;cursor:pointer}.canvas-reference-picker-banner button:hover{background:#ffffff47}.wuli-canvas .canvas-stage.is-reference-picking,.wuli-canvas .canvas-stage.is-reference-picking .canvas-node{cursor:crosshair}.wuli-canvas .canvas-stage.is-reference-picking .canvas-node:hover{box-shadow:0 0 0 3px #7447dc3d,0 16px 32px #2a204524}.wuli-canvas .canvas-stage.is-reference-picking .canvas-node.is-empty-image-node{opacity:.45}.wuli-canvas .canvas-stage.is-reference-picking .canvas-connection-handle,.wuli-canvas .canvas-stage.is-reference-picking .canvas-resize-handle{pointer-events:none}.canvas-history-panel{position:absolute;z-index:520;bottom:76px;left:50%;display:flex;width:min(470px,calc(100vw - 32px));max-height:min(68vh,620px);overflow:hidden;flex-direction:column;border:1px solid rgba(22,22,25,.09);border-radius:18px;background:#fffffffa;box-shadow:0 20px 55px #1c18262e,0 2px 8px #1c182614;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:canvas-panel-pop .18s cubic-bezier(.16,1,.3,1)}.canvas-history-panel>header{display:flex;min-height:66px;align-items:center;gap:12px;padding:12px 14px 11px 16px;border-bottom:1px solid #eeeeef}.canvas-history-panel>header>div{display:grid;min-width:0;flex:1;gap:2px}.canvas-history-panel>header strong{color:#242328;font-size:15px;line-height:1.25}.canvas-history-panel>header span{overflow:hidden;color:#8a8890;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.canvas-history-panel>header>b{padding:5px 8px;color:#6f647f;border-radius:999px;background:#f4f1f8;font-size:11px;font-weight:600;white-space:nowrap}.canvas-history-panel>header>button{display:grid;width:30px;height:30px;padding:0;place-items:center;color:#77747d;border:0;border-radius:9px;background:transparent;cursor:pointer}.canvas-history-panel>header>button:hover{color:#242328;background:#f4f3f5}.canvas-history-panel>header svg{width:16px;height:16px}.canvas-history-scroll{min-height:150px;overflow:auto;overscroll-behavior:contain;padding:12px 12px 16px}.canvas-history-group+.canvas-history-group{margin-top:18px}.canvas-history-group h3{margin:0 0 8px;color:#454249;font-size:13px;font-weight:650}.canvas-history-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.canvas-history-group article{position:relative;overflow:hidden;aspect-ratio:1;border-radius:7px;background:#f0eef2;cursor:grab;transition:transform .14s ease,box-shadow .14s ease}.canvas-history-group article:hover{z-index:1;box-shadow:0 5px 15px #1b14242e;transform:translateY(-2px)}.canvas-history-group article:active{cursor:grabbing}.canvas-history-group img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.canvas-history-empty{display:grid;min-height:180px;place-content:center;place-items:center;gap:10px;color:#939099;font-size:12px}.canvas-history-empty svg{width:28px;height:28px;stroke-width:1.5}.wuli-canvas-toolbar>button.history.active{color:#19171c;background:#f1eef5}.canvas-history-drag-preview{position:fixed;z-index:700;overflow:hidden;width:104px;height:104px;border:3px solid rgba(255,255,255,.95);border-radius:12px;background:#f0eef2;box-shadow:0 16px 38px #18122242;opacity:.9;pointer-events:none;transform:translate(-50%,-50%) rotate(2deg)}.canvas-history-drag-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.canvas-history-panel{bottom:72px;max-height:60vh}}.canvas-projects-page{position:relative;z-index:4;width:100%;min-height:calc(100dvh - 86px);padding:22px clamp(18px,3.2vw,54px) 64px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;color:#211e31;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:radial-gradient(circle at 50% -18%,rgba(199,174,255,.28),transparent 34%),#faf9fdb8;box-shadow:0 34px 100px #4b437626,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%)}.canvas-projects-hero{display:grid;justify-items:center;width:min(920px,100%);margin:0 auto;text-align:center}.canvas-projects-hero-mark{display:grid;width:46px;height:46px;margin-bottom:10px;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:linear-gradient(135deg,#c5a6ff,#7657f4);box-shadow:0 18px 38px #7b58ee47,inset 0 1px #ffffffb3;transform:rotate(-4deg)}.canvas-projects-hero-mark svg{width:23px;height:23px}.canvas-projects-hero h1{margin:0;font-size:clamp(26px,3vw,42px);font-weight:780;letter-spacing:-.045em;line-height:1.1}.canvas-projects-hero h1 em{margin:0 .16em;color:#7d57ef;font-style:normal}.canvas-projects-hero>p{max-width:620px;margin:10px 0 0;color:#777187;font-size:14px;line-height:1.65}.canvas-projects-section{width:min(1260px,100%);margin:32px auto 0}.canvas-projects-section-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.canvas-projects-section-header>div{display:flex;align-items:baseline;gap:10px}.canvas-projects-section-header span{font-size:18px;font-weight:760}.canvas-projects-section-header strong{color:#8e879a;font-size:12px;font-weight:620}.canvas-project-search{display:flex;align-items:center;width:min(260px,38vw);height:38px;gap:8px;padding:0 10px 0 12px;color:#8c8798;border:1px solid rgba(118,108,150,.13);border-radius:12px;background:#ffffff8c}.canvas-project-search>svg{width:15px;height:15px;flex:none}.canvas-project-search input{width:100%;min-width:0;color:#29253b;border:0;outline:0;background:transparent;font:inherit;font-size:12px}.studio-shell .canvas-project-search button{display:grid;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;place-items:center;color:#8b8598!important;border:0!important;background:transparent!important}.canvas-project-search button svg{width:13px;height:13px}.canvas-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.canvas-project-new-card,.canvas-project-card{min-width:0;min-height:232px;overflow:hidden;border:1px solid rgba(113,103,140,.14);border-radius:18px;background:#ffffffa6;box-shadow:0 16px 42px #4d457414,inset 0 1px #ffffffd1;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.canvas-project-new-card:hover,.canvas-project-card:hover{border-color:#7d5bf042;box-shadow:0 24px 54px #4c3e8926,inset 0 1px #ffffffe6;transform:translateY(-3px)}.studio-shell .canvas-project-new-card{display:grid;min-height:232px!important;padding:0!important;place-content:center;place-items:center;gap:13px;color:#373142!important;border:1px solid rgba(113,103,140,.14)!important;border-radius:18px!important;background:#f2f1f6c7!important;box-shadow:0 16px 42px #4d457414,inset 0 1px #ffffffd1!important}.canvas-project-new-card>span{display:grid;width:54px;height:54px;place-items:center;color:#686273;border-radius:17px;background:#ffffffc2;box-shadow:0 12px 28px #4d43741c}.canvas-project-new-card svg{width:25px;height:25px}.canvas-project-new-card strong{font-size:14px;font-weight:690}.canvas-project-card{position:relative;display:grid;grid-template-rows:166px auto}.studio-shell .canvas-project-card-open{display:block;width:100%!important;min-width:0!important;height:166px!important;min-height:0!important;padding:9px 9px 0!important;overflow:hidden;color:inherit!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.canvas-project-cover{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:12px;background:#eeeaf4}.canvas-project-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .26s cubic-bezier(.16,1,.3,1)}.canvas-project-card:hover .canvas-project-cover>img{transform:scale(1.025)}.canvas-project-cover-empty{display:grid;width:100%;height:100%;place-items:center;color:#a39dac;background:radial-gradient(circle at 22% 24%,rgba(185,151,255,.2),transparent 32%),linear-gradient(145deg,#f1eff5,#e8e6ed)}.canvas-project-cover-empty svg{width:36px;height:36px;stroke-width:1.45}.canvas-project-cover i{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 8px;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#1f1b2994;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;font-style:normal;font-weight:680}.canvas-project-cover i svg{width:11px;height:11px}.canvas-project-card-copy{display:grid;align-content:center;min-width:0;padding:12px 42px 12px 13px}.canvas-project-card-copy strong{overflow:hidden;color:#292537;font-size:13px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.canvas-project-card-copy small{display:inline-flex;align-items:center;gap:5px;margin-top:5px;color:#96909f;font-size:10px}.canvas-project-card-copy small svg{width:11px;height:11px}.canvas-project-card-copy input{width:100%;height:28px;padding:0 8px;color:#282338;border:1px solid rgba(126,91,244,.38);border-radius:8px;outline:3px solid rgba(126,91,244,.08);background:#ffffffe0;font:inherit;font-size:12px;font-weight:650}.studio-shell .canvas-project-more{position:absolute;right:9px;bottom:18px;display:grid;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;place-items:center;color:#817b8c!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important}.studio-shell .canvas-project-more:hover,.studio-shell .canvas-project-more[aria-expanded=true]{color:#5f47c9!important;background:#e7e1fcc7!important}.canvas-project-more svg{width:16px;height:16px}.canvas-project-menu{position:absolute;right:8px;bottom:50px;z-index:20;display:grid;width:136px;padding:5px;border:1px solid rgba(113,103,140,.14);border-radius:12px;background:#fffffff5;box-shadow:0 18px 44px #30284b33;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-shell .canvas-project-menu button{display:flex;width:100%!important;height:34px!important;min-height:34px!important;justify-content:flex-start;gap:8px!important;padding:0 9px!important;color:#4c4658!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;font-size:11px!important}.studio-shell .canvas-project-menu button:hover{background:#efebf9e6!important}.studio-shell .canvas-project-menu button.is-danger{color:#c43c51!important}.canvas-project-menu svg{width:14px;height:14px}.canvas-projects-loading,.canvas-projects-empty-search{display:grid;min-height:230px;place-content:center;place-items:center;gap:8px;color:#918b9c;text-align:center;font-size:12px}.canvas-projects-loading svg,.canvas-projects-empty-search svg{width:28px;height:28px;color:#8767ee}.canvas-projects-loading svg{animation:canvas-spin 1.6s linear infinite}.canvas-projects-empty-search strong{color:#4e485a;font-size:14px}.canvas-project-delete-dialog{width:min(440px,calc(100vw - 32px))!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:20px!important;background:#fbf9fff5!important;box-shadow:0 34px 90px #342c524d!important}.canvas-project-delete-dialog [data-slot=dialog-title]{color:#292438}.canvas-project-delete-dialog [data-slot=dialog-description]{color:#716a7d;line-height:1.65}.canvas-project-delete-dialog footer button{min-width:88px;min-height:38px;padding:0 16px;color:#554e63;border:1px solid rgba(112,101,139,.16);border-radius:11px;background:#ffffffc7;font:inherit;font-size:12px;font-weight:680}.canvas-project-delete-dialog footer button.is-danger{color:#fff;border-color:#c84158;background:#c84158}@media(max-width:900px){.canvas-projects-page{min-height:calc(100dvh - 76px);padding:18px 16px 48px}.canvas-projects-section{margin-top:32px}.canvas-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.canvas-projects-hero h1{font-size:25px}.canvas-projects-section-header{align-items:stretch;flex-direction:column}.canvas-project-search{width:100%}.canvas-project-grid{grid-template-columns:1fr}}@media(min-width:981px){.studio-shell.canvas-mode-active.canvas-hub-active{display:grid!important;grid-template-columns:var(--studio-home-sidebar-width) minmax(0,1fr)!important;min-height:100dvh!important;background:transparent!important}.studio-shell.canvas-mode-active.canvas-hub-active>.sidebar{display:flex!important;width:var(--studio-home-sidebar-width)!important;min-width:var(--studio-home-sidebar-width)!important}.studio-shell.canvas-mode-active.canvas-hub-active>.main{position:relative!important;inset:auto!important;z-index:auto!important;grid-column:2!important;width:auto!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:16px 28px 32px!important;overflow:hidden!important}.studio-shell.canvas-mode-active.canvas-hub-active>.main>.topbar{display:grid!important}.studio-shell.canvas-mode-active.canvas-hub-active .canvas-projects-page{min-height:calc(100dvh - 86px);border-color:var(--studio-home-panel-border-color);background:var(--studio-home-panel-background);box-shadow:var(--studio-home-panel-shadow);backdrop-filter:blur(12px) saturate(128%);-webkit-backdrop-filter:blur(12px) saturate(128%)}}.studio-shell .wuli-context-controls .wuli-generate-cost{min-width:112px!important;height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:19px!important}.wuli-generate-copy{display:grid;gap:1px;justify-items:start;line-height:1.05}.wuli-generate-copy strong{font-size:11px;font-weight:700}.wuli-generate-copy small{font-size:8px;font-weight:550;opacity:.76}