@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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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}}}@layer theme{:root,:host{--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-violet-600:#7f22fe;--color-fuchsia-200:#f6cfff;--color-fuchsia-300:#f2a9ff;--color-fuchsia-400:#ec6cff;--color-fuchsia-500:#e12afb;--color-fuchsia-600:#c600db;--color-pink-600:#e30076;--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--radius-md:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Cascadia Code", "SFMono-Regular", Consolas, ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-fuchsia-200:lab(87.7108% 19.9958 -18.2054);--color-fuchsia-300:lab(78.5378% 39.3533 -32.9615);--color-fuchsia-400:lab(66.1178% 66.0652 -52.4733);--color-fuchsia-500:lab(56.4256% 83.132 -64.639);--color-fuchsia-600:lab(47.5131% 83.4271 -63.0363);--color-pink-600:lab(49.5493% 79.8381 2.31768)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{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)}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,ui-sans-serif,system-ui,sans-serif}body{background-color:var(--background);color:var(--foreground)}button,input,textarea,select{font:inherit}}@layer components{.admin-input{height:calc(var(--spacing) * 12);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;border-radius:1.5rem;width:100%}@supports (color:color-mix(in lab, red, red)){.admin-input{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.admin-input{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.admin-input{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.admin-input{padding-inline:calc(var(--spacing) * 4);color:var(--color-white);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));--tw-outline-style:none;outline-style:none}.admin-input::placeholder{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.admin-input::placeholder{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.admin-input:focus{border-color:var(--color-fuchsia-400)}.admin-field{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:#ffffffb3;display:grid}@supports (color:color-mix(in lab, red, red)){.admin-field{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.admin-primary{align-items:center;gap:calc(var(--spacing) * 2);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-fuchsia-600);--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));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));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:var(--color-white);border-radius:1.5rem;display:flex}.admin-primary:disabled{cursor:not-allowed;opacity:.5}.admin-secondary{align-items:center;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;border-radius:1.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.admin-secondary{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.admin-secondary{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:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.admin-secondary{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.admin-secondary{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){.admin-secondary:hover{color:var(--color-white)}}.admin-secondary:disabled{cursor:not-allowed;opacity:.5}.auth-page{background:var(--background);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel);gap:20px;width:min(100%,420px);padding:24px;display:grid}.auth-brand{color:var(--foreground);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.auth-brand__mark{border-radius:var(--radius-control);background:var(--primary);width:42px;height:42px;color:var(--foreground);place-items:center;display:grid}.auth-form,.auth-field{gap:12px;display:grid}.auth-form{gap:16px}.auth-form__head h1{color:var(--foreground);font-size:24px;font-weight:700;line-height:1.2}.auth-field span{color:var(--muted-strong);font-size:14px}.auth-field input,.auth-submit{border:1px solid var(--border-subtle);border-radius:var(--radius-control);width:100%;height:48px;transition:border-color var(--motion-base), background var(--motion-base), color var(--motion-base);outline:none}.auth-field input{background:var(--surface);color:var(--foreground);padding:0 13px}.auth-field input::placeholder{color:var(--muted)}.auth-field input:focus,.auth-password:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.auth-field input:focus,.auth-password:focus-within{border-color:color-mix(in srgb, var(--primary) 52%, transparent)}}.auth-password{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:32px minmax(0,1fr) 42px;align-items:center;display:grid}.auth-password>svg{color:var(--muted-strong);justify-self:center}.auth-password input{background:0 0;border:0;width:100%;min-width:0;padding-left:0}.auth-password button{z-index:1;width:42px;height:42px;color:var(--muted-strong);cursor:pointer;transition:transform var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:relative}.auth-password button:hover:not(:disabled){color:var(--foreground);background:0 0}.auth-password button:active:not(:disabled){transform:scale(.94)}.auth-submit{border-color:var(--primary);background:var(--primary);color:var(--foreground);justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.auth-submit:disabled{cursor:not-allowed;opacity:.56}.auth-error{color:var(--primary);font-size:13px}.auth-switch{text-align:center}.auth-switch a{color:var(--primary);font-size:14px;font-weight:600}@media (max-width:520px){.auth-page{align-items:start;padding:18px}.auth-card{gap:18px;padding:22px}.auth-brand__mark{width:38px;height:38px}.auth-form__head h1{font-size:22px}}.shell-root{flex-direction:column;display:flex}.shell-header{z-index:var(--z-header);height:var(--header-height);border-bottom:1px solid var(--border-subtle);background:var(--background);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.shell-header{background:color-mix(in srgb, var(--background) 96%, transparent)}}.shell-header{padding:0 var(--space-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell-header__brand,.shell-header__actions{align-items:center;gap:var(--space-stack);min-width:0;display:flex}.shell-header__actions{justify-content:flex-end}.shell-header__menu{display:none}.shell-brand,.shell-drawer__brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.shell-brand__logo{width:38px;height:38px;color:var(--foreground)}.shell-brand__text{color:var(--foreground);white-space:nowrap;font-size:19px;font-weight:600;line-height:1.1}.shell-main{flex:1;min-height:0;overflow:hidden}.shell-grid{width:100%;height:calc(100dvh - var(--header-height));grid-template-columns:var(--sidebar-width) var(--control-panel-width) minmax(0, 1fr);padding:14px var(--space-panel);gap:14px;display:grid;overflow:hidden}.shell-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel);min-width:0;min-height:0}.shell-nav{z-index:30;width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);border-radius:var(--radius-card);background:linear-gradient(#0d0d12fa,#07070afa);border:1px solid #ffffff14;flex-direction:column;min-height:0;display:flex;position:relative;overflow:visible;box-shadow:inset -1px 0 #ffffff06}.shell-root--account-center .shell-grid{grid-template-columns:var(--sidebar-width) minmax(0, 1fr)}.shell-root--account-center .shell-panel--controls{display:none}.shell-root--account-center .shell-panel--preview{background:radial-gradient(circle at 16% 0,#ff2b8812,#0000 30%),#09090b;border-color:#ffffff14}.shell-root--account-center .shell-panel__body--preview{padding:20px 24px 28px}.shell-nav__brand{min-height:76px;color:var(--foreground);align-items:center;gap:11px;padding:0 15px;display:flex}.shell-nav__brand-logo{width:38px;height:38px;color:var(--primary)}.shell-nav__brand-copy{gap:3px;min-width:0;line-height:1;display:grid}.shell-nav__brand-copy strong{color:#fffffff0;letter-spacing:0;font-size:18px;font-weight:720}.shell-nav__brand-copy small{color:#ffffff7a;letter-spacing:.18em;white-space:nowrap;font-size:8.5px;font-weight:650}.shell-login,.shell-account,.shell-icon-button,.studio-secondary-button{min-height:var(--touch-target);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);justify-content:center;align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.shell-login,.shell-account,.shell-icon-button,.studio-secondary-button{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.shell-login,.shell-account,.shell-icon-button,.studio-secondary-button{color:var(--muted-strong);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);font-size:14px}.shell-login,.shell-account,.studio-secondary-button{padding:0 12px}.shell-icon-button{width:var(--touch-target);height:var(--touch-target)}.shell-header .shell-header__menu{display:none}.shell-login:hover,.shell-account:hover,.shell-icon-button:hover,.studio-secondary-button:hover{border-color:var(--border-strong);background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.shell-login:hover,.shell-account:hover,.shell-icon-button:hover,.studio-secondary-button:hover{background:color-mix(in srgb, var(--surface-hover) 86%, transparent)}}.shell-login:hover,.shell-account:hover,.shell-icon-button:hover,.studio-secondary-button:hover{color:var(--foreground)}.shell-login:focus-visible,.shell-account:focus-visible,.shell-icon-button:focus-visible,.studio-secondary-button:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-login:focus-visible,.shell-account:focus-visible,.shell-icon-button:focus-visible,.studio-secondary-button:focus-visible{border-color:color-mix(in srgb, var(--primary) 52%, transparent)}}.shell-login:focus-visible,.shell-account:focus-visible,.shell-icon-button:focus-visible,.studio-secondary-button:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-login:focus-visible,.shell-account:focus-visible,.shell-icon-button:focus-visible,.studio-secondary-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}}.shell-login:focus-visible,.shell-account:focus-visible,.shell-icon-button:focus-visible,.studio-secondary-button:focus-visible{color:var(--foreground);outline:none}.shell-login:active,.shell-account:active,.shell-icon-button:active,.studio-secondary-button:active{transform:translateY(1px)}.shell-icon-button:disabled,.studio-secondary-button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.studio-secondary-button--accent{border-color:var(--primary);background:var(--primary);color:var(--foreground)}.studio-secondary-button--accent:hover{border-color:var(--primary-hover);background:var(--primary-hover);color:var(--foreground)}.shell-account__avatar{border-radius:var(--radius-chip);background:var(--primary-soft);width:24px;height:24px;color:var(--primary);place-items:center;font-size:11px;font-weight:600;display:grid}.shell-account__meta{gap:1px;min-width:0;line-height:1.05;display:inline-grid}.shell-account__name,.shell-account__points{text-overflow:ellipsis;white-space:nowrap;max-width:118px;overflow:hidden}.shell-account__points{color:#ff8ac4;font-size:11px;font-weight:720}.shell-drawer__nav{scrollbar-color:var(--muted) transparent;align-content:start;gap:18px;min-height:0;display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.shell-drawer__nav{scrollbar-color:color-mix(in srgb, var(--muted) 28%, transparent) transparent}}.shell-drawer__nav{scrollbar-width:thin}.shell-nav__scroll{scrollbar-color:var(--muted) transparent;flex:auto;min-height:0;padding:0 8px 12px;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.shell-nav__scroll{scrollbar-color:color-mix(in srgb, var(--muted) 28%, transparent) transparent}}.shell-nav__scroll{scrollbar-width:thin}.shell-nav__groups{align-content:start;gap:20px;display:grid}.shell-nav__scroll::-webkit-scrollbar{width:6px;height:6px}.shell-drawer__nav::-webkit-scrollbar{width:6px;height:6px}.shell-panel__body::-webkit-scrollbar{width:6px;height:6px}.shell-nav__scroll::-webkit-scrollbar-track{background:0 0}.shell-drawer__nav::-webkit-scrollbar-track{background:0 0}.shell-panel__body::-webkit-scrollbar-track{background:0 0}.shell-nav__scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-chip);background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-nav__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 24%, transparent)}}.shell-drawer__nav::-webkit-scrollbar-thumb{border-radius:var(--radius-chip);background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-drawer__nav::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 24%, transparent)}}.shell-panel__body::-webkit-scrollbar-thumb{border-radius:var(--radius-chip);background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-panel__body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 24%, transparent)}}.shell-nav__scroll:hover::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-nav__scroll:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 38%, transparent)}}.shell-drawer__nav:hover::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-drawer__nav:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 38%, transparent)}}.shell-panel__body:hover::-webkit-scrollbar-thumb{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shell-panel__body:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 38%, transparent)}}.shell-nav__group,.shell-nav__items{gap:6px;display:grid}.shell-nav__group-title,.shell-eyebrow{color:var(--muted-strong)}@supports (color:color-mix(in lab, red, red)){.shell-nav__group-title,.shell-eyebrow{color:color-mix(in srgb, var(--muted-strong) 94%, transparent)}}.shell-nav__group-title,.shell-eyebrow{letter-spacing:.08em;font-size:11px;font-weight:620;line-height:1.2}.shell-nav__group-title{color:#ffffff75;letter-spacing:.04em;margin-bottom:2px;padding:0 8px;font-size:11.5px;font-weight:500}.shell-nav-item{border-radius:var(--radius-control);min-height:40px;color:var(--foreground);background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px 7px 12px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.shell-nav-item{color:color-mix(in srgb, var(--foreground) 96%, transparent)}}.shell-nav-item{text-align:left;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter)}.shell-nav-item:before{border-radius:var(--radius-chip);content:"";background:0 0;width:2px;display:none;position:absolute;top:9px;bottom:9px;left:4px}.shell-nav-item__indicator{border-radius:var(--radius-chip);background:linear-gradient(180deg, var(--primary), var(--accent-purple));opacity:0;transform-origin:50%;width:3px;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-layout) var(--ease-enter);position:absolute;top:8px;bottom:8px;left:0;transform:scaleY(.36);box-shadow:0 0 10px #ff2b8847}.shell-nav-item:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.shell-nav-item:hover{background:color-mix(in srgb, var(--surface) 74%, transparent)}}.shell-nav-item:hover{color:var(--foreground)}.shell-nav-item:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-nav-item:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}}.shell-nav-item:focus-visible{outline:none}.shell-nav-item.is-active{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.shell-nav-item.is-active{background:color-mix(in srgb, var(--primary-soft) 70%, transparent)}}.shell-nav-item.is-active{color:var(--primary)}.shell-nav-item.is-active .shell-nav-item__indicator{opacity:1;transform:scaleY(1)}.shell-nav-item__icon{width:18px;height:18px}.shell-nav-item__icon-wrap{flex:none;place-items:center;width:22px;height:22px;display:grid;position:relative}.shell-nav-item__icon-secondary{color:currentColor;stroke-width:2.6px;width:11px;height:11px;position:absolute;bottom:-2px;right:-3px}.shell-nav-item__icon-wrap .shell-nav-item__icon{flex:none}.shell-nav-item__text{min-width:0}.shell-nav-item__label,.shell-nav-item__desc{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shell-nav-item__label{font-size:14px;font-weight:620;line-height:1.2}.shell-nav-item__desc{color:currentColor;margin-top:2px}@supports (color:color-mix(in lab, red, red)){.shell-nav-item__desc{color:color-mix(in srgb, currentColor 62%, transparent)}}.shell-nav-item__desc{font-size:12px;line-height:1.2}.shell-nav .shell-nav-item{height:42px;min-height:42px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);border:1px solid #0000;border-radius:9px;gap:11px;padding:0 14px}.shell-nav .shell-nav-item:before{width:3px;left:0}.shell-nav .shell-nav-item:hover{background:#ffffff0e;transform:translate(1px)}.shell-nav .shell-nav-item.is-active{color:#ff3b91;background:linear-gradient(90deg,#ff207a33,#ff207a12);border-color:#ff2d872e;box-shadow:inset 0 1px 10px #ff207a14}.shell-nav .shell-nav-item.is-active:before{box-shadow:none;background:0 0}.shell-nav .shell-nav-item__icon-wrap{color:#ffffff9e;width:18px;height:18px;transition:transform var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter)}.shell-nav .shell-nav-item:hover .shell-nav-item__icon-wrap{color:#ffffffe0;transform:scale(1.04)}.shell-nav .shell-nav-item.is-active .shell-nav-item__icon-wrap{color:#ff3b91}.shell-nav .shell-nav-item__label{font-size:14.5px;font-weight:560}.shell-nav__account{transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:radial-gradient(circle at 16% 0,#ff2b8814,#0000 45%),#ffffff09;border:1px solid #ffffff17;border-radius:14px;gap:8px;margin:0 8px 10px;padding:9px;display:grid;position:relative}.shell-nav__account:hover,.shell-nav__account.is-open,.shell-nav__account.is-active{background:radial-gradient(circle at 16% 0,#ff2b8824,#0000 48%),#ffffff0c;border-color:#ff2b8842;box-shadow:0 10px 24px #ff2b8814}.shell-nav__account:hover{transform:translateY(-1px)}.shell-nav__account:hover .shell-nav-account__avatar,.shell-nav__account.is-open .shell-nav-account__avatar,.shell-nav__account.is-active .shell-nav-account__avatar{color:#fff;background:#ff2b881a;border-color:#ff2b8838}.shell-nav-account__main{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.shell-nav-account__main--button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.shell-nav-account__main--button:focus-visible{border-radius:10px;outline:none;box-shadow:0 0 0 3px #ff2b8824}.shell-nav-account__avatar{color:#ffffffdb;width:34px;height:34px;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px;place-items:center;font-size:12.5px;font-weight:700;display:grid}.shell-nav-account__copy{gap:0;min-width:0;display:grid}.shell-nav-account__copy strong,.shell-nav-account__copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-nav-account__copy strong{color:#ffffffe6;font-size:12.5px;font-weight:640}.shell-nav-account__copy span{color:#ffffffa8;font-size:12.5px;font-weight:620;line-height:1.25}.shell-nav-account__chevron{color:#ffffff6b;transition:transform var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter)}.shell-nav-account__chevron.is-open{color:#ffffffb8;transform:rotate(180deg)}.shell-nav-account__actions{grid-template-columns:1fr;gap:6px;display:grid}.shell-nav-account__actions.is-split{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-nav-account__button{color:#ffffffc2;min-width:0;min-height:32px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.shell-nav-account__button:hover,.shell-nav-account__button.is-active{color:#fff;background:#ff207a1a;border-color:#ff3b9142}.shell-nav-account__button--checkin{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-nav-account__button--checkin{border-color:color-mix(in srgb, var(--primary) 34%, #ffffff14)}}.shell-nav-account__button--checkin{color:#ffd7e8;background:linear-gradient(135deg,#ff2b882e,#ff2b8812)}.shell-nav-account__button--checkin:hover,.shell-nav-account__button--checkin.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-nav-account__button--checkin:hover,.shell-nav-account__button--checkin.is-active{border-color:color-mix(in srgb, var(--primary) 54%, #ffffff1f)}}.shell-nav-account__button--checkin:hover,.shell-nav-account__button--checkin.is-active{background:linear-gradient(135deg,#ff2b8857,#a452ff29)}.shell-nav-account__button:focus-visible{border-color:#ff2b8875;outline:none;box-shadow:0 0 0 3px #ff2b8824}.shell-nav-account__button:active{transform:translateY(1px)}.shell-nav-account__button--admin{color:#ffa0caeb;border-color:#ff3b912e}.shell-nav-account__button--primary,.shell-nav-account__button--secondary{color:#e7d7ff;background:linear-gradient(135deg,#a452ff29,#ffffff09);border-color:#a452ff52}.shell-nav-account__button--primary{color:#ffe0ee;background:linear-gradient(135deg,#ff2b8833,#a452ff24);border-color:#ff2b8857}.shell-nav-account__button--primary:hover,.shell-nav-account__button--secondary:hover{color:#fff;background:linear-gradient(135deg,#a452ff47,#ff2b881f);border-color:#a452ff8a}.shell-nav-account__popover{z-index:120;width:min(350px,100vw - 28px);animation:account-popover-open .26s var(--ease-enter) both;transform-origin:0 100%;position:absolute;bottom:calc(100% + 10px);left:0}.shell-nav-account__popover.is-closing,.shell-header-account__popover.is-closing{pointer-events:none;animation:account-popover-close .14s var(--ease-exit) both}.shell-header-account__popover{z-index:90;width:min(350px,100vw - 24px);animation:account-popover-open .26s var(--ease-enter) both;transform-origin:100% 0;position:absolute;top:calc(100% + 12px);right:16px}.shell-header-account__popover .account-popover-card{max-height:min(620px, calc(100dvh - var(--header-height) - 28px))}.shell-nav-account__popover:focus-visible,.shell-header-account__popover:focus-visible{outline:none}.account-popover-card{color:#ffffffb8;will-change:transform, opacity;background:radial-gradient(circle at 12% 0,#ff2b8821,#0000 38%),linear-gradient(#141419fa,#0c0c10fa);border:1px solid #ffffff1a;border-radius:14px;gap:12px;max-height:min(620px,100dvh - 34px);padding:14px;display:grid;overflow:auto;box-shadow:0 18px 44px #00000061}.account-popover-card__head{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;display:grid}.account-popover-card__avatar{color:#fff;background:linear-gradient(135deg,#ff2b88e6,#a452ffe6);border:1px solid #ffffff1a;border-radius:999px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:720;display:grid}.account-popover-card__identity{gap:3px;min-width:0;display:grid}.account-popover-card__identity strong,.account-popover-card__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-popover-card__identity strong{color:#ffffffeb;font-size:15px;font-weight:680}.account-popover-card__identity span{color:#ffffff7a;font-size:12px}.account-popover-card__checkin{color:#ffffffb3;width:auto;min-width:68px;height:32px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;display:inline-flex}.account-popover-card__checkin:hover:not(:disabled){color:#fff;background:#ff2b8814;border-color:#ff2b884d}.account-popover-card__checkin:active:not(:disabled){transform:translateY(1px)}.account-popover-card__checkin:disabled{cursor:not-allowed;opacity:.52}.account-popover-card__rows{gap:7px;display:grid}.account-popover-card__rows div{min-width:0;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex;position:relative}.account-popover-card__rows div:after{border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-enter);content:"";background:radial-gradient(circle at 18% 0,#ff2b8824,#0000 46%);position:absolute;inset:0}.account-popover-card__rows div>*{z-index:1;position:relative}.account-popover-card__rows div:hover{background:#ffffff0e;border-color:#ff2b882e;transform:translateY(-1px)}.account-popover-card__rows div:hover:after,.account-popover-card__rows [data-account-row=quota]:after{opacity:1}.account-popover-card__rows span{color:#ffffff8a;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.2;display:inline-flex}.account-popover-card__rows strong{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:660;line-height:1.2;overflow:hidden}.account-popover-card__hint{color:#ffffff75;margin:-1px 0 0;font-size:12px;line-height:1.45}.account-popover-card__error{color:#ffe2bedb;background:#ffb64a0e;border:1px solid #ffb64a2e;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.account-popover-card__error button,.account-popover-row button,.account-popover-nav-row{color:#ffffffb3;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:640;display:inline-flex}.account-popover-card__error button{min-height:28px;padding:0 8px}.account-popover-row{grid-template-columns:minmax(92px,1fr) minmax(0,auto) auto;display:grid!important}.account-popover-row button{min-height:28px;padding:0 8px}.account-popover-row button:hover:not(:disabled),.account-popover-card__error button:hover:not(:disabled),.account-popover-nav-row:hover:not(:disabled){color:#fff;background:#ff2b8813;border-color:#ff2b8847;transform:translateY(-1px)}.account-popover-row button:disabled,.account-popover-card__error button:disabled,.account-popover-nav-row:disabled{cursor:not-allowed;opacity:.52;transform:none}.account-popover-card__nav{border-top:1px solid #ffffff12;gap:7px;padding-top:10px;display:grid}.account-popover-nav-row{text-align:left;justify-content:space-between;min-height:36px;padding:0 10px}.account-popover-nav-row span{align-items:center;gap:7px;min-width:0;display:inline-flex}.account-popover-nav-row em{color:#ffffff7a;font-size:12px;font-style:normal}.account-popover-nav-row.is-current{color:#ffe1eeeb;opacity:1;background:#ff2b8814;border-color:#ff2b882e}.account-popover-card__actions{gap:9px;display:grid}.account-popover-card__primary,.account-popover-card__secondary,.account-popover-card__logout{min-height:40px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.account-popover-card__primary{color:#fff;background:linear-gradient(90deg,#ff2b88,#a452ff);border:1px solid #ff2b886b;box-shadow:0 10px 24px #ff2b882e}.account-popover-card__primary:hover:not(:disabled),.account-popover-card__secondary:hover:not(:disabled){transform:translateY(-1px)}.account-popover-card__primary:active:not(:disabled),.account-popover-card__secondary:active:not(:disabled),.account-popover-card__logout:active:not(:disabled){transform:translateY(1px)}.account-popover-card__primary:focus-visible,.account-popover-card__secondary:focus-visible,.account-popover-card__logout:focus-visible{outline:none;box-shadow:0 0 0 3px #ff2b8824}.account-popover-card__primary:disabled,.account-popover-card__secondary:disabled,.account-popover-card__logout:disabled{cursor:not-allowed;opacity:.55}.account-popover-card__secondary{color:#ffffffe0;background:#ffffff0b;border:1px solid #ffffff1a}.account-popover-card__secondary:hover:not(:disabled){color:#fff;background:#ff2b8814;border-color:#ff2b8857}.account-popover-card__logout{color:#ffffff8a;background:0 0;border:0;min-height:32px}.account-popover-card__logout:hover:not(:disabled){color:#ffffffdb}.shell-panel{z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}.shell-panel--controls{background:radial-gradient(circle at 18% 0,#ff207a1f,#0000 32%),linear-gradient(#0f0e15f5,#08080cfa);border-color:#ffffff18;position:relative;box-shadow:inset 0 1px #ffffff09}.shell-panel--preview{background:var(--panel-2)}@supports (color:color-mix(in lab, red, red)){.shell-panel--preview{background:color-mix(in srgb, var(--panel-2) 72%, var(--panel))}}.shell-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-stack);border-bottom:1px solid var(--border-subtle);display:flex}@supports (color:color-mix(in lab, red, red)){.shell-panel__header{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent)}}.shell-panel__header{padding:var(--space-panel)}.shell-title{color:var(--foreground);margin-top:6px;font-size:22px;font-weight:600;line-height:1.25}.shell-description{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.shell-panel__body{min-height:0;padding:var(--space-panel);scrollbar-color:var(--muted) transparent;flex:1;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.shell-panel__body{scrollbar-color:color-mix(in srgb, var(--muted) 28%, transparent) transparent}}.shell-panel__body{scrollbar-width:thin}.shell-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-chip);background:var(--surface);align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.shell-chip{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.shell-chip{color:var(--muted);white-space:nowrap;padding:5px 10px;font-size:12px;line-height:1.2}.shell-mobile-tabs,.shell-mobile-action-slot,.shell-mobile-space,.shell-drawer-backdrop,.shell-drawer{display:none}.studio-form-panel{gap:var(--space-block);min-height:100%;display:grid}.studio-preview__top h3{color:var(--foreground);font-size:20px;font-weight:600;line-height:1.25}.studio-preview__top p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.studio-form-panel__content,.studio-mode,.studio-field,.studio-preview,.studio-preview__content,.studio-steps{gap:var(--space-stack);display:grid}.studio-form-panel__content{min-width:0;min-height:100%;padding-bottom:var(--space-stack);align-content:start}.studio-field{min-width:0}.studio-field__body{width:100%;min-width:0}.studio-dual-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;display:grid}.studio-field__label{justify-content:space-between;align-items:center;gap:var(--space-stack);color:var(--muted-strong);font-size:14px;line-height:1.35;display:flex}.studio-field__label-text{align-items:baseline;gap:3px;min-width:0;display:inline-flex}.studio-field__meta,.studio-prompt-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.studio-prompt-actions{row-gap:6px}.studio-prompt-action{border:1px solid var(--primary);justify-content:center;align-items:center;gap:6px;min-height:30px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action{border:1px solid color-mix(in srgb, var(--primary) 34%, var(--border-subtle))}}.studio-prompt-action{border-radius:var(--radius-control);background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action{background:color-mix(in srgb, var(--primary-soft) 58%, transparent)}}.studio-prompt-action{color:var(--primary);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);padding:0 10px;font-size:12px;font-weight:640}.studio-prompt-action__copy{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.studio-prompt-action__copy small{color:currentColor}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action__copy small{color:color-mix(in srgb, currentColor 68%, var(--muted-strong))}}.studio-prompt-action__copy small{font-size:10px;font-weight:600;line-height:1}.studio-prompt-action:hover:not(:disabled),.studio-prompt-action:focus-visible{border-color:var(--primary);background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action:hover:not(:disabled),.studio-prompt-action:focus-visible{background:color-mix(in srgb, var(--primary-soft) 82%, var(--surface))}}.studio-prompt-action:hover:not(:disabled),.studio-prompt-action:focus-visible{color:var(--foreground)}.studio-prompt-action:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.studio-prompt-action:focus-visible{outline:none}.studio-prompt-action:active:not(:disabled){transform:translateY(1px)}.studio-prompt-action:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.studio-prompt-action--clear:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action--clear:not(:disabled){border-color:color-mix(in srgb, var(--primary) 64%, transparent)}}.studio-prompt-action--clear:not(:disabled){background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-prompt-action--clear:not(:disabled){background:color-mix(in srgb, var(--primary-soft) 82%, var(--surface))}}.studio-prompt-action--clear:not(:disabled){color:var(--primary)}.studio-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-required{color:var(--primary);font-weight:600}.studio-mode__options{border:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-mode__options{border:1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent)}}.studio-mode__options{border-radius:var(--radius-control);background:var(--background)}@supports (color:color-mix(in lab, red, red)){.studio-mode__options{background:color-mix(in srgb, var(--background) 34%, var(--surface))}}.studio-mode__options{padding:4px}.studio-mode__button,.studio-custom-select__button,.studio-input,.studio-textarea,.studio-primary-action{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);width:100%;color:var(--foreground);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);outline:none}.studio-mode__button{isolation:isolate;min-height:36px;color:var(--muted-strong);background:0 0;border-color:#0000;padding:0 12px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.studio-mode__button:before{content:"";z-index:-1;border-radius:calc(var(--radius-control) - 2px);background:linear-gradient(135deg, var(--primary), #a452ff29), var(--surface-hover);position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.studio-mode__button:before{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 22%, transparent), #a452ff29), color-mix(in srgb, var(--surface-hover) 70%, transparent)}}.studio-mode__button:before{opacity:0;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);transform:scale(.96)}.studio-mode__button:hover,.studio-mode__button.is-active,.studio-custom-select__button:focus,.studio-custom-select.is-open .studio-custom-select__button,.studio-input:hover,.studio-textarea:hover,.studio-input:focus,.studio-textarea:focus{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-mode__button:hover,.studio-mode__button.is-active,.studio-custom-select__button:focus,.studio-custom-select.is-open .studio-custom-select__button,.studio-input:hover,.studio-textarea:hover,.studio-input:focus,.studio-textarea:focus{border-color:color-mix(in srgb, var(--primary) 42%, transparent)}}.studio-mode__button:hover,.studio-mode__button.is-active,.studio-custom-select__button:focus,.studio-custom-select.is-open .studio-custom-select__button,.studio-input:hover,.studio-textarea:hover,.studio-input:focus,.studio-textarea:focus{color:var(--foreground)}.studio-custom-select__button:focus-visible,.studio-input:focus,.studio-textarea:focus{background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__button:focus-visible,.studio-input:focus,.studio-textarea:focus{background:color-mix(in srgb, var(--surface-hover) 84%, var(--surface))}}.studio-custom-select__button:focus-visible,.studio-input:focus,.studio-textarea:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__button:focus-visible,.studio-input:focus,.studio-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}}.studio-mode__button:hover:not(.is-active){color:var(--foreground)}.studio-mode__button:hover:not(.is-active):before{opacity:.42;transform:scale(1)}.studio-mode__button:active,.studio-custom-select__button:active:not(:disabled){transform:translateY(1px)}.studio-mode__button:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-mode__button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}}.studio-mode__button:focus-visible{outline:none}.studio-mode__button.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-mode__button.is-active{border-color:color-mix(in srgb, var(--primary) 38%, transparent)}}.studio-mode__button.is-active{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:0 0}@supports (color:color-mix(in lab, red, red)){.studio-mode__button.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 14%, transparent)}}.studio-mode__button.is-active:before{opacity:1;transform:scale(1)}.studio-template-scroll{overscroll-behavior-x:contain;cursor:grab;scrollbar-width:thin;touch-action:pan-x;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;padding-bottom:4px;overflow:auto hidden}.shell-panel--controls .studio-template-scroll{scrollbar-width:none;margin:0 -2px;padding:2px 2px 8px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 18px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 18px),#0000)}.shell-panel--controls .studio-template-scroll::-webkit-scrollbar{display:none}.studio-template-scroll.is-dragging{cursor:grabbing}.studio-template-section{gap:10px;min-width:0;display:grid;overflow:hidden}.shell-panel--controls .studio-template-section{gap:8px;position:relative}.studio-template-section__head{justify-content:space-between;align-items:flex-end;gap:10px;min-width:0;display:flex}.shell-panel--controls .studio-template-section__head{align-items:center}.shell-panel--controls .studio-template-section__head .shell-eyebrow{color:var(--muted-strong);font-size:14px;font-weight:400;line-height:1.35}.studio-template-section__head>div{min-width:0}.studio-template-section__link{flex:none;min-height:34px;padding:0 10px;font-size:12px}.shell-panel--controls .studio-template-section__link{background:#ffffff09;border-color:#ffffff14;min-height:28px}.shell-panel--controls .studio-template-section__link:hover{border-color:#ff3b9138}.studio-template-track{gap:10px;min-width:max-content;padding-top:2px;display:flex}.shell-panel--controls .studio-template-track{gap:8px;padding-top:0}.studio-template-card{border-radius:var(--radius-card);text-align:left;min-width:152px;transition:transform var(--motion-base), filter var(--motion-base);background:0 0;border:0;flex:0 0 152px;padding:0}.shell-panel--controls .studio-template-card{border-radius:10px;flex-basis:88px;min-width:88px;transition:transform .18s,filter .18s}.studio-template-card:hover{transform:translateY(-1px)}.shell-panel--controls .studio-template-card:hover{transform:translateY(-2px)}.studio-template-card.is-active{filter:drop-shadow(0 0 .75rem var(--primary))}@supports (color:color-mix(in lab, red, red)){.studio-template-card.is-active{filter:drop-shadow(0 0 .75rem color-mix(in srgb, var(--primary) 34%, transparent))}}.shell-panel--controls .studio-template-card.is-active{filter:none}.studio-template-card__thumb{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel);display:grid;position:relative;overflow:hidden}.shell-panel--controls .studio-template-card__thumb{aspect-ratio:auto;background:#ffffff09;border-color:#ffffff1c;border-radius:10px;height:76px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff08}.shell-panel--controls .studio-template-card:hover .studio-template-card__thumb{border-color:#ffffff2e}.shell-panel--controls .studio-template-card.is-active .studio-template-card__thumb{background:#ff207a14;border-color:#ff3b9194;box-shadow:inset 0 0 0 1px #ff207a29,inset 0 -18px 32px #ff207a0f}.studio-template-card__thumb img{object-fit:cover;width:100%;height:100%}.shell-panel--controls .studio-template-card__thumb img{transition:transform .22s;transform:scale(1)}.shell-panel--controls .studio-template-card:hover .studio-template-card__thumb img{transform:scale(1.035)}.studio-template-card__fade{background:linear-gradient(#0000,#000000db);height:56%;position:absolute;inset:auto 0 0}.shell-panel--controls .studio-template-card__fade{background:linear-gradient(#0000 16%,#000000d6);height:68%}.studio-template-card__badge,.studio-template-card__label{z-index:1;position:absolute;left:10px;right:10px}.studio-template-card__badge{border-radius:var(--radius-chip);background:var(--background);width:fit-content;top:10px}@supports (color:color-mix(in lab, red, red)){.studio-template-card__badge{background:color-mix(in srgb, var(--background) 68%, transparent)}}.studio-template-card__badge{color:var(--foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 7px;font-size:11px;line-height:1}.shell-panel--controls .studio-template-card__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080c94;border:1px solid #ffffff14;max-width:calc(100% - 12px);padding:3px 5px;top:6px;left:6px;right:auto}.studio-template-card__label{color:var(--foreground);font-size:14px;font-weight:650;line-height:1.25;bottom:10px}.shell-panel--controls .studio-template-card__label{text-overflow:ellipsis;white-space:nowrap;bottom:7px;left:7px;right:7px;overflow:hidden}.template-center-panel,.template-center-browser{gap:14px;min-width:0;display:grid}.template-center-panel{overflow-x:hidden}.template-center-categories{gap:10px;display:grid}.template-center-category{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;display:grid}@supports (color:color-mix(in lab, red, red)){.template-center-category{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.template-center-category{color:var(--muted-strong);text-align:left;transition:border-color var(--motion-base), background var(--motion-base), color var(--motion-base);padding:13px 14px}.template-center-category span{gap:4px;min-width:0;display:grid}.template-center-category strong{color:var(--foreground);font-size:15px;line-height:1.3}.template-center-category small{color:var(--muted);font-size:12px;line-height:1.45}.template-center-category em{background:var(--background);border-radius:999px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.template-center-category em{background:color-mix(in srgb, var(--background) 46%, transparent)}}.template-center-category em{color:var(--muted);font-size:13px;font-style:normal;font-weight:700}.template-center-category:hover,.template-center-category.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-center-category:hover,.template-center-category.is-active{border-color:color-mix(in srgb, var(--primary) 50%, transparent)}}.template-center-category:hover,.template-center-category.is-active{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.template-center-category:hover,.template-center-category.is-active{background:color-mix(in srgb, var(--primary-soft) 38%, var(--surface))}}.template-center-category.is-active em{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-center-category.is-active em{background:color-mix(in srgb, var(--primary) 24%, var(--surface))}}.template-center-category.is-active em{color:var(--primary)}.template-center-browser__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-center-browser__head h3{color:var(--foreground);font-size:22px;font-weight:700;line-height:1.3}.template-center-tabs{border:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,320px);display:inline-grid}@supports (color:color-mix(in lab, red, red)){.template-center-tabs{border:1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent)}}.template-center-tabs{border-radius:var(--radius-control);background:var(--background)}@supports (color:color-mix(in lab, red, red)){.template-center-tabs{background:color-mix(in srgb, var(--background) 34%, var(--surface))}}.template-center-tabs{padding:4px}.template-center-tab{min-height:36px;color:var(--muted-strong);transition:border-color var(--motion-base), background var(--motion-base), color var(--motion-base);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}.template-center-tab.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-center-tab.is-active{border-color:color-mix(in srgb, var(--primary) 42%, transparent)}}.template-center-tab.is-active{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.template-center-tab.is-active{background:color-mix(in srgb, var(--primary-soft) 72%, var(--surface))}}.template-center-tab.is-active{color:var(--primary)}.template-center-search{display:grid;position:relative}.template-center-search-trigger,.template-center-filter-trigger{display:none}.template-center-search svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.template-center-search .studio-input{padding-left:38px}.template-center-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));align-items:stretch;gap:12px;min-width:0;display:grid}.template-center-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);grid-template-rows:auto auto 34px;align-content:stretch;gap:10px;min-width:0;height:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.template-center-card{background:color-mix(in srgb, var(--surface) 64%, transparent)}}.template-center-card{padding:10px}.template-center-card__thumb{aspect-ratio:1;border-radius:var(--radius-control);background:linear-gradient(135deg, var(--primary), transparent), var(--panel);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.template-center-card__thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 16%, transparent), transparent), var(--panel)}}.template-center-card__thumb img{object-fit:cover;width:100%;height:100%}.template-center-card__ratio{border-radius:var(--radius-chip);background:var(--background);position:absolute;bottom:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.template-center-card__ratio{background:color-mix(in srgb, var(--background) 72%, transparent)}}.template-center-card__ratio{color:var(--foreground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 7px;font-size:11px;line-height:1}.template-center-card__body{grid-template-rows:20px 42px auto;align-content:start;gap:6px;min-width:0;display:grid}.template-center-card__body strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.3;overflow:hidden}.template-center-card__body small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-center-card__meta{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.template-center-card__meta span{border:1px solid var(--border-subtle);border-radius:var(--radius-chip);color:var(--muted-strong);padding:5px 7px;font-size:11px;line-height:1}.template-center-card__clone{border-color:var(--primary);justify-content:center;width:100%;height:34px;min-height:34px}@supports (color:color-mix(in lab, red, red)){.template-center-card__clone{border-color:color-mix(in srgb, var(--primary) 72%, transparent)}}.template-center-card__clone{padding:0 10px;font-size:13px}.template-center-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-card);color:var(--muted);gap:6px;padding:16px;display:grid}.studio-custom-select{z-index:0;isolation:isolate;min-width:0;position:relative}.studio-custom-select.is-open{z-index:45}.studio-custom-select__button{height:var(--control-height);text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.studio-custom-select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-custom-select__icon{color:var(--muted-strong);flex:none;display:inline-flex}.studio-custom-select__button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}.studio-custom-select__menu{z-index:1;border:1px solid var(--primary);gap:4px;max-height:min(280px,42vh);margin-top:6px;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__menu{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border-subtle))}}.studio-custom-select__menu{border-radius:var(--radius-control);background:var(--panel);box-shadow:0 18px 54px var(--background);padding:5px}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__menu{box-shadow:0 18px 54px color-mix(in srgb, var(--background) 72%, transparent)}}.studio-custom-select__menu{opacity:0;pointer-events:none;transform-origin:top;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);will-change:transform, opacity;transform:translateY(-6px)scale(.985)}.studio-custom-select.is-open .studio-custom-select__menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.studio-custom-select__menu.is-above{transform-origin:bottom;margin-top:0;margin-bottom:6px;top:auto;bottom:100%;transform:translateY(6px)scale(.985)}.studio-custom-select.is-open .studio-custom-select__menu.is-above{transform:translateY(0)scale(1)}.studio-custom-select__option{isolation:isolate;width:100%;min-height:38px;color:var(--muted-strong);text-align:left;transition:transform var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative;overflow:hidden}.studio-custom-select__option:before{content:"";z-index:-1;background:var(--primary);border-radius:5px;position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__option:before{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}}.studio-custom-select__option:before{opacity:0;transform-origin:50%;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);transform:scaleX(.96)}.studio-custom-select__option:hover,.studio-custom-select__option.is-active{background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__option:hover,.studio-custom-select__option.is-active{background:color-mix(in srgb, var(--surface-hover) 58%, transparent)}}.studio-custom-select__option:hover,.studio-custom-select__option.is-active{color:var(--foreground)}.studio-custom-select__option.is-active:before,.studio-custom-select__option:hover:before{opacity:.42;transform:scaleX(1)}.studio-custom-select__option.is-selected{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-custom-select__option.is-selected{background:color-mix(in srgb, var(--primary) 18%, var(--surface))}}.studio-custom-select__option.is-selected{color:var(--primary);font-weight:650}.studio-custom-select__option.is-selected:before{opacity:1;transform:scaleX(1)}.studio-custom-select__option:active:not(:disabled){transform:translateY(1px)}.studio-custom-select__option:disabled{cursor:not-allowed;opacity:.48}.studio-input{height:var(--control-height);padding:0 12px}.studio-provider{gap:8px;display:grid}.studio-provider a,.studio-inline-error button,.studio-error-text{color:var(--primary)}.studio-inline-error{justify-content:space-between;align-items:center;gap:var(--space-stack);border:1px solid var(--primary);display:flex}@supports (color:color-mix(in lab, red, red)){.studio-inline-error{border:1px solid color-mix(in srgb, var(--primary) 42%, transparent)}}.studio-inline-error{border-radius:var(--radius-control);color:var(--muted-strong);padding:10px;font-size:13px}.studio-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.studio-upload-group{gap:10px;display:grid}.studio-upload{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);align-content:center;justify-items:center;gap:10px;min-height:132px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-upload{background:color-mix(in srgb, var(--surface) 88%, var(--panel-2))}}.studio-upload{cursor:pointer;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);padding:18px;overflow:hidden}.studio-upload:before{content:"";z-index:0;border-radius:calc(var(--radius-control) - 2px);background:radial-gradient(circle at 50% 0%, var(--primary), transparent 58%), linear-gradient(135deg, var(--primary), #a452ff12);border:1px dashed #0000;position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.studio-upload:before{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 9%, transparent), #a452ff12)}}.studio-upload:before{opacity:0;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter);transform:scale(.985)}.studio-upload>:not(.studio-file-input){z-index:1;position:relative}.studio-upload:hover,.studio-upload:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-upload:hover,.studio-upload:focus-within{border-color:color-mix(in srgb, var(--primary) 50%, transparent)}}.studio-upload:hover,.studio-upload:focus-within{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-upload:hover,.studio-upload:focus-within{background:color-mix(in srgb, var(--primary-soft) 34%, var(--surface))}}.studio-upload:hover:before,.studio-upload:focus-within:before,.studio-upload.is-filled:before{opacity:.55;transform:scale(1)}.studio-upload.is-dragging{border-color:var(--primary);background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-dragging{background:color-mix(in srgb, var(--primary-soft) 58%, var(--surface))}}.studio-upload.is-dragging{box-shadow:inset 0 0 0 1px var(--primary), 0 16px 36px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-dragging{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent), 0 16px 36px color-mix(in srgb, var(--primary) 10%, transparent)}}.studio-upload.is-dragging:before{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-dragging:before{border-color:color-mix(in srgb, var(--primary) 54%, transparent)}}.studio-upload.is-dragging:before{opacity:1;transform:scale(1)}.studio-upload.is-filled{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-filled{border-color:color-mix(in srgb, var(--primary) 28%, var(--border-subtle))}}.studio-upload.is-filled{background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-filled{background:color-mix(in srgb, var(--surface-hover) 48%, var(--surface))}}.studio-upload.is-error{background:#ff2b88;border-color:#ff4d8db8}@supports (color:color-mix(in lab, red, red)){.studio-upload.is-error{background:color-mix(in srgb, #ff2b88 10%, var(--surface))}}.studio-upload:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.studio-upload__icon{border-radius:var(--radius-control);width:38px;height:38px;color:var(--muted-strong);transition:transform var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);place-items:center;display:grid}.studio-upload:hover .studio-upload__icon,.studio-upload:focus-within .studio-upload__icon,.studio-upload.is-filled .studio-upload__icon{color:var(--primary)}.studio-upload.is-dragging .studio-upload__icon{color:var(--foreground);transform:translateY(-2px)}.studio-upload__content{text-align:center;min-width:0;transition:transform var(--motion-fast) var(--ease-enter);justify-items:center;gap:5px;display:grid}.studio-upload.is-dragging .studio-upload__content{transform:translateY(-2px)}.studio-upload__content strong,.studio-upload-item strong{color:var(--foreground);font-size:14px;font-weight:600}.studio-upload__content p,.studio-upload__content span,.studio-upload-item span{color:var(--muted);font-size:13px;line-height:1.45}.studio-upload__drop-hint{border:1px solid var(--primary);justify-content:center;align-items:center;min-height:24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.studio-upload__drop-hint{border:1px solid color-mix(in srgb, var(--primary) 32%, transparent)}}.studio-upload__drop-hint{background:var(--primary-soft);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.studio-upload__drop-hint{background:color-mix(in srgb, var(--primary-soft) 64%, transparent)}}.studio-upload__drop-hint{padding:0 10px;font-weight:650;color:var(--primary)!important}.studio-upload-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.studio-upload-item{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);grid-template-columns:58px minmax(0,1fr) 36px;align-items:center;gap:10px;width:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-upload-item{background:color-mix(in srgb, var(--surface) 62%, transparent)}}.studio-upload-item{transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter);padding:8px}.studio-upload-item:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-upload-item:hover{border-color:color-mix(in srgb, var(--primary) 24%, var(--border-subtle))}}.studio-upload-item:hover{background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.studio-upload-item:hover{background:color-mix(in srgb, var(--surface-hover) 54%, transparent)}}.studio-upload-clear{width:fit-content}.studio-upload-item img,.studio-upload-item video{border-radius:var(--radius-control);object-fit:cover;background:var(--background);width:58px;height:58px;animation:studio-upload-thumb-in var(--motion-layout) var(--ease-enter) both}.studio-upload-item__placeholder{border-radius:var(--radius-control);background:var(--background);width:58px;height:58px;color:var(--muted);place-items:center;display:grid}.studio-upload-item div{gap:4px;min-width:0;display:grid}.studio-upload-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-textarea-wrap{position:relative}.studio-textarea{resize:vertical;min-height:144px;padding:14px 14px 44px}.studio-counter{pointer-events:none;color:var(--muted);position:absolute;bottom:10px;left:12px}@supports (color:color-mix(in lab, red, red)){.studio-counter{color:color-mix(in srgb, var(--muted) 64%, transparent)}}.studio-counter{font-size:12px}.studio-ratio{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.studio-ratio__item{isolation:isolate;width:100%;min-width:0;min-height:82px;color:var(--foreground);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-base), background var(--motion-base), color var(--motion-base), box-shadow var(--motion-base);background:0 0;border:1px solid #0000;border-radius:7px;justify-items:center;gap:4px;padding:7px 6px;display:grid;position:relative;overflow:hidden}.studio-ratio__item:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--primary), #a452ff1a), var(--surface-hover);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:before{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 16%, transparent), #a452ff1a), color-mix(in srgb, var(--surface-hover) 40%, transparent)}}.studio-ratio__item:before{opacity:0;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);transform:scale(.96)}.studio-ratio__graphic{place-items:center;width:100%;height:46px;display:grid}.studio-ratio__shape{border:1px solid var(--foreground);display:block}@supports (color:color-mix(in lab, red, red)){.studio-ratio__shape{border:1px solid color-mix(in srgb, var(--foreground) 50%, transparent)}}.studio-ratio__shape{background:var(--surface);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.studio-ratio__shape{background:color-mix(in srgb, var(--surface) 22%, transparent)}}.studio-ratio__shape{transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-base), background var(--motion-base), box-shadow var(--motion-base)}.studio-ratio__item:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:hover{border-color:color-mix(in srgb, var(--primary) 18%, transparent)}}.studio-ratio__item:hover{background:0 0;transform:translateY(-1px)}.studio-ratio__item:hover:before{opacity:.62;transform:scale(1)}.studio-ratio__item:hover .studio-ratio__shape{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:hover .studio-ratio__shape{border-color:color-mix(in srgb, var(--primary) 64%, transparent)}}.studio-ratio__item:hover .studio-ratio__shape{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:hover .studio-ratio__shape{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.studio-ratio__item:hover .studio-ratio__shape{transform:scale(1.045)}.studio-ratio__item:hover .studio-ratio__label{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:hover .studio-ratio__label{color:color-mix(in srgb, var(--primary) 86%, #fff 14%)}}.studio-ratio__item:focus-visible{box-shadow:0 0 0 3px var(--primary);outline:none}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}}.studio-ratio__item:active{transform:translateY(1px)}.studio-ratio__item.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item.is-active{border-color:color-mix(in srgb, var(--primary) 32%, transparent)}}.studio-ratio__item.is-active{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:0 0}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent)}}.studio-ratio__item.is-active:before{opacity:1;transform:scale(1)}.studio-ratio__item.is-active .studio-ratio__shape{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item.is-active .studio-ratio__shape{background:color-mix(in srgb, var(--primary) 72%, transparent)}}.studio-ratio__item.is-active .studio-ratio__shape{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-ratio__item.is-active .studio-ratio__shape{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 34%, transparent)}}.studio-ratio__label{place-items:center;min-height:18px;font-size:13px;font-weight:500;line-height:1.2;display:grid}.studio-ratio__item.is-active .studio-ratio__label{font-weight:700}.ratio-1-1{width:36px;height:36px}.ratio-16-9{width:46px;height:26px}.ratio-9-16{width:24px;height:42px}.ratio-4-3{width:42px;height:31px}.ratio-3-4{width:29px;height:40px}.ratio-3-2{width:45px;height:30px}.ratio-2-3{width:30px;height:45px}.studio-actions{align-items:center;gap:var(--space-stack);flex-wrap:wrap;display:flex}.studio-actions--result{border-top:1px solid var(--border-subtle);justify-content:flex-end}@supports (color:color-mix(in lab, red, red)){.studio-actions--result{border-top:1px solid color-mix(in srgb, var(--border-subtle) 76%, transparent)}}.studio-actions--result{padding-top:var(--space-stack)}.studio-actions--result .studio-secondary-button{min-width:112px}.studio-sticky-action{bottom:calc(-1 * var(--space-panel));z-index:2;margin:0 calc(-1 * var(--space-panel)) calc(-1 * var(--space-panel));border-top:1px solid var(--border-subtle);gap:8px;display:grid;position:sticky}@supports (color:color-mix(in lab, red, red)){.studio-sticky-action{border-top:1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent)}}.studio-sticky-action{background:var(--panel);padding:18px var(--space-panel) var(--space-panel)}.studio-sticky-action:before{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--panel));height:28px;position:absolute;bottom:100%;left:0;right:0}.studio-primary-action{border-color:var(--primary);background:var(--primary);justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;min-height:50px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 12px 28px #ff2b8829}.studio-primary-action__copy{justify-content:center;align-items:center;gap:6px;min-width:0;line-height:1.15;display:inline-flex}.studio-primary-action__copy>span,.studio-primary-action__copy>small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.studio-primary-action__copy>small{color:#ffffffb8;font-size:12px;font-weight:600}.studio-primary-action:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 14px 30px #ff2b8833}.studio-primary-action:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-primary-action:focus-visible{border-color:color-mix(in srgb, var(--primary) 74%, #fff)}}.studio-primary-action:focus-visible{box-shadow:0 12px 28px #ff2b8829, 0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-primary-action:focus-visible{box-shadow:0 12px 28px #ff2b8829, 0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}}.studio-primary-action:focus-visible{outline:none}.studio-primary-action[aria-busy=true]{cursor:progress}.studio-primary-action:active:not(:disabled){background:var(--primary-active);transform:translateY(1px);box-shadow:0 8px 18px #ff2b8829}.studio-primary-action:disabled{cursor:not-allowed;background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-primary-action:disabled{background:color-mix(in srgb, var(--primary) 42%, var(--surface))}}.studio-primary-action:disabled{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-primary-action:disabled{border-color:color-mix(in srgb, var(--primary) 30%, transparent)}}.studio-primary-action:disabled{box-shadow:none;color:#ffffff8a;opacity:.72;transform:none}.studio-primary-action.template-center-card__clone{height:34px;min-height:34px;padding:0 10px;font-size:13px;font-weight:600}@media (min-width:768px){.shell-root--tool-templates .shell-grid{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:14px}.shell-root--tool-templates .shell-panel--controls{display:none}}@media (max-width:1199px) and (min-width:768px){.shell-root--tool-templates .shell-grid{grid-template-columns:72px minmax(0,1fr)}.shell-root--tool-templates .template-center-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;min-height:auto}.shell-root--tool-templates .template-center-card{grid-template-rows:auto minmax(78px,auto) 36px;gap:8px;padding:8px}.shell-root--tool-templates .template-center-card__thumb{aspect-ratio:16/10}.shell-root--tool-templates .template-center-card__body{grid-template-rows:20px 34px 22px;gap:5px}.shell-root--tool-templates .template-center-card__body strong{font-size:14px}.shell-root--tool-templates .template-center-card__body small{font-size:12px;line-height:1.35}.shell-root--tool-templates .template-center-card__clone,.shell-root--tool-templates .studio-primary-action.template-center-card__clone{height:36px;min-height:36px;font-size:13px}}.shell-root--tool-templates .shell-panel--preview{background:radial-gradient(circle at 16% 0,#ff2b8814,#0000 30%),#09090b;border-color:#ffffff14}.shell-root--tool-templates .shell-panel__body--preview{padding:20px 24px 28px}.shell-root--tool-templates .template-center-browser{gap:0;min-height:100%}.shell-root--tool-templates .template-center-browser__head{align-items:flex-start;gap:18px;margin-bottom:18px}.shell-root--tool-templates .template-center-browser__head>div{min-width:0}.shell-root--tool-templates .template-center-browser__head h3{letter-spacing:0;font-size:clamp(26px,1.7vw,30px);font-weight:720;line-height:1.16}.shell-root--tool-templates .template-center-browser__head p{color:#ffffff94;margin-top:7px;font-size:14px;line-height:1.45}.shell-root--tool-templates .template-center-browser__head .shell-chip{color:#ffffffa3;background:0 0;border:0;margin-top:4px;margin-right:20px;padding:0;font-size:13.5px}.shell-root--tool-templates .template-center-toolbar{gap:0;margin-bottom:14px;display:grid}.shell-root--tool-templates .template-center-tabs{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,118px);justify-content:start;gap:0;width:auto;padding:0}.shell-root--tool-templates .template-center-tab{color:#ffffff9e;min-height:40px;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#111115;border:1px solid #0000;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;position:relative;overflow:hidden}.shell-root--tool-templates .template-center-tab:after{content:"";opacity:0;height:2px;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter);background:0 0;border-radius:999px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.36)}.shell-root--tool-templates .template-center-tab+.template-center-tab{margin-left:4px}.shell-root--tool-templates .template-center-tab.is-active{color:#ff3b91;background:#ff2b882e;border-color:#ff2b882e}.shell-root--tool-templates .template-center-tab.is-active:after{opacity:1;background:#ff2b88;transform:scaleX(1)}.shell-root--tool-templates .template-center-search{margin-top:10px}.shell-root--tool-templates .template-center-search svg{color:#ffffff6b;left:14px}.shell-root--tool-templates .template-center-search .studio-input{background:#111115;border-color:#ffffff14;border-radius:10px;height:48px;min-height:48px;padding-left:42px}.shell-root--tool-templates .template-center-search .studio-input:focus{border-color:#ff2b887a;box-shadow:0 0 0 3px #ff2b881a}.shell-root--tool-templates .template-center-panel{scrollbar-width:none;margin-top:16px;overflow-x:auto}.shell-root--tool-templates .template-center-panel::-webkit-scrollbar{display:none}.shell-root--tool-templates .template-center-categories{gap:10px;width:max-content;min-width:100%;display:flex}.shell-root--tool-templates .template-center-category{color:#ffffffa8;white-space:nowrap;min-height:36px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#141418;border-color:#0000;border-radius:999px;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.shell-root--tool-templates .template-center-category span{display:inline}.shell-root--tool-templates .template-center-category strong,.shell-root--tool-templates .template-center-category em{color:inherit;font-size:14px;line-height:1}.shell-root--tool-templates .template-center-category em{background:0 0;border-radius:0;width:auto;height:auto;font-style:normal;font-weight:700;display:inline}.shell-root--tool-templates .template-center-category:hover,.shell-root--tool-templates .template-center-category.is-active{color:#ff3b91;background:#ff2b881c;border-color:#ff2b8894}.shell-root--tool-templates .template-center-category:hover{transform:translateY(-1px)}.shell-root--tool-templates .template-center-category.is-active{box-shadow:inset 0 0 0 1px #ff2b8814}.shell-root--tool-templates .template-center-grid{min-height:min(720px,100vh - 270px);animation:template-grid-reveal var(--motion-layout) var(--ease-enter) both;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));grid-auto-rows:auto;align-content:start;align-items:start;gap:18px;padding-bottom:24px}.shell-root--tool-templates .template-center-card{height:auto;animation:template-card-reveal var(--motion-entrance) var(--ease-enter) both;animation-delay:var(--template-card-delay,0s);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#141418;border-color:#ffffff14;border-radius:13px;grid-template-rows:auto minmax(98px,auto) 40px;align-self:start;gap:10px;padding:10px;overflow:hidden}.shell-root--tool-templates .template-center-card:hover{background:#18181e;border-color:#ff2b8852;transform:translateY(-2px);box-shadow:0 14px 32px #00000042}.shell-root--tool-templates .template-center-card__thumb{aspect-ratio:4/3;background:#101014;border-radius:8px}.shell-root--tool-templates .template-center-card__thumb img{transition:transform var(--motion-layout) var(--ease-enter), filter var(--motion-fast) var(--ease-enter)}.shell-root--tool-templates .template-center-card:hover .template-center-card__thumb img{filter:brightness(1.04);transform:scale(1.02)}.shell-root--tool-templates .template-center-card__ratio{color:#ffffffe0;background:#08080cad;border:1px solid #ffffff14;border-radius:7px;font-size:12px;font-weight:650;top:8px;bottom:auto;right:8px}.shell-root--tool-templates .template-center-card__body{grid-template-rows:22px 38px 24px;gap:7px}.shell-root--tool-templates .template-center-card__body strong{font-size:16px;font-weight:650}.shell-root--tool-templates .template-center-card__body small{color:#ffffff94;font-size:13px;line-height:1.45}.shell-root--tool-templates .template-center-card__meta{flex-wrap:nowrap;gap:6px;overflow:hidden}.shell-root--tool-templates .template-center-card__meta span{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0b;border-color:#ffffff12;border-radius:6px;flex:0 auto;height:24px;padding:6px 8px;font-size:11.5px;line-height:1;overflow:hidden}.shell-root--tool-templates .template-center-card__clone,.shell-root--tool-templates .studio-primary-action.template-center-card__clone{color:#ffffffe0;height:40px;min-height:40px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#18181d;border:1px solid #ffffff1a;border-radius:7px;font-size:14px}.shell-root--tool-templates .template-center-card__clone svg{transition:transform var(--motion-fast) var(--ease-enter)}.shell-root--tool-templates .template-center-card__clone:hover{color:#fff;background:linear-gradient(90deg,#ff2b88,#a452ff);border-color:#ff2b8875}.shell-root--tool-templates .template-center-card__clone:hover svg{transform:translate(2px)}.shell-root--tool-templates .template-center-card__clone:active{transform:translateY(1px)}.shell-root--tool-templates .template-center-empty{text-align:center;min-height:220px;animation:template-grid-reveal var(--motion-layout) var(--ease-enter) both;align-content:center;justify-items:center}@keyframes template-grid-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes template-card-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.shell-root--tool-templates .template-center-grid,.shell-root--tool-templates .template-center-card,.shell-root--tool-templates .template-center-empty{animation:none}.shell-root--tool-templates .template-center-tab,.shell-root--tool-templates .template-center-tab:after,.shell-root--tool-templates .template-center-category,.shell-root--tool-templates .template-center-card,.shell-root--tool-templates .template-center-card__thumb img,.shell-root--tool-templates .template-center-card__clone,.shell-root--tool-templates .template-center-card__clone svg{transition:none}.shell-root--tool-templates .template-center-category:hover,.shell-root--tool-templates .template-center-card:hover,.shell-root--tool-templates .template-center-card:hover .template-center-card__thumb img,.shell-root--tool-templates .template-center-card__clone:hover svg{transform:none}}@media (min-width:768px){.shell-root--tool-library .shell-grid{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:14px}.shell-root--tool-library .shell-panel--controls{display:none}}@media (max-width:1199px) and (min-width:768px){.shell-root--tool-library .shell-grid{grid-template-columns:72px minmax(0,1fr)}.shell-root--tool-library .studio-library-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shell-root--tool-library .studio-library-tile .studio-media-card{grid-template-rows:168px minmax(82px,auto)}.shell-root--tool-library .studio-library-tile .studio-media-card__frame{height:168px}}.shell-root--tool-library .shell-panel--preview{background:radial-gradient(circle at 16% 0,#ff2b8812,#0000 30%),#09090b;border-color:#ffffff14}.shell-root--tool-library .shell-panel__body--preview{padding:20px 24px 28px}.studio-library-page{flex-direction:column;min-width:0;min-height:100%;display:flex}.studio-library-page__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.studio-library-page__header>div{min-width:0}.studio-library-page__header h2{color:#fffffff0;letter-spacing:0;font-size:clamp(26px,1.7vw,30px);font-weight:720;line-height:1.16}.studio-library-page__header p{color:#ffffff94;margin-top:7px;font-size:14px;line-height:1.45}.studio-library-page__count{color:#ffffffa3;white-space:nowrap;flex:none;margin-top:4px;margin-right:20px;font-size:13.5px;line-height:1.4}.studio-library-page__controls{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px 12px;margin-bottom:14px;display:grid}.studio-library-kind-tabs{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.studio-library-kind-tabs::-webkit-scrollbar{display:none}.studio-library-kind-tab{color:#ffffff9e;background:#111115;border:1px solid #0000;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:8px;min-width:118px;min-height:40px;font-size:14px;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex;position:relative}.studio-library-kind-tab:after{content:"";background:0 0;border-radius:999px;height:2px;position:absolute;bottom:0;left:0;right:0}.studio-library-kind-tab strong{color:inherit;font-size:14px;line-height:1}.studio-library-kind-tab:hover,.studio-library-kind-tab.is-active{color:#ff3b91;background:#ff2b882e;border-color:#ff2b882e}.studio-library-kind-tab.is-active:after{background:#ff2b88}.shell-root--tool-library .studio-library-toolbar{grid-template-columns:minmax(0,1fr) minmax(120px,150px);justify-self:end;align-items:end;gap:10px;width:min(100%,520px)}.shell-root--tool-library .studio-library-toolbar__search svg{color:#ffffff6b;left:14px}.shell-root--tool-library .studio-library-toolbar__search .studio-input{background:#111115;border-color:#ffffff14;border-radius:10px;height:48px;min-height:48px;padding-left:42px}.shell-root--tool-library .studio-library-toolbar__search .studio-input:focus{border-color:#ff2b887a;box-shadow:0 0 0 3px #ff2b881a}.shell-root--tool-library .studio-library-toolbar .studio-field{gap:0}.shell-root--tool-library .studio-library-toolbar .studio-field__label{display:none}.shell-root--tool-library .studio-library-toolbar .studio-custom-select__button{background:#111115;border-color:#ffffff14;border-radius:10px;height:48px;min-height:48px}.shell-root--tool-library .studio-library-grid{transition:grid-template-columns var(--motion-layout) var(--ease-enter);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));align-content:start;gap:18px;padding-bottom:24px}.shell-root--tool-library .studio-library-tile{animation:library-card-reveal var(--motion-entrance) var(--ease-enter) both;animation-delay:var(--library-card-delay,0s);transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), max-height var(--motion-layout) var(--ease-enter), padding var(--motion-layout) var(--ease-enter), margin var(--motion-layout) var(--ease-enter);will-change:transform, opacity;background:#141418;border-color:#ffffff14;border-radius:13px;gap:10px;padding:10px;display:grid;overflow:hidden}.shell-root--tool-library .studio-library-tile:hover,.shell-root--tool-library .studio-library-tile.is-active{background:#18181e;border-color:#ff2b8857;transform:translateY(-2px);box-shadow:0 14px 32px #00000042}.shell-root--tool-library .studio-library-tile.is-deleting{pointer-events:none;opacity:.72}.shell-root--tool-library .studio-library-tile.is-removing{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;transform:translateY(-6px)scale(.985)}.studio-library-tile__preview{min-width:0;color:inherit;cursor:zoom-in;text-align:left;background:0 0;border:0;display:block}.shell-root--tool-library .studio-library-tile .studio-media-card{grid-template-rows:220px minmax(92px,auto);height:100%;display:grid}.shell-root--tool-library .studio-library-tile .studio-media-card__frame{aspect-ratio:auto;background:#09090b;border-radius:9px;height:220px;overflow:hidden}.shell-root--tool-library .studio-library-tile .studio-media-card img,.shell-root--tool-library .studio-library-tile .studio-media-card video{object-fit:contain;transition:transform var(--motion-layout) var(--ease-enter), filter var(--motion-fast) var(--ease-enter)}.shell-root--tool-library .studio-library-tile:hover .studio-media-card img,.shell-root--tool-library .studio-library-tile:hover .studio-media-card video{filter:brightness(1.04);transform:scale(1.018)}.shell-root--tool-library .studio-library-tile .studio-media-card__body{gap:8px;padding:11px 2px 0;display:grid}.shell-root--tool-library .studio-library-tile .studio-media-card__head{align-items:center;gap:8px;min-height:22px;display:flex}.shell-root--tool-library .studio-library-tile .studio-media-card__head strong{color:#ffffffe6;font-size:15.5px;font-weight:650;line-height:1.25}.shell-root--tool-library .studio-library-tile .studio-media-card__head span{color:#ffffff80;flex:none;font-size:12px}.shell-root--tool-library .studio-library-tile .studio-media-card__meta{flex-wrap:nowrap;gap:6px;overflow:hidden}.shell-root--tool-library .studio-library-tile .studio-media-card__meta span{color:#ffffff94;white-space:nowrap;background:#ffffff0b;border-color:#ffffff12;border-radius:6px;flex:none;height:24px;min-height:24px;padding:0 8px;font-size:11.5px;line-height:1}.studio-library-tile__actions{opacity:0;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid;transform:translateY(4px)}.shell-root--tool-library .studio-library-tile:hover .studio-library-tile__actions,.shell-root--tool-library .studio-library-tile:focus-within .studio-library-tile__actions,.shell-root--tool-library .studio-library-tile.is-active .studio-library-tile__actions,.shell-root--tool-library .studio-library-tile.is-deleting .studio-library-tile__actions{opacity:1;transform:translateY(0)}.studio-library-tile__actions button,.studio-library-tile__actions a{color:#ffffffc2;min-width:0;height:34px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#18181d;border:1px solid #ffffff17;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}.studio-library-tile__actions button:hover,.studio-library-tile__actions a:hover{color:#fff;background:#ff2b881c;border-color:#ff2b885c;transform:translateY(-1px)}.studio-library-tile__actions button:disabled{cursor:not-allowed;opacity:.55}.studio-media-card__play{color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#07070a8f;border:1px solid #ffffff42;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shell-root--tool-library .studio-library-tile:hover .studio-media-card__play{color:#fff;background:#ff2b882e;border-color:#ff2b8875;transform:translate(-50%,-50%)scale(1.06)}.studio-media-card__duration{color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080cb8;border:1px solid #ffffff1f;border-radius:7px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:650;line-height:1;display:inline-flex;position:absolute;bottom:9px;right:9px}.studio-library-empty-state{text-align:center;min-height:min(520px,58vh);animation:library-empty-reveal var(--motion-entrance) var(--ease-enter) both;background:#101014;border:1px solid #ffffff14;border-radius:16px;align-content:center;place-items:center;gap:18px;padding:44px 24px;display:grid}.studio-library-empty-state__icon{color:#ff3b91;background:linear-gradient(135deg,#ff2b8833,#a452ff24),#ffffff0a;border:1px solid #ff2b882e;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.studio-library-empty-state h3{color:#ffffffeb;font-size:22px;font-weight:700;line-height:1.25}.studio-library-empty-state p{color:#ffffff94;white-space:pre-line;max-width:420px;margin-top:8px;font-size:14px;line-height:1.7}.studio-library-empty-state.is-error .studio-library-empty-state__icon{color:#ffb84d;background:#ffb84d14;border-color:#ffb84d3d}.studio-library-empty-state__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.studio-library-empty-state__primary{background:linear-gradient(90deg,#ff2b88,#a452ff);border:0;border-radius:9px;width:auto;min-width:138px;height:42px;min-height:42px;padding:0 18px}.studio-library-confirm{z-index:var(--z-modal);animation:ui-fade-in var(--motion-fast) var(--ease-enter) both;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-library-confirm__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ui-fade-in var(--motion-fast) var(--ease-enter) both;background:radial-gradient(circle at 50% 42%,#ff2b8814,#0000 28%),#040406bd;border:0;position:absolute;inset:0}.studio-library-confirm__backdrop:disabled{cursor:wait}.studio-library-confirm__card{z-index:1;width:min(440px,100%);animation:ui-dialog-in var(--motion-layout) var(--ease-enter) both;will-change:transform, opacity;background:linear-gradient(#16161cfa,#0d0d11fa);border:1px solid #ffffff1a;border-radius:16px;gap:16px;padding:22px;display:grid;position:relative;box-shadow:0 24px 70px #0000007a}.studio-library-confirm__icon{color:#ff6a8d;background:#ff4e741a;border:1px solid #ff4e7438;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.studio-library-confirm__copy{gap:8px;display:grid}.studio-library-confirm__copy h3{color:#fffffff0;font-size:20px;font-weight:700;line-height:1.25}.studio-library-confirm__copy p:not(.shell-eyebrow){color:#ffffff9e;font-size:14px;line-height:1.65}.studio-library-confirm__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:2px;display:grid}.studio-danger-button{color:#fff;height:42px;min-height:42px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), filter var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:linear-gradient(90deg,#ff4074eb,#ff2b88db);border:1px solid #ff4e7461;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.studio-danger-button:hover:not(:disabled){filter:brightness(1.06);border-color:#ff7c9aa3}.studio-danger-button:active:not(:disabled){transform:translateY(1px)}.studio-danger-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ff4e742e}.studio-danger-button:disabled{cursor:not-allowed;filter:none;opacity:.58;box-shadow:none;transform:none}.studio-library-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px;display:grid}.studio-library-skeleton-card{animation:library-card-reveal var(--motion-entrance) var(--ease-enter) both;animation-delay:var(--library-card-delay,0s);background:#141418;border:1px solid #ffffff14;border-radius:13px;gap:12px;padding:10px;display:grid;overflow:hidden}.studio-library-skeleton-card span,.studio-library-skeleton-card strong,.studio-library-skeleton-card small{background:linear-gradient(90deg,#ffffff0b,#ffffff14,#ffffff0b) 0 0/220% 100%;border-radius:8px;animation:1.4s ease-in-out infinite studio-library-skeleton;display:block}.studio-library-skeleton-card span{background-color:#09090b;height:220px}.studio-library-skeleton-card strong{width:70%;height:18px}.studio-library-skeleton-card small{width:48%;height:22px}.studio-library-skeleton-card .motion-skeleton-shimmer{animation:motion-skeleton-shimmer 1.4s var(--ease-toggle) infinite;background-color:#101014;background-image:linear-gradient(90deg,#ffffff0b,#ffffff14,#ffffff0b),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}@keyframes studio-library-skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes library-card-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes library-empty-reveal{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.studio-help-text{color:var(--muted);font-size:13px;line-height:1.45}.studio-error-text{font-size:13px;line-height:1.45}.studio-error-alert{border:1px solid var(--primary);gap:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-error-alert{border:1px solid color-mix(in srgb, var(--primary) 42%, transparent)}}.studio-error-alert{border-radius:var(--radius-control);background:var(--primary);padding:10px}@supports (color:color-mix(in lab, red, red)){.studio-error-alert{background:color-mix(in srgb, var(--primary) 9%, transparent)}}.studio-error-alert{color:var(--muted-strong);font-size:13px;line-height:1.45}.studio-error-alert__message{color:var(--primary);font-weight:700}.studio-error-alert__action{color:var(--muted-strong)}.studio-error-alert__meta{flex-wrap:wrap;gap:6px;display:flex}.studio-error-alert__meta div{border:1px solid var(--border-subtle);background:var(--surface-subtle);border-radius:999px;gap:4px;min-width:0;padding:3px 8px;display:inline-flex}.studio-error-alert__meta dt{color:var(--muted)}.studio-error-alert__meta dd{overflow-wrap:anywhere;max-width:min(220px,68vw);color:var(--text)}.studio-status{justify-content:space-between;align-items:flex-start;gap:var(--space-stack);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--muted-strong);padding:12px;font-size:14px;display:flex}.studio-status.is-ready{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.studio-status.is-ready{border-color:color-mix(in srgb, var(--success) 42%, transparent)}}.studio-status.is-warning{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.studio-status.is-warning{border-color:color-mix(in srgb, var(--warning) 42%, transparent)}}.studio-icon-button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);width:36px;height:36px;color:inherit;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:0 0;place-items:center;display:grid}.studio-icon-button:hover:not(:disabled){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-icon-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 34%, var(--border-subtle))}}.studio-icon-button:hover:not(:disabled){background:var(--surface-hover)}@supports (color:color-mix(in lab, red, red)){.studio-icon-button:hover:not(:disabled){background:color-mix(in srgb, var(--surface-hover) 78%, transparent)}}.studio-icon-button:hover:not(:disabled){color:var(--foreground)}.studio-icon-button:focus-visible{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-icon-button:focus-visible{border-color:color-mix(in srgb, var(--primary) 50%, transparent)}}.studio-icon-button:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-icon-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.studio-icon-button:focus-visible{outline:none}.studio-icon-button:active:not(:disabled){transform:translateY(1px)}.studio-icon-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.studio-empty,.studio-library-card,.studio-library-tile,.studio-library-detail{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.studio-empty,.studio-library-card,.studio-library-tile,.studio-library-detail{background:color-mix(in srgb, var(--surface) 50%, transparent)}}.studio-empty,.studio-library-card,.studio-library-tile,.studio-library-detail{padding:var(--space-panel)}.studio-empty{color:var(--muted);text-align:center}.studio-library-card{gap:var(--space-stack);display:grid}.studio-library-sidebar{gap:var(--space-block);display:grid}.studio-library-kind{gap:10px;display:grid}.studio-library-kind__button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;min-height:54px;display:flex}@supports (color:color-mix(in lab, red, red)){.studio-library-kind__button{background:color-mix(in srgb, var(--surface) 58%, transparent)}}.studio-library-kind__button{color:var(--muted-strong);text-align:left;transition:border-color var(--motion-base), background var(--motion-base), color var(--motion-base);padding:0 14px}.studio-library-kind__button:hover,.studio-library-kind__button.is-active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.studio-library-kind__button:hover,.studio-library-kind__button.is-active{border-color:color-mix(in srgb, var(--primary) 52%, transparent)}}.studio-library-kind__button:hover,.studio-library-kind__button.is-active{color:var(--foreground)}.studio-library-kind__button.is-active{background:var(--primary-soft)}@supports (color:color-mix(in lab, red, red)){.studio-library-kind__button.is-active{background:color-mix(in srgb, var(--primary-soft) 54%, var(--surface))}}.studio-library-kind__button span{font-size:14px;font-weight:600}.studio-library-kind__button strong{background:var(--background);border-radius:999px;place-items:center;min-width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-library-kind__button strong{background:color-mix(in srgb, var(--background) 42%, transparent)}}.studio-library-kind__button strong{color:var(--primary);font-size:13px;line-height:1}.studio-library-workspace{gap:var(--space-panel);min-width:0;display:grid}.user-center-page{width:min(100%,1180px);min-height:100%;animation:user-center-page-in var(--motion-entrance) var(--ease-enter) both;align-content:start;gap:28px;margin-inline:auto;display:grid}.user-center-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.user-center-page__header h2{color:#fffffff0;letter-spacing:0;font-size:clamp(26px,1.7vw,30px);font-weight:720;line-height:1.16}.user-center-page__header p{color:#ffffff94;margin-top:7px;font-size:14px;line-height:1.45}.user-center-refresh{color:#ffffffb8;min-height:40px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:620;display:inline-flex}.user-center-refresh:hover:not(:disabled){color:#fff;background:#ff2b8814;border-color:#ff2b8852;transform:translateY(-1px)}.user-center-page__grid{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;display:grid}.user-center-page__main{align-content:start;gap:18px;min-width:0;display:grid}.user-center-account-alert{color:#ffe2bed6;background:#ffb64a0b;border:1px solid #ffb64a29;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.user-center-account-alert span{align-items:center;gap:8px;min-width:0;display:inline-flex}.user-center-account-alert button{color:#ffffffc2;min-height:30px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:none;padding:0 10px;font-size:12.5px;font-weight:640}.user-center-account-alert button:hover:not(:disabled){color:#fff;background:#ff2b8814;border-color:#ff2b8847;transform:translateY(-1px)}.user-center-account-summary{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:stretch;gap:18px;min-width:0;display:grid}.user-center-points-card,.user-center-mini-card{transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#141418;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.user-center-points-card:after,.user-center-mini-card:after{border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-enter);content:"";background:radial-gradient(circle at 18% 0,#ff2b8821,#0000 44%);position:absolute;inset:0}.user-center-points-card>*,.user-center-mini-card>*{z-index:1;position:relative}.user-center-points-card:hover,.user-center-mini-card:hover{background:#18181e;border-color:#ff2b882e;transform:translateY(-1px);box-shadow:0 14px 32px #00000038}.user-center-points-card:hover:after,.user-center-points-card.is-updated:after,.user-center-mini-card:hover:after{opacity:1}.user-center-points-card{background:radial-gradient(circle at 14% 0,#ff2b8829,#0000 42%),#141418;border-color:#ff2b8833;align-content:space-between;gap:24px;min-height:238px;padding:24px;display:grid}.user-center-card-icon{color:#ff62a9;background:#ffffff0b;border:1px solid #ffffff14;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.user-center-card-icon--primary{color:#ff7abc;background:#ff2b881c;border-color:#ff2b8838;width:42px;height:42px}.user-center-points-card__copy{gap:9px;min-width:0;display:grid}.user-center-points-card__copy>span,.user-center-mini-card span{color:#ffffff8f;font-size:13px;line-height:1.25}.user-center-points-card__value{color:#ff62a9;text-overflow:ellipsis;white-space:nowrap;transition:color var(--motion-fast) var(--ease-enter), text-shadow var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter);font-size:clamp(34px,3vw,46px);font-weight:780;line-height:1.05;overflow:hidden}.user-center-points-card.is-updated .user-center-points-card__value{color:#ff8ac4;text-shadow:0 0 18px #ff2b8842;transform:translateY(-1px)}.user-center-points-card__copy p,.user-center-mini-card p{color:#ffffff80;max-width:480px;font-size:13px;line-height:1.5}.user-center-points-card__actions{flex-wrap:wrap;gap:10px;display:flex}.user-center-mobile-status{display:none}.user-center-action,.user-center-mini-card__action{color:#ffffffb8;min-height:36px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.user-center-action--primary{color:#fff;background:linear-gradient(90deg,#ff2b88eb,#a452ffd6);border-color:#ff2b8861;box-shadow:0 10px 24px #ff2b8829}.user-center-action:hover:not(:disabled),.user-center-mini-card__action:hover:not(:disabled){color:#fff;background:#ff2b8814;border-color:#ff2b8852;transform:translateY(-1px)}.user-center-action--primary:hover:not(:disabled){background:linear-gradient(90deg,#ff2b88,#a452fff0)}.user-center-action:disabled,.user-center-mini-card__action:disabled{cursor:not-allowed;opacity:.54;box-shadow:none;transform:none}.user-center-side-cards{gap:14px;min-width:0;display:grid}.user-center-mini-card{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:16px;display:grid}.user-center-mini-card div{gap:5px;min-width:0;display:grid}.user-center-mini-card strong{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.user-center-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.user-center-stat{min-width:0;min-height:178px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#141418;border:1px solid #ffffff14;border-radius:14px;align-content:start;gap:10px;padding:20px;display:grid;position:relative;overflow:hidden}.user-center-stat:after{border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-enter);content:"";background:radial-gradient(circle at 22% 0,#ff2b881f,#0000 42%);position:absolute;inset:0}.user-center-stat>*{z-index:1;position:relative}.user-center-stat:hover{background:#18181e;border-color:#ff2b882e;transform:translateY(-1px);box-shadow:0 14px 32px #00000038}.user-center-stat:hover:after,.user-center-stat.is-updated:after{opacity:1}.user-center-stat.is-featured{background:radial-gradient(circle at 16% 0,#ff2b8829,#0000 42%),#141418;border-color:#ff2b8838}.user-center-stat__icon{color:#ff62a9;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.user-center-stat__label{color:#ffffff8f;font-size:13px;line-height:1.2}.user-center-stat strong{color:#fffffff5;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(26px,2vw,34px);font-weight:760;line-height:1.05;overflow:hidden}.user-center-stat.is-featured strong{color:#ff62a9}.user-center-stat__value{transition:color var(--motion-fast) var(--ease-enter), text-shadow var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter)}.user-center-stat.is-updated .user-center-stat__value{color:#ff8ac4;text-shadow:0 0 18px #ff2b8847;transform:translateY(-1px)}.user-center-stat small{color:#ffffff7a;font-size:12.5px;line-height:1.45}.user-center-stat__button{color:#ffd2e6f0;width:fit-content;min-height:32px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#ff2b881a;border:1px solid #ff2b8842;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.user-center-stat__button:hover:not(:disabled){color:#fff;background:linear-gradient(90deg,#ff2b88eb,#a452ffdb);border-color:#ff2b886b;transform:translateY(-1px)}.user-center-stat__button:focus-visible{outline:none;box-shadow:0 0 0 3px #ff2b8824}.user-center-stat__button:active:not(:disabled){transform:translateY(1px)}.user-center-stat__button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;opacity:.58;transform:none}.user-center-stat__button--muted{color:#ffffff94;background:#ffffff0b;border-color:#ffffff14}.user-center-section-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.user-center-section-head h3{color:#ffffffeb;font-size:17px;font-weight:680;line-height:1.25}.user-center-section-head p{color:#ffffff7a;margin-top:5px;font-size:13px;line-height:1.45}.user-center-link-button,.account-subpage-link,.account-subpage-back{color:#ffffffad;min-height:34px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12.5px;font-weight:630;display:inline-flex}.user-center-link-button:hover,.account-subpage-link:hover,.account-subpage-back:hover{color:#fff;background:#ff2b8814;border-color:#ff2b8852;transform:translateY(-1px)}.user-center-usage{background:#101014;border:1px solid #ffffff14;border-radius:14px;gap:14px;min-height:300px;padding:16px;display:grid}.user-center-usage__list{border:1px solid #ffffff0f;border-radius:11px;display:grid;overflow:hidden}.user-center-usage__row{color:#fff9;min-width:0;min-height:60px;animation:user-center-row-in var(--motion-layout) var(--ease-enter) both;animation-delay:var(--usage-row-delay,0s);transition:background var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter);background:#ffffff06;border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(110px,.9fr) minmax(130px,1fr) minmax(82px,.62fr) minmax(160px,1.35fr);align-items:center;gap:12px;padding:12px 14px;font-size:13px;line-height:1.35;display:grid}.user-center-usage__row:last-child{border-bottom:0}.user-center-usage__row--head{color:#ffffff6b;background:#ffffff0a;font-size:12px;font-weight:620;animation:none}.user-center-usage__row strong{color:#ffffffdb;text-overflow:ellipsis;white-space:nowrap;font-weight:640;overflow:hidden}.user-center-usage__row em{color:#ff77b6;font-style:normal;font-weight:700}.user-center-usage__row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-center-usage__row--skeleton span{background-color:#ffffff09;background-image:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:999px;height:12px}.user-center-usage__empty{color:#ffffff70;text-align:center;min-height:220px;animation:user-center-page-in var(--motion-layout) var(--ease-enter) both;align-content:center;justify-items:center;gap:8px;display:grid}.user-center-usage__empty strong{color:#ffffffd1;font-size:15px}.user-center-usage__empty span{max-width:280px;font-size:13px;line-height:1.5}.account-subpage{gap:18px}.account-subpage--recharge{width:min(100%,1180px);margin-inline:auto}.account-subpage-header{gap:12px;display:grid}.account-subpage-back{width:fit-content}.account-subpage-header__main{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.account-subpage-header__main>div{min-width:0}.account-subpage-breadcrumb{color:#ffffff6b;margin-bottom:7px;font-size:12.5px;line-height:1.2;display:inline-flex}.account-subpage-header h2{color:#fffffff0;letter-spacing:0;font-size:clamp(26px,1.7vw,30px);font-weight:720;line-height:1.16}.account-subpage-header p{color:#ffffff94;margin-top:7px;font-size:14px;line-height:1.45}.account-subpage-header__meta{margin-top:14px}.account-subpage-header__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.account-subpage-summary{background:#101014;border:1px solid #ffffff14;border-radius:12px;gap:5px;min-width:128px;padding:11px 13px;display:grid}.account-subpage-summary span{color:#ffffff75;font-size:12px}.account-subpage-summary strong{color:#ffffffe6;font-size:16px;font-weight:720}.recharge-account-meta{flex-wrap:wrap;gap:10px;display:flex}.recharge-account-meta__item{color:#ffffff9e;background:#101014db;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12.5px;line-height:1;display:inline-flex}.recharge-account-meta__item strong{color:#fffffff0;font-size:13px;font-weight:720}.recharge-account-meta__skeleton{background-color:#ffffff09;background-image:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:999px;width:68px;height:12px}.recharge-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.recharge-header-action{color:#ffffffad;min-height:36px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff17;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:640;display:inline-flex}.recharge-header-action:hover{color:#ffffffe6;background:#fff1;border-color:#ff2b883d;transform:translateY(-1px)}.recharge-center-shell{gap:18px;min-width:0;display:grid}.recharge-center-tabs,.usage-record-filters{background:#101014;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:4px;display:inline-flex}.recharge-center-tab,.usage-record-filter{color:#ffffff94;min-height:34px;transition:transform var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:13px;font-weight:650}.recharge-center-tab:hover,.usage-record-filter:hover{color:#ffffffe0}.recharge-center-tab.is-active,.usage-record-filter.is-active{color:#fff;background:linear-gradient(90deg,#ff2b8829,#a452ff24);box-shadow:inset 0 0 0 1px #ff2b8826}.recharge-account-error{color:#ffffff9e;background:#ffffff09;border:1px solid #ffffff16;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:min(100%,560px);padding:7px 9px 7px 10px;font-size:12.5px;display:flex}.recharge-account-error span{flex:1;min-width:0}.recharge-account-error button{color:#ff8ac4;background:#ff2b881a;border:0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.recharge-layout{flex-wrap:wrap;align-items:start;gap:22px;min-width:0;display:flex}.recharge-layout__selection{flex:720px;min-width:0}.recharge-layout__summary{flex:0 360px;width:min(100%,360px);min-width:0;position:sticky;top:18px}.recharge-center-panel{min-width:0;animation:user-center-row-in var(--motion-layout) var(--ease-enter) both;gap:14px;display:grid}.recharge-selection-head{gap:5px;min-width:0;display:grid}.recharge-selection-head h3{color:#ffffffeb;font-size:16px;font-weight:720;line-height:1.25}.recharge-selection-head p{color:#ffffff8a;max-width:560px;font-size:13px;line-height:1.45}.recharge-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.recharge-plan-card,.credit-topup-card,.custom-recharge-card,.recharge-confirm-panel{transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#141418f5;border:1px solid #ffffff14;border-radius:14px;position:relative;overflow:hidden}.recharge-plan-card,.credit-topup-card{text-align:left;min-width:0;display:grid}.recharge-plan-card{grid-template-rows:auto auto auto auto 1fr auto auto;align-content:start;gap:12px;min-height:286px;padding:18px}.recharge-plan-card:hover,.credit-topup-card:hover,.custom-recharge-card:hover{background:#18181e;border-color:#ff2b8833;transform:translateY(-2px);box-shadow:0 14px 30px #0003}.recharge-plan-card.is-selected,.credit-topup-card.is-selected{background:radial-gradient(circle at 18% 0,#ff2b8829,#0000 40%),#141418;border-color:#ff2b8894}.recharge-plan-card.is-recommended{background:radial-gradient(circle at 18% 0,#a452ff1a,#0000 42%),#16161bfa;border-color:#a452ff52;box-shadow:0 18px 38px #a452ff14}.recharge-plan-card.is-recommended.is-selected{background:radial-gradient(circle at 16% 0,#ff2b8826,#0000 40%),radial-gradient(circle at 86% 12%,#a452ff24,#0000 36%),#141418;border-color:#ff2b889e}.custom-recharge-card.is-active{background:radial-gradient(circle at 16% 0,#ff2b881f,#0000 42%),#141418;border-color:#ff2b886b}.recharge-card-check{color:#ffffff57;opacity:0;width:24px;height:24px;transition:opacity var(--motion-fast) var(--ease-enter), transform var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px;transform:scale(.86)}.recharge-plan-card.is-selected .recharge-card-check,.credit-topup-card.is-selected .recharge-card-check{color:#fff;opacity:1;background:linear-gradient(135deg,#ff2b88,#a452ff);transform:scale(1)}.recharge-card-badge{color:#ff8ac4;background:#ff2b881a;border:1px solid #ff2b8847;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 9px;font-size:12px;font-weight:680;display:inline-flex}.recharge-plan-card__top{justify-content:space-between;align-items:center;gap:10px;min-height:24px;padding-right:26px;display:flex}.recharge-plan-card__scene{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.35;overflow:hidden}.recharge-plan-card__name{color:#ffffffeb;font-size:17px;font-weight:740;line-height:1.22}.recharge-plan-card__price{color:#fffffff5;font-size:clamp(28px,2.2vw,36px);font-weight:760;line-height:1.05}.recharge-plan-card__price small{color:#ffffff80;font-size:14px;font-weight:620}.recharge-plan-card__credits{color:#ff72b5;font-size:13px;font-weight:680}.recharge-plan-card__desc{color:#ffffff7a;font-size:13px;line-height:1.45}.recharge-plan-card__facts{gap:8px;margin:2px 0 0;padding:0;display:grid}.recharge-plan-card__facts>span{color:#ffffff94;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;font-size:12.5px;line-height:1.4;display:grid}.recharge-plan-card__facts svg{color:#ff2b88d1;margin-top:1px}.recharge-plan-card__reason{color:#dbc4ffe0;background:#a452ff14;border:1px solid #a452ff2e;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:5px 9px;font-size:12px;line-height:1.25;display:inline-flex}.recharge-plan-card__action{color:#ffffffb8;min-height:36px;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.recharge-plan-card:hover .recharge-plan-card__action{color:#ffffffe6;border-color:#ff2b8842}.recharge-plan-card.is-selected .recharge-plan-card__action{color:#fff;background:linear-gradient(90deg,#ff2b883d,#a452ff33);border-color:#ff2b885c}.recharge-plan-empty{text-align:center;background:#141418db;border:1px solid #ffffff14;border-radius:14px;place-items:center;gap:8px;min-height:180px;padding:24px;display:grid}.recharge-plan-empty svg{color:#ff2b88bd}.recharge-plan-empty strong{color:#ffffffdb;font-size:15px}.recharge-plan-empty span{color:#ffffff80;font-size:13px}.credit-topup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.credit-topup-card{align-content:start;gap:7px;min-height:144px;padding:17px}.credit-topup-card__headline{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.credit-topup-card__headline .recharge-card-badge{transform:translateY(1px)}.credit-topup-card__amount{color:#fffffff0;font-size:24px;font-weight:760;line-height:1.05}.credit-topup-card__credits,.credit-topup-card__gift{color:#ffffff94;font-size:13px;line-height:1.35}.credit-topup-card__credits{color:#ffffffb8;font-weight:650}.credit-topup-card__gift{color:#ff72b5e0}.custom-recharge-card{grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) minmax(140px,.55fr);align-items:stretch;gap:16px;padding:18px;display:grid}.custom-recharge-card h3{color:#ffffffe6;font-size:16px;font-weight:700}.custom-recharge-card p{color:#ffffff7a;margin-top:5px;font-size:13px;line-height:1.45}.custom-recharge-card__intro{align-self:center}.custom-recharge-field,.custom-recharge-preview{gap:7px;display:grid}.custom-recharge-field span,.custom-recharge-preview span{color:#ffffff80;font-size:12.5px;font-weight:620}.custom-recharge-input{min-height:44px;transition:border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#09090bb8;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.custom-recharge-input em{color:#ffffffb8;font-size:14px;font-style:normal;font-weight:720}.custom-recharge-field input{color:#ffffffeb;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:0;font-size:14px}.custom-recharge-input:hover,.custom-recharge-input:focus-within{background:#18181eeb;border-color:#ff2b8857}.custom-recharge-input:focus-within{box-shadow:0 0 0 3px #ff2b881f}.custom-recharge-input.is-invalid{background:#ff5c7a0f;border-color:#ff5c7a80}.custom-recharge-field small{color:#ff7d97e6;font-size:12px;line-height:1.35}.custom-recharge-preview{background:#ffffff09;border:1px solid #ffffff13;border-radius:12px;align-content:center;min-height:74px;padding:12px}.custom-recharge-preview strong{color:#ff72b5;font-size:18px;font-weight:740}.custom-recharge-preview em{color:#ffffff6b;font-size:12px;font-style:normal}.recharge-confirm-panel{background:radial-gradient(circle at 18% 0,#a452ff1f,#0000 42%),#101014fa;border-color:#ffffff1a;gap:16px;padding:18px;display:grid;box-shadow:0 18px 42px #00000038}.recharge-confirm-panel__head{align-items:center;gap:9px;display:flex}.recharge-confirm-panel__head span{color:#ff72b5;background:#ff2b881a;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.recharge-confirm-panel__head strong{color:#ffffffe6;font-size:15px}.recharge-confirm-panel__lines{gap:8px;display:grid}.recharge-confirm-panel__lines div{color:#ffffff80;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:13px;display:flex}.recharge-confirm-panel__lines div:last-child{border-bottom:0;min-height:38px}.recharge-confirm-panel__lines strong{color:#ffffffe6;text-align:right;font-weight:720}.recharge-confirm-panel__lines div:last-child strong{color:#ff72b5;font-size:20px}.recharge-confirm-panel__note{color:#ffffff80;background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;padding:10px 11px;font-size:12.5px;line-height:1.5}.recharge-confirm-button{color:#fff;width:100%;min-height:40px;transition:transform var(--motion-fast) var(--ease-enter), filter var(--motion-fast) var(--ease-enter), opacity var(--motion-fast) var(--ease-enter);background:linear-gradient(90deg,#ff2b88eb,#a452ffdb);border:1px solid #ff2b884d;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.recharge-confirm-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.recharge-confirm-button:active:not(:disabled){transform:translateY(1px)}.recharge-confirm-button:disabled{cursor:not-allowed;color:#ffffff70;filter:none;opacity:1;background:#ffffff0e;border-color:#ffffff17;transform:none}.account-subpage-link{width:fit-content}.account-records{min-height:440px}.account-record-row.is-spend em{color:#ff77b6}.account-record-row.is-recharge em{color:#b98aff}.account-record-row.is-checkin em{color:#74e3a2}.studio-library-toolbar{gap:var(--space-stack);grid-template-columns:minmax(220px,1fr) minmax(120px,150px) minmax(120px,150px);min-width:0;display:grid}.studio-library-toolbar__search{min-width:0;position:relative}.studio-library-search-trigger{display:none}.studio-library-toolbar__search svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.studio-library-toolbar__search .studio-input{padding-left:38px}.studio-library-toolbar__select{min-width:0}.studio-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;min-width:0;display:grid}.studio-library-tile{width:100%;min-width:0;color:inherit;text-align:left;transition:border-color var(--motion-base), transform var(--motion-base);padding:0;display:block}.studio-library-tile:hover,.studio-library-tile.is-active{border-color:var(--primary)}.studio-library-tile:hover{transform:translateY(-1px)}.shell-root--tool-library .studio-library-tile{gap:10px;padding:10px;display:grid}.studio-library-detail{gap:var(--space-stack);min-width:0;display:grid}.studio-library-modal{z-index:var(--z-modal);animation:ui-fade-in var(--motion-fast) var(--ease-enter) both;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-library-modal__backdrop{background:var(--background);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-library-modal__backdrop{background:color-mix(in srgb, var(--background) 78%, transparent)}}.studio-library-modal__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:ui-fade-in var(--motion-fast) var(--ease-enter) both}.studio-library-modal .studio-library-detail{z-index:1;background:var(--panel);width:min(920px,100%);max-height:min(86vh,760px);animation:ui-dialog-in var(--motion-layout) var(--ease-enter) both;will-change:transform, opacity;position:relative;overflow-y:auto;box-shadow:0 24px 90px #0000006b}.studio-library-detail__close{justify-self:end}.studio-preview__top{justify-content:space-between;align-items:flex-start;gap:var(--space-stack);display:flex}.studio-preview__content{min-width:0}.studio-preview:has(.video-tutorial-guide){grid-template-rows:auto minmax(0,1fr)}.studio-preview:has(.video-tutorial-guide) .studio-preview__content{place-items:center;min-height:0;display:grid}.studio-preview{align-content:start;min-height:100%}.studio-preview:has(.studio-media-card.is-compact){grid-template-rows:auto minmax(0,1fr)}.studio-preview:has(.studio-media-card.is-compact) .studio-preview__content{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.studio-preview__media{border-radius:var(--radius-card);background:var(--panel-2);position:relative;overflow:hidden}.studio-preview__media.is-example{border:1px solid var(--border-subtle)}@supports (color:color-mix(in lab, red, red)){.studio-preview__media.is-example{border:1px solid color-mix(in srgb, var(--border-subtle) 70%, transparent)}}.studio-example-badge{z-index:1;border-radius:var(--radius-chip);background:var(--background);align-items:center;min-height:26px;display:inline-flex;position:absolute;top:10px;left:10px}@supports (color:color-mix(in lab, red, red)){.studio-example-badge{background:color-mix(in srgb, var(--background) 72%, transparent)}}.studio-example-badge{color:var(--muted-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 9px;font-size:12px;line-height:1}.studio-preview__empty{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel-2);place-items:center;min-height:220px;display:grid}@supports (color:color-mix(in lab, red, red)){.studio-preview__empty{background:color-mix(in srgb, var(--panel-2) 64%, transparent)}}.studio-preview__empty{padding:var(--space-panel);color:var(--muted);text-align:center}.studio-processing-state{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:radial-gradient(circle at 50% 38%, var(--primary), transparent 26%), linear-gradient(145deg, var(--panel-2), var(--background));align-content:center;place-items:center;gap:18px;min-height:min(420px,58vh);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-processing-state{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 26%), linear-gradient(145deg, color-mix(in srgb, var(--panel-2) 90%, transparent), color-mix(in srgb, var(--background) 72%, transparent))}}.studio-processing-state{color:var(--muted-strong);text-align:center}.studio-processing-state:before,.studio-processing-state:after{border:1px solid var(--primary);position:absolute;inset:20%}@supports (color:color-mix(in lab, red, red)){.studio-processing-state:before,.studio-processing-state:after{border:1px solid color-mix(in srgb, var(--primary) 18%, transparent)}}.studio-processing-state:before,.studio-processing-state:after{content:"";border-radius:999px}.studio-processing-state:after{border-color:#ffffff14;inset:30%}.studio-processing-state p{z-index:1;color:var(--foreground);font-weight:600;position:relative}.studio-processing-orbit{z-index:1;background:var(--primary-soft);border-radius:999px;place-items:center;width:84px;height:84px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-processing-orbit{background:color-mix(in srgb, var(--primary-soft) 74%, transparent)}}.studio-processing-orbit{color:var(--primary)}.studio-processing-orbit span{border:1px solid var(--primary);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.studio-processing-orbit span{border:1px solid color-mix(in srgb, var(--primary) 26%, transparent)}}.studio-processing-orbit span{border-radius:inherit}.studio-processing-orbit span:nth-child(2){border-color:#ffffff1f;inset:12px}.studio-walkthrough{min-width:0;padding-bottom:var(--space-stack);gap:24px;display:grid}.studio-walkthrough__section{border:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.18fr) minmax(150px,.82fr);align-items:center;gap:18px;min-height:clamp(360px,44vh,440px);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.studio-walkthrough__section{border:1px solid color-mix(in srgb, var(--border-subtle) 86%, transparent)}}.studio-walkthrough__section{border-radius:var(--radius-card);background:radial-gradient(circle at 20% 10%, var(--primary), transparent 34%), var(--panel-2)}@supports (color:color-mix(in lab, red, red)){.studio-walkthrough__section{background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 34%), color-mix(in srgb, var(--panel-2) 72%, transparent)}}.studio-walkthrough__section{padding:18px}.studio-walkthrough__section.is-media-right .studio-walkthrough__visual{order:2}.studio-walkthrough__section.is-media-right .studio-walkthrough__copy{order:1}.studio-walkthrough__visual,.studio-walkthrough__copy{min-width:0}.studio-walkthrough__canvas{isolation:isolate;min-height:300px;position:relative}.studio-walkthrough__section:has(.video-tutorial-input-demo){grid-template-columns:minmax(460px,1fr) minmax(150px,.62fr)}.studio-walkthrough__section:has(.video-tutorial-input-demo) .studio-walkthrough__visual{justify-content:center;min-width:0;display:grid}.video-tutorial-guide{--video-guide-visual-width:clamp(294px, 42cqw, 392px);--video-guide-visual-height:calc(var(--video-guide-visual-width) * .652);--video-guide-column-gap:22px;--video-guide-pair-width:calc(var(--video-guide-visual-width) + var(--video-guide-column-gap) + var(--video-guide-visual-width));--video-guide-side-space:max(0px, calc((100% - var(--video-guide-pair-width)) / 2));width:min(100%,940px);min-width:0;box-shadow:none;background:0 0;border:0;gap:0;padding:0;display:grid;position:relative;overflow:visible;container-type:inline-size}.video-tutorial-guide__section{min-height:calc(var(--video-guide-visual-height) + 38px);grid-template-columns:minmax(0,1fr);place-items:center start;gap:18px;padding:0;display:grid;position:relative}.video-tutorial-guide__section+.video-tutorial-guide__section{border-top:0}.video-tutorial-guide__section.is-visual-right{justify-items:end}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__visual{order:2}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__copy{order:1}.video-tutorial-guide__visual{width:var(--video-guide-visual-width);margin-left:var(--video-guide-side-space);justify-content:start;min-width:0;display:grid}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__visual{margin-right:var(--video-guide-side-space);margin-left:0}.video-tutorial-guide__copy{top:19px;left:calc(var(--video-guide-side-space) + var(--video-guide-visual-width) + var(--video-guide-column-gap));width:var(--video-guide-visual-width);align-content:start;gap:8px;min-width:0;max-width:none;display:grid;position:absolute}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__copy{right:calc(var(--video-guide-side-space) + var(--video-guide-visual-width) + var(--video-guide-column-gap));left:auto}.video-tutorial-guide__copy span{color:#ff4f9d;background:#ff2b881f;border-radius:999px;width:fit-content;padding:7px 11px;font-size:clamp(12px,.86cqw,14px);font-weight:700;line-height:1}.video-tutorial-guide__copy h4{color:var(--text);font-size:clamp(19px,2.85cqw,26px);font-weight:750;line-height:1.18}.video-tutorial-guide__copy p{max-width:100%;color:var(--muted);font-size:clamp(13px,1.78cqw,16px);line-height:1.62}.video-tutorial-guide__arrow{right:calc(var(--video-guide-visual-width) + 2px);z-index:6;opacity:.86;pointer-events:none;width:64px;height:44px;position:absolute;bottom:-20px;overflow:visible;transform:rotate(22deg)}.video-tutorial-guide__arrow-path,.video-tutorial-guide__arrow-head{fill:none;stroke:#ff2b88;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;stroke-dasharray:86;stroke-dashoffset:86px;filter:drop-shadow(0 0 8px #ff2b8847);transition:stroke-dashoffset .76s var(--ease-enter)}.video-tutorial-guide__arrow-head{stroke-dasharray:28;stroke-dashoffset:28px;transition-duration:.36s;transition-delay:.52s}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__arrow{right:auto;left:calc(var(--video-guide-visual-width) + 2px);transform:scaleX(-1)rotate(22deg)}.video-tutorial-guide.is-drawing-first-arrow .video-tutorial-guide__section:first-child .video-tutorial-guide__arrow-path,.video-tutorial-guide.is-first-arrow-drawn .video-tutorial-guide__section:first-child .video-tutorial-guide__arrow-path,.video-tutorial-guide.is-drawing-second-arrow .video-tutorial-guide__section:nth-child(2) .video-tutorial-guide__arrow-path,.video-tutorial-guide.is-second-arrow-drawn .video-tutorial-guide__section:nth-child(2) .video-tutorial-guide__arrow-path,.video-tutorial-guide.is-drawing-first-arrow .video-tutorial-guide__section:first-child .video-tutorial-guide__arrow-head,.video-tutorial-guide.is-first-arrow-drawn .video-tutorial-guide__section:first-child .video-tutorial-guide__arrow-head,.video-tutorial-guide.is-drawing-second-arrow .video-tutorial-guide__section:nth-child(2) .video-tutorial-guide__arrow-head,.video-tutorial-guide.is-second-arrow-drawn .video-tutorial-guide__section:nth-child(2) .video-tutorial-guide__arrow-head{stroke-dashoffset:0}.video-tutorial-input-demo{width:var(--video-guide-visual-width);height:var(--video-guide-visual-height);background:#020203;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000061}.tutorial-upload-placeholder{z-index:2;color:#ffffffb3;width:44.6%;height:68.3%;transition:border-color .22s var(--ease-enter), background .22s var(--ease-enter), color .22s var(--ease-enter);background:#ffffff09;border:1px dashed #ffffff52;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:absolute;top:14%;left:4.8%}.tutorial-upload-placeholder svg{color:#ffffffc7;stroke-width:1.8px;width:30px;height:30px}.tutorial-upload-target-ring{z-index:2;pointer-events:none;opacity:0;border:1px dashed #ff2b8800;border-radius:14px;width:44.6%;height:68.3%;transition:opacity .22s,border-color .22s,box-shadow .22s;position:absolute;top:14%;left:4.8%;box-shadow:inset 0 0 0 1px #ff2b8800}.tutorial-upload-target-ring.is-touching{opacity:1;border-color:#ff2b88e6;box-shadow:inset 0 0 18px #ff2b881f,0 0 18px #ff2b8814}.tutorial-upload-target-ring.is-covered{opacity:1;border-style:solid;border-color:#ff2b88f5;box-shadow:inset 0 0 0 1px #ff2b8857,0 0 22px #ff2b881a}.tutorial-source-image{z-index:3;object-fit:cover;opacity:0;filter:saturate(.92);border:2px solid #ff2b8800;border-radius:14px;width:44.6%;height:68.3%;transition:opacity .42s,border-color .18s,transform 2.5s linear,filter 2.5s linear,box-shadow 2.5s linear;position:absolute;top:14%;left:4.8%;transform:translate(260px,116px)scale(.88)}.tutorial-source-image.is-dragging{opacity:.96;filter:saturate();transform:translate(0)scale(1);box-shadow:0 12px 28px #ff2b882e,0 18px 30px #00000057}.tutorial-source-image.is-visible{opacity:1;filter:saturate();border-color:#ff2b88;transform:translate(0)scale(1);box-shadow:0 10px 24px #ff2b8821,0 16px 26px #0000004d}.tutorial-prompt-bubble{z-index:4;color:#f4f4f5;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#222225f5;border:1px solid #ffffff52;border-radius:14px;width:55.4%;min-height:76px;padding:15px 17px;font-size:15px;line-height:1.55;transition:opacity .16s,transform .16s cubic-bezier(.22,1,.36,1);position:absolute;top:32%;left:41.3%;transform:translate(-10px)scale(.98);box-shadow:0 14px 32px #00000075}.tutorial-prompt-bubble.is-visible{opacity:1;transform:translate(0)scale(1)}.typing-caret{vertical-align:-2px;background:#ff2b88;width:1px;height:1em;margin-left:3px;animation:.72s step-end infinite tutorial-caret-blink;display:inline-block}@keyframes tutorial-caret-blink{50%{opacity:0}}.video-tutorial-parameter-demo,.video-tutorial-result-slot{width:var(--video-guide-visual-width);height:var(--video-guide-visual-height);box-shadow:none;background:0 0;border-radius:22px;position:relative;overflow:visible}.video-tutorial-parameter-demo__preview{background:#ffffff0a;border:1px solid #ffffff29;border-radius:18px;width:100%;height:72%;position:absolute;top:7.3%;left:0;overflow:hidden;box-shadow:0 18px 38px #00000052}.video-tutorial-parameter-demo__preview img{object-fit:cover;width:100%;height:100%;display:block}.video-tutorial-parameter-demo__assets{align-items:center;gap:10px;width:100%;display:flex;position:absolute;bottom:0;left:0}.video-tutorial-parameter-demo__asset{min-width:0;height:clamp(36px, calc(var(--video-guide-visual-height) * .16), 46px);color:#fff;opacity:0;transition:opacity var(--motion-layout) var(--ease-enter), transform var(--motion-layout) var(--ease-enter), box-shadow var(--motion-layout) var(--ease-enter);background:#ff2b881a;border:1px solid #ffffff14;border-radius:13px;flex:1 1 0;justify-content:center;align-items:center;gap:7px;display:flex;transform:translateY(8px)scale(.98);box-shadow:0 12px 18px #0003}.video-tutorial-parameter-demo.is-active .video-tutorial-parameter-demo__asset{opacity:1;transform:translateY(0)scale(1)}.video-tutorial-parameter-demo__asset:first-child{background:linear-gradient(#5ccc74eb,#3fad5deb);transition-delay:0s}.video-tutorial-parameter-demo__asset:nth-child(2){background:linear-gradient(#d584ddeb,#b65bc4eb);transition-delay:.11s}.video-tutorial-parameter-demo__asset:nth-child(3){background:linear-gradient(#5cb7eaf0,#3c96d6f0);transition-delay:.22s}.video-tutorial-parameter-demo__asset strong{color:#fffffff5;letter-spacing:0;font-size:13px;font-weight:800;line-height:1}.video-tutorial-parameter-demo__asset-icon{color:currentColor;flex:none;width:18px;height:18px;display:block;position:relative}.video-tutorial-parameter-demo__asset-icon.is-duration{border:2px solid;border-radius:999px}.video-tutorial-parameter-demo__asset-icon.is-duration:before,.video-tutorial-parameter-demo__asset-icon.is-duration:after{content:"";transform-origin:top;background:currentColor;border-radius:999px;width:2px;position:absolute;top:50%;left:50%}.video-tutorial-parameter-demo__asset-icon.is-duration:before{height:6px;transform:translate(-50%,-1px)}.video-tutorial-parameter-demo__asset-icon.is-duration:after{height:5px;transform:translate(-50%,-1px)rotate(120deg)}.video-tutorial-parameter-demo__asset-icon.is-resolution,.video-tutorial-parameter-demo__asset-icon.is-ratio{border:2px solid;border-radius:5px}.video-tutorial-parameter-demo__asset-icon.is-resolution:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;inset:4px 3px auto}.video-tutorial-parameter-demo__asset-icon.is-ratio{width:20px;height:15px}.video-tutorial-result-slot{isolation:isolate;place-items:start;display:grid}.video-tutorial-result-slot__backdrop{display:none}.video-tutorial-result-slot__backdrop img,.video-tutorial-result-slot__media img,.video-tutorial-result-slot__media video{object-fit:cover;width:100%;height:100%;display:block}.video-tutorial-result-slot__media{z-index:2;opacity:0;width:100%;height:100%;transition:opacity var(--motion-layout) var(--ease-enter), transform var(--motion-layout) var(--ease-enter), border-color var(--motion-layout) var(--ease-enter);background:#08080b;border:1px solid #ffffff2e;border-radius:18px;position:relative;overflow:hidden;transform:translateY(10px)scale(.985);box-shadow:0 22px 52px #0000006b}.video-tutorial-result-slot__media:before{z-index:2;border-radius:inherit;pointer-events:none;content:"";border:1px solid #ff2b8800;position:absolute;inset:0}.video-tutorial-result-slot__media.is-visible{opacity:1;border-color:#ff2b8833;transform:translateY(0)scale(1)}.video-tutorial-result-slot__media.is-playing{border-color:#ff2b8847}.video-tutorial-result-slot__media.is-complete{border-color:#ff2b8875;transform:translateY(0)scale(1.01)}.video-tutorial-result-slot__media.is-resetting{border-color:#ff2b8857;transform:translateY(0)scale(1)}.video-tutorial-result-slot__media.is-complete:before{animation:video-tutorial-complete-ring .96s var(--ease-enter) both;border-color:#ff2b88b8}.video-tutorial-result-slot__media.is-resetting:before{animation:video-tutorial-reset-fade .76s var(--ease-toggle) both;background:linear-gradient(#08080b0a,#08080b57),radial-gradient(circle,#ff2b881f,#0000 58%);border-color:#ff2b882e}.video-tutorial-guide[data-playback-state=fading-out] .tutorial-source-image,.video-tutorial-guide[data-playback-state=fading-out] .tutorial-prompt-bubble,.video-tutorial-guide[data-playback-state=fading-out] .video-tutorial-guide__arrow{opacity:0;transition:opacity .52s var(--ease-exit), transform .52s var(--ease-exit)}.video-tutorial-guide[data-playback-state=fading-out] .tutorial-source-image,.video-tutorial-guide[data-playback-state=fading-out] .tutorial-prompt-bubble{transform:translateY(4px)scale(.99)}.video-tutorial-result-slot__media:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0202033d,#0000 18% 80%,#02020333),radial-gradient(#0000 70%,#02020357 100%);position:absolute;inset:0}@keyframes video-tutorial-complete-ring{0%{opacity:0;transform:scale(.985)}34%{opacity:1;transform:scale(1);box-shadow:inset 0 0 0 1px #ff2b883d,0 0 28px #ff2b882e}to{opacity:0;transform:scale(1.018);box-shadow:inset 0 0 0 1px #ff2b8800,0 0 #ff2b8800}}@keyframes video-tutorial-reset-fade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}45%{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}to{opacity:.82;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.studio-walkthrough__layer{background:var(--panel);object-fit:cover;transform-origin:50%;border:1px solid #ffffff1f;border-radius:20px;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 42px #0000005c}.studio-walkthrough__layer.is-main{z-index:4;width:62%;top:16%;left:22%}.studio-walkthrough__layer.is-back-left{z-index:2;width:48%;top:38%;left:3%}.studio-walkthrough__layer.is-back-right{z-index:1;width:50%;top:8%;right:1%}.studio-walkthrough__layer.is-ratio-left{z-index:2;width:44%;top:26%;left:2%}.studio-walkthrough__layer.is-ratio-center{z-index:4;width:35%;top:3%;left:34%}.studio-walkthrough__layer.is-ratio-right{z-index:2;width:44%;top:28%;right:1%}.studio-walkthrough__layer.is-upload-base{z-index:1;width:72%;top:12%;left:8%}.studio-walkthrough__layer.is-upload-front{z-index:4;width:58%;bottom:7%;right:5%}.studio-walkthrough__layer.is-flow-left{z-index:2;width:46%;top:24%;left:2%}.studio-walkthrough__layer.is-flow-right{z-index:3;width:52%;top:18%;right:2%}.studio-walkthrough__layer.is-detail-left{z-index:5;width:42%;bottom:8%;left:0}.studio-walkthrough__layer.is-detail-right{z-index:5;width:42%;top:8%;right:0}.studio-walkthrough__layer.is-compare-main{z-index:3;width:84%;top:9%;left:8%}.studio-walkthrough__layer.is-main-video{z-index:4;aspect-ratio:9/14;width:56%;top:3%;left:22%}.studio-walkthrough__layer.is-main-video video,.studio-walkthrough__layer.is-main-video img{object-fit:cover;width:100%;height:100%;display:block}.studio-walkthrough__video-poster{display:none}.studio-walkthrough__layer.is-tilt-left{transform:rotate(-7deg)}.studio-walkthrough__layer.is-tilt-right{transform:rotate(6deg)}.studio-walkthrough__layer.is-tilt-soft-left{transform:rotate(-3deg)}.studio-walkthrough__layer.is-tilt-soft-right{transform:rotate(3deg)}.studio-walkthrough__bubble,.studio-walkthrough__tag{z-index:7;white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;min-height:30px;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000047}.studio-walkthrough__bubble{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.studio-walkthrough__bubble{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.studio-walkthrough__bubble{color:var(--text);padding:7px 12px;font-size:12px}.studio-walkthrough__bubble.is-top{top:12%;left:39%}.studio-walkthrough__bubble.is-center{white-space:normal;max-width:170px;top:37%;left:34%}.studio-walkthrough__bubble.is-lower{top:53%;left:36%}.studio-walkthrough__tag{background:var(--primary-soft);color:var(--primary);padding:6px 11px;font-size:12px;font-weight:700}.studio-walkthrough__tag.is-bottom-left{bottom:10px;left:8%}.studio-walkthrough__tag.is-bottom-center{bottom:10px;left:50%;transform:translate(-50%)}.studio-walkthrough__tag.is-bottom-right{bottom:10px;right:8%}.studio-walkthrough__tag.is-top-right{top:8px;right:10%}.studio-walkthrough__tag.is-action-left{bottom:18%;left:12%}.studio-walkthrough__tag.is-action-right{bottom:18%;right:10%}.studio-walkthrough__tag.is-center-tag{top:45%;left:50%;transform:translate(-50%,-50%)}.studio-walkthrough__tag.is-wide{width:max-content;max-width:calc(100% - 32px)}.studio-walkthrough__arrow{z-index:6;border-top:2px solid var(--primary);border-radius:50%;width:72px;height:34px;position:absolute;top:44%;left:42%;transform:rotate(8deg)}.studio-walkthrough__arrow:after{border-top:2px solid var(--primary);border-right:2px solid var(--primary);content:"";width:8px;height:8px;position:absolute;bottom:15px;right:-2px;transform:rotate(38deg)}.studio-walkthrough__copy{align-content:center;gap:10px;display:grid}.studio-walkthrough__copy span{background:var(--primary-soft);width:fit-content;color:var(--primary);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1}.studio-walkthrough__copy h4{color:var(--text);font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.18}.studio-walkthrough__copy p{color:var(--muted);font-size:14px;line-height:1.55}.studio-preview:has(.image-tutorial-simple){gap:14px}.studio-preview:has(.image-tutorial-simple) .studio-preview__top{width:100%;margin:0;padding:0}.image-tutorial-simple{min-height:min(740px,100vh - 150px);padding:0 0 var(--space-stack);align-items:center;display:grid}.image-tutorial-simple__stage{isolation:isolate;width:min(100%,1120px);max-width:none;margin:clamp(48px,5.4vh,62px) auto 0;padding:clamp(18px,4vh,40px) clamp(8px,2vw,24px) 0;display:grid;position:relative;transform:translateY(clamp(22px,3vh,32px))}.image-tutorial-simple__image-shell{aspect-ratio:16/9;opacity:1;background:#0a0a0e7a;border-radius:18px;width:min(86%,1020px);min-height:clamp(390px,52vh,570px);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 16px 36px #0000003d}.image-tutorial-simple__image-shell:after{z-index:3;pointer-events:none;border-radius:inherit;content:"";background:linear-gradient(90deg,#09090c5c,#0000 18% 78%,#09090c29),radial-gradient(#0000 72%,#05050914 88%,#05050947 100%);position:absolute;inset:-1px}.image-tutorial-simple__image{border-radius:inherit;object-fit:cover;z-index:1;transform-origin:50%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000007a 5%,#000 16% 96%,#000000b8 100%),radial-gradient(#000 78%,#000000f0 90%,#00000094 98%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000007a 5%,#000 16% 96%,#000000b8 100%),radial-gradient(#000 78%,#000000f0 90%,#00000094 98%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.image-tutorial-simple__overlay{z-index:5;opacity:1;transition:opacity var(--motion-layout) var(--ease-enter), transform var(--motion-layout) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), filter var(--motion-fast) var(--ease-enter);background:linear-gradient(90deg,#13121624,#13121694 20%,#131216d1 100%),linear-gradient(135deg,#ffffff1f,#ffffff05 46%,#0000 72%);border:1px solid #ffffff1a;border-left-color:#ffffff06;border-radius:18px;gap:7px;display:grid;position:absolute;overflow:hidden;transform:translate(0);box-shadow:12px 16px 34px #0000004d,inset 0 1px #ffffff17,inset 0 -1px #ffffff09}.image-tutorial-simple__overlay:before{z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(30px)saturate(1.18);backdrop-filter:blur(30px)saturate(1.18);content:"";background:linear-gradient(90deg,#12111505,#12111557 58%,#0000 100%);width:42%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22%,#000000d6 68%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22%,#000000d6 68%,#0000 100%)}.image-tutorial-simple__overlay>*{z-index:1;position:relative}.image-tutorial-simple__overlay span{color:#ffffffa3;letter-spacing:0;font-size:11px;font-weight:700}.image-tutorial-simple__overlay p{color:#ffffffe6;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.48;display:-webkit-box;overflow:hidden}.image-tutorial-simple__overlay strong{color:#ffffffeb;font-size:15px;font-weight:700;line-height:1}.image-tutorial-simple__overlay--prompt{width:min(420px,40%);padding:18px 20px;top:clamp(88px,16vh,148px);right:clamp(20px,3.4vw,44px)}.image-tutorial-simple__overlay--ratio{text-align:center;justify-items:center;min-width:126px;padding:18px 18px 17px;bottom:clamp(70px,13vh,120px);right:clamp(92px,10vw,128px)}.image-tutorial-simple__overlay:hover{filter:brightness(1.08);background:linear-gradient(90deg,#18171c2e,#18171ca3 20%,#18171ce0 100%),linear-gradient(135deg,#ffffff26,#ffffff09 46%,#0000 72%);border-color:#ffffff29}.image-tutorial-simple__overlay--ratio i{border:1px solid var(--primary);width:46px;height:26px;margin:4px 0 8px;display:block}@supports (color:color-mix(in lab, red, red)){.image-tutorial-simple__overlay--ratio i{border:1px solid color-mix(in srgb, var(--primary) 78%, transparent)}}.image-tutorial-simple__overlay--ratio i{background:var(--primary);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.image-tutorial-simple__overlay--ratio i{background:color-mix(in srgb, var(--primary) 84%, transparent)}}.image-tutorial-simple__overlay--ratio i{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.image-tutorial-simple__overlay--ratio i{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 28%, transparent)}}.studio-result-reveal{gap:14px;display:grid}.studio-preview:has(.image-editor-tutorial){grid-template-rows:auto minmax(0,1fr);align-content:start;justify-items:center;gap:18px;min-height:100%}.studio-preview:has(.image-editor-tutorial) .studio-preview__top{width:100%;margin:0}.studio-preview:has(.image-editor-tutorial) .studio-preview__content{align-items:center;width:100%;min-height:min(760px,100vh - 180px)}.image-editor-tutorial{align-items:center;width:100%;min-height:100%;padding:0;display:grid}.image-editor-tutorial__canvas{isolation:isolate;aspect-ratio:1.48;background:radial-gradient(circle at 46% 42%,#ffffff06,#0000 32%),#020203;border-radius:10px;width:min(100%,980px);min-height:520px;max-height:660px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09}.image-editor-tutorial__canvas:before,.image-editor-tutorial__canvas:after{z-index:7;pointer-events:none;content:"";position:absolute;top:0;bottom:0}.image-editor-tutorial__canvas:before{background:linear-gradient(90deg,#020203 0%,#020203eb 34%,#02020357 74%,#02020300 100%);width:24%;left:0}.image-editor-tutorial__canvas:after{background:linear-gradient(270deg,#020203 0%,#020203db 34%,#02020347 72%,#02020300 100%);width:21%;right:0}.image-editor-tutorial__path{z-index:1;object-fit:fill;pointer-events:none;opacity:.82;filter:drop-shadow(0 3px 8px #00000047);width:96%;height:54%;position:absolute;top:34%;left:1%}.image-editor-tutorial__dash{fill:none;stroke:#ffffffb3;stroke-width:3px;stroke-linecap:round;stroke-dasharray:9 8}.image-editor-plane-mark{color:#ffffffd6;filter:drop-shadow(0 4px 8px #00000061);opacity:.72;transform:translate(856px,25px)rotate(-15deg)scale(.62)}.image-editor-photo,.image-editor-arrow,.image-editor-prompt{margin:0;position:absolute}.image-editor-photo{transition:transform var(--motion-base), box-shadow var(--motion-base);background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 14px 30px #0000008c}.image-editor-photo--input{padding:7px 7px 24px}.image-editor-photo--result{padding:9px 9px 30px;box-shadow:0 18px 40px #0000009e}.image-editor-photo img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.image-editor-photo--single-source{--editor-card-rotation:-9deg;z-index:3;width:15%;height:32%;transform:rotate(var(--editor-card-rotation));top:17%;left:14%}.image-editor-photo--single-result{--editor-card-rotation:2.5deg;z-index:3;width:24%;height:42%;transform:rotate(var(--editor-card-rotation));top:9%;left:36%}.image-editor-photo--merge-product{--editor-card-rotation:-7deg;z-index:3;width:15%;height:31%;transform:rotate(var(--editor-card-rotation));top:56%;left:29%}.image-editor-photo--merge-scene{--editor-card-rotation:4deg;z-index:4;width:15%;height:31%;transform:rotate(var(--editor-card-rotation));top:54%;left:43%}.image-editor-photo--merge-result{--editor-card-rotation:3deg;z-index:3;width:24%;height:40%;transform:rotate(var(--editor-card-rotation));top:45%;left:67%}.image-editor-arrow{z-index:7;pointer-events:none;filter:drop-shadow(0 8px 14px #ff187038);height:auto;overflow:visible}.image-editor-arrow__halo,.image-editor-arrow__path,.image-editor-arrow__shine{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.image-editor-arrow__halo{stroke:#ff2b8829;stroke-width:12px}.image-editor-arrow__path{stroke:#ff2b88;stroke-width:6.8px}.image-editor-arrow__shine{stroke:#ffffff6b;stroke-width:2.1px;transform:translateY(-1px)}.image-editor-arrow__tip{fill:#ff2b88;stroke:#ffecf7c7;stroke-width:.9px;filter:drop-shadow(0 2px 7px #ff2b8899)}.image-editor-arrow--single{width:7.5%;top:25.5%;left:29.2%;transform:rotate(-2deg)}.image-editor-arrow--merge{width:10%;top:66%;left:58.8%;transform:rotate(8deg)}.image-editor-prompt{z-index:6;color:#fffc;text-align:center;white-space:nowrap;text-shadow:0 1px 1px #000000bd;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;justify-items:center;gap:1px;font-family:YouYuan,Microsoft YaHei UI,Comic Sans MS,sans-serif;font-size:clamp(16px,1.8vw,19px);font-weight:700;line-height:1.05;display:inline-grid}.image-editor-prompt span:first-child{font-size:1.05em;line-height:.8}.image-editor-prompt--single{--editor-card-rotation:-9deg;transform:rotate(var(--editor-card-rotation));top:51%;left:18.3%}.image-editor-prompt--merge{--editor-card-rotation:-7deg;transform:rotate(var(--editor-card-rotation));top:87.5%;left:40.2%}@media (hover:hover){.image-editor-photo--single-source:hover,.image-editor-photo--single-result:hover,.image-editor-photo--merge-product:hover,.image-editor-photo--merge-scene:hover,.image-editor-photo--merge-result:hover{transform:translateY(-2px) rotate(var(--editor-card-rotation))}.image-editor-photo:hover{box-shadow:0 20px 44px #000000a8}}@media (prefers-reduced-motion:reduce){.image-tutorial-simple__image-shell,.image-tutorial-simple__image,.image-tutorial-simple__overlay,.image-editor-tutorial__canvas,.image-editor-tutorial__dash,.image-editor-plane-mark,.image-editor-photo,.image-editor-arrow,.image-editor-arrow__halo,.image-editor-arrow__path,.image-editor-arrow__shine,.image-editor-arrow__tip,.image-editor-prompt,.tutorial-source-image,.tutorial-prompt-bubble,.video-tutorial-guide,.video-tutorial-guide__arrow-path,.video-tutorial-guide__arrow-head,.tutorial-upload-placeholder,.tutorial-upload-target-ring,.video-tutorial-parameter-demo__asset,.video-tutorial-result-slot__media,.video-tutorial-result-slot__media:before{transition:none;animation:none!important}.typing-caret{animation:none;display:none}.studio-walkthrough__layer.is-main-video video{display:none}.studio-walkthrough__video-poster{display:block}.image-editor-photo,.image-editor-arrow,.image-editor-prompt,.image-editor-plane-mark{opacity:1}.image-editor-arrow__halo,.image-editor-arrow__path,.image-editor-arrow__shine{stroke-dashoffset:0}.image-editor-plane-mark{opacity:.72;transform:translate(856px,25px)rotate(-15deg)scale(.62)}.video-tutorial-guide{opacity:1;transform:none}.video-tutorial-guide__arrow-path,.video-tutorial-guide__arrow-head{stroke-dashoffset:0}.tutorial-upload-target-ring{opacity:1;border-style:solid;border-color:#ff2b88f5}.video-tutorial-parameter-demo__asset,.video-tutorial-result-slot__media{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.image-tutorial-simple__image-shell{animation:image-tutorial-main-in var(--motion-entrance) var(--ease-enter) both}.image-tutorial-simple__image{animation:image-tutorial-image-in .76s var(--ease-enter) both}.image-tutorial-simple__overlay--prompt{animation:image-tutorial-overlay-in .52s var(--ease-enter) .18s both}.image-tutorial-simple__overlay--ratio{animation:image-tutorial-overlay-in .52s var(--ease-enter) .36s both}.image-editor-tutorial__canvas{animation:.22s ease-out both studio-tutorial-in}.image-editor-tutorial__dash{animation:2.2s linear 2.06s both image-editor-dash-flow}.image-editor-photo--single-source{animation:image-editor-card-in .42s var(--ease-enter) .12s both}.image-editor-prompt--single{animation:image-editor-chip-in .36s var(--ease-enter) .36s both}.image-editor-arrow--single .image-editor-arrow__halo,.image-editor-arrow--single .image-editor-arrow__path,.image-editor-arrow--single .image-editor-arrow__shine{animation:image-editor-arrow-draw .56s var(--ease-enter) .56s both}.image-editor-photo--single-result{animation:image-editor-result-in .48s var(--ease-enter) 1.12s both}.image-editor-photo--merge-product{animation:image-editor-card-in .42s var(--ease-enter) 1.46s both}.image-editor-photo--merge-scene{animation:image-editor-card-in .42s var(--ease-enter) 1.62s both}.image-editor-prompt--merge{animation:image-editor-chip-in .36s var(--ease-enter) 1.84s both}.image-editor-arrow--merge .image-editor-arrow__halo,.image-editor-arrow--merge .image-editor-arrow__path,.image-editor-arrow--merge .image-editor-arrow__shine{animation:image-editor-arrow-draw .56s var(--ease-enter) 2.06s both}.image-editor-photo--merge-result{animation:image-editor-result-in .56s var(--ease-enter) 2.28s both}.studio-processing-orbit{animation:1.6s ease-in-out infinite studio-soft-pulse}.studio-processing-orbit span:first-child{border-top-color:var(--primary);animation:3.2s linear infinite studio-processing-spin}.studio-processing-orbit span:nth-child(2){border-bottom-color:var(--primary);animation:2.4s linear infinite reverse studio-processing-spin}@supports (color:color-mix(in lab, red, red)){.studio-processing-orbit span:nth-child(2){border-bottom-color:color-mix(in srgb, var(--primary) 68%, #fff)}}}@keyframes studio-soft-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary) 22%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--primary) 0%, transparent)}}@keyframes studio-processing-spin{to{transform:rotate(360deg)}}@keyframes studio-tutorial-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-tutorial-card-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes studio-upload-thumb-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.motion-page-reveal,.motion-result-reveal{opacity:1}.motion-skeleton-shimmer{background:linear-gradient(90deg, #ffffff0b, #ffffff14, #ffffff0b), var(--surface);background-size:220% 100%;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.motion-page-reveal{animation:motion-page-reveal var(--motion-entrance) var(--ease-enter) both}.motion-result-reveal{animation:motion-result-reveal var(--motion-layout) var(--ease-enter) both}.motion-skeleton-shimmer{animation:motion-skeleton-shimmer 1.4s var(--ease-toggle) infinite}}@media (prefers-reduced-motion:reduce){.motion-page-reveal,.motion-result-reveal,.motion-skeleton-shimmer{transition-duration:var(--motion-instant);animation:none}.motion-page-reveal,.motion-result-reveal{opacity:1;transform:none}.motion-skeleton-shimmer{background-position:0 0}.shell-nav-item,.shell-nav-item__indicator,.shell-nav-item__icon-wrap,.shell-nav__account,.shell-nav-account__avatar,.shell-nav-account__popover,.shell-nav-account__popover.is-closing,.shell-nav-account__main--button,.shell-header-account__popover,.shell-header-account__popover.is-closing,.account-popover-card,.account-popover-card__checkin,.account-popover-card__rows div,.account-popover-card__rows div:after,.auth-password button,.studio-custom-select__menu,.studio-custom-select__option,.studio-library-confirm,.studio-library-confirm__backdrop,.studio-library-confirm__card,.studio-library-modal,.studio-library-modal__backdrop,.studio-library-modal .studio-library-detail,.studio-library-empty-state,.studio-library-skeleton-card,.studio-library-tile,.studio-library-tile__actions,.studio-library-tile .studio-media-card img,.studio-library-tile .studio-media-card video,.studio-library-skeleton-card .motion-skeleton-shimmer,.studio-media-card__play,.user-center-page,.user-center-refresh,.user-center-stat,.user-center-stat:after,.user-center-stat__value,.user-center-link-button,.account-subpage-back,.account-subpage-link,.recharge-header-action,.recharge-center-panel,.recharge-center-tab,.usage-record-filter,.recharge-plan-card,.credit-topup-card,.custom-recharge-card,.custom-recharge-input,.custom-recharge-field input,.recharge-confirm-panel,.recharge-confirm-button,.recharge-account-meta__skeleton,.user-center-usage__row,.user-center-usage__empty,.user-center-usage__row--skeleton span,.studio-mode__button,.studio-ratio__item,.studio-ratio__shape,.studio-ratio__label,.studio-upload,.studio-upload:before,.studio-upload__content,.studio-upload__icon,.studio-upload-item,.studio-upload-item img,.studio-upload-item video,.studio-toast,.image-generation-progress,.image-generation-progress__icon svg,.image-generation-progress__track span,.shell-drawer,.shell-drawer-backdrop{transition-duration:var(--motion-instant)!important;animation:none!important}.shell-nav-item:hover,.shell-nav__account:hover,.account-popover-card__rows div:hover,.studio-primary-action:hover:not(:disabled),.studio-mode__button:hover,.studio-ratio__item:hover,.studio-ratio__item:hover .studio-ratio__shape,.auth-password button:active:not(:disabled),.studio-secondary-button:hover,.studio-upload:hover,.studio-upload.is-dragging .studio-upload__content,.studio-upload.is-dragging .studio-upload__icon,.studio-library-tile:hover,.studio-library-tile:hover .studio-media-card img,.studio-library-tile:hover .studio-media-card video,.studio-library-tile:hover .studio-media-card__play,.user-center-refresh:hover:not(:disabled),.user-center-stat:hover,.user-center-link-button:hover,.account-subpage-back:hover,.account-subpage-link:hover,.recharge-header-action:hover,.recharge-plan-card:hover,.credit-topup-card:hover,.custom-recharge-card:hover,.recharge-confirm-button:hover:not(:disabled),.user-center-stat.is-updated .user-center-stat__value,.account-popover-card__primary:hover:not(:disabled),.account-popover-card__secondary:hover:not(:disabled),.user-center-stat__button:hover:not(:disabled){transform:none!important}.studio-media-card__play,.studio-library-tile:hover .studio-media-card__play{transform:translate(-50%,-50%)!important}}@keyframes motion-page-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-result-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes image-tutorial-main-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes image-tutorial-image-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes image-tutorial-overlay-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes image-editor-card-in{0%{opacity:0;transform:translateY(14px) scale(.965) rotate(var(--editor-card-rotation,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--editor-card-rotation,0deg))}}@keyframes image-editor-chip-in{0%{opacity:0;transform:translateY(8px) scale(.96) rotate(var(--editor-card-rotation,0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--editor-card-rotation,0deg))}}@keyframes image-editor-result-in{0%{opacity:0;filter:saturate(.86);transform:translateY(12px) scale(.97) rotate(var(--editor-card-rotation,0deg))}to{opacity:1;filter:saturate();transform:translateY(0) scale(1) rotate(var(--editor-card-rotation,0deg))}}@keyframes image-editor-arrow-draw{0%{opacity:0;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}@keyframes image-editor-dash-flow{0%{stroke-dashoffset:34px}to{stroke-dashoffset:0}}@keyframes image-editor-plane-travel{0%{opacity:0;transform:translate(12px,398px)rotate(-56.2deg)scale(.68)}8%{opacity:1;transform:translate(44px,327px)rotate(-43.2deg)scale(.68)}16%{opacity:1;transform:translate(98px,272px)rotate(-14.6deg)scale(.68)}24%{opacity:1;transform:translate(173px,254px)rotate(13.8deg)scale(.68)}32%{opacity:1;transform:translate(251px,257px)rotate(16.9deg)scale(.68)}40%{opacity:1;transform:translate(329px,250px)rotate(-.7deg)scale(.68)}48%{opacity:1;transform:translate(401px,220px)rotate(-3.2deg)scale(.68)}56%{opacity:1;transform:translate(477px,205px)rotate(9.3deg)scale(.68)}64%{opacity:1;transform:translate(555px,198px)rotate(7.1deg)scale(.68)}72%{opacity:1;transform:translate(630px,177px)rotate(-9.8deg)scale(.68)}80%{opacity:1;transform:translate(695px,134px)rotate(-23.1deg)scale(.68)}88%{opacity:1;transform:translate(757px,88px)rotate(-20deg)scale(.68)}96%{opacity:.9;transform:translate(823px,45px)rotate(-16.8deg)scale(.68)}to{opacity:.9;transform:translate(856px,25px)rotate(-15deg)scale(.68)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-popover-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes account-popover-open{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes account-popover-close{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.99)}}@keyframes user-center-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes user-center-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes progress-spin{to{transform:rotate(360deg)}}@keyframes motion-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.studio-preview__media img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.studio-upscale-preview{gap:var(--space-stack);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));min-width:0;display:grid}.studio-upscale-preview__figure{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--background);min-width:0;position:relative;overflow:hidden}.studio-upscale-preview__figure img,.studio-upscale-preview__figure video{object-fit:contain;width:100%;max-height:min(48vh,520px);display:block}.studio-upscale-preview__label{z-index:1;border-radius:var(--radius-chip);background:var(--background);position:absolute;top:10px;left:10px}@supports (color:color-mix(in lab, red, red)){.studio-upscale-preview__label{background:color-mix(in srgb, var(--background) 72%, transparent)}}.studio-upscale-preview__label{color:var(--muted-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:7px 9px;font-size:12px;line-height:1}.studio-preview:has(.image-upscale-compare){grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:stretch;min-height:100%}.studio-preview:has(.image-upscale-compare) .studio-preview__top{width:100%}.studio-preview:has(.image-upscale-compare) .studio-preview__content{place-items:center;width:100%;min-height:0;display:grid}.image-upscale-compare{--compare-position:50%;aspect-ratio:1586/992;-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;background:#08080a;border:1px solid #ffffff14;border-radius:18px;outline:none;width:min(100%,1040px);margin:0 auto;animation:.3s both image-upscale-compare-in;position:relative;overflow:hidden}.image-upscale-compare:focus-visible{outline-offset:4px;outline:2px solid #ff3b91c7}.image-upscale-compare:hover{border-color:#ff2b882e}.compare-before,.compare-after,.compare-image-source,.compare-image-before,.compare-video-source,.compare-video-before{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.compare-before{z-index:1}.image-upscale-compare.has-blurred-before .compare-before{filter:blur(6px)saturate(.78)contrast(.86);transform:scale(1.018)}.compare-after{z-index:2;clip-path:inset(0 0 0 var(--compare-position))}.compare-image-source{z-index:1}.compare-image-before{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);-webkit-backdrop-filter:blur(6px)saturate(.78)contrast(.86);backdrop-filter:blur(6px)saturate(.78)contrast(.86);background:#ffffff03}.compare-video-source{z-index:1}.compare-video-before{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);-webkit-backdrop-filter:blur(6px)saturate(.78)contrast(.86);backdrop-filter:blur(6px)saturate(.78)contrast(.86);background:#ffffff03}.compare-label{z-index:3;color:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#09090ca8;border:1px solid #ffffff1f;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1;position:absolute;top:16px;box-shadow:0 10px 24px #0000003d}.compare-label--after{border-color:#ff3b9152;right:16px;box-shadow:inset 0 0 0 1px #ff3b9114,0 10px 24px #0000003d}.compare-label--before{left:16px}.compare-divider{top:0;bottom:0;left:var(--compare-position);z-index:4;pointer-events:none;background:linear-gradient(#ffffff47,#ff2b88f0 22%,#ffffffeb 50%,#a452ffdb 78%,#ffffff47);width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 10px #ff2b8838,0 0 10px #00000059}.compare-handle{top:50%;left:var(--compare-position);z-index:5;color:#ffffffeb;pointer-events:none;width:44px;height:44px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:#0f0f12eb;border:2px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;gap:5px;font-size:21px;font-weight:600;line-height:1;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000006b}.image-upscale-compare:hover .compare-handle,.image-upscale-compare:focus-visible .compare-handle,.image-upscale-compare.is-dragging .compare-handle{background:#18181ef0;border-color:#fff;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 10px 30px #00000075,0 0 22px #ff2b8833}.compare-handle i{background:#ff3b91d1;border-radius:999px;width:1px;height:20px;display:block}.compare-hint{left:var(--compare-position);z-index:6;color:#ffffffdb;opacity:0;pointer-events:none;transition:opacity var(--motion-base) var(--ease-enter), transform var(--motion-base) var(--ease-enter);white-space:nowrap;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090cb3;border:1px solid #ffffff1f;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:650;line-height:1;position:absolute;bottom:18px;transform:translate(-50%,6px)}.image-upscale-compare.is-hint-visible .compare-hint{opacity:1;transform:translate(-50%)}.compare-play-toggle{z-index:7;color:#ffffffe6;cursor:pointer;width:40px;height:40px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09090cb8;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:16px;right:16px}.compare-play-toggle:hover,.compare-play-toggle:focus-visible{background:#18181ee6;border-color:#ff2b8870;outline:none;transform:translateY(-1px)}.compare-play-toggle:active{transform:translateY(0)scale(.96)}@keyframes image-upscale-compare-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.image-upscale-compare,.compare-handle,.compare-hint,.compare-play-toggle{transition:none;animation:none}}.studio-upscale-stats{gap:var(--space-stack);margin:var(--space-stack) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-upscale-stats div{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel-2);min-width:0}@supports (color:color-mix(in lab, red, red)){.studio-upscale-stats div{background:color-mix(in srgb, var(--panel-2) 72%, transparent)}}.studio-upscale-stats div{padding:12px}.studio-upscale-stats dt{color:var(--muted);font-size:12px;line-height:1.2}.studio-upscale-stats dd{color:var(--text);margin:6px 0 0;font-size:14px;line-height:1.2}.studio-step{gap:var(--space-stack);border-top:1px solid var(--border-subtle);padding-top:var(--space-stack);color:var(--muted-strong);align-items:flex-start;font-size:14px;line-height:1.5;display:flex}.studio-step span{border-radius:var(--radius-chip);background:var(--primary-soft);width:24px;height:24px;color:var(--primary);flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.studio-media-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel-2);min-width:0;overflow:hidden}.studio-media-card__frame{background:var(--background);min-height:170px;max-height:320px;color:var(--muted);place-items:center;display:grid;position:relative}.studio-library-tile .studio-media-card{background:0 0;border:0}.studio-library-tile .studio-media-card__frame{aspect-ratio:4/3;border-radius:calc(var(--radius-card) - 1px);min-height:0;max-height:none;overflow:hidden}.studio-media-card__frame.is-large{min-height:min(38vh,360px);max-height:min(64vh,680px)}.studio-media-card.is-compact{min-height:0;display:grid}.studio-media-card.is-compact .studio-media-card__frame.is-large{height:100%;min-height:min(52vh,480px);max-height:min(70vh,720px)}.studio-media-card img,.studio-media-card video{width:100%;height:100%;max-height:inherit;object-fit:contain}.studio-library-tile .studio-media-card img,.studio-library-tile .studio-media-card video{object-fit:cover}.studio-media-card__overlay{background:linear-gradient(to top, var(--background), transparent);gap:8px;padding:38px 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.studio-media-card__overlay{background:linear-gradient(to top, color-mix(in srgb, var(--background) 88%, transparent), transparent)}}.studio-media-card__overlay-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.studio-media-card__overlay-head strong{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.2;overflow:hidden}.studio-media-card__overlay-head span{color:var(--muted-strong);flex:none;font-size:12px}.studio-media-card__overlay-meta{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.studio-media-card__overlay-meta span{border-radius:var(--radius-chip);background:var(--background);border:1px solid #ffffff1f;align-items:center;min-height:22px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.studio-media-card__overlay-meta span{background:color-mix(in srgb, var(--background) 48%, transparent)}}.studio-media-card__overlay-meta span{color:var(--muted-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 7px;font-size:12px;line-height:1}.studio-media-card__body{min-width:0;padding:var(--space-panel);gap:10px;display:grid}.studio-media-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-stack);display:flex}.studio-media-card__head strong,.studio-media-card__body p{text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-media-card__head strong{color:var(--foreground);white-space:nowrap}.studio-media-card__head span,.studio-media-card__body p{color:var(--muted);font-size:12px}.studio-media-card__body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.studio-library-tile .studio-media-card__body{display:none}.studio-media-card__meta,.studio-media-card__actions{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.studio-media-card__meta span{border:1px solid var(--border-subtle);border-radius:var(--radius-chip);min-height:24px;color:var(--muted-strong);align-items:center;padding:0 8px;font-size:12px;line-height:1;display:inline-flex}.studio-media-card__actions a{color:var(--primary);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.studio-media-card__missing{color:var(--muted-strong);justify-items:center;gap:8px;font-size:13px;display:grid}.studio-media-card__missing.is-missing{color:var(--warning)}.studio-mobile-action{justify-content:space-between;align-items:center;gap:var(--space-stack);min-height:var(--primary-action-height-mobile);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--panel);padding:8px;display:flex}.studio-mobile-action span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-mobile-action strong{color:var(--foreground);font-size:13px;font-weight:600}.studio-mobile-action__button{width:100%;min-width:0}.studio-mobile-action .studio-primary-action__copy{color:#ffffffe6}.studio-mobile-action .studio-primary-action__copy>span{color:inherit;font-size:14px;font-weight:700}.studio-mobile-action .studio-primary-action__copy>small{color:#ffffff9e;font-size:11.5px;font-weight:650}.studio-toast{z-index:var(--z-modal);border:1px solid var(--primary);grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;width:min(440px,100vw - 48px);min-height:82px;display:grid;position:fixed;bottom:26px;right:24px}@supports (color:color-mix(in lab, red, red)){.studio-toast{border:1px solid color-mix(in srgb, var(--primary) 46%, #ffffff14)}}.studio-toast{color:var(--foreground);animation:ui-toast-in var(--motion-layout) var(--ease-enter) both;will-change:transform, opacity;background:linear-gradient(135deg,#ff2b8829,#a452ff14 42%,#101014f5),#101014f5;border-radius:18px;padding:16px 18px;box-shadow:0 22px 64px #0000006b,inset 0 0 0 1px #ffffff08}.studio-toast__icon{color:#ff7ab7;background:#ff2b8829;border:1px solid #ff2b886b;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.studio-toast__body{gap:4px;min-width:0;display:grid}.studio-toast__body strong{color:#fff;font-size:15px;font-weight:700;line-height:1.35}.studio-toast__body small{color:#ffffff9e;font-size:12.5px;line-height:1.45}.image-generation-progress{z-index:calc(var(--z-modal) + 1);border:1px solid var(--primary);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;width:min(390px,100vw - 48px);min-height:104px;display:grid;position:fixed;bottom:26px;right:24px}@supports (color:color-mix(in lab, red, red)){.image-generation-progress{border:1px solid color-mix(in srgb, var(--primary) 42%, #ffffff14)}}.image-generation-progress{color:var(--foreground);animation:ui-toast-in var(--motion-layout) var(--ease-enter) both;will-change:transform, opacity;background:linear-gradient(135deg,#ff2b882e,#a452ff17 44%,#101014f5),#101014f5;border-radius:18px;padding:15px;box-shadow:0 24px 70px #00000070,inset 0 0 0 1px #ffffff09}.image-generation-progress.is-stacked{bottom:122px}.image-generation-progress__icon{color:#ff7ab7;background:#ff2b8826;border:1px solid #ff2b8866;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.image-generation-progress.is-running .image-generation-progress__icon svg{animation:1.1s linear infinite progress-spin}.image-generation-progress.is-done{background:linear-gradient(135deg,#33d69f26,#ff2b8814 44%,#101014f5),#101014f5;border-color:#47daa877}.image-generation-progress.is-done .image-generation-progress__icon{color:#4fe3b1;background:#33d69f24;border-color:#33d69f75}.image-generation-progress.is-failed{border-color:#ff8a5c6b}.image-generation-progress.is-failed .image-generation-progress__icon{color:#ff9a78;background:#ff8a5c24;border-color:#ff8a5c70}.image-generation-progress__body{gap:7px;min-width:0;display:grid}.image-generation-progress__head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.image-generation-progress__head strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.image-generation-progress__head button{color:#ffffffad;width:26px;height:26px;transition:transform var(--motion-fast) var(--ease-enter), border-color var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:none;place-items:center;display:grid}.image-generation-progress__head button:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.image-generation-progress__head button:hover{border-color:color-mix(in srgb, var(--primary) 30%, #ffffff14)}}.image-generation-progress__head button:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.image-generation-progress__body small{color:#ffffffa8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;line-height:1.45;overflow:hidden}.image-generation-progress__meta{color:#ffffff8a;justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:12px;line-height:1.3;display:flex}.image-generation-progress__track{background:#ffffff14;border-radius:999px;height:5px;display:block;overflow:hidden}.image-generation-progress__track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #a452ff);height:100%;transition:width var(--motion-layout) var(--ease-enter);display:block}.image-generation-progress.is-done .image-generation-progress__track span{background:linear-gradient(90deg, #33d69f, var(--primary))}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-13{width:calc(var(--spacing) * 13);height:calc(var(--spacing) * 13)}.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-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.min-h-\[100dvh\]{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-w-\[1500px\]{max-width:1500px}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.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-full{border-radius:3.40282e38px}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:1.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-amber-400\/30{border-color:#fcbb004d}@supports (color:color-mix(in lab, red, red)){.border-amber-400\/30{border-color:color-mix(in oklab, var(--color-amber-400) 30%, transparent)}}.border-border{border-color:var(--border)}.border-emerald-400\/30{border-color:#00d2944d}@supports (color:color-mix(in lab, red, red)){.border-emerald-400\/30{border-color:color-mix(in oklab, var(--color-emerald-400) 30%, transparent)}}.border-fuchsia-400\/20{border-color:#ec6cff33}@supports (color:color-mix(in lab, red, red)){.border-fuchsia-400\/20{border-color:color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent)}}.border-red-400\/25{border-color:#ff656840}@supports (color:color-mix(in lab, red, red)){.border-red-400\/25{border-color:color-mix(in oklab, var(--color-red-400) 25%, transparent)}}.border-red-400\/30{border-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.border-red-400\/30{border-color:color-mix(in oklab, var(--color-red-400) 30%, transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-\[\#050507\]{background-color:#050507}.bg-\[\#101012\]\/92{background-color:#101012eb;background-color:lab(4.72797% .296347 -1.08717/.92)}.bg-\[\#101012\]\/95{background-color:#101012f2;background-color:lab(4.72797% .296347 -1.08717/.95)}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/22{background-color:#00000038}@supports (color:color-mix(in lab, red, red)){.bg-black\/22{background-color:color-mix(in oklab, var(--color-black) 22%, transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-fuchsia-500\/8{background-color:#e12afb14}@supports (color:color-mix(in lab, red, red)){.bg-fuchsia-500\/8{background-color:color-mix(in oklab, var(--color-fuchsia-500) 8%, transparent)}}.bg-primary{background-color:var(--primary)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/\[0\.03\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_70\%_0\%\,rgba\(236\,0\,122\,0\.18\)\,transparent_30\%\)\]{background-image:radial-gradient(circle at 70% 0,#ec007a2e,#0000 30%)}.from-fuchsia-500{--tw-gradient-from:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-fuchsia-200{color:var(--color-fuchsia-200)}.text-fuchsia-300{color:var(--color-fuchsia-300)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-100{color:var(--color-red-100)}.text-red-200{color:var(--color-red-200)}.text-white{color:var(--color-white)}.text-white\/38{color:#ffffff61}@supports (color:color-mix(in lab, red, red)){.text-white\/38{color:color-mix(in oklab, var(--color-white) 38%, transparent)}}.text-white\/42{color:#ffffff6b}@supports (color:color-mix(in lab, red, red)){.text-white\/42{color:color-mix(in oklab, var(--color-white) 42%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/48{color:#ffffff7a}@supports (color:color-mix(in lab, red, red)){.text-white\/48{color:color-mix(in oklab, var(--color-white) 48%, transparent)}}.text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}.text-white\/58{color:#ffffff94}@supports (color:color-mix(in lab, red, red)){.text-white\/58{color:color-mix(in oklab, var(--color-white) 58%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/68{color:#ffffffad}@supports (color:color-mix(in lab, red, red)){.text-white\/68{color:color-mix(in oklab, var(--color-white) 68%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-fuchsia-500{accent-color:var(--color-fuchsia-500)}.accent-red-500{accent-color:var(--color-red-500)}.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)}.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,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3: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-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\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:1rem}.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-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.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-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.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)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:grid-cols-\[minmax\(0\,420px\)_1fr\]{grid-template-columns:minmax(0,420px) 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}}@media (min-width:80rem){.xl\:min-w-\[520px\]{min-width:520px}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[0\.95fr_1\.4fr\]{grid-template-columns:.95fr 1.4fr}.xl\:grid-cols-\[1\.2fr_\.75fr_\.75fr_1fr\]{grid-template-columns:1.2fr .75fr .75fr 1fr}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.\[\&_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)}@media (hover:hover){.\[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)}}}}@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}:root{--background:#09090b;--foreground:#f7f7f8;--panel:#101014;--panel-2:#141418;--surface:#141418;--surface-hover:#18181e;--border-subtle:#ffffff14;--border-strong:#ffffff2e;--muted:#ffffff94;--muted-strong:#ffffffbd;--primary:#ff2b88;--primary-hover:#ff4b9b;--primary-active:#e81f77;--primary-soft:#ff2b8824;--accent-purple:#a452ff;--success:#34d399;--warning:#fbbf24;--radius-card:12px;--radius-control:8px;--radius-chip:999px;--space-page:24px;--space-page-mobile:16px;--space-panel:16px;--space-stack:12px;--space-block:20px;--header-height:60px;--sidebar-width:224px;--control-panel-width:440px;--control-height:44px;--button-height:44px;--primary-action-height:56px;--primary-action-height-mobile:52px;--mobile-action-bar-height:72px;--touch-target:44px;--breakpoint-lg:1180px;--breakpoint-md:980px;--breakpoint-sm:768px;--z-header:40;--z-drawer:50;--z-modal:60;--safe-area-bottom:env(safe-area-inset-bottom);--motion-instant:.12s;--motion-fast:.18s;--motion-base:.24s;--motion-layout:.36s;--motion-entrance:.56s;--motion-slow:var(--motion-layout);--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.7, 0, .84, 0);--ease-toggle:cubic-bezier(.65, 0, .35, 1)}html{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Arial,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}:root{--card:var(--panel);--card-foreground:var(--foreground);--primary-foreground:var(--foreground);--muted-foreground:var(--muted);--accent:var(--primary-soft);--accent-foreground:var(--foreground);--border:var(--border-subtle);--input:var(--border-subtle);--ring:var(--primary)}@media (max-width:900px){.studio-library-toolbar{grid-template-columns:minmax(0,1fr)}.studio-library-modal{padding:12px}.studio-library-modal .studio-library-detail{max-height:calc(100dvh - 24px)}.image-generation-progress.is-stacked{bottom:118px}}@media (min-width:1200px){.shell-header{display:none}.shell-grid{height:100dvh}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav__scroll{padding:0 8px 12px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item{color:#ffffffeb;border-color:#0000;border-radius:9px;gap:11px;width:100%;height:42px;min-height:42px;padding:0 14px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item:hover{color:#fffffffa;background:#ffffff0e;transform:translate(1px)}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item.is-active{color:#ff3b91;background:linear-gradient(90deg,#ff207a33,#ff207a12);border-color:#ff2d872e;box-shadow:inset 0 1px 10px #ff207a14}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item.is-active .shell-nav-item__indicator{opacity:1;transform:scaleY(1)}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item:hover .shell-nav-item__icon-wrap{color:#ffffffe0}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item.is-active .shell-nav-item__icon-wrap,.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-item.is-active .shell-nav-item__label{color:#ff3b91}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav__account{gap:8px;padding:9px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-account__main{grid-template-columns:34px minmax(0,1fr);gap:10px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-account__avatar{width:34px;height:34px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-account__copy{gap:0}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-account__copy strong{font-size:12.5px}.shell-root>.shell-main .shell-grid>.shell-nav .shell-nav-account__button{min-height:32px;font-size:12.5px}}@media (max-width:1199px){html,body,.shell-grid,.shell-nav__scroll,.shell-drawer__nav,.shell-panel__body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.shell-grid::-webkit-scrollbar{width:0;height:0;display:none}.shell-nav__scroll::-webkit-scrollbar{width:0;height:0;display:none}.shell-drawer__nav::-webkit-scrollbar{width:0;height:0;display:none}.shell-panel__body::-webkit-scrollbar{width:0;height:0;display:none}}@media (max-width:1199px) and (min-width:768px){.shell-grid{grid-template-columns:72px minmax(320px,352px) minmax(0,1fr);gap:12px;padding:12px}.shell-panel__body--preview{padding:16px}.studio-preview:has(.video-tutorial-guide) .studio-preview__content{justify-items:stretch;overflow-x:hidden}.video-tutorial-guide{--video-guide-visual-width:clamp(226px, 42cqw, 300px);--video-guide-column-gap:14px;width:100%;overflow:hidden}.video-tutorial-guide__copy h4{font-size:clamp(15px,1.6cqw,18px)}.video-tutorial-guide__copy p{font-size:clamp(12px,1.25cqw,13px);line-height:1.45}.studio-walkthrough__section:has(.video-tutorial-input-demo){grid-template-columns:minmax(0,1fr)}.workspace-account-chip{display:none}.shell-root--account-center .shell-grid{grid-template-columns:72px minmax(0,1fr)}.shell-nav{width:72px;min-width:72px;max-width:72px;padding:10px 8px}.shell-nav__brand,.shell-nav__group-title,.shell-nav__account,.shell-nav-item__text{display:none}.shell-nav__groups{gap:10px}.shell-nav-item{justify-content:center;padding:9px}.user-center-page__grid,.user-center-account-summary{grid-template-columns:minmax(0,1fr)}.user-center-side-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.account-subpage--recharge{width:100%}.recharge-layout__summary{width:100%;position:static}.recharge-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.credit-topup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-recharge-card{grid-template-columns:minmax(220px,1fr) minmax(160px,1fr)}.custom-recharge-preview{grid-column:1/-1}.shell-root--tool-templates .shell-grid,.shell-root--tool-library .shell-grid{grid-template-columns:72px minmax(0,1fr)}.shell-root--tool-templates .shell-panel--controls,.shell-root--tool-library .shell-panel--controls{display:none}}@media (max-width:767px){.shell-header{height:56px;padding:0 var(--space-page-mobile);grid-template-columns:minmax(0,1fr) auto;display:grid}.shell-header__menu{display:inline-flex}.shell-brand__logo{width:34px;height:34px}.shell-brand__text{font-size:18px}.shell-header__actions{gap:8px}.shell-account{gap:7px;max-width:132px;padding:0 9px}.shell-account__meta{min-width:0;display:inline-grid}.shell-account__name{display:none}.shell-account__points{max-width:62px;font-size:12px;line-height:1;display:block}.shell-grid{height:calc(100dvh - 114px);padding:var(--space-page-mobile);padding-bottom:calc(var(--mobile-action-bar-height) + var(--space-page-mobile) + var(--safe-area-bottom));display:block;overflow-y:auto}.shell-nav{display:none}.shell-panel{min-height:calc(100dvh - 56px - var(--mobile-action-bar-height) - 98px)}.shell-panel--controls,.shell-panel--preview{display:none}.shell-panel--mobile-single{display:flex}.shell-root:has(.shell-tab.is-active:first-child) .shell-panel--controls{display:flex}.shell-root:has(.shell-tab.is-active:nth-child(2)) .shell-panel--preview{display:flex}.shell-panel--mobile-single-hidden,.shell-panel--controls .shell-panel__header--tool{display:none}.shell-mobile-tabs{justify-content:space-between;align-items:center;gap:var(--space-stack);border-bottom:1px solid var(--border-subtle);background:var(--background);padding:var(--space-stack) var(--space-page-mobile);display:flex}.shell-mobile-tabs__left{min-width:0}.shell-mobile-tabs__title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;display:block;overflow:hidden}.shell-mobile-tabs__switch{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--panel);padding:3px;display:inline-flex}.shell-tab{min-height:36px;color:var(--muted);transition:transform var(--motion-fast) var(--ease-enter), background var(--motion-fast) var(--ease-enter), color var(--motion-fast) var(--ease-enter), box-shadow var(--motion-fast) var(--ease-enter);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.shell-tab.is-active{background:var(--primary-soft);color:var(--primary)}.shell-tab:hover,.shell-tab:focus-visible{color:var(--foreground)}.shell-tab:focus-visible{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.shell-tab:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.shell-tab:focus-visible{outline:none}.shell-tab:active{transform:translateY(1px)}.shell-mobile-tabs.is-single-pane{padding-bottom:12px}.shell-mobile-tabs.is-single-pane .shell-mobile-tabs__left{gap:2px;display:grid}.shell-panel--mobile-single .studio-preview__top,.shell-panel--mobile-single .template-center-browser__head,.shell-panel--mobile-single .studio-library-page__header,.shell-panel--mobile-single .user-center-page__header,.shell-root--account-center .shell-mobile-tabs__left .shell-eyebrow{display:none}.shell-panel--mobile-single .account-subpage-header{gap:10px}.shell-panel--mobile-single .account-subpage-header__main>div>.account-subpage-breadcrumb,.shell-panel--mobile-single .account-subpage-header p,.shell-panel--mobile-single .account-subpage-header__meta,.shell-panel--mobile-single .account-subpage-header__actions,.shell-panel--mobile-single .account-subpage--usage .account-subpage-back{display:none}.shell-panel--mobile-single .user-center-page{gap:12px}.shell-panel--mobile-single .user-center-page__grid,.shell-panel--mobile-single .user-center-account-summary{grid-template-columns:minmax(0,1fr);gap:12px}.shell-panel--mobile-single .user-center-page{width:100%}.shell-panel--mobile-single .user-center-stats,.shell-panel--mobile-single .user-center-side-cards{grid-template-columns:minmax(0,1fr);gap:10px}.shell-panel--mobile-single .user-center-points-card{gap:18px;min-height:auto;padding:16px}.shell-panel--mobile-single .user-center-points-card__value{font-size:30px}.shell-panel--mobile-single .user-center-points-card__actions{grid-template-columns:minmax(0,1fr);display:grid}.shell-panel--mobile-single .user-center-mobile-status{border-top:1px solid #ffffff13;gap:10px;padding-top:12px;display:grid}.shell-panel--mobile-single .user-center-mobile-status__item{background:#ffffff09;border:1px solid #ffffff13;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:11px;display:grid}.shell-panel--mobile-single .user-center-mobile-status__item span{color:#ffffff94;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.shell-panel--mobile-single .user-center-mobile-status__item span svg{color:#ff2b88db}.shell-panel--mobile-single .user-center-mobile-status__item strong{color:#ffffffe6;font-size:14px;line-height:1.25}.shell-panel--mobile-single .user-center-mobile-status__item button{color:#ffdceef2;background:#ff2b881a;border:1px solid #ff2b8833;border-radius:999px;grid-area:1/2/span 2;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.shell-panel--mobile-single .user-center-mobile-status__item button:disabled{color:#ffffff61;background:#ffffff0a;border-color:#ffffff12}.shell-panel--mobile-single .user-center-mini-card{grid-template-columns:34px minmax(0,1fr);align-items:start;min-height:auto;padding:13px}.shell-panel--mobile-single .user-center-mini-card__action{grid-column:2;width:fit-content;min-height:32px}.shell-panel--mobile-single .user-center-stat{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px 10px;padding:12px}.shell-panel--mobile-single .user-center-stat__icon{grid-row:span 2}.shell-panel--mobile-single .user-center-stat strong{font-size:22px}.shell-panel--mobile-single .user-center-usage{min-height:0;padding:12px}.shell-panel--mobile-single .user-center-usage__empty{min-height:150px}.shell-panel--mobile-single .user-center-section-head p{display:none}.shell-panel--mobile-single .user-center-usage__row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:10px}.shell-panel--mobile-single .user-center-usage__row--head{display:none}.shell-panel--mobile-single .user-center-usage__row span:first-child,.shell-panel--mobile-single .user-center-usage__row span:last-child{grid-column:1/-1}.shell-panel--mobile-single .account-subpage-header__main{gap:12px;display:grid}.shell-panel--mobile-single .account-subpage-header__actions{justify-content:stretch}.shell-panel--mobile-single .account-subpage-header__meta{margin-top:12px}.shell-panel--mobile-single .account-subpage--recharge .account-subpage-breadcrumb,.shell-panel--mobile-single .account-subpage--recharge .account-subpage-header p,.shell-panel--mobile-single .account-subpage--recharge .account-subpage-header__meta,.shell-panel--mobile-single .account-subpage--recharge .account-subpage-header__actions,.shell-panel--mobile-single .account-subpage--recharge .recharge-selection-head p{display:none}.shell-panel--mobile-single .account-subpage--recharge .account-subpage-header{gap:10px}.shell-panel--mobile-single .account-subpage--recharge .account-subpage-header h2{font-size:24px}.shell-panel--mobile-single .recharge-header-actions,.shell-panel--mobile-single .recharge-account-meta{width:100%}.shell-panel--mobile-single .recharge-header-action,.shell-panel--mobile-single .recharge-account-meta__item{flex:1;min-width:0}.shell-panel--mobile-single .account-subpage-summary{min-width:0}.shell-panel--mobile-single .recharge-layout{gap:14px}.shell-panel--mobile-single .recharge-layout__selection,.shell-panel--mobile-single .recharge-layout__summary{flex-basis:100%;width:100%;position:static}.shell-panel--mobile-single .recharge-center-tabs,.shell-panel--mobile-single .usage-record-filters{width:100%}.shell-panel--mobile-single .recharge-center-tab,.shell-panel--mobile-single .usage-record-filter{flex:1;padding:0 10px}.shell-panel--mobile-single .recharge-plan-grid,.shell-panel--mobile-single .custom-recharge-card{grid-template-columns:minmax(0,1fr)}.shell-panel--mobile-single .credit-topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shell-panel--mobile-single .credit-topup-card{gap:6px;min-height:116px;padding:13px}.shell-panel--mobile-single .credit-topup-card__headline{align-items:baseline;gap:6px}.shell-panel--mobile-single .credit-topup-card__amount{font-size:21px}.shell-panel--mobile-single .credit-topup-card__credits,.shell-panel--mobile-single .credit-topup-card__gift{font-size:12px}.shell-panel--mobile-single .recharge-plan-card{min-height:160px}.shell-panel--mobile-single .studio-preview__content{gap:12px}:is(.shell-panel--mobile-single .studio-preview:has(.video-tutorial-guide),.shell-panel--mobile-single .studio-preview:has(.image-editor-tutorial)){align-content:center;justify-items:center}:is(.shell-panel--mobile-single .studio-preview:has(.video-tutorial-guide) .studio-preview__content,.shell-panel--mobile-single .studio-preview:has(.image-editor-tutorial) .studio-preview__content){place-items:center;width:100%;min-height:0;overflow:hidden}.shell-panel--mobile-single .studio-preview:has(.video-tutorial-guide){padding-bottom:0}.shell-panel--mobile-single .template-center-browser__head,.shell-panel--mobile-single .studio-library-page__header{display:none}.shell-panel--mobile-single .studio-library-page__controls{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:12px;display:grid;position:relative}.shell-panel--mobile-single .studio-library-kind-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:visible}.shell-panel--mobile-single .studio-library-kind-tab{border-radius:10px;min-width:0;min-height:38px;font-size:13px}.shell-panel--mobile-single .studio-library-toolbar{grid-template-columns:40px 42px;justify-self:end;align-items:start;gap:8px;width:auto;position:static}.shell-panel--mobile-single .studio-library-search-trigger{color:#ffffffb8;background:#111115;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:40px;height:38px;display:inline-grid}.shell-panel--mobile-single .studio-library-search-trigger.is-active{color:#ff72b5;background:#ff2b881a;border-color:#ff2b8857}.shell-panel--mobile-single .studio-library-toolbar__search{margin-top:0;display:none}.shell-panel--mobile-single .studio-library-toolbar__search .studio-input{height:38px;min-height:38px;padding-left:34px;font-size:13px}.shell-panel--mobile-single .studio-library-toolbar__search svg{display:none}.shell-panel--mobile-single .studio-library-toolbar.is-search-open .studio-library-toolbar__search{z-index:13;background:#0c0c10f5;border:1px solid #ffffff14;border-radius:14px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 40px #0000006b}.shell-panel--mobile-single .studio-library-toolbar.is-search-open .studio-library-toolbar__search svg{display:block;left:10px}.shell-panel--mobile-single .studio-library-toolbar .studio-field{gap:0}.shell-panel--mobile-single .studio-library-toolbar .studio-field__label{display:none}.shell-panel--mobile-single .studio-library-toolbar .studio-custom-select__button{justify-content:center;width:42px;min-width:42px;height:38px;min-height:38px;padding:0}.shell-panel--mobile-single .studio-library-toolbar .studio-custom-select__value{display:none}.shell-panel--mobile-single .studio-library-toolbar .studio-custom-select__menu{min-width:150px;left:auto;right:0}.shell-panel--mobile-single .template-center-toolbar{grid-template-columns:minmax(0,1fr) 40px 40px;align-items:start;gap:8px}.shell-panel--mobile-single .template-center-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.shell-panel--mobile-single .template-center-tab+.template-center-tab{margin-left:0}.shell-panel--mobile-single .template-center-search-trigger,.shell-panel--mobile-single .template-center-filter-trigger{color:#ffffffb8;background:#111115;border:1px solid #ffffff14;border-radius:10px;place-items:center;width:40px;height:38px;display:inline-grid}.shell-panel--mobile-single .template-center-search-trigger.is-active,.shell-panel--mobile-single .template-center-filter-trigger.is-active,.shell-panel--mobile-single .template-center-toolbar.is-search-open .template-center-search-trigger,.shell-panel--mobile-single .template-center-toolbar.is-filter-open .template-center-filter-trigger{color:#ff72b5;background:#ff2b881a;border-color:#ff2b8857}.shell-panel--mobile-single .template-center-search{grid-column:1/-1;margin-top:0;display:none}.shell-panel--mobile-single .template-center-toolbar.is-search-open .template-center-search{z-index:13;background:#0c0c10f5;border:1px solid #ffffff14;border-radius:14px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 40px #0000006b}.shell-panel--mobile-single .template-center-panel{grid-column:1/-1;width:100%;margin-top:0;display:none;overflow:hidden}.shell-panel--mobile-single .template-center-panel.is-open{display:block}.shell-panel--mobile-single .template-center-panel.is-popover{z-index:12;background:#0c0c10f5;border:1px solid #ffffff14;border-radius:14px;max-height:min(42dvh,320px);padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0000006b}.shell-panel--mobile-single .template-center-categories{flex-wrap:wrap;gap:8px;width:100%;min-width:0;padding-top:2px;display:flex}.shell-panel--mobile-single .template-center-category{border-radius:999px;min-height:34px;padding:0 12px;font-size:13px}.shell-panel--mobile-single .template-center-category em{vertical-align:middle;place-items:center;width:auto;min-width:18px;height:18px;padding:0 4px;font-size:12px;line-height:1;display:inline-grid}.shell-panel--mobile-single .template-center-search .studio-input{height:38px;min-height:38px;font-size:13px}.shell-panel--mobile-single .template-center-browser{gap:10px}.shell-panel--mobile-single .template-center-toolbar{position:relative}.shell-panel--mobile-single .template-center-tab{min-height:32px;font-size:13px}.shell-panel--mobile-single .template-center-grid,.shell-panel--mobile-single .studio-library-grid{gap:10px}.shell-panel--mobile-single .template-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.shell-panel--mobile-single .template-center-card{border-radius:11px;grid-template-rows:auto minmax(70px,auto) 34px;gap:8px;padding:8px}.shell-panel--mobile-single .template-center-card__thumb{aspect-ratio:16/11}.shell-panel--mobile-single .template-center-card__ratio{padding:4px 6px;font-size:11px;top:6px;right:6px}.shell-panel--mobile-single .template-center-card__body{grid-template-rows:19px 34px 22px;gap:5px}.shell-panel--mobile-single .template-center-card__body strong{font-size:13.5px}.shell-panel--mobile-single .template-center-card__body small{font-size:11.5px;line-height:1.35}.shell-panel--mobile-single .template-center-card__meta{gap:4px}.shell-panel--mobile-single .template-center-card__meta span{height:21px;padding:5px 6px;font-size:10.5px}.shell-panel--mobile-single .studio-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-panel--mobile-single .studio-library-tile .studio-media-card{grid-template-rows:132px minmax(74px,auto)}.shell-panel--mobile-single .studio-library-tile .studio-media-card__frame{height:132px}.shell-panel--mobile-single .studio-media-card__overlay{gap:6px;padding:34px 9px 9px}.shell-panel--mobile-single .studio-media-card__overlay-head{gap:4px;display:grid}.shell-panel--mobile-single .studio-media-card__overlay-head strong{font-size:13px}.shell-panel--mobile-single .studio-media-card__overlay-head span,.shell-panel--mobile-single .studio-media-card__overlay-meta span{font-size:11px}.shell-panel--mobile-single .studio-media-card__overlay-meta{gap:4px}.shell-panel--mobile-single .studio-media-card__overlay-meta span{min-height:20px;padding:0 6px}.studio-walkthrough__section,.studio-walkthrough__section.is-media-right{gap:var(--space-stack);grid-template-columns:1fr;min-height:auto;padding:14px}.studio-walkthrough__section:has(.video-tutorial-input-demo){grid-template-columns:1fr}.video-tutorial-guide__section,.video-tutorial-guide__section.is-visual-right{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto;padding:10px 0}.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__visual,.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__copy{order:initial}.video-tutorial-guide{--video-guide-visual-width:min(252px, calc(100vw - 72px));width:100%;max-width:292px;margin-inline:auto;overflow:hidden}.video-tutorial-guide__visual,.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__visual{justify-content:center;width:min(100%,252px);margin-left:auto;margin-right:auto}.video-tutorial-guide__copy,.video-tutorial-guide__section.is-visual-right .video-tutorial-guide__copy{text-align:center;order:2;justify-self:center;gap:6px;width:min(100%,252px);position:relative;top:auto;left:auto;right:auto}.video-tutorial-guide__copy span{margin-inline:auto;padding:5px 9px}.video-tutorial-guide__copy h4{font-size:16px}.video-tutorial-guide__copy p{max-width:none;font-size:12px;line-height:1.42}.video-tutorial-guide__arrow{display:none}.studio-walkthrough__section.is-media-right .studio-walkthrough__visual,.studio-walkthrough__section.is-media-right .studio-walkthrough__copy{order:initial}.studio-walkthrough__canvas{min-height:270px}.video-tutorial-input-demo{width:var(--video-guide-visual-width);aspect-ratio:1.53;border-radius:16px;max-width:100%;height:auto}.video-tutorial-parameter-demo,.video-tutorial-result-slot{width:var(--video-guide-visual-width);aspect-ratio:1.53;max-width:100%;height:auto}.video-tutorial-result-slot__media{aspect-ratio:auto;width:100%;height:100%}.video-tutorial-parameter-demo__preview{border-radius:14px;width:100%;height:70%}.video-tutorial-parameter-demo__assets{gap:6px;width:100%}.video-tutorial-parameter-demo__asset{border-radius:10px;gap:4px;height:32px}.video-tutorial-parameter-demo__asset strong{font-size:11px}.video-tutorial-parameter-demo__asset-icon{width:14px;height:14px}.video-tutorial-parameter-demo__asset-icon.is-ratio{width:16px;height:12px}.tutorial-upload-placeholder{border-radius:10px;gap:5px;font-size:11px}.tutorial-upload-placeholder svg{width:20px;height:20px}.tutorial-upload-target-ring,.tutorial-source-image{border-radius:10px}.tutorial-source-image{transform:translate(0)scale(1)}.tutorial-prompt-bubble{border-radius:10px;min-height:48px;padding:9px 10px;font-size:11px;line-height:1.38}.studio-walkthrough__layer.is-tilt-left,.studio-walkthrough__layer.is-tilt-right,.studio-walkthrough__layer.is-tilt-soft-left,.studio-walkthrough__layer.is-tilt-soft-right{transform:rotate(0)}.studio-walkthrough__copy h4{font-size:18px}.image-tutorial-simple{min-height:auto;padding-top:6px}.image-tutorial-simple__stage{padding:10px 0 0}.image-tutorial-simple__image-shell{border-radius:20px;min-height:220px}.image-tutorial-simple__overlay{width:auto;margin-top:12px;position:relative;inset:auto}.image-tutorial-simple__overlay--prompt{width:auto}.image-editor-tutorial{place-items:center;min-height:auto}.image-editor-tutorial__canvas{width:min(100%,340px);min-height:0;max-height:330px}.image-editor-photo--input{padding:5px 5px 18px}.image-editor-photo--result{padding:6px 6px 22px}.image-editor-prompt{font-size:13px}.shell-mobile-action-slot{right:var(--space-page-mobile);bottom:calc(10px + var(--safe-area-bottom));left:var(--space-page-mobile);z-index:30;display:block;position:fixed}.shell-drawer-backdrop,.shell-drawer{z-index:var(--z-drawer);transition:opacity var(--motion-layout) var(--ease-enter), transform var(--motion-layout) var(--ease-enter);will-change:transform, opacity;display:block;position:fixed}.shell-drawer-backdrop{pointer-events:none;background:var(--background);inset:0}@supports (color:color-mix(in lab, red, red)){.shell-drawer-backdrop{background:color-mix(in srgb, var(--background) 76%, transparent)}}.shell-drawer-backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity var(--motion-layout) var(--ease-enter), backdrop-filter var(--motion-layout) var(--ease-enter)}.shell-drawer-backdrop.is-open{pointer-events:auto;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell-drawer{border-right:1px solid var(--border-subtle);background:var(--panel);width:min(84vw,312px);padding:var(--space-page-mobile);box-shadow:24px 0 80px var(--background);top:0;bottom:0;left:0;transform:translate(calc(-100% - 10px))}@supports (color:color-mix(in lab, red, red)){.shell-drawer{box-shadow:24px 0 80px color-mix(in srgb, var(--background) 82%, transparent)}}.shell-drawer.is-open{transform:translate(0)}.shell-drawer__head{justify-content:space-between;align-items:center;gap:var(--space-stack);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-stack);display:flex}.shell-drawer__sub{color:var(--muted);font-size:12px;line-height:1.3}.shell-drawer__nav{margin-top:var(--space-panel);max-height:calc(100dvh - 84px);padding-bottom:var(--space-panel)}.shell-drawer .shell-nav-item{min-height:var(--touch-target);padding:8px 10px}.shell-drawer .shell-nav-item__text{display:block}.shell-drawer .shell-nav-item__label,.shell-drawer .shell-nav-item__desc{max-width:100%}.shell-drawer__link{min-height:var(--touch-target);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface);color:var(--muted-strong);align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.studio-mode__options{grid-template-columns:minmax(0,1fr)}.studio-upload{padding:12px}.studio-upload__icon{width:34px;height:34px}.studio-dual-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-ratio{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.studio-ratio__item{min-height:58px;padding:5px 4px}.studio-ratio__graphic{height:30px}.studio-ratio__label{min-height:14px;font-size:11px}.ratio-1-1{width:24px;height:24px}.ratio-16-9{width:32px;height:18px}.ratio-9-16{width:18px;height:30px}.ratio-4-3{width:30px;height:22px}.ratio-3-4{width:22px;height:30px}.ratio-3-2{width:32px;height:21px}.ratio-2-3{width:22px;height:32px}.studio-sticky-action{display:none}.studio-library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.studio-primary-action{width:100%;height:var(--primary-action-height-mobile)}.studio-primary-action.template-center-card__clone{height:34px;min-height:34px}.shell-panel--mobile-single .template-center-card__clone,.shell-panel--mobile-single .studio-primary-action.template-center-card__clone{height:34px;min-height:34px;font-size:12.5px}.studio-preview__top{display:grid}.studio-media-card__frame.is-large{min-height:300px}.shell-root .shell-panel.shell-panel--mobile-single .user-center-account-summary{grid-template-columns:minmax(0,1fr)}.shell-root .shell-panel.shell-panel--mobile-single .user-center-side-cards{grid-template-columns:minmax(0,1fr);display:none}.shell-root .shell-panel.shell-panel--mobile-single .user-center-points-card{gap:18px;width:100%;min-height:auto;padding:16px}.shell-root .shell-panel.shell-panel--mobile-single .user-center-points-card__actions{grid-template-columns:minmax(0,1fr);display:grid}.shell-root .shell-panel.shell-panel--mobile-single .user-center-mini-card{grid-template-columns:34px minmax(0,1fr);align-items:start;min-height:auto}.shell-root .shell-panel.shell-panel--mobile-single .user-center-mini-card__action{grid-column:2;width:fit-content}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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}@keyframes spin{to{transform:rotate(360deg)}}