/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--color-white:#fff;--color-black:#000;--color-accent-lime:#e0ff66;--color-link:#147eff;--color-mixo:#8b5cf6;--color-success:#2f9d69;--color-warning:#d69127;--color-danger:#e05b57;--font-ui:Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-secondary:#f1f1f1;--color-surface-tertiary:#ebebeb;--color-text-primary:#161616;--color-text-secondary:#6f6f6f;--color-text-muted:#9a9a9a;--color-border:#e6e6e6;--color-button-primary:#161616;--color-warm-white:#f3f3f3;--background:var(--color-bg);--foreground:var(--color-text-primary);--muted:var(--color-text-secondary);--panel:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){:root{--panel:color-mix(in srgb, var(--color-surface) 92%, transparent)}}:root{--panel-solid:var(--color-surface);--border:var(--color-border);--button-border:var(--color-border);--canvas-bg:var(--color-bg);--canvas-dot:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--canvas-dot:color-mix(in srgb, var(--color-text-primary) 12%, transparent)}}:root{--canvas-grid:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--canvas-grid:color-mix(in srgb, var(--color-text-primary) 8%, transparent)}}:root{--marquee-fill:var(--color-mixo)}@supports (color:color-mix(in lab, red, red)){:root{--marquee-fill:color-mix(in srgb, var(--color-mixo) 12%, transparent)}}:root{--marquee-stroke:var(--color-mixo);--primary:var(--color-mixo);--primary-hover:var(--color-mixo)}@supports (color:color-mix(in lab, red, red)){:root{--primary-hover:color-mix(in srgb, var(--color-mixo) 82%, var(--color-white))}}:root{--primary-soft:var(--color-mixo)}@supports (color:color-mix(in lab, red, red)){:root{--primary-soft:color-mix(in srgb, var(--color-mixo) 14%, transparent)}}:root{--link:var(--color-link);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--accent:var(--color-accent-lime);--shadow:0 18px 45px #0000001a}@supports (color:color-mix(in lab, red, red)){:root{--shadow:0 18px 45px color-mix(in srgb, var(--color-black) 10%, transparent)}}:root{--node-fill:var(--color-surface-tertiary);--node-fill-deep:var(--color-surface-secondary);--node-stroke:var(--color-border);--node-stroke-selected:var(--color-mixo);--node-placeholder:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--node-placeholder:color-mix(in srgb, var(--color-text-primary) 14%, transparent)}}:root{--node-play:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--node-play:color-mix(in srgb, var(--color-text-primary) 38%, transparent)}}:root{--node-failed-fill:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){:root{--node-failed-fill:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface))}}:root{--node-failed-stroke:var(--color-danger);--node-title:var(--color-mixo);--node-on-fill:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--node-on-fill:color-mix(in srgb, var(--color-text-primary) 62%, transparent)}}:root{--node-frame-stroke:var(--color-text-secondary);--node-frame-title:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){:root{--node-frame-title:color-mix(in srgb, var(--color-text-primary) 50%, transparent)}}:root{--dock-bg:var(--color-surface);--dock-border:var(--color-border);--dock-text:var(--color-text-primary);--dock-muted:var(--color-text-muted);--dock-hover:var(--color-surface-secondary);--dock-shadow:0 14px 40px #0000001a, inset 0 1px 0 #fffc}@supports (color:color-mix(in lab, red, red)){:root{--dock-shadow:0 14px 40px color-mix(in srgb, var(--color-black) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 80%, transparent)}}:root{--prompt-shadow:0 2px 6px #0000000d, 0 6px 14px #0000000f}@supports (color:color-mix(in lab, red, red)){:root{--prompt-shadow:0 2px 6px color-mix(in srgb, var(--color-black) 5%, transparent), 0 6px 14px color-mix(in srgb, var(--color-black) 6%, transparent)}}:root{--toolbar-shadow:0 2px 4px #00000014}@supports (color:color-mix(in lab, red, red)){:root{--toolbar-shadow:0 2px 4px color-mix(in srgb, var(--color-black) 8%, transparent)}}:root{--tooltip-bg:var(--color-text-primary);--tooltip-fg:var(--color-bg);--chrome-radius:var(--radius-md);--chrome-inset:4px;--chrome-item-radius:calc(var(--chrome-radius) - var(--chrome-inset));--chrome-menu-radius:var(--chrome-radius);--chrome-menu-item-radius:var(--chrome-item-radius);--chrome-icon-gap:6px;--solid-button-bg:var(--color-button-primary);--solid-button-fg:var(--color-bg);--solid-button-hover-bg:var(--color-button-primary)}@supports (color:color-mix(in lab, red, red)){:root{--solid-button-hover-bg:color-mix(in srgb, var(--color-button-primary) 88%, var(--color-white))}}:root{--solid-button-disabled-bg:var(--color-surface-secondary);--solid-button-disabled-fg:var(--color-text-muted);--solid-button-loading-bg:var(--color-surface-secondary);--solid-button-loading-fg:var(--color-text-secondary);--hub-sidebar:var(--color-surface-secondary);--hub-sidebar-hover:var(--color-surface-tertiary);--hub-sidebar-active:var(--hub-sidebar-hover);--hub-sidebar-divider:var(--color-border);--dock-active:var(--hub-sidebar-hover)}[data-theme=light]{--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-secondary:#f1f1f1;--color-surface-tertiary:#ebebeb;--color-text-primary:#161616;--color-text-secondary:#6f6f6f;--color-text-muted:#9a9a9a;--color-border:#e6e6e6;--color-button-primary:#161616;--color-warm-white:#f3f3f3;--hub-sidebar:#fff;--hub-sidebar-hover:#f1f1f1;--hub-sidebar-active:var(--hub-sidebar-hover);--dock-active:var(--hub-sidebar-hover)}.dark,[data-theme=dark]{--color-bg:#111;--color-surface:#1c1c1c;--color-surface-secondary:#242424;--color-surface-tertiary:#2e2e2e;--color-text-primary:#fff;--color-text-secondary:#8e8e8e;--color-text-muted:#6a6a6a;--color-border:#2a2a2a;--button-border:#4a4a4a;--color-button-primary:#fff;--color-warm-white:#161616;--dock-hover:#333;--dock-active:#333;--hub-sidebar:#141414;--hub-sidebar-hover:#1c1c1c;--hub-sidebar-active:#262626;--hub-sidebar-divider:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--hub-sidebar-divider:color-mix(in srgb, var(--color-white) 8%, transparent)}}.dark,[data-theme=dark]{--solid-button-hover-bg:#f2f2f2;--solid-button-fg:#161616;--shadow:0 22px 55px #0000006b}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--shadow:0 22px 55px color-mix(in srgb, var(--color-black) 42%, transparent)}}.dark,[data-theme=dark]{--dock-shadow:0 14px 40px #00000061, inset 0 1px 0 #ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--dock-shadow:0 14px 40px color-mix(in srgb, var(--color-black) 38%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-white) 5%, transparent)}}.dark,[data-theme=dark]{--prompt-shadow:0 2px 6px #00000047, 0 6px 14px #00000052}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--prompt-shadow:0 2px 6px color-mix(in srgb, var(--color-black) 28%, transparent), 0 6px 14px color-mix(in srgb, var(--color-black) 32%, transparent)}}.dark,[data-theme=dark]{--toolbar-shadow:0 2px 4px #00000038}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--toolbar-shadow:0 2px 4px color-mix(in srgb, var(--color-black) 22%, transparent)}}.dark,[data-theme=dark]{--node-failed-fill:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.dark,[data-theme=dark]{--node-failed-fill:color-mix(in srgb, var(--color-danger) 22%, var(--color-bg))}}.dark,[data-theme=dark]{--node-play:var(--color-white)}.chrome-menu-card{transform-origin:var(--chrome-menu-origin,top left);padding:var(--chrome-inset);color:var(--dock-text);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);flex-direction:column;gap:0;display:flex}.chrome-menu-card>button,.chrome-menu-card .settings-item>button,.chrome-menu-card .node-context-sub>button,.chrome-menu-card .chrome-menu-card__row{width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;border-radius:var(--chrome-item-radius);appearance:none;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:6px 8px;line-height:20px;display:flex}.chrome-menu-card>button:hover:not(:disabled),.chrome-menu-card .settings-item>button:hover:not(:disabled),.chrome-menu-card .node-context-sub>button:hover:not(:disabled),.chrome-menu-card>button.open,.chrome-menu-card .settings-item>button.open,.chrome-menu-card .node-context-sub>button.open{background:var(--dock-hover)}.chrome-menu-card>button:disabled,.chrome-menu-card .settings-item>button:disabled,.chrome-menu-card .node-context-sub>button:disabled{opacity:.38;cursor:default}.chrome-menu-card kbd{color:var(--dock-muted);letter-spacing:.02em;font-family:inherit;font-size:11px;font-weight:500}.chrome-menu-card__separator{background:var(--dock-border);flex-shrink:0;height:1px;margin:3px 5px}*{box-sizing:border-box}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:transparent transparent}.is-scrolling{scrollbar-color:var(--dock-text) transparent}@supports (color:color-mix(in lab, red, red)){.is-scrolling{scrollbar-color:color-mix(in srgb, var(--dock-text) 22%, transparent) transparent}}}::-webkit-scrollbar{appearance:none;background:0 0;width:6px!important;height:6px!important}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0000;background-clip:border-box;border-radius:999px;border:0!important}.is-scrolling::-webkit-scrollbar-thumb{background-clip:border-box;background-color:var(--dock-text);border:0!important}@supports (color:color-mix(in lab, red, red)){.is-scrolling::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--dock-text) 22%, transparent)}}::-webkit-scrollbar-thumb:hover{background-clip:border-box;background-color:var(--dock-text);border:0!important}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--dock-text) 22%, transparent)}}::-webkit-scrollbar-thumb:active{background-clip:border-box;background-color:var(--dock-text);border:0!important}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb, var(--dock-text) 22%, transparent)}}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}body{color:var(--foreground);background:var(--background);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px}button,textarea,select{color:inherit;font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.35}button.is-primary{background:var(--solid-button-disabled-bg);color:var(--solid-button-disabled-fg);opacity:1;border-color:#0000}button.is-primary:not(:disabled){background:var(--solid-button-bg);color:var(--solid-button-fg)}button.is-primary:hover:not(:disabled){background:var(--solid-button-hover-bg)}button.is-primary:disabled{cursor:not-allowed;opacity:1}.hidden-input{display:none}@keyframes popover-in{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes popover-out{0%{opacity:1;scale:1}to{opacity:0;scale:.96}}.popover-enter-active,.model-select-content[data-state=open],.expand-select-content[data-state=open],.chrome-menu-card[data-state=open]{animation:.2s cubic-bezier(.16,1,.3,1) popover-in}.popover-leave-active,.model-select-content[data-state=closed],.expand-select-content[data-state=closed],.chrome-menu-card[data-state=closed]{pointer-events:none;animation:.14s ease-out popover-out}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning :before,html.theme-transitioning :after{transition:none!important}.popover-enter-active,.popover-leave-active,.model-select-content[data-state=open],.model-select-content[data-state=closed],.expand-select-content[data-state=open],.expand-select-content[data-state=closed],.chrome-menu-card[data-state=open],.chrome-menu-card[data-state=closed]{animation-duration:.01ms}}::view-transition-old(root){animation-duration:.18s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.18s;animation-timing-function:ease-in-out}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning :before,html.theme-transitioning :after{transition:background-color .18s ease-in-out,color .18s ease-in-out,border-color .18s ease-in-out,box-shadow .18s ease-in-out,fill .18s ease-in-out,stroke .18s ease-in-out!important}.app-shell{background:var(--background);flex-direction:column;width:100%;height:100%;display:flex}.topbar-account{z-index:30;align-items:center;gap:8px;transition:right .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:14px;left:auto;right:16px}.topbar-account.shifted{right:296px}.topbar-account:not(.topbar-account--hub) .settings-popover{transform-origin:100% 0;left:auto;right:0}.topbar-account:not(.topbar-account--hub) .settings-submenu{transform-origin:100% 0;left:auto;right:calc(100% + 8px)}.topbar-account:not(.topbar-account--hub) .settings-submenu:before{left:auto;right:-8px}.canvas-project-bar{z-index:30;align-items:center;width:fit-content;max-width:min(420px,100% - 72px);display:flex;position:absolute;top:14px;left:14px}.canvas-project-pill{background:var(--panel-solid);border-radius:9999px;align-items:center;width:fit-content;min-width:0;max-width:100%;height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.canvas-project-pill{background:color-mix(in srgb, var(--panel-solid) 80%, transparent)}}.canvas-project-pill{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.dark .canvas-project-pill{background:var(--color-surface-secondary)}.canvas-menu-button{box-sizing:border-box;width:36px;height:32px;color:var(--foreground);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding-left:4px;display:inline-flex}.canvas-menu-icon{flex-shrink:0;width:15px;height:15px;display:block;position:relative}.canvas-menu-icon span{transform-origin:50%;background:currentColor;border-radius:1px;width:12px;height:1.5px;transition:translate .28s cubic-bezier(.33,0,.2,1),rotate .28s cubic-bezier(.33,0,.2,1),scale .18s cubic-bezier(.33,0,.2,1),opacity .14s linear;position:absolute;top:6.75px;left:1.5px;translate:0;rotate:0deg;scale:1}.canvas-menu-icon span:first-child{translate:0 -4.5px}.canvas-menu-icon span:nth-child(3){translate:0 4.5px}.canvas-menu-button.is-open .canvas-menu-icon span:first-child{translate:0;rotate:45deg}.canvas-menu-button.is-open .canvas-menu-icon span:nth-child(2){opacity:0;scale:0 1}.canvas-menu-button.is-open .canvas-menu-icon span:nth-child(3){translate:0;rotate:-45deg}.canvas-project-divider{background:var(--foreground);flex-shrink:0;width:1px;height:14px}@supports (color:color-mix(in lab, red, red)){.canvas-project-divider{background:color-mix(in srgb, var(--foreground) 16%, transparent)}}.canvas-project-name{min-width:0;max-width:100%;height:32px;color:var(--foreground);grid-template-columns:minmax(0,max-content);align-items:center;padding:0 12px 0 10px;font-size:13px;font-weight:400;display:inline-grid;position:relative}.canvas-project-name:focus-within:after{content:"";border-bottom:1px dashed var(--dock-text);position:absolute;bottom:6px;left:10px;right:12px}@supports (color:color-mix(in lab, red, red)){.canvas-project-name:focus-within:after{border-bottom:1px dashed color-mix(in srgb, var(--dock-text) 28%, transparent)}}.canvas-project-name:focus-within:after{pointer-events:none}.canvas-project-name-sizer,.canvas-project-name input{font:inherit;letter-spacing:inherit;grid-area:1/1;padding:0}.canvas-project-name-sizer{text-overflow:ellipsis;visibility:hidden;white-space:pre;overflow:hidden}.canvas-project-name input{width:0;min-width:100%;color:inherit;text-overflow:ellipsis;caret-color:var(--muted);background:0 0;border:0;outline:none;overflow:hidden}.canvas-project-name input::placeholder{color:var(--foreground)}.canvas-project-name:focus-within input::placeholder{color:var(--muted)}.topbar-credit-pill{height:32px;color:var(--foreground);font-variant-numeric:tabular-nums;background:var(--panel-solid);border-radius:9999px;align-items:center;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.topbar-credit-pill{background:color-mix(in srgb, var(--panel-solid) 80%, transparent)}}.topbar-credit-pill{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);cursor:pointer;transition:background-color .15s}.dark .topbar-credit-pill{background:var(--color-surface-secondary)}.topbar-credit-pill:hover{background:linear-gradient(var(--foreground), var(--foreground)), var(--panel-solid)}@supports (color:color-mix(in lab, red, red)){.topbar-credit-pill:hover{background:linear-gradient(color-mix(in srgb, var(--foreground) 8%, transparent), color-mix(in srgb, var(--foreground) 8%, transparent)), color-mix(in srgb, var(--panel-solid) 80%, transparent)}}.dark .topbar-credit-pill:hover{background:var(--color-surface-tertiary)}.topbar-credits-chip{align-items:center;gap:4px;height:32px;display:inline-flex}.topbar-credits-chip svg{color:var(--foreground)}.topbar-credits-value{color:var(--foreground);align-items:center;font-size:13px;font-weight:800;line-height:normal;display:inline-flex}.topbar-account:not(.topbar-account--hub) .avatar-button{border:1.5px solid var(--primary);background:0 0;padding:2px}.avatar-button{width:28px;height:28px;color:var(--muted);background:var(--foreground);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.avatar-button{background:color-mix(in srgb, var(--foreground) 10%, var(--panel-solid))}}.separator{background:var(--border);width:1px;height:18px;margin:0 5px}.workspace-row{flex:1;min-height:0;display:flex}.toolrail,.tool-button,.rail-separator,.ai-tool-wrap,.ai-create-menu{display:none}@media (width<=760px){.topbar-account{top:12px;right:12px}.topbar-account.shifted{right:292px}.canvas-project-bar{max-width:min(280px,100% - 56px);top:12px;left:12px}}@media (prefers-reduced-motion:reduce){.canvas-menu-icon span{transition-duration:.01ms}}.settings-popover,.settings-submenu{font-size:13px;font-weight:400;line-height:20px}.settings-popover{transform-origin:0 0;width:200px;position:absolute;top:calc(100% + 8px);left:0}.settings-item{position:relative}.settings-submenu{z-index:2;transform-origin:0 0;min-width:152px;position:absolute;top:0;left:calc(100% + 8px)}.settings-submenu:before{content:"";width:8px;position:absolute;top:0;bottom:0;left:-8px}.settings-popover .settings-row{cursor:default}.settings-popover button,.settings-submenu button{color:var(--foreground);font-size:13px;font-weight:400;line-height:20px}.settings-popover button:hover,.settings-submenu button:hover,.settings-nav.open,.settings-option.open{background:var(--dock-hover)}.settings-note{color:var(--muted);margin:-2px 0 4px;padding:0 9px 0 31px;font-size:11px;line-height:16px}.settings-nav-label,.settings-nav-value{align-items:center;display:flex}.settings-nav-label{min-width:0;color:var(--foreground);white-space:nowrap;flex:auto;gap:7px;font-size:13px;font-weight:400;line-height:20px}.settings-nav-value{color:var(--muted);white-space:nowrap;flex-shrink:0;gap:2px;margin-left:12px;font-size:12px;font-weight:400;line-height:20px}.settings-check{flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.settings-submenu-panel{min-width:196px}.settings-submenu-color{z-index:3;min-width:208px}.settings-confirm{z-index:80;background:#0000006b;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.settings-confirm{background:color-mix(in srgb, var(--color-black) 42%, transparent)}}.settings-confirm{place-items:center}.settings-confirm-card{border:1px solid var(--border);background:var(--panel-solid);width:min(340px,100vw - 40px);box-shadow:var(--shadow);border-radius:12px;padding:16px 18px 14px}.settings-confirm-card h3{margin:0 0 6px;font-size:15px;font-weight:650}.settings-confirm-card p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.45}.settings-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.settings-confirm-cancel,.settings-confirm-ok{border-radius:8px;height:30px;padding:0 12px;font-size:12px;font-weight:400}.settings-confirm-cancel{color:var(--dock-text);border:1px solid var(--button-border);background:0 0}.settings-confirm-cancel:hover{background:var(--dock-hover)}.settings-confirm-ok{color:var(--background);background:var(--foreground)}.settings-confirm-ok:hover{filter:brightness(1.08)}.settings-confirm-ok.danger{color:var(--color-white);background:var(--danger)}.settings-confirm-ok.danger:hover{filter:none;background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.settings-confirm-ok.danger:hover{background:color-mix(in srgb, var(--danger) 82%, var(--color-black))}}.settings-confirm-enter-active,.settings-confirm-leave-active{transition:opacity .22s}.settings-confirm-enter-active .settings-confirm-card,.settings-confirm-leave-active .settings-confirm-card{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s}.settings-confirm-leave-active{pointer-events:none}.settings-confirm-enter-from,.settings-confirm-leave-to{opacity:0}.settings-confirm-enter-from .settings-confirm-card,.settings-confirm-leave-to .settings-confirm-card{opacity:0;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.settings-confirm-enter-active,.settings-confirm-leave-active,.settings-confirm-enter-active .settings-confirm-card,.settings-confirm-leave-active .settings-confirm-card{transition-duration:.01ms}}.bg-color-picker{flex-direction:column;gap:8px;padding:4px;display:flex}.bg-color-area{cursor:crosshair;border-radius:8px;outline:none;width:100%;height:108px;position:relative;overflow:hidden}.bg-color-thumb{border:2px solid var(--color-white);border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 0 1px #00000047}.bg-color-hue{--reka-slider-thumb-size:14px;align-items:center;width:100%;height:16px;display:flex;position:relative}.bg-color-hue-track{border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.bg-color-hue-thumb{margin-top:-3px}.bg-color-hex-input{width:100%;height:28px;color:var(--foreground);border:1px solid var(--border);background:0 0;border-radius:6px;outline:0;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.bg-color-hex-input:focus{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-color-hex-input:focus{border-color:color-mix(in srgb, var(--foreground) 28%, transparent)}}.bottom-tool-dock{z-index:24;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.dock-bar{padding:var(--chrome-inset);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);align-items:center;gap:2px;display:flex}.dock-tools{align-items:center;gap:2px;display:flex;position:relative}.dock-indicator{z-index:0;border-radius:var(--chrome-item-radius);background:var(--dock-active);pointer-events:none;height:34px;position:absolute;top:0;left:0}.dock-indicator.ready{transition:transform .22s cubic-bezier(.32,.72,0,1),width .22s cubic-bezier(.32,.72,0,1),opacity .16s}.dock-item{z-index:1;height:34px;color:var(--dock-text);border-radius:var(--chrome-item-radius);white-space:nowrap;background:0 0;outline:0;align-items:center;gap:7px;padding:0 10px;transition:background .15s;display:flex;position:relative}.dock-item:hover{background:var(--dock-hover)}.dock-tools .dock-item:hover,.dock-tools .dock-item.active{background:0 0}.dock-item-ai{gap:0;padding:0 9px 0 10px}.dock-ai-main,.dock-ai-caret{height:34px;color:inherit;background:0 0;outline:0;align-items:center;display:flex}.dock-ai-main{gap:7px;padding-right:8px}.dock-ai-caret{padding-left:8px;position:relative}.dock-ai-caret:before{content:"";background:var(--dock-border);width:1px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dock-item:disabled{opacity:.35}.dock-item span{font-size:13px;font-weight:500}.dock-divider{background:var(--dock-border);width:1px;height:22px;margin:0 4px}.dock-ai-icon{place-items:center;display:grid;position:relative}.dock-doodle-icon{flex-shrink:0;display:block}.dock-chevron{color:var(--dock-muted);margin-left:-2px}.dock-item-wrap{position:relative}.dock-popover{--chrome-inset:4px;z-index:1;min-width:208px;padding:var(--chrome-inset);border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);box-shadow:var(--dock-shadow);transform-origin:bottom;flex-direction:column;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 10px)}.dock-popover:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.shape-popover,.select-popover{z-index:3;left:50%;transform:translate(-50%)}.shape-popover{min-width:184px}.select-popover{min-width:150px}.doodle-brush-bar{--chrome-inset:4px;z-index:2;height:36px;padding:var(--chrome-inset);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);transform-origin:bottom;align-items:center;gap:2px;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%)}.doodle-brush-bar:after{content:"";height:18px;position:absolute;top:100%;left:0;right:0}.doodle-brush-slot{position:relative}.doodle-brush-swatch,.doodle-brush-size{height:28px;color:var(--dock-text);border-radius:var(--chrome-item-radius);background:0 0;justify-content:center;align-items:center;display:flex}.doodle-brush-swatch{width:28px;padding:0}.doodle-brush-swatch.open,.doodle-brush-swatch:hover{background:var(--dock-hover)}.doodle-brush-dot{border:1px solid var(--dock-text);width:16px;height:16px;display:block}@supports (color:color-mix(in lab, red, red)){.doodle-brush-dot{border:1px solid color-mix(in srgb, var(--dock-text) 28%, transparent)}}.doodle-brush-dot{border-radius:999px}.doodle-brush-rule{background:var(--dock-border);width:1px;height:16px;margin:0 4px}.doodle-brush-size{gap:5px;margin:0;padding:0 8px;font-size:13px;font-weight:500}.doodle-brush-size svg,.doodle-brush-width-icon{color:var(--dock-muted);flex-shrink:0;display:block}.doodle-brush-size input{width:26px;min-width:26px;color:var(--dock-text);font:inherit;text-align:left;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:500}.doodle-brush-size input::-webkit-outer-spin-button{appearance:none;margin:0}.doodle-brush-size input::-webkit-inner-spin-button{appearance:none;margin:0}.doodle-brush-unit{color:var(--dock-muted);font-weight:500}.doodle-brush-color{z-index:3;border:1px solid var(--dock-border);background:var(--dock-bg);width:196px;box-shadow:var(--toolbar-shadow);transform-origin:0 100%;border-radius:12px;padding:12px 6px 6px;position:absolute;bottom:calc(100% + 8px);left:0}.ai-popover{transform-origin:0 100%;min-width:208px;left:0;right:auto;transform:none}.dock-popover button{width:100%;min-height:32px;color:var(--dock-text);text-align:left;border-radius:var(--chrome-menu-item-radius);background:0 0;outline:0;align-items:center;gap:8px;padding:0 8px;display:flex}.dock-popover button:hover:not(:disabled),.dock-popover button.active{background:var(--dock-hover)}.dock-popover button span{flex:1;font-size:13px}.dock-popover kbd{min-width:18px;color:var(--dock-muted);letter-spacing:.02em;text-align:right;font-family:inherit;font-size:12px;font-weight:500}.dock-popover-separator{background:var(--dock-border);height:1px;margin:4px 5px}@media (width<=760px){.bottom-tool-dock{width:calc(100% - 20px);bottom:14px}.dock-bar{justify-content:center;overflow-x:auto}.dock-item span{display:none}.dock-item{padding:0 10px}.dock-item-ai span:not(.dock-ai-icon){display:none}}.canvas-shell{background-color:var(--canvas-bg);flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-shell[data-canvas-bg=dots]{background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);background-size:24px 24px}.canvas-shell[data-canvas-bg=grid]{background-image:linear-gradient(var(--canvas-grid) 1px, transparent 1px), linear-gradient(90deg, var(--canvas-grid) 1px, transparent 1px);background-size:24px 24px}.canvas-shell[data-canvas-bg=solid],.canvas-shell[data-canvas-bg=custom]{background-image:none}.canvas-container{z-index:0;position:absolute;inset:0}.canvas-container[data-tool=text],.canvas-container[data-tool=text] .konvajs-content{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24'%3E%3Cpath fill='%2317171b' d='M4 0h8v2H9v20h3v2H4v-2h3V2H4V0z'/%3E%3C/svg%3E") 8 1,text}.dark .canvas-container[data-tool=text],.dark .canvas-container[data-tool=text] .konvajs-content{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24'%3E%3Cpath fill='%23f4f4f6' d='M4 0h8v2H9v20h3v2H4v-2h3V2H4V0z'/%3E%3C/svg%3E") 8 1,text}.canvas-text-caret{z-index:2;resize:none;box-shadow:none;white-space:pre;word-wrap:normal;overflow-wrap:normal;transform-origin:0 0;appearance:none;caret-color:var(--foreground);background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.empty-state{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.empty-icon{width:46px;height:46px;color:var(--color-mixo);border:1px solid var(--border);background:var(--panel);border-radius:14px;place-items:center;margin-bottom:13px;display:grid;box-shadow:0 8px 25px #00000014}.empty-state strong{margin-bottom:5px;font-size:15px}.empty-state span{color:var(--muted);font-size:12px}.empty-viewport-hint{z-index:23;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--dock-shadow);white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:5px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.empty-viewport-hint span{padding:0 5px}.empty-viewport-hint button{height:28px;color:var(--dock-text);border:1px solid var(--button-border);white-space:nowrap;background:0 0;border-radius:8px;padding:0 10px;font-size:13px;font-weight:500}.empty-viewport-hint button:hover{background:var(--dock-hover)}.reference-pick-bar{z-index:24;top:calc(env(safe-area-inset-top) + 16px);height:44px;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--dock-shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.reference-pick-mark{background:var(--dock-hover);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.reference-pick-text{padding:0 2px}.reference-pick-back,.reference-pick-close{height:32px;color:var(--dock-text);background:0 0;border:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:inline-flex}.reference-pick-back{border:1px solid var(--button-border);border-radius:8px;padding:0 12px}.reference-pick-back:hover,.reference-pick-close:hover{background:var(--dock-hover)}.reference-pick-close{border-radius:8px;width:32px}.reference-picked-overlay{z-index:8;pointer-events:none;background:0 0;place-items:center;display:grid;position:absolute;overflow:visible}.reference-picked-cancel{height:26px;color:var(--color-white);background:#000000db;border:0;border-radius:999px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.reference-picked-cancel{background:color-mix(in srgb, var(--color-black) 86%, transparent)}}.reference-picked-cancel{white-space:nowrap;opacity:1;pointer-events:auto;font-size:12px;font-weight:500;line-height:1}.reference-picked-cancel:hover{background:var(--color-black)}.image-prompt-card{z-index:40;width:300px;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--prompt-shadow);border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.image-prompt-card-head{flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.image-prompt-card-thumb{object-fit:cover;border:1px solid var(--dock-border);border-radius:8px;flex-shrink:0;width:28px;height:28px}.image-prompt-card-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.image-prompt-card-icon{width:24px;height:24px;color:var(--dock-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.image-prompt-card-icon:hover:not(:disabled){background:var(--dock-hover)}.image-prompt-card-icon:disabled{color:var(--dock-muted);cursor:default}.image-prompt-card-label-row{flex-shrink:0;align-items:center;gap:10px;padding:4px 16px;display:flex}.image-prompt-card-label-row p{min-width:0;color:var(--dock-muted);flex:1;margin:0;font-size:12px;line-height:18px}.image-prompt-card-body{min-height:0;max-height:380px;padding:0 8px 28px;overflow:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 28px),#0000 100%)}.image-prompt-card-text{color:var(--foreground);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:0;padding:8px;font-size:13px;line-height:20px}.image-prompt-card-chips{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px 20px;display:flex}.image-prompt-card-chip{color:var(--dock-muted);white-space:nowrap;background:var(--dock-hover);border-radius:4px;padding:1px 4px;font-size:12px;line-height:18px}@media (width<=760px){.empty-viewport-hint{bottom:68px}}.image-prompt-card-references{border-top:1px solid var(--dock-border);color:var(--dock-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0 16px;padding:14px 0;font-size:12px;display:flex}.image-prompt-card-reference-list{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.image-prompt-card-reference-thumb{border:1px solid var(--dock-border);object-fit:cover;border-radius:6px;width:32px;height:32px}.toolbar-pill,.frame-toolbar-pill,.multi-select-pill,.contextual-toolbar{padding:var(--chrome-inset);color:var(--dock-text);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);white-space:nowrap;align-items:center;gap:4px;display:flex}.toolbar-pill>button,.toolbar-pill>.frame-size-field,.toolbar-pill>.text-toolbar-size,.toolbar-pill>.path-stroke-field,.toolbar-pill>.frame-toolbar-slot>button,.toolbar-pill>.frame-toolbar-slot>.frame-size-field,.toolbar-pill>.frame-toolbar-slot>.text-toolbar-font,.toolbar-pill>.frame-toolbar-slot>.text-toolbar-style,.toolbar-pill>.frame-toolbar-slot>.text-toolbar-size,.toolbar-pill>.frame-toolbar-slot>.path-stroke-field,.toolbar-pill>.multi-select-slot>button,.frame-toolbar-pill>button,.frame-toolbar-pill>.frame-toolbar-slot>button,.multi-select-pill>button,.multi-select-pill>.multi-select-slot>button,.contextual-toolbar>button,.contextual-toolbar>.upscale-slot>button{border-radius:var(--chrome-item-radius)}.nav-chevron{transform-origin:50%;flex-shrink:0;transition:transform .2s cubic-bezier(.32,.72,0,1);display:block}.open>.nav-chevron,.open .nav-chevron,.nav-chevron.open,.model-select-trigger[data-state=open] .nav-chevron{transform:rotate(180deg)}.contextual-toolbar{z-index:10;position:absolute;transform:translate(-50%)}.toolbar-pill.contextual-toolbar{--contextual-button-size:32px;align-items:center}.contextual-toolbar>.upscale-slot{align-items:center;display:flex;position:relative}.contextual-toolbar .upscale-menu{z-index:30;width:168px;position:absolute;top:calc(100% + 8px);left:0}.toolbar-pill.contextual-toolbar .upscale-menu button{border-radius:var(--chrome-item-radius);justify-content:flex-start;gap:0;width:100%}.upscale-menu-label{min-width:0;color:var(--dock-text);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400;line-height:20px;overflow:hidden}.toolbar-pill.contextual-toolbar .upscale-menu button.is-current-resolution:disabled{cursor:not-allowed;opacity:.4;background:0 0}.upscale-menu-option{position:relative}.upscale-menu-option:hover>.multi-select-tip,.upscale-menu-option:focus-within>.multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.image-tool-menu-cost{color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:2px;margin-left:auto;padding-left:16px;font-weight:400;display:inline-flex}.upscale-menu-status{color:var(--dock-text);opacity:.72;margin:0;padding:8px 10px;font-size:13px}.contextual-toolbar>.frame-toolbar-divider{align-self:center}.contextual-toolbar button{height:var(--contextual-button-size);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 9px;display:flex}.image-contextual-toolbar>button,.image-contextual-toolbar>.upscale-slot>button{font-size:13px;line-height:20px}.contextual-toolbar button,.image-more-menu-item{color:var(--dock-text)}.contextual-toolbar button>svg,.image-more-menu-icon>svg{color:inherit}.contextual-toolbar .contextual-toolbar-icon{flex:0 0 var(--contextual-button-size);width:var(--contextual-button-size);min-width:var(--contextual-button-size);max-width:var(--contextual-button-size);height:var(--contextual-button-size);min-height:var(--contextual-button-size);max-height:var(--contextual-button-size);justify-content:center;padding:0}.contextual-toolbar button:hover{background:var(--dock-hover)}.contextual-toolbar button:disabled{cursor:progress;opacity:.72}.contextual-toolbar button.danger{color:var(--danger)}.multi-select-toolbar,.frame-toolbar{z-index:11;position:absolute;transform:translate(-50%)}.frame-toolbar-slot{position:relative}.frame-swatch{border-radius:var(--chrome-item-radius);background:0 0;place-items:center;width:28px;height:28px;padding:0;display:grid;position:relative}.frame-swatch.open,.frame-swatch:hover{background:var(--dock-hover)}.frame-swatch:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.frame-swatch.open .multi-select-tip{opacity:0;visibility:hidden;transition:none}.frame-swatch-ring,.frame-swatch-fill{box-sizing:border-box;border-radius:999px;width:16px;height:16px;display:block}.frame-swatch-ring{border:3px solid var(--dock-text);background:var(--color-white)}.frame-swatch-fill{border:1px solid var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.frame-swatch-fill{border:1px solid color-mix(in srgb, var(--dock-text) 32%, transparent)}}.frame-swatch-fill{background:var(--color-white)}.frame-color-popover{z-index:2;border:1px solid var(--dock-border);background:var(--dock-bg);width:196px;box-shadow:var(--toolbar-shadow);transform-origin:0 100%;border-radius:12px;padding:12px 6px 6px;position:absolute;bottom:calc(100% + 8px);left:0}.frame-toolbar-divider{background:var(--dock-border);width:1px;height:18px;margin:0 4px}.frame-layout-btn{align-items:center;gap:var(--chrome-icon-gap);border-radius:var(--chrome-item-radius);height:28px;color:var(--dock-text);background:0 0;padding:0 6px 0 10px;font-size:12px;font-weight:500;display:flex;position:relative}.frame-layout-btn.open,.frame-layout-btn:hover{background:var(--dock-hover)}.frame-layout-btn:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.frame-layout-btn.open .multi-select-tip{opacity:0;visibility:hidden;transition:none}.frame-layout-flyout{z-index:2;transform-origin:0 100%;gap:2px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;right:auto}.frame-layout-flyout button{height:28px;color:var(--dock-text);background:0 0;padding:0 10px;font-size:12px;font-weight:500}.frame-layout-flyout button:hover,.frame-layout-flyout button.active{background:var(--dock-hover)}.frame-preset-btn{align-items:center;gap:var(--chrome-icon-gap);border-radius:var(--chrome-item-radius);height:28px;color:var(--dock-text);background:0 0;padding:0 6px 0 8px;font-size:12px;font-weight:500;display:flex;position:relative}.frame-preset-btn.open,.frame-preset-btn:hover{background:var(--dock-hover)}.frame-ratio-glyph{opacity:.78;border:1.5px solid;border-radius:2px;flex-shrink:0;display:block}.frame-preset-flyout{z-index:2;border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);width:max-content;box-shadow:var(--toolbar-shadow);transform-origin:0 0;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.frame-preset-group{flex-direction:column;gap:1px;display:flex}.frame-preset-flyout button{align-items:center;column-gap:var(--chrome-icon-gap);height:30px;color:var(--dock-text);background:0 0;border-radius:7px;grid-template-columns:14px 2.6em 6.2em 14px;padding:0 6px;font-size:13px;font-weight:500;display:grid}.frame-preset-flyout button:hover,.frame-preset-flyout button.active{background:var(--dock-hover)}.frame-preset-icon{place-items:center;width:14px;height:14px;display:grid}.frame-preset-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.frame-preset-dims{color:var(--dock-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:12px;font-weight:400}.frame-preset-check{width:14px;height:14px;color:var(--primary);place-items:center;display:grid}.frame-size-field{border-radius:var(--chrome-item-radius);height:28px;color:inherit;font:inherit;background:0 0;align-items:center;gap:4px;margin:0;padding:0 6px;display:flex}button.frame-size-field:hover,.frame-size-field.open{background:var(--dock-hover)}.frame-size-field span{color:var(--dock-muted);font-size:11px;font-weight:600}.frame-size-value{min-width:32px;color:var(--dock-text)!important;font-size:12px!important;font-weight:500!important}.frame-size-field input{width:48px;color:var(--dock-text);font:inherit;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:12px;font-weight:500}.frame-size-field input::-webkit-outer-spin-button{appearance:none;margin:0}.frame-size-field input::-webkit-inner-spin-button{appearance:none;margin:0}.frame-size-chevron{width:14px;height:18px;color:var(--dock-muted);background:0 0;place-items:center;display:grid}.frame-size-field>svg{color:var(--dock-muted)}.frame-size-mode-flyout{z-index:2;border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);min-width:168px;box-shadow:var(--toolbar-shadow);transform-origin:0 0;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.frame-size-mode-flyout button{height:32px;color:var(--dock-text);white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:500;display:flex}.frame-size-mode-flyout button:hover,.frame-size-mode-flyout button.active{background:var(--dock-hover)}.frame-size-mode-flyout button svg{color:var(--dock-muted);flex-shrink:0}.frame-size-mode-flyout button.active svg:first-child{color:var(--primary)}.frame-size-mode-check{width:12px;height:12px}.frame-ratio-lock{width:28px;height:28px;color:var(--dock-muted);border-radius:var(--chrome-item-radius);background:0 0;place-items:center;display:grid;position:relative}.frame-ratio-lock svg{transform:rotate(90deg)}.frame-ratio-lock:hover{background:var(--dock-hover)}.frame-ratio-lock.active{color:var(--primary);background:var(--primary-soft)}.frame-ratio-lock:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.path-toolbar-action,.path-toolbar-caret{align-items:center;gap:var(--chrome-icon-gap);height:28px;color:var(--dock-text);border-radius:var(--chrome-item-radius);white-space:nowrap;background:0 0;padding:0 8px;font-size:12px;font-weight:500;display:flex;position:relative}.path-toolbar-caret{gap:var(--chrome-icon-gap);padding:0 6px 0 8px}.path-toolbar-action:hover,.path-toolbar-caret:hover,.path-toolbar-caret.open{background:var(--dock-hover)}.path-toolbar-action:disabled{opacity:.4;pointer-events:none}.path-toolbar-action:hover .multi-select-tip,.path-toolbar-caret:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.path-stroke-field{border-radius:var(--chrome-item-radius);height:28px;color:var(--dock-text);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 8px;display:flex}.path-stroke-icon{width:14px;height:18px;color:var(--dock-muted);background:0 0;place-items:center;padding:0;display:grid;position:relative}.path-stroke-icon:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.path-stroke-field.open .path-stroke-icon .multi-select-tip{opacity:0;visibility:hidden;transition:none}.path-stroke-field input{width:32px;min-width:32px;color:var(--dock-text);font:inherit;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:500}.path-stroke-field input::-webkit-outer-spin-button{appearance:none;margin:0}.path-stroke-field input::-webkit-inner-spin-button{appearance:none;margin:0}.path-stroke-unit{color:var(--dock-muted);font-size:13px;font-weight:500}.path-radius-btn{color:var(--dock-text)}.path-radius-icon{display:block;overflow:visible}.path-radius-popover{z-index:12;border:1px solid var(--dock-border);background:var(--dock-bg);width:240px;height:36px;box-shadow:var(--toolbar-shadow);transform-origin:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.path-radius-label{color:var(--dock-muted);flex-shrink:0;font-size:12px;font-weight:500;line-height:1}.path-radius-track{cursor:pointer;touch-action:none;flex:1;min-width:0;height:16px;position:relative}.path-radius-track:before{content:"";background:var(--dock-text);border-radius:999px;position:absolute;inset:7px 0}@supports (color:color-mix(in lab, red, red)){.path-radius-track:before{background:color-mix(in srgb, var(--dock-text) 28%, transparent)}}.path-radius-fill{background:var(--dock-text);pointer-events:none;border-radius:999px;height:2px;position:absolute;top:7px;left:0}.path-radius-thumb{border:2px solid var(--color-white);background:var(--dock-bg);width:12px;height:12px;box-shadow:0 0 0 1px var(--dock-text);border-radius:50%;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.path-radius-thumb{box-shadow:0 0 0 1px color-mix(in srgb, var(--dock-text) 10%, transparent)}}.path-radius-thumb{pointer-events:none;transform:translate(-50%,-50%)}.path-radius-value{width:28px;color:var(--dock-text);font:inherit;text-align:right;appearance:textfield;background:0 0;border:0;outline:0;flex-shrink:0;padding:0;font-size:12px;font-weight:500}.path-radius-value::-webkit-outer-spin-button{appearance:none;margin:0}.path-radius-value::-webkit-inner-spin-button{appearance:none;margin:0}.multi-select-pill button{color:var(--dock-text);border-radius:var(--chrome-item-radius);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.multi-select-tidy{gap:var(--chrome-icon-gap);white-space:nowrap;height:32px;padding:0 10px 0 8px;font-size:13px;font-weight:500}.multi-select-caret{gap:var(--chrome-icon-gap);height:32px;padding:0 6px 0 8px}.multi-select-caret.open,.multi-select-pill button:hover:not(:disabled){background:var(--dock-hover)}.multi-select-pill button:disabled{opacity:.4;pointer-events:none}.multi-select-flyout{z-index:2;transform-origin:0 100%;gap:2px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;right:auto}.multi-select-flyout button{width:32px;height:32px}.multi-select-divider{background:var(--dock-border);width:1px;height:18px;margin:0 4px}.multi-select-slot{position:relative}.multi-select-tip{z-index:4;color:var(--tooltip-fg);border:1px solid var(--tooltip-fg);align-items:center;gap:10px;padding:7px 11px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.multi-select-tip{border:1px solid color-mix(in srgb, var(--tooltip-fg) 14%, transparent)}}.multi-select-tip{border-radius:var(--chrome-item-radius);background:var(--tooltip-bg);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s,visibility 0s linear .12s;transform:translate(-50%)translateY(2px)}.multi-select-pill button:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.multi-select-tip kbd{color:var(--tooltip-fg)}@supports (color:color-mix(in lab, red, red)){.multi-select-tip kbd{color:color-mix(in srgb, var(--tooltip-fg) 62%, transparent)}}.multi-select-tip kbd{font-family:inherit;font-size:12px;font-weight:500}.text-toolbar-font,.text-toolbar-style,.text-toolbar-size{align-items:center;gap:var(--chrome-icon-gap);border-radius:var(--chrome-item-radius);height:30px;color:var(--dock-text);font:inherit;background:0 0;margin:0;padding:0 10px;font-size:13px;font-weight:500;display:flex}.text-toolbar-font span,.text-toolbar-style span{text-overflow:ellipsis;white-space:nowrap;max-width:128px;overflow:hidden}.text-toolbar-font.open,.text-toolbar-font:hover,.text-toolbar-style.open,.text-toolbar-style:hover,.text-toolbar-size.open{background:var(--dock-hover)}.text-toolbar-size:not(.open):hover,.text-toolbar-size .frame-size-chevron:hover{background:0 0}.text-toolbar-font svg,.text-toolbar-style svg,.text-toolbar-size svg{color:var(--dock-muted);flex-shrink:0}.text-toolbar-size{padding:0 6px 0 10px}.text-toolbar-size input{width:36px;color:var(--dock-text);font:inherit;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:13px;font-weight:500}.text-toolbar-size input::-webkit-outer-spin-button{appearance:none;margin:0}.text-toolbar-size input::-webkit-inner-spin-button{appearance:none;margin:0}.text-toolbar-flyout{z-index:2;border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);min-width:100%;max-height:240px;box-shadow:var(--toolbar-shadow);transform-origin:0 100%;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto}.text-toolbar-flyout button{height:30px;color:var(--dock-text);white-space:nowrap;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.text-toolbar-flyout button:hover,.text-toolbar-flyout button.active{background:var(--dock-hover)}.text-toolbar-flyout button svg{color:var(--primary);flex-shrink:0}.text-toolbar-font-flyout{gap:4px;min-width:216px;max-height:340px;padding:8px}.text-toolbar-font-flyout button{height:40px;padding:0 12px;font-size:16px;font-weight:400}.text-toolbar-size-flyout{min-width:88px}.text-toolbar-align-flyout{z-index:2;border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);transform-origin:bottom;border-radius:12px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.text-toolbar-align-row{gap:2px;display:flex}.text-toolbar-align-row button{border-radius:var(--chrome-item-radius);width:32px;height:32px;color:var(--dock-text);background:0 0;place-items:center;display:grid;position:relative}.text-toolbar-align-row button:hover,.text-toolbar-align-row button.active{background:var(--dock-hover)}.text-toolbar-align-row button:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.text-toolbar-type{border-radius:var(--chrome-item-radius);width:30px;height:30px;color:var(--dock-text);background:0 0;place-items:center;padding:0;display:grid;position:relative}.text-toolbar-type.open,.text-toolbar-type:hover{background:var(--dock-hover)}.text-toolbar-settings-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.text-toolbar-type:hover .multi-select-tip{opacity:1;visibility:visible;transition:opacity .16s .55s,transform .16s .55s,visibility 0s linear .55s;transform:translate(-50%)translateY(0)}.text-toolbar-type.open .multi-select-tip{opacity:0;visibility:hidden;transition:none}.text-type-panel{z-index:2;border:1px solid var(--dock-border);background:var(--dock-bg);width:max-content;box-shadow:var(--toolbar-shadow);transform-origin:100% 100%;border-radius:16px;flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.text-type-row{gap:8px;display:flex}.text-type-group{background:var(--dock-hover);border-radius:10px;flex:none;align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.text-type-group button{width:28px;height:28px;color:var(--dock-text);background:0 0;border-radius:7px;place-items:center;padding:0;display:grid}.text-type-case{width:auto;min-width:28px;padding:0 6px;font-size:12px;font-weight:600}.text-type-group button:hover,.text-type-group button.active{background:var(--dock-bg)}.text-type-split{background:var(--dock-border);width:1px;height:16px;margin:0 2px}.contextual-toolbar button.is-active{background:var(--dock-hover)}.image-eraser-surface{z-index:12;touch-action:none;cursor:none;-webkit-user-select:none;user-select:none;position:absolute}.image-eraser-mask{width:100%;height:100%;display:block}.image-eraser-cursor{border:1.5px solid #fffffff2;position:absolute}@supports (color:color-mix(in lab, red, red)){.image-eraser-cursor{border:1.5px solid color-mix(in srgb, var(--color-white) 95%, transparent)}}.image-eraser-cursor{background:var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.image-eraser-cursor{background:color-mix(in srgb, var(--primary) 42%, transparent)}}.image-eraser-cursor{pointer-events:none;box-shadow:0 0 0 1px #00000059}.image-eraser-panel{z-index:20;width:240px;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);border-radius:12px;flex-direction:column;display:flex;position:absolute}.image-eraser-panel-header{align-items:center;gap:10px;padding:16px 12px 12px 16px;display:flex}.image-eraser-panel-header p{flex:1;margin:0;font-size:14px;font-weight:600}.image-eraser-panel-header button{width:24px;height:24px;color:var(--dock-text);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.image-eraser-panel-header button:hover:not(:disabled){background:var(--dock-hover)}.image-eraser-panel-header button:disabled{opacity:.35;cursor:not-allowed}.image-eraser-panel-body{padding:4px 16px 8px}.dock-panel-range{--dock-range-fill:0%;appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:14px;margin:0}.dock-panel-range::-webkit-slider-runnable-track{background:linear-gradient(var(--dock-text), var(--dock-text)) left center / var(--dock-range-fill) 2px no-repeat, linear-gradient(var(--dock-border), var(--dock-border)) left center / 100% 2px no-repeat;border:0;border-radius:999px;height:14px}.dock-panel-range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:2px solid var(--dock-bg);background:radial-gradient(circle at center, var(--dock-bg) 1px, var(--dock-text) 1.5px);width:14px;height:14px;box-shadow:0 0 0 1px var(--dock-border);border-radius:50%;margin-top:0}.dock-panel-range::-moz-range-track{background:linear-gradient(90deg, var(--dock-text) var(--dock-range-fill), var(--dock-border) var(--dock-range-fill));border:0;border-radius:999px;height:2px}.dock-panel-range::-moz-range-thumb{box-sizing:border-box;border:2px solid var(--dock-bg);background:radial-gradient(circle at center, var(--dock-bg) 1px, var(--dock-text) 1.5px);width:14px;height:14px;box-shadow:0 0 0 1px var(--dock-border);border-radius:50%}.dock-panel-range:focus-visible{outline:1px solid var(--muted);outline-offset:1px;border-radius:4px}.image-eraser-panel-actions{gap:8px;padding:12px 16px 16px;display:flex}.image-eraser-panel-actions button{border-radius:8px;flex:1;height:32px;font-size:13px}.image-eraser-panel-actions button:not(.is-primary){border:1px solid var(--button-border);color:var(--dock-text);background:0 0}.image-eraser-panel-actions button:hover:not(:disabled):not(.is-primary){background:var(--dock-hover)}.image-eraser-panel-actions button.is-primary{border-color:#0000}.image-eraser-panel-actions button:disabled:not(.is-primary){opacity:.4;cursor:not-allowed}.text-edit-panel{z-index:26;width:240px;max-height:354px;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--prompt-shadow);border-radius:12px;flex-direction:column;display:flex;position:absolute}.text-edit-panel-header{flex-shrink:0;align-items:center;padding:16px 16px 12px;display:flex}.text-edit-panel-header p{margin:0;font-size:13px;font-weight:600;line-height:1.25}.text-edit-note,.text-edit-error{margin:0;padding:0 12px 8px;font-size:12px;line-height:1.4}.text-edit-note{color:var(--muted)}.text-edit-error{color:var(--danger)}.text-edit-list-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.text-edit-list{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 15px;display:flex;overflow:auto}.text-edit-list::-webkit-scrollbar{display:none;width:0!important;height:0!important}.text-edit-scroll-thumb{background:var(--dock-text);border-radius:999px;width:5px;position:absolute;right:5.5px}@supports (color:color-mix(in lab, red, red)){.text-edit-scroll-thumb{background:color-mix(in srgb, var(--dock-text) 35%, transparent)}}.text-edit-scroll-thumb{opacity:0;pointer-events:none}.text-edit-scroll-thumb.is-on{opacity:1}.text-edit-row{background:var(--dock-text);border-radius:8px;padding:6px 8px;position:relative}@supports (color:color-mix(in lab, red, red)){.text-edit-row{background:color-mix(in srgb, var(--dock-text) 8%, transparent)}}.text-edit-row:hover,.text-edit-row:focus-within{background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.text-edit-row:hover,.text-edit-row:focus-within{background:color-mix(in srgb, var(--dock-text) 12%, transparent)}}.text-edit-row.is-selected{background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.text-edit-row.is-selected{background:color-mix(in srgb, var(--dock-text) 14%, transparent)}}.text-edit-row textarea{scrollbar-width:none;resize:none;width:100%;min-height:20px;max-height:100px;color:var(--dock-text);font:inherit;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;outline:none;padding:0;font-size:13px;line-height:20px;display:block;overflow:auto}.text-edit-row textarea::-webkit-scrollbar{display:none}.text-edit-row:hover:not(:focus-within):not(.is-selected):after{content:"";z-index:1;background:linear-gradient(to left, var(--dock-text) 46px, transparent), linear-gradient(to left, var(--dock-bg) 46px, transparent);border-radius:0 8px 8px 0;width:80px;position:absolute;top:0;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.text-edit-row:hover:not(:focus-within):not(.is-selected):after{background:linear-gradient(to left, color-mix(in srgb, var(--dock-text) 12%, transparent) 46px, transparent), linear-gradient(to left, var(--dock-bg) 46px, transparent)}}.text-edit-row:hover:not(:focus-within):not(.is-selected):after{pointer-events:none}.text-edit-row-actions{z-index:2;color:var(--muted);pointer-events:none;align-items:center;gap:6px;display:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.text-edit-row-actions .text-edit-row-action{pointer-events:auto}.text-edit-row:hover:not(:focus-within):not(.is-selected) .text-edit-row-actions{display:flex}.text-edit-row-action{color:inherit;background:0 0;padding:0;display:flex}.text-edit-row-action:hover{color:var(--dock-text)}.text-edit-panel-actions{flex-shrink:0;gap:8px;padding:12px 16px 16px;display:flex}.text-edit-panel-actions button{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;height:32px;font-size:13px;display:inline-flex}.text-edit-panel-actions button:not(.is-primary){border:1px solid var(--button-border);color:var(--dock-text);background:0 0}.text-edit-panel-actions button:hover:not(:disabled):not(.is-primary){background:var(--dock-hover)}.text-edit-panel-actions button.is-primary{border-color:#0000}.text-edit-panel-actions button:disabled:not(.is-primary){opacity:.4;cursor:not-allowed}.text-edit-cost{align-items:center;gap:2px;display:inline-flex}@media (width<=760px){.toolbar-pill,.frame-toolbar-pill,.multi-select-pill,.contextual-toolbar{gap:2px;padding:4px}.frame-toolbar-divider{margin:0 2px}.frame-preset-btn{padding:0 4px 0 6px}.frame-size-field{padding:0 4px}.frame-size-field input{width:40px}.path-stroke-field{padding:0 6px}.path-stroke-field input{width:24px;min-width:24px}.text-toolbar-font,.text-toolbar-style,.text-toolbar-size{padding:0 6px}.text-toolbar-type{width:28px;height:28px}.text-toolbar-font span,.text-toolbar-style span{max-width:72px}.text-toolbar-size input{width:28px}}.image-more-menu{z-index:100;min-width:168px}.image-more-menu-item{border-radius:var(--chrome-item-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;font-size:13px;line-height:20px;display:flex}.image-more-menu-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.image-more-menu-icon>svg{width:100%;height:100%}.image-more-submenu{z-index:101;white-space:nowrap}.image-more-menu-chevron{flex-shrink:0;margin-inline-start:auto}.image-more-menu-item[data-state=open],.image-more-menu-item[data-highlighted]{background:var(--dock-hover)}.image-more-menu-item[data-disabled]{opacity:.35;cursor:default}.expand-select-content{font-family:var(--font-ui);letter-spacing:normal;z-index:1000;width:var(--reka-select-trigger-width);min-width:var(--reka-select-trigger-width);padding:var(--chrome-inset);color:var(--dock-text);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);transform-origin:top;font-size:12px;font-weight:400;overflow:hidden}.expand-select-content[data-side=top]{transform-origin:bottom}.expand-select-viewport[data-reka-select-viewport]{max-height:246px;overflow-y:auto}.expand-select-item{font-family:inherit;font-weight:inherit;letter-spacing:inherit;justify-content:space-between;align-items:center;gap:var(--chrome-icon-gap);border-radius:var(--chrome-item-radius);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;width:100%;min-height:32px;padding:6px 8px;font-size:12px;line-height:20px;display:flex}.expand-select-item[data-highlighted]{background:var(--dock-hover)}.expand-select-item[data-disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.expand-select-indicator{flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.prompt-bar{z-index:12;border:1px solid var(--dock-border);background:var(--panel-solid);width:min(600px,100% - 40px);box-shadow:var(--prompt-shadow);opacity:.72;border-radius:24px;flex-direction:column;gap:14px;padding:10px 14px 12px;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%)}.prompt-bar.active{opacity:1}.context-chip{color:var(--color-mixo);background:var(--primary-soft);border-radius:7px;align-items:center;gap:6px;margin:1px 4px 3px;padding:4px 8px;font-size:11px;display:inline-flex}.generator-chip{color:var(--color-link)}.prompt-compose{--prompt-inset:8px;align-items:flex-start;gap:var(--prompt-inset);flex-direction:column;display:flex}.reference-image-row{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.reference-image-wrap{flex-shrink:0;position:relative}.reference-image{width:56px;height:56px;color:var(--muted);background:var(--dock-text);border:0;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.reference-image{background:color-mix(in srgb, var(--dock-text) 8%, transparent)}}.reference-image{font-size:10px;line-height:1;transition:background .15s,color .15s}.reference-image:hover{color:var(--foreground);background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.reference-image:hover{background:color-mix(in srgb, var(--dock-text) 14%, transparent)}}.reference-image.filled{padding:0}.reference-image img{object-fit:cover;width:100%;height:100%;display:block}.reference-image-clear{width:16px;height:16px;color:var(--color-white);background:#0000008c;border:0;border-radius:999px;padding:0;display:grid;position:absolute;top:4px;right:4px}@supports (color:color-mix(in lab, red, red)){.reference-image-clear{background:color-mix(in srgb, var(--color-black) 55%, transparent)}}.reference-image-clear{place-items:center}.reference-image-phase{background:#00000094;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.reference-image-phase{background:color-mix(in srgb, var(--color-black) 58%, transparent)}}.reference-image-phase{color:var(--color-white);text-align:center;font-size:10px;line-height:1}.reference-image-spinner{box-sizing:border-box;border:2px solid #ffffff47;width:16px;height:16px}@supports (color:color-mix(in lab, red, red)){.reference-image-spinner{border:2px solid color-mix(in srgb, var(--color-white) 28%, transparent)}}.reference-image-spinner{border-top-color:var(--color-white);border-radius:50%;animation:.9s linear infinite reference-image-spin}@keyframes reference-image-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reference-image-spinner{animation:none}}.reference-source-menu{z-index:30;color:var(--foreground);border:1px solid var(--dock-border);background:var(--panel-solid);box-shadow:var(--dock-shadow);border-radius:10px;flex-direction:column;padding:3px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.reference-source-menu button{width:100%;height:30px;color:inherit;text-align:left;white-space:nowrap;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:13px;line-height:1;display:flex}.reference-source-menu button:hover{background:var(--dock-hover)}.prompt-bar textarea{resize:none;background:0 0;border:0;outline:0;align-self:stretch;width:100%;min-height:42px;max-height:147px;padding:0 4px 0 2px;line-height:21px;display:block;overflow-y:hidden}.prompt-bar textarea::placeholder{color:var(--muted)}.prompt-bar textarea:disabled{opacity:.45}.prompt-bar textarea:read-only{cursor:default}.prompt-controls{align-items:center;gap:6px;display:flex}.prompt-controls-end{align-items:stretch;gap:6px;margin-left:auto;display:flex}.image-settings{position:relative}.image-settings-trigger{height:31px;color:var(--foreground);border-radius:var(--chrome-item-radius);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 11px;font-size:13px;transition:background .15s;display:flex}.image-settings-trigger:hover{background:var(--dock-hover)}.image-settings-trigger:has(svg.open){background:var(--dock-hover)}.image-settings-trigger:disabled{cursor:default;pointer-events:none}.prompt-controls.is-locked .image-settings,.prompt-controls.is-locked .model-select,.prompt-controls.is-locked .model-select-trigger{pointer-events:none}.prompt-controls.is-locked .image-settings-trigger,.prompt-controls.is-locked .image-settings-trigger:hover,.prompt-controls.is-locked .image-settings-trigger:disabled,.prompt-controls.is-locked .model-select-trigger,.prompt-controls.is-locked .model-select-trigger:hover{cursor:default;opacity:1;background:0 0}.prompt-controls.is-locked .image-settings-trigger .nav-chevron,.prompt-controls.is-locked .model-select-chevron{display:none}.image-settings-trigger svg{color:inherit}.image-settings-panel{z-index:20;width:312px;height:auto;color:var(--dock-text);border:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:var(--dock-shadow);transform-origin:0 100%;border-radius:16px;flex-direction:column;padding:14px 1px 14px 0;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden}.image-settings-panel.is-below{transform-origin:0 0;top:calc(100% + 10px);bottom:auto}.image-settings-body{overscroll-behavior:contain;flex:auto;min-height:0;padding-left:14px;overflow:hidden auto}.image-settings-section-title{color:var(--dock-text);margin:0;padding:0;font-size:13px;font-weight:600;line-height:1.25;display:block}.image-settings-section-title--inline{align-items:center;gap:5px;min-height:1.25em;display:flex}.image-settings-section-title--inline>svg{color:var(--dock-muted)}.field-description-hint-wrap{flex-shrink:0;display:inline-flex;position:relative}.image-settings-section-title--inline .field-description-hint,.image-settings-section-title--inline .field-description-hint-icon{width:1.15em;height:1.15em}.field-description-hint{width:18px;height:18px;color:var(--dock-text);justify-content:center;align-items:center;padding:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.field-description-hint{color:color-mix(in srgb, var(--dock-text) 34%, transparent)}}.field-description-hint{cursor:default;background:0 0;border:0;border-radius:999px;transition:color .12s ease-out}.field-description-hint:hover,.field-description-hint:focus-visible{color:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.field-description-hint:hover,.field-description-hint:focus-visible{color:color-mix(in srgb, var(--dock-text) 52%, transparent)}}.field-description-hint:hover,.field-description-hint:focus-visible{outline:none}.field-description-hint-icon{flex-shrink:0;width:14px;height:14px;display:block}.image-settings-section-title--inline .field-description-hint-wrap{font-size:inherit;line-height:1}.field-description-tip{width:max-content;max-width:248px;color:var(--tooltip-fg);white-space:normal;text-align:left;border-radius:var(--radius-sm);background:var(--tooltip-bg);box-shadow:var(--shadow);pointer-events:none;padding:7px 12px;font-size:12px;font-weight:400;line-height:16px}.field-description-tip--fixed{z-index:200;position:fixed;transform:translate(-50%,-100%)}.field-description-tip-enter-active{transition:opacity .12s ease-out}.field-description-tip-leave-active{transition:opacity .1s ease-out}.field-description-tip-enter-from,.field-description-tip-leave-to{opacity:0}.image-settings-panel section{margin:0;padding-right:12px}.image-settings-body>section:not(:first-child){padding-top:10px}.image-settings-body>section>.image-settings-section-title{margin-bottom:10px}.image-settings-panel label{color:var(--dock-text);align-items:center;gap:5px;margin-bottom:8px;font-size:12px;display:flex}.image-settings-panel label svg{color:var(--dock-muted)}.quality-row,.count-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.quality-row button,.count-grid button{width:100%;min-width:0;height:32px;color:var(--dock-text);border:1px solid var(--button-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;line-height:20px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.quality-row button:hover,.count-grid button:hover,.ratio-grid button:hover{background:var(--dock-hover)}.quality-row button:disabled,.count-grid button:disabled{cursor:not-allowed}.quality-row button.selected,.count-grid button.selected,.ratio-grid button.selected{border-color:var(--dock-text)}.size-row{align-items:center;gap:6px;display:flex}.image-settings-panel .size-row .size-field{border:1px solid var(--dock-text);flex:1;align-items:center;gap:8px;height:34px;margin:0;padding:0 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.image-settings-panel .size-row .size-field{border:1px solid color-mix(in srgb, var(--dock-text) 12%, transparent)}}.image-settings-panel .size-row .size-field{border-radius:8px}.size-field span{color:var(--dock-muted);font-size:12px}.size-field input{width:100%;color:var(--dock-text);background:0 0;border:0;outline:0;font-size:13px}.lock-button{width:34px;height:34px;color:var(--dock-muted);background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;display:grid}.ratio-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratio-grid button{width:100%;min-width:0;height:72px;color:var(--dock-text);border:1px solid var(--button-border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:flex}.ratio-grid button:disabled{cursor:not-allowed}.ratio-glyph{width:20px;height:20px;color:var(--dock-text);flex-shrink:0;display:block}@supports (color:color-mix(in lab, red, red)){.ratio-glyph{color:color-mix(in srgb, var(--dock-text) 90%, transparent)}}.mode-select,.size-pill{height:31px;color:var(--muted);border:1px solid var(--button-border);border-radius:var(--chrome-item-radius);background:0 0;padding:0 11px;font-size:11px}.mode-select{outline:0}.model-select-icon-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:15px;height:15px}.model-select-icon-mask{background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.model-select{align-items:stretch;display:flex;position:relative}.model-select-trigger{width:max-content;height:31px;color:var(--foreground);border-radius:var(--chrome-item-radius);white-space:nowrap;background:0 0;border:0;outline:0;align-items:center;gap:6px;padding:0 12px 0 11px;font-size:13px;line-height:1;transition:background .15s;display:flex}.model-select-trigger>span{flex:none}.model-select-trigger:hover,.model-select-trigger[data-state=open]{background:var(--dock-hover)}.model-select[data-disabled] .model-select-trigger,.model-select-trigger[data-disabled]{cursor:default;pointer-events:none}.model-select-trigger[data-state=open] .model-select-chevron{transform:rotate(180deg)}.model-select-chevron{color:inherit;flex-shrink:0}.model-select-content{z-index:1000;width:max-content;min-width:0;max-width:400px;color:var(--foreground);border:1px solid var(--dock-border);border-radius:var(--radius-md);background:var(--dock-bg);box-shadow:var(--dock-shadow);transform-origin:100% 100%;padding:4px;overflow:hidden}.model-select-content[data-side=bottom]{transform-origin:100% 0}.model-select-viewport[data-reka-select-viewport]{max-height:246px;overflow-y:auto}.model-select-item{width:100%;min-height:32px;color:var(--foreground);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:0;align-items:center;padding:6px 8px;font-size:14px;font-weight:400;line-height:20px;display:flex;overflow:hidden}.model-select-item[data-highlighted]{background:var(--dock-hover)}.model-select-item-icon{color:currentColor;flex:none;align-items:center;width:18px;height:20px;margin-right:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.model-select-item-icon{color:color-mix(in srgb, currentColor 90%, transparent)}}.model-select-item-icon .model-select-icon-img,.model-select-item-icon .model-icon{object-fit:contain;border-radius:0;width:18px;height:18px}.model-select-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.model-select-indicator{color:currentColor;flex:none;justify-content:center;align-items:center;width:16px;height:20px;margin-left:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.model-select-indicator{color:color-mix(in srgb, currentColor 90%, transparent)}}.model-select-indicator svg{display:block}.credit-pill-wrap{flex:0 0 56px;justify-content:flex-end;width:56px;display:flex}.size-pill,.credit-pill{white-space:nowrap;align-items:center;gap:4px;display:flex}.credit-pill:disabled{pointer-events:none}.credit-pill{box-sizing:border-box;height:31px;min-height:31px;max-height:31px;color:var(--solid-button-fg);background:var(--solid-button-bg);cursor:pointer;border:0;border-radius:999px;padding:0 10px;font-size:12px;line-height:1;transition:color .16s ease-out,background .16s ease-out}.credit-pill.is-disabled,.credit-pill:disabled:not(.is-loading){color:var(--solid-button-disabled-fg);background:var(--solid-button-disabled-bg);cursor:default;opacity:1}.credit-pill.is-loading,.credit-pill.is-loading:disabled{color:var(--solid-button-loading-fg);background:var(--solid-button-loading-bg);cursor:default;opacity:1;justify-content:center;position:relative}.credit-pill-face{align-items:center;gap:4px;display:inline-flex}.credit-pill-face.is-hidden{visibility:hidden}.credit-icon{flex-shrink:0;width:13px;height:13px;display:block}.credit-pill.is-loading .credit-pill-spinner{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.credit-pill-spinner{box-sizing:border-box;border:1.5px solid #0003;width:13px;height:13px;display:block}@supports (color:color-mix(in lab, red, red)){.credit-pill-spinner{border:1.5px solid color-mix(in srgb, var(--color-black) 20%, transparent)}}.credit-pill-spinner{border-top-color:#0000;border-radius:50%;animation:1.2s linear infinite credit-pill-spin}.dark .credit-pill.is-loading .credit-pill-spinner{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark .credit-pill.is-loading .credit-pill-spinner{border-color:color-mix(in srgb, var(--color-white) 20%, transparent)}}.dark .credit-pill.is-loading .credit-pill-spinner{border-top-color:#0000}@keyframes credit-pill-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.credit-pill-spinner{animation:none}}@media (width<=760px){.prompt-bar{width:calc(100% - 26px)}.size-pill{display:none}}.canvas-corner-tools{z-index:15;align-items:center;gap:1px;transition:right .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:18px;right:14px}.canvas-corner-tools.shifted{right:296px}.layers-toggle{width:26px;height:26px;color:var(--muted);background:0 0;border-radius:7px;outline:0;place-items:center;display:grid;position:relative}.layers-toggle:hover,.layers-toggle.open{color:var(--foreground);background:var(--dock-hover)}.zoom-control-divider{background:var(--dock-border);width:1px;height:12px;margin:0 5px}.zoom-control{z-index:12;position:relative}.zoom-select{height:26px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:7px;outline:0;place-items:center;padding:0 7px;font-size:11px;font-weight:500;line-height:1;display:grid;position:relative}.zoom-select:hover,.zoom-select.open{color:var(--foreground);background:var(--dock-hover)}.layers-toggle[data-tip]:after,.zoom-select[data-tip]:after{content:attr(data-tip);z-index:4;color:var(--background);white-space:nowrap;background:var(--foreground);opacity:0;pointer-events:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:400;line-height:16px;transition:opacity .12s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #17171f29}.zoom-select[data-tip]:after{left:auto;right:0;transform:none}.layers-toggle[data-tip]:hover:not(.open):after,.layers-toggle[data-tip]:focus-visible:not(.open):after,.zoom-select[data-tip]:hover:not(.open):after,.zoom-select[data-tip]:focus-visible:not(.open):after{opacity:1}.canvas-minimap{z-index:2;border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--dock-shadow);transform-origin:100% 100%;padding:12px;position:absolute;bottom:calc(100% + 10px);right:0}.canvas-minimap:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.canvas-minimap-view{background:var(--panel-solid);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.canvas-minimap-view.grabbing{cursor:grabbing}.canvas-minimap-node{box-sizing:border-box;pointer-events:none;position:absolute}.canvas-minimap-viewport{box-sizing:border-box;border:1px solid var(--foreground);position:absolute}@supports (color:color-mix(in lab, red, red)){.canvas-minimap-viewport{border:1px solid color-mix(in srgb, var(--foreground) 22%, transparent)}}.canvas-minimap-viewport{pointer-events:none;background:0 0}.zoom-menu{z-index:1;width:200px;padding:var(--chrome-inset);border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);box-shadow:var(--dock-shadow);transform-origin:100% 100%;flex-direction:column;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0}.zoom-menu button{width:100%;min-height:32px;color:var(--foreground);text-align:left;border-radius:var(--chrome-menu-item-radius);background:0 0;outline:0;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;display:flex}.zoom-menu button:hover{background:var(--dock-hover)}.zoom-menu kbd{color:var(--dock-muted);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:500}.zoom-menu-separator{background:var(--dock-border);height:1px;margin:4px 5px}.layers-panel{z-index:14;width:280px;height:100%;color:var(--dock-text);border-left:1px solid var(--dock-border);background:var(--dock-bg);box-shadow:none;flex-direction:column;display:flex;position:absolute;top:0;left:auto;right:0;overflow:hidden}.dark .layers-panel{background:var(--panel-solid)}.layers-drawer-enter-active,.layers-drawer-leave-active{transition:transform .28s cubic-bezier(.16,1,.3,1)}.layers-drawer-enter-from,.layers-drawer-leave-to{transform:translate(100%)}.layers-header{border-bottom:1px solid var(--dock-border);justify-content:space-between;align-items:center;padding:8px 10px 8px 12px;font-size:15px;font-weight:600;display:flex}.layers-icon-btn{width:26px;height:26px;color:var(--dock-text);border-radius:var(--chrome-menu-item-radius);opacity:.7;background:0 0;place-items:center;display:grid}.layers-icon-btn:hover{opacity:1;background:var(--dock-hover)}.layers-list{flex-direction:column;flex:1;gap:3px;min-height:0;padding:12px 6px 8px;display:flex;overflow:auto}.layers-list.dragging .layers-action{pointer-events:none;opacity:0!important}.layers-empty{color:var(--dock-text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.layers-empty{color:color-mix(in srgb, var(--dock-text) 45%, transparent)}}.layers-empty{font-size:13px}.layers-row{--drop-indent:8px;width:100%;min-height:32px;color:var(--dock-text);text-align:left;touch-action:none;background:0 0;border-radius:8px;align-items:center;gap:2px;padding:0 8px 0 6px;font-size:13px;font-weight:350;display:flex;position:relative}.layers-list:not(.dragging) .layers-row{contain:paint}.layers-row.dragging{opacity:.38}.layers-row.drop-before:before,.layers-row.drop-after:after{content:"";z-index:2;left:var(--drop-indent);background:radial-gradient(circle at 5px 50%, var(--color-white) 0 2px, var(--node-stroke-selected) 2.5px 5px, transparent 5.5px), linear-gradient(to bottom, transparent 3.5px, var(--node-stroke-selected) 3.5px 6.5px, transparent 6.5px);height:10px;filter:drop-shadow(0 1px 3px var(--color-mixo));position:absolute;right:8px}@supports (color:color-mix(in lab, red, red)){.layers-row.drop-before:before,.layers-row.drop-after:after{filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--color-mixo) 40%, transparent))}}.layers-row.drop-before:before,.layers-row.drop-after:after{pointer-events:none}.layers-row.drop-before:before{top:-5px}.layers-row.drop-after:after{bottom:-5px}.layers-row:hover{background:var(--dock-hover)}.layers-row.selected{background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.layers-row.selected{background:color-mix(in srgb, var(--dock-text) 14%, transparent)}}.layers-list.dragging .layers-row:hover:not(.drop-into){background:0 0}.layers-list.dragging .layers-row.selected:not(.drop-into){background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.layers-list.dragging .layers-row.selected:not(.drop-into){background:color-mix(in srgb, var(--dock-text) 14%, transparent)}}.layers-row.drop-into{background:var(--node-stroke-selected)}@supports (color:color-mix(in lab, red, red)){.layers-row.drop-into{background:color-mix(in srgb, var(--node-stroke-selected) 22%, transparent)}}.layers-row.drop-into{outline:2px solid var(--node-stroke-selected)}@supports (color:color-mix(in lab, red, red)){.layers-row.drop-into{outline:2px solid color-mix(in srgb, var(--node-stroke-selected) 85%, var(--color-white) 15%)}}.layers-row.drop-into{outline-offset:-2px;box-shadow:inset 0 0 0 1px #ffffff14}.layers-row.hidden .layers-name{opacity:.45}.layers-caret,.layers-caret-spacer{width:16px;height:16px;color:var(--dock-text);padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.layers-caret,.layers-caret-spacer{color:color-mix(in srgb, var(--dock-text) 70%, transparent)}}.layers-caret,.layers-caret-spacer{background:0 0;flex-shrink:0;place-items:center}.layers-type{width:18px;height:18px;color:var(--dock-text);margin-right:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.layers-type{color:color-mix(in srgb, var(--dock-text) 82%, transparent)}}.layers-type{flex-shrink:0;place-items:center}.layers-thumb{object-fit:cover;border-radius:3px;width:16px;height:16px}.layers-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layers-name-input{min-width:0;height:24px;color:var(--dock-text);background:var(--dock-bg);border:0;border-radius:5px;outline:none;flex:1;padding:1px 5px}@supports (color:color-mix(in lab, red, red)){.layers-name-input{background:color-mix(in srgb, var(--dock-bg) 88%, black)}}.layers-name-input{box-shadow:none;font:inherit;cursor:text}.layers-row.editing{cursor:default}.layers-row.editing .layers-actions{display:none}.layers-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.layers-action{width:22px;height:22px;color:var(--dock-text);opacity:0;background:0 0;border-radius:5px;place-items:center;padding:0;display:grid}.layers-row:hover .layers-action,.layers-action.active{opacity:.82}.layers-action:hover,.layers-action.active:hover{opacity:1;background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.layers-action:hover,.layers-action.active:hover{background:color-mix(in srgb, var(--dock-text) 16%, transparent)}}.layers-action:disabled,.layers-row:hover .layers-action:disabled{opacity:.32;pointer-events:none;background:0 0}.layers-drag-ghost{z-index:1000;max-width:210px;height:32px;color:var(--color-white);border:1px solid #ffffff29;align-items:center;gap:7px;padding:0 9px;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.layers-drag-ghost{border:1px solid color-mix(in srgb, var(--color-white) 16%, transparent)}}.layers-drag-ghost{border-radius:var(--radius-sm);background:#000000f0}@supports (color:color-mix(in lab, red, red)){.layers-drag-ghost{background:color-mix(in srgb, var(--color-black) 94%, transparent)}}.layers-drag-ghost{box-shadow:var(--shadow);pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px}.layers-drag-ghost span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layers-drag-ghost b{min-width:19px;height:19px;color:var(--color-white);background:var(--node-stroke-selected);border-radius:10px;place-items:center;margin-left:2px;padding:0 5px;font-size:11px;font-weight:650;display:grid}@media (width<=760px){.canvas-corner-tools{top:52px;bottom:auto;right:12px}.canvas-corner-tools.shifted{right:292px}}.video-modal{z-index:100;background:#000000c7;padding:40px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.video-modal{background:color-mix(in srgb, var(--color-black) 78%, transparent)}}.video-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);place-items:center}.video-dialog{border:1px solid #ffffff1f;width:min(960px,90vw);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.video-dialog{border:1px solid color-mix(in srgb, var(--color-white) 12%, transparent)}}.video-dialog{border-radius:var(--radius-lg);background:var(--color-black);box-shadow:var(--shadow)}.video-dialog video{width:100%;max-height:75vh;display:block}.video-close{z-index:2;width:34px;height:34px;color:var(--color-white);background:#00000094;border-radius:50%;display:grid;position:absolute;top:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.video-close{background:color-mix(in srgb, var(--color-black) 58%, transparent)}}.video-close{place-items:center}.node-context-menu,.node-context-submenu{font-size:12px}.node-context-menu{z-index:80;overscroll-behavior:contain;width:208px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--dock-text);transform-origin:0 0;position:fixed;overflow-y:auto}.node-context-menu>button,.node-context-menu>.node-context-sub,.node-context-submenu>button{flex-shrink:0}.canvas-context-menu{width:220px}.canvas-file-menu-wrap{flex-shrink:0;position:relative}.canvas-file-menu{z-index:40;transform-origin:0 0;width:228px;font-size:13px;position:absolute;top:calc(100% + 8px);left:0}.canvas-file-menu button{color:var(--foreground)}.node-context-backspace{background:0 0;border:none;font-size:13px;line-height:1}.node-context-sub{flex-direction:column;width:100%;display:flex;position:relative}.node-context-menu .has-sub{flex-shrink:0}.node-context-menu .has-sub svg{color:var(--dock-muted)}.node-context-submenu{z-index:81;overscroll-behavior:contain;min-width:96px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;overflow-y:auto}.node-context-submenu .has-dot{gap:10px}.node-context-dot{background:var(--danger);border-radius:50%;width:6px;height:6px}.login-page{overflow-anchor:none;height:100%;min-height:100%;color:var(--foreground);background:var(--background);grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.login-page a{color:inherit}.login-page .left{border-right:1px solid var(--border);background-color:var(--canvas-bg);background-image:radial-gradient(var(--canvas-dot) 1px, transparent 1px);-webkit-user-select:none;user-select:none;background-size:24px 24px;flex-direction:column;min-height:0;padding:34px 40px;display:flex;position:relative;overflow:hidden}.login-page .logo{z-index:5;align-items:center;gap:8px;display:flex;position:relative}.login-page .logo-mark{object-fit:contain;flex-shrink:0;width:28px;height:26px;display:block}.login-page .logo-name{flex-shrink:0;width:117.196px;height:20px;display:block;position:relative}.login-page .logo-name img{object-fit:contain;opacity:0;width:100%;height:100%;display:block}.login-page .logo-name-mxio,.login-page .logo-name-ai{-webkit-mask-mode:alpha;-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;position:absolute;inset:0;-webkit-mask:url(/assets/mixo-wordmark-mask-BgIlI8hO.png) 50%/contain no-repeat;-webkit-mask-source-type:alpha;mask:url(/assets/mixo-wordmark-mask-BgIlI8hO.png) 50%/contain no-repeat alpha}.login-page .logo-name-mxio{background-color:var(--foreground);clip-path:inset(0 33% 0 0)}.login-page .logo-name-ai{background-color:var(--color-mixo);clip-path:inset(0 0 0 67%)}.login-page .board{flex:1;min-height:0;position:relative;overflow:hidden}.login-page .scene{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.login-page .world{position:absolute;inset:0}.login-page .gen-node{z-index:3;opacity:0;pointer-events:none;width:8px;height:8px;position:absolute;top:0;left:0;overflow:visible}.login-page .gen-header{height:18px;color:var(--node-title);letter-spacing:0;white-space:nowrap;opacity:0;align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex;position:absolute;top:-22px;left:0;right:0}.login-page .gen-header svg{flex-shrink:0;display:block}.login-page .gen-dims{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.login-page .gen-body{background:var(--node-fill);border:.75px solid var(--node-stroke);border-radius:0;width:100%;height:100%;position:relative;overflow:hidden}.login-page .gen-node.is-selected .gen-body{border-width:1px;border-color:var(--node-stroke-selected)}.login-page .gen-placeholder{aspect-ratio:1;width:18%;min-width:32px;height:auto;color:var(--node-placeholder);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page .gen-placeholder .peak-right{opacity:.55}.login-page .gen-result{opacity:0;filter:blur(18px)saturate(1.15);pointer-events:none;position:absolute;inset:0;transform:scale(1.04)}.login-page .gen-result img{object-fit:cover;width:100%;height:100%;display:block}.login-page .gen-shine{opacity:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-page .gen-shine:after{content:"";filter:blur(18px);background:linear-gradient(90deg,#0000 0%,#ffffff0d 16%,#ffffff24 30%,#fff3 46%,#ffffff38 50%,#fff3 54%,#ffffff24 70%,#ffffff0d 84%,#0000 100%);width:80%;height:calc(100% + 56px);position:absolute;top:-28px;left:0}.dark .login-page .gen-shine:after{background:linear-gradient(90deg,#0000 0%,#ffffff08 16%,#ffffff14 30%,#ffffff1f 46%,#ffffff24 50%,#ffffff1f 54%,#ffffff14 70%,#ffffff08 84%,#0000 100%)}.login-page .gen-node.is-generating .gen-shine{opacity:1}.login-page .gen-node.is-generating .gen-shine:after{animation:1.4s linear infinite loginGenShine}@keyframes loginGenShine{0%{transform:translate(-100%)}to{transform:translate(125%)}}.login-page .demo-cursor{z-index:30;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 4px #00000059);will-change:transform, opacity;width:18px;height:22px;position:absolute;top:0;left:0}.login-page .demo-cursor svg{width:18px;height:22px;display:block}.login-page .demo-cursor.is-down{transform:scale(.9)}.login-page .prompt-bar{z-index:12;border:1px solid var(--dock-border);background:var(--panel-solid);opacity:0;pointer-events:none;border-radius:24px;flex-direction:column;gap:14px;width:min(600px,100% - 40px);padding:10px 14px 12px;transition:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(28px)}.login-page .prompt-bar.is-up{opacity:1}.login-page .prompt-compose{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.login-page .reference-image{width:56px;height:56px;color:var(--muted);background:var(--dock-text);border:0;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.login-page .reference-image{background:color-mix(in srgb, var(--dock-text) 8%, transparent)}}.login-page .reference-image{font-size:10px;line-height:1}.login-page .prompt-type{scrollbar-width:none;white-space:pre-wrap;word-break:break-word;align-self:stretch;width:100%;height:63px;min-height:63px;padding:0 4px;line-height:21px;display:block;position:relative;overflow:hidden auto}.login-page .prompt-type::-webkit-scrollbar{display:none}.login-page .prompt-type.is-empty:before{content:attr(data-placeholder);color:var(--muted)}.login-page .prompt-caret{background:var(--foreground);vertical-align:-2px;width:1.5px;height:16px;margin-left:1px;animation:1s step-end infinite loginCaretBlink;display:none}.login-page .prompt-caret.is-on{display:inline-block}@keyframes loginCaretBlink{50%{opacity:0}}.login-page .prompt-controls{align-items:center;gap:6px;display:flex}.login-page .prompt-controls-end{align-items:stretch;gap:6px;margin-left:auto;display:flex}.login-page .image-settings-trigger,.login-page .model-select-trigger{height:31px;color:var(--foreground);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:13px;display:flex}.login-page .model-select-trigger{padding:0 12px 0 11px}.login-page .model-icon{flex-shrink:0;display:block}.login-page .credit-pill{box-sizing:border-box;height:31px;color:var(--solid-button-fg);background:var(--solid-button-bg);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12px;line-height:1;display:flex}.login-page .credit-pill.is-press{transform:scale(.96)}.login-page .credit-icon{flex-shrink:0;width:13px;height:13px;display:block}.login-page .footer{z-index:5;color:var(--muted);margin-top:24px;font-size:11px;position:relative}.login-page .left-cover{z-index:4;pointer-events:none;opacity:0;transform-origin:50%;position:absolute;inset:0;overflow:hidden}.login-page .left-cover img{object-fit:cover;width:100%;height:100%;display:block}.login-page .right{overflow-anchor:none;background:var(--background);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;justify-content:center;align-items:center;min-height:0;padding:44px;display:flex;position:relative;overflow:auto}.login-page .login-lang{z-index:6;position:absolute;top:24px;right:28px}.login-page .login-lang-btn{width:32px;height:32px;color:var(--dock-text);border:1px solid var(--button-border);background:var(--panel-solid);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.login-page .login-lang-btn:hover,.login-page .login-lang-btn[aria-expanded=true]{color:var(--foreground);border-color:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.login-page .login-lang-btn:hover,.login-page .login-lang-btn[aria-expanded=true]{border-color:color-mix(in srgb, var(--dock-text) 28%, transparent)}}.login-page .login-lang-menu{min-width:136px;padding:var(--chrome-inset);border:1px solid var(--border);border-radius:var(--chrome-menu-radius);background:var(--panel-solid);box-shadow:var(--shadow);flex-direction:column;gap:2px;font-size:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.login-page .login-lang-option{width:100%;min-height:28px;color:var(--foreground);text-align:left;border-radius:var(--chrome-menu-item-radius);background:0 0;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.login-page .login-lang-option:hover,.login-page .login-lang-option.selected{background:var(--dock-hover)}.login-page .login-lang-check{flex-shrink:0;place-items:center;width:14px;height:14px;display:grid}.login-page .login{width:100%;max-width:360px}.login-page .login h2{letter-spacing:-.04em;margin:0 0 8px;font-size:28px;font-weight:600;line-height:36px}.login-page .subtitle{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:22px}.login-page .ui-field{margin:0 0 14px}.login-page .ui-label{color:var(--dock-text);margin-bottom:8px;font-size:12px;line-height:16px;display:block}.login-page .ui-input-wrap{position:relative}.login-page .ui-input{width:100%;height:40px;color:var(--foreground);border:1px solid var(--dock-text);padding:0 12px}@supports (color:color-mix(in lab, red, red)){.login-page .ui-input{border:1px solid color-mix(in srgb, var(--dock-text) 12%, transparent)}}.login-page .ui-input{background:var(--panel-solid);font:inherit;border-radius:8px;outline:0;font-size:14px;line-height:38px}.login-page .ui-input::placeholder{color:var(--muted)}.login-page .ui-input:hover{border-color:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.login-page .ui-input:hover{border-color:color-mix(in srgb, var(--dock-text) 22%, transparent)}}.login-page .ui-input:focus{border-color:var(--muted)}.login-page .ui-input.is-invalid{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.login-page .ui-input.is-invalid{border-color:color-mix(in srgb, var(--danger) 72%, transparent)}}.login-page .ui-input.is-invalid:focus{border-color:var(--danger)}.login-page .ui-field-error{color:var(--danger);margin:6px 0 0;font-size:12px;line-height:16px}.login-page .ui-input.has-suffix{padding-right:42px}.login-page .ui-input.has-action{padding-right:108px}.login-page .ui-icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:7px;outline:none;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-page .ui-icon-btn:hover,.login-page .ui-icon-btn:focus,.login-page .ui-icon-btn:active{color:var(--foreground);background:0 0}.login-page .ui-icon-btn svg{width:16px;height:16px}.login-page .ui-icon-btn .icon-eye-on,.login-page .ui-icon-btn.is-visible .icon-eye-off{display:none}.login-page .ui-icon-btn.is-visible .icon-eye-on{display:block}.login-page .ui-input-action{height:28px;color:var(--foreground);border-radius:6px;padding:0 10px;font-size:12px;font-weight:500;line-height:28px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-page .ui-input-action:hover:not(:disabled){background:var(--dock-hover)}.login-page .ui-input-action:disabled{color:var(--muted);cursor:default;opacity:1;background:0 0}.login-page .ui-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.login-page .ui-btn-primary{color:var(--solid-button-fg);background:var(--solid-button-bg);margin-top:4px}.login-page .ui-btn-primary:hover{filter:brightness(1.08)}.login-page .ui-btn-ghost{color:var(--dock-text);border:1px solid var(--button-border);background:0 0;font-weight:500}.login-page .ui-btn-ghost:hover{background:var(--dock-hover)}.login-page .ui-btn-icon{fill:currentColor;flex-shrink:0;width:18px;height:18px;display:block}.login-page .ui-btn-icon-line{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.login-page .ui-divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0 14px;font-size:11px;line-height:16px;display:flex}.login-page .ui-divider:before,.login-page .ui-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-page .ui-socials{grid-template-columns:1fr 1fr;gap:8px;display:grid}.login-page .login-stage{min-height:294px}.login-page .wechat-login-panel{flex-direction:column;align-items:center;min-height:294px;display:flex}.login-page .wechat-login-panel h2{text-align:center;margin:0}.login-page .wechat-login-panel .wechat-login-qr{width:196px;height:196px;margin:auto}.login-page .terms{color:var(--muted);text-align:center;margin-top:12px;font-size:13px;line-height:1.7}.login-page .terms a{color:var(--foreground);text-decoration:none}.login-page .ui-btn-primary:disabled{opacity:.65;pointer-events:none}.login-captcha-overlay{z-index:80;background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.login-captcha-dialog{--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-secondary:#f1f1f1;--color-surface-tertiary:#ebebeb;--color-text-primary:#161616;--color-text-secondary:#6f6f6f;--color-text-muted:#9a9a9a;--color-border:#e6e6e6;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,370px);color:var(--color-text-primary);box-shadow:var(--dock-shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:hidden}.wechat-login-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000006b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.wechat-login-dialog{width:min(100%,360px);color:var(--foreground);border:1px solid var(--border);background:var(--panel-solid);box-shadow:var(--dock-shadow);text-align:center;border-radius:16px;padding:30px 32px 28px;position:relative}.wechat-login-dialog h3{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600;line-height:28px}.wechat-login-hint{color:var(--muted);margin:6px 0 20px;font-size:13px;line-height:20px}.wechat-login-close{width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.wechat-login-close:hover{color:var(--foreground);background:var(--dock-hover)}.wechat-login-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:18px;height:18px}.wechat-login-qr{--wechat-qr-radius:12px;isolation:isolate;border:1px solid var(--border);border-radius:var(--wechat-qr-radius);background:var(--color-white);width:220px;height:220px;clip-path:inset(0 round var(--wechat-qr-radius));place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.wechat-login-qr img{object-fit:contain;border-radius:inherit;width:100%;height:100%;animation:.16s ease-out wechat-qr-fade-in;display:block}.wechat-login-loading{color:var(--muted);font-size:13px;line-height:20px}.wechat-login-spinner{border:2px solid var(--color-border);border-top-color:#07c160;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite wechat-login-spin}.wechat-login-mask{width:100%;height:100%;color:var(--color-white);border-radius:inherit;-webkit-backdrop-filter:saturate(150%)blur(18px);backdrop-filter:saturate(150%)blur(18px);background:#16161647;place-items:center;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.wechat-login-refresh-icon{width:28px;height:28px;display:block;transform:rotate(175deg)}.wechat-login-status{color:var(--muted);align-items:center;gap:7px;margin:16px 0 0;font-size:12px;line-height:18px;display:inline-flex}.wechat-login-status span{background:#07c160;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #07c1601f}@keyframes wechat-login-spin{to{transform:rotate(360deg)}}@keyframes wechat-qr-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1000px){.login-page{display:block;overflow:auto}.login-page .left{z-index:5;pointer-events:none;background:0 0;border-right:0;flex-direction:row;align-items:center;height:80px;min-height:0;padding:0 28px;display:flex;position:absolute;top:0;left:0;right:0}.login-page .board,.login-page .footer,.login-page .left-cover{display:none}.login-page .right{min-height:100%;padding:48px 24px}.login-page .login-lang{height:auto;display:block;top:24px;right:28px}}@media (width<=680px){.login-page .left{padding:0 18px}.login-page .login-lang{right:18px}.login-page .right{padding:36px 18px}.login-page .ui-socials{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-page .demo-cursor{display:none!important}.login-page .gen-shine:after{animation:none!important}.wechat-login-spinner,.wechat-login-qr img{animation:none}}@media (prefers-reduced-transparency:reduce){.wechat-login-mask{-webkit-backdrop-filter:none;backdrop-filter:none;background:#161616c7}}.hub-shell{width:100%;height:100%;color:var(--foreground);--hub-sidebar-dur:.32s;--hub-sidebar-ease:cubic-bezier(.22, 1, .36, 1);background:#f5f5f5;display:flex}.dark .hub-shell{background:var(--background)}html:not(.dark) .hub-sidebar{--hub-sidebar-hover:#f1f1f1;background:#fff}.hub-sidebar{width:256px;color:var(--foreground);border-right:1px solid var(--hub-sidebar-divider);background:var(--hub-sidebar);transition:width var(--hub-sidebar-dur) var(--hub-sidebar-ease);flex-direction:column;flex-shrink:0;padding:16px 12px;display:flex;overflow:visible}.hub-sidebar-top{flex-direction:column;flex-shrink:0;gap:10px;min-width:0;display:flex;overflow-x:clip}.hub-brand{justify-content:space-between;align-items:center;min-height:36px;padding:0;display:flex;position:relative}.hub-logo-name{width:105.477px;height:18px;transition:width var(--hub-sidebar-dur) var(--hub-sidebar-ease), opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);flex-shrink:0;display:block;position:relative;overflow:hidden}.hub-logo-name img{object-fit:contain;opacity:0;width:100%;height:100%;display:block}.hub-logo-name-mask,.hub-logo-name-ai{-webkit-mask-mode:alpha;-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;position:absolute;inset:0;-webkit-mask:url(/assets/mixo-wordmark-mask-BgIlI8hO.png) 50%/contain no-repeat;-webkit-mask-source-type:alpha;mask:url(/assets/mixo-wordmark-mask-BgIlI8hO.png) 50%/contain no-repeat alpha}.hub-logo-name-mask{background-color:var(--foreground);clip-path:inset(0 33% 0 0)}.hub-logo-name-ai{background-color:var(--color-mixo);clip-path:inset(0 0 0 67%)}.hub-collapse,.hub-logo-mark-btn{color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.hub-collapse{width:36px;height:36px;transition:width var(--hub-sidebar-dur) var(--hub-sidebar-ease), opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);flex-shrink:0;overflow:hidden}.hub-logo-mark-btn{z-index:1;opacity:0;pointer-events:none;width:36px;height:36px;transition:opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);position:absolute;left:2px;overflow:hidden}.hub-collapse:hover,.hub-logo-mark-btn:hover{color:var(--foreground);background:var(--hub-sidebar-hover)}.hub-logo-mark-btn img{object-fit:contain;border-radius:8px;width:36px;height:36px;display:block}.hub-sidebar-icon{flex-shrink:0}.hub-sidebar-icon-divider{transition:transform var(--hub-sidebar-dur) var(--hub-sidebar-ease)}.hub-sidebar.is-collapsed .hub-sidebar-icon-divider{transform:translate(6px)}.hub-logo-fold{opacity:0;transition:opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);position:absolute}.hub-logo-mark-btn img{transition:opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease)}.hub-sidebar.is-collapsed .hub-logo-mark-btn:hover img{opacity:0}.hub-sidebar.is-collapsed .hub-logo-mark-btn:hover .hub-logo-fold{opacity:1}.hub-create{width:100%;height:40px;color:var(--background);background:var(--foreground);border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:650;display:inline-flex}.hub-create:hover{filter:brightness(1.06)}.hub-sidebar .hub-create{z-index:0;white-space:nowrap;width:100%;height:38px;transition:gap var(--hub-sidebar-dur) var(--hub-sidebar-ease), margin var(--hub-sidebar-dur) var(--hub-sidebar-ease), padding var(--hub-sidebar-dur) var(--hub-sidebar-ease), border-color .5s ease;justify-content:flex-start;gap:10px;margin:4px 0 12px;padding:0 10px;font-size:14px;font-weight:400;line-height:22px;position:relative;overflow:visible}html:not(.dark) .hub-sidebar .hub-create{color:#161616;background:#fff;border:1px solid #e6e6e6}.dark .hub-sidebar .hub-create{color:var(--foreground);border:1px solid var(--hub-sidebar-divider);background:var(--hub-sidebar-active)}.hub-sidebar .hub-create:before{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(90deg,#2dd4bf,#3b82f6,#a855f7);padding:1.5px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hub-sidebar .hub-create svg,.hub-sidebar .hub-create-label{z-index:2;position:relative}.hub-sidebar .hub-create svg{flex-shrink:0}.hub-sidebar .hub-create:hover{filter:none;border-color:#0000}html:not(.dark) .hub-sidebar .hub-create:hover{background:#fff}.dark .hub-sidebar .hub-create:hover{background:var(--hub-sidebar-active)}.hub-sidebar .hub-create:hover:before{opacity:1}.hub-create-inline{width:auto;height:34px;padding:0 12px}.hub-nav{flex-direction:column;gap:2px;display:flex}.hub-nav-item{width:100%;height:38px;color:var(--foreground);text-align:left;white-space:nowrap;transition:gap var(--hub-sidebar-dur) var(--hub-sidebar-ease), padding var(--hub-sidebar-dur) var(--hub-sidebar-ease);background:0 0;border-radius:9px;align-items:center;gap:10px;padding:0 9px 0 11px;font-size:14px;font-weight:400;line-height:22px;text-decoration:none;display:flex;overflow:hidden}.hub-nav-item svg{color:currentColor;flex-shrink:0}.hub-create-label,.hub-nav-label{opacity:1;white-space:nowrap;max-width:180px;transition:max-width var(--hub-sidebar-dur) var(--hub-sidebar-ease), opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);overflow:hidden}.hub-nav-item.active,.hub-nav-item.active:hover{color:var(--foreground);background:var(--hub-sidebar-active)}.hub-nav-item.active svg{color:var(--foreground)}.hub-recent{opacity:1;min-height:0;transition:opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease), margin var(--hub-sidebar-dur) var(--hub-sidebar-ease);flex-direction:column;flex:auto;margin-top:18px;display:flex;overflow:auto}.hub-recent h2,.hub-section h2,.hub-page-head h1,.hub-hero h1{margin:0}.hub-recent h2{color:var(--color-text-secondary);letter-spacing:.04em;padding:0 10px 8px;font-size:12px;font-weight:400}.hub-recent-empty{color:var(--muted);margin:0;padding:8px 10px;font-size:12px}.hub-recent-item{width:100%;height:38px;color:var(--foreground);border-radius:9px;align-items:center;gap:10px;padding:0 6px 0 10px;font-size:14px;display:flex}.hub-recent-item.is-open{background:var(--hub-sidebar-hover)}.hub-recent-name{min-width:0;height:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;overflow:hidden}.hub-recent-rename-wrap{flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative}.hub-recent-rename-wrap:after{content:"";border-bottom:1px dashed var(--dock-text);position:absolute;bottom:8px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.hub-recent-rename-wrap:after{border-bottom:1px dashed color-mix(in srgb, var(--dock-text) 28%, transparent)}}.hub-recent-rename-wrap:after{pointer-events:none}.hub-recent-input{width:100%;min-width:0;height:100%;color:inherit;font:inherit;caret-color:var(--foreground);box-shadow:none;appearance:none;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0}.hub-recent-more{width:24px;height:24px;color:var(--foreground);opacity:0;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hub-recent-item:hover .hub-recent-more,.hub-recent-item.is-open .hub-recent-more,.hub-recent-item.is-renaming .hub-recent-more{opacity:1}@media (hover:none){.hub-recent-more,.hub-project-more{opacity:1;pointer-events:auto}}.hub-recent-menu,.hub-project-menu{z-index:80;border:1px solid var(--border);border-radius:var(--chrome-menu-radius);background:var(--panel-solid);flex-direction:column;width:148px;padding:5px;display:flex;position:fixed;box-shadow:0 6px 16px #17171f14}.dark .hub-recent-menu,.dark .hub-project-menu{box-shadow:0 6px 16px #00000047}.hub-recent-menu button,.hub-project-menu button{width:100%;min-height:32px;color:var(--foreground);text-align:left;border-radius:var(--chrome-menu-item-radius);background:0 0;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:flex}.hub-recent-menu button:hover,.hub-project-menu button:hover{background:var(--dock-hover)}.hub-recent-menu button.danger,.hub-project-menu button.danger{color:var(--danger)}.hub-nav-tip{z-index:90;color:var(--tooltip-fg);white-space:nowrap;border-radius:var(--radius-sm);background:var(--tooltip-bg);box-shadow:var(--shadow);pointer-events:none;padding:7px 12px;font-size:12px;font-weight:400;line-height:16px;position:fixed;transform:translateY(-50%)}@keyframes hub-nav-tip-in{0%{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes hub-nav-tip-out{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(-6px,-50%)}}.hub-nav-tip-enter-active{animation:.2s cubic-bezier(.16,1,.3,1) hub-nav-tip-in}.hub-nav-tip-leave-active{animation:.14s ease-out hub-nav-tip-out}.hub-shell .topbar-account--hub{z-index:5;flex-shrink:0;width:100%;margin-top:auto;margin-bottom:0;position:relative;top:auto;left:auto;right:auto}.hub-shell .topbar-account--hub.is-open{z-index:50}.hub-user-row{align-items:center;gap:4px;width:100%;min-width:0;display:flex}.hub-user-btn{text-align:left;background:0 0;border-radius:9px;flex:auto;align-items:center;gap:10px;min-width:46px;height:44px;padding:0 8px 0 4px;display:flex;overflow:hidden}.hub-user-btn .avatar-button{flex-shrink:0;width:34px;height:34px;font-size:13px}.hub-user-credits-wrap{flex-shrink:0;position:relative}.hub-user-credits-wrap.is-open,.hub-shell .topbar-account--hub.is-credits-flyout-open{z-index:55}.hub-shell .topbar-account--hub .hub-user-credits-wrap .settings-popover--hub-credits{z-index:60;transform-origin:0 100%;width:248px;top:auto;bottom:0;left:calc(100% + 8px)}.hub-user-credits-wrap .settings-popover--hub-credits:before{content:"";width:8px;position:absolute;top:0;bottom:0;left:-8px}.hub-user-credits-wrap .settings-popover--hub-credits .settings-nav-value{color:var(--foreground);font-size:13px;font-weight:400;line-height:20px}.hub-user-credits-wrap .settings-popover--hub-credits .settings-row .settings-nav-value{font-variant-numeric:tabular-nums}.hub-user-credits{height:44px;color:var(--foreground);font-variant-numeric:tabular-nums;cursor:pointer;transition:max-width var(--hub-sidebar-dur) var(--hub-sidebar-ease), opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);background:0 0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.hub-user-credits-chip{background:0 0;border-radius:8px;align-items:center;gap:2px;height:28px;padding:0 6px 0 5px;transition:background .14s;display:inline-flex}.hub-user-credits-icon{flex-shrink:0;display:block}.hub-user-credits:hover .hub-user-credits-chip,.hub-user-credits-wrap:hover .hub-user-credits-chip,.hub-user-credits-wrap.is-open .hub-user-credits-chip{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hub-user-credits:hover .hub-user-credits-chip,.hub-user-credits-wrap:hover .hub-user-credits-chip,.hub-user-credits-wrap.is-open .hub-user-credits-chip{background:color-mix(in srgb, var(--foreground) 8%, transparent)}}.hub-user-credits-value{color:var(--foreground);align-items:center;font-size:13px;font-weight:400;line-height:20px;display:inline-flex}.hub-user-copy{opacity:1;white-space:nowrap;min-width:0;max-width:180px;transition:max-width var(--hub-sidebar-dur) var(--hub-sidebar-ease), opacity var(--hub-sidebar-dur) var(--hub-sidebar-ease);flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.hub-user-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;line-height:20px;overflow:hidden}.hub-shell .topbar-account--hub .settings-popover:not(.settings-popover--hub-credits){transform-origin:0 100%;width:200px;top:auto;bottom:calc(100% + 8px);left:0}.hub-shell .topbar-account--hub.is-open .settings-popover{z-index:1}.hub-shell .topbar-account--hub.is-open .settings-submenu{z-index:2}.hub-main{flex:1;min-width:0;min-height:0;overflow:auto}.hub-sidebar.is-collapsed{width:64px}.hub-sidebar.is-collapsed .hub-sidebar-top,.hub-sidebar.is-collapsed .hub-nav{width:100%}.hub-sidebar.is-collapsed .hub-brand{justify-content:flex-start}.hub-sidebar.is-collapsed .hub-logo-mark-btn{opacity:1;pointer-events:auto}.hub-sidebar.is-collapsed .hub-logo-mark-btn .hub-logo-fold{flex-shrink:0;width:18px;height:18px}.hub-sidebar.is-collapsed .hub-logo-name,.hub-sidebar.is-collapsed .hub-collapse{opacity:0;pointer-events:none;width:0}.hub-sidebar.is-collapsed .hub-create-label,.hub-sidebar.is-collapsed .hub-nav-label{opacity:0;flex:0 0 0;width:0;min-width:0;max-width:0;margin:0}.hub-sidebar.is-collapsed .hub-recent{opacity:0;pointer-events:none;flex-grow:0;flex-basis:0;margin-top:0;overflow:hidden}.hub-sidebar.is-collapsed .hub-user-row{flex-direction:column;align-items:center;gap:12px}.hub-sidebar.is-collapsed .hub-user-copy{display:none}.hub-sidebar.is-collapsed .hub-user-credits-wrap{order:-1}.hub-sidebar.is-collapsed .hub-user-credits{opacity:1;pointer-events:auto;max-width:none;height:auto;font-size:12px}.hub-sidebar.is-collapsed .hub-user-credits-chip{border-radius:8px;flex-direction:column;justify-content:center;gap:2px;height:auto;padding:4px 6px 4px 5px}.hub-sidebar.is-collapsed .hub-user-credits:hover .hub-user-credits-chip,.hub-sidebar.is-collapsed .hub-user-credits:active .hub-user-credits-chip{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hub-sidebar.is-collapsed .hub-user-credits:hover .hub-user-credits-chip,.hub-sidebar.is-collapsed .hub-user-credits:active .hub-user-credits-chip{background:color-mix(in srgb, var(--foreground) 8%, transparent)}}.hub-sidebar.is-collapsed .topbar-account--hub{align-self:flex-start;width:40px;margin-top:auto}.hub-sidebar.is-collapsed .hub-create{gap:0;margin:4px 0 12px;padding:0 10px}.hub-sidebar.is-collapsed .hub-nav-item{gap:0;padding:0 9px 0 11px}.hub-sidebar.is-collapsed .hub-user-btn{flex:none;justify-content:flex-start;align-items:center;gap:0;width:100%;min-width:0;max-width:100%;height:auto;padding:4px 2px 4px 4px}.hub-sidebar.is-collapsed .hub-user-btn .avatar-button{aspect-ratio:1;flex-shrink:0;width:34px;min-width:34px;height:34px;min-height:34px}.hub-sidebar.is-collapsed .topbar-account--hub .settings-popover:not(.settings-popover--hub-credits){transform-origin:0 100%;width:200px;bottom:0;left:calc(100% + 8px)}.hub-home,.hub-page{width:min(1120px,100% - 64px);margin:0 auto;padding:36px 0 64px}.hub-hero{flex-direction:column;align-items:center;gap:28px;margin-bottom:36px;padding-top:72px;display:flex}.hub-hero h1{letter-spacing:0;font-size:20px;font-weight:400;line-height:24px}.hub-composer{flex-direction:column;gap:16px;width:min(760px,100%);display:flex}.hub-prompt{border:1px solid var(--border);background:var(--panel-solid);width:100%;min-height:120px;box-shadow:var(--toolbar-shadow);border-radius:24px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 8px 8px;display:flex;overflow:visible}.hub-prompt textarea{resize:none;width:100%;min-height:56px;max-height:240px;color:var(--foreground);font:inherit;scrollbar-width:none;background:0 0;border:0;outline:none;padding:0 8px;font-size:14px;line-height:25px;display:block;overflow-y:auto}.hub-prompt textarea::-webkit-scrollbar{display:none}.hub-prompt textarea::placeholder{color:var(--muted)}.hub-prompt-toolbar{justify-content:space-between;align-items:flex-end;display:flex}.hub-prompt-toolbar-end{align-items:center;gap:8px;display:flex}.hub-prompt-icon,.hub-prompt-send{border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.hub-prompt-icon{color:var(--foreground);background:0 0;position:relative}button.hub-prompt-icon:hover{background:var(--dock-hover)}.hub-prompt-icon[data-tip]:after{content:attr(data-tip);z-index:4;color:var(--background);white-space:nowrap;background:var(--foreground);opacity:0;pointer-events:none;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:400;line-height:16px;transition:opacity .12s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #17171f29}.hub-prompt-icon[data-tip]:hover:after,.hub-prompt-icon[data-tip]:focus-visible:after{opacity:1}.hub-prompt-send{color:var(--solid-button-disabled-fg);background:var(--solid-button-disabled-bg);transition:color .16s ease-out;position:relative;overflow:hidden}.hub-prompt-send:before{content:"";border-radius:inherit;background:var(--solid-button-bg);opacity:0;transition:opacity .16s ease-out,background .16s ease-out;position:absolute;inset:0}.hub-prompt-send svg{z-index:1;position:relative}.hub-prompt-send:not(:disabled){color:var(--solid-button-fg)}.hub-prompt-send:not(:disabled):before{opacity:1}.hub-prompt-send:hover:not(:disabled):before{background:var(--solid-button-hover-bg)}.hub-prompt-send:disabled{opacity:1}.hub-chip-groups{grid-template-columns:max-content 1fr;align-items:start;gap:12px 8px;padding-left:16px;display:grid}.hub-chip-label{color:var(--muted);white-space:nowrap;padding:6px 0;font-size:13px;line-height:20px}.hub-chips{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.hub-chip{max-width:320px;height:32px;color:var(--foreground);white-space:nowrap;border:1px solid var(--border);background:var(--panel-solid);border-radius:999px;align-items:center;padding:0 12px 0 8px;font-size:13px;line-height:20px;display:inline-flex}.hub-chip:hover,.hub-chip.active{background:var(--dock-hover)}.hub-chip-icon{width:18px;height:18px;color:var(--foreground);flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.hub-chip-icon svg{display:block}.hub-chip-icon[data-icon=sparkles]{color:var(--color-mixo)}.hub-chip-icon[data-icon=bag]{color:var(--color-danger)}.hub-chip-icon[data-icon=share]{color:var(--color-link)}.hub-chip-icon[data-icon=brand]{color:var(--color-warning)}.hub-chip-icon[data-icon=globe]{color:var(--color-success)}.hub-toolbar{align-items:center;margin-bottom:18px;display:flex}.hub-tabs{flex-wrap:wrap;gap:4px;display:flex}.hub-tabs button{height:32px;color:var(--muted);background:0 0;border-radius:8px;padding:0 12px;font-size:13px}.hub-tabs button:hover,.hub-tabs button.active{color:var(--foreground);background:var(--dock-hover)}.hub-tabs button.active{font-weight:600}.hub-section h2,.hub-page-head h1{color:var(--foreground);letter-spacing:-.01em;margin-bottom:16px;font-size:18px;font-weight:600}.hub-page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.hub-projects-page{width:calc(100% - 72px);max-width:1380px}.hub-projects-page .hub-page-head{margin-bottom:20px}.hub-select-toggle{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.hub-select-toggle:hover,.hub-select-toggle.is-active{color:var(--foreground);background:var(--dock-hover)}.hub-project-check{z-index:2;width:16px;height:16px;color:var(--background);border:1px solid var(--foreground);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.hub-project-check{border:1px solid color-mix(in srgb, var(--foreground) 42%, transparent)}}.hub-project-check{background:var(--background);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.hub-project-check{background:color-mix(in srgb, var(--background) 55%, transparent)}}.hub-project-check{box-shadow:none;pointer-events:none}.hub-project-check.is-checked{border-color:var(--foreground);background:var(--foreground)}.hub-batch-bar{--hub-batch-bottom:28px;z-index:70;bottom:var(--hub-batch-bottom);width:max-content;padding:var(--chrome-inset);color:var(--dock-text);border:1px solid var(--dock-border);border-radius:var(--chrome-radius);background:var(--dock-bg);box-shadow:var(--toolbar-shadow);white-space:nowrap;align-items:center;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.hub-batch-side{flex:none;align-items:center;display:flex}.hub-batch-side-end{justify-content:flex-end}.hub-batch-all{height:34px;color:var(--foreground);border-radius:var(--chrome-item-radius);background:0 0;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:13px;display:inline-flex}.hub-batch-check{width:16px;height:16px;color:var(--background);border:1px solid var(--foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.hub-batch-check{border:1px solid color-mix(in srgb, var(--foreground) 42%, transparent)}}.hub-batch-check{background:0 0;border-radius:4px;transition:border-color .24s cubic-bezier(.16,1,.3,1),background-color .24s cubic-bezier(.16,1,.3,1)}.hub-batch-check.is-checked,.hub-batch-check.is-partial{border-color:var(--foreground);background:var(--foreground)}.hub-batch-minus{background:var(--background);border-radius:1px;width:8px;height:1.5px;display:block}.hub-batch-divider{background:var(--dock-border);flex-shrink:0;width:1px;height:12px;margin:0 4px}.hub-batch-actions{grid-template-columns:1fr;min-width:0;display:grid;overflow:hidden}.hub-batch-actions-clip{min-width:0;overflow:hidden}.hub-batch-actions-inner{white-space:nowrap;align-items:center;gap:4px;width:max-content;display:flex}.hub-batch-actions-enter-active,.hub-batch-actions-leave-active{transition:grid-template-columns .38s cubic-bezier(.16,1,.3,1);overflow:hidden}.hub-batch-actions-enter-from,.hub-batch-actions-leave-to{grid-template-columns:0fr}.hub-batch-actions-enter-active .hub-batch-actions-inner,.hub-batch-actions-leave-active .hub-batch-actions-inner{transition:transform .38s cubic-bezier(.16,1,.3,1)}.hub-batch-actions-enter-from .hub-batch-actions-inner,.hub-batch-actions-leave-to .hub-batch-actions-inner{transform:translate(-100%)}.hub-batch-enter-active,.hub-batch-leave-active{transition:transform .46s cubic-bezier(.16,1,.3,1)}.hub-batch-enter-from,.hub-batch-leave-to{transform:translate(-50%, calc(100% + var(--hub-batch-bottom) + 20px))}.hub-batch-count{color:var(--foreground);align-items:center;gap:8px;padding:0 10px 0 2px;font-weight:500;display:inline-flex}.hub-batch-bar button{height:34px;color:inherit;border-radius:var(--chrome-item-radius);background:0 0;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:color .18s,background-color .18s;display:inline-flex}.hub-batch-bar button:not(.hub-batch-all):hover{background:var(--dock-hover)}.hub-batch-bar button:disabled{opacity:.35}.hub-batch-bar button.danger{color:var(--danger)}.hub-projects-page.is-selecting{padding-bottom:96px}.hub-page-head h1{margin-bottom:0}.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.hub-project-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}.hub-project-grid>*{min-width:0}.hub-card{text-align:left;color:inherit;background:0 0;border-radius:14px;flex-direction:column;padding:0;display:flex;overflow:hidden}.hub-cover{aspect-ratio:4/3;background:#1b1b1f;border-radius:14px;position:relative;overflow:hidden}.hub-cover-art{border-radius:10px;position:absolute;inset:10% 12% 16%;box-shadow:0 18px 32px #00000047}.hub-cover[data-cover=ad-warm]{background:linear-gradient(160deg,#3b2114,#1a120e)}.hub-cover[data-cover=ad-warm] .hub-cover-art{background:linear-gradient(135deg,#fb923c,#ea580c 58%,#7c2d12)}.hub-cover[data-cover=shop-light]{background:linear-gradient(160deg,#ece7df,#d7cfc4)}.hub-cover[data-cover=shop-light] .hub-cover-art{background:linear-gradient(#fff 0%,#f4efe8 100%)}.hub-cover[data-cover=brand-ink]{background:#111}.hub-cover[data-cover=brand-ink] .hub-cover-art{background:linear-gradient(#f8f5ef,#d8c7a2);inset:18% 16%}.hub-cover[data-cover=social-blue]{background:linear-gradient(#16324f,#0b1724)}.hub-cover[data-cover=social-blue] .hub-cover-art{background:linear-gradient(#60a5fa,#2563eb);border-radius:18px;inset:8% 22%}.hub-cover[data-cover=web-mint]{background:#13201c}.hub-cover[data-cover=web-mint] .hub-cover-art{background:linear-gradient(#ecfdf5,#6ee7b7 70%,#047857)}.hub-cover[data-cover=story-pink]{background:#2a1520}.hub-cover[data-cover=story-pink] .hub-cover-art{background:linear-gradient(#fb7185,#be123c);border-radius:22px;inset:6% 24%}.hub-cover[data-cover=look-sand]{background:#cbb79a}.hub-cover[data-cover=look-sand] .hub-cover-art{background:linear-gradient(135deg,#fff7ed,#e7c9a1)}.hub-cover[data-cover=ad-dark]{background:#0e0e10}.hub-cover[data-cover=ad-dark] .hub-cover-art{background:linear-gradient(135deg,#334155,#0f172a)}.hub-cover[data-cover=brand-gold]{background:#1a1712}.hub-cover[data-cover=brand-gold] .hub-cover-art{background:radial-gradient(circle at 30% 30%,#fde68a,#b45309);border-radius:50%;inset:22%}.hub-cover[data-cover=web-night]{background:#12141c}.hub-cover[data-cover=web-night] .hub-cover-art{background:linear-gradient(#1e293b,#0f172a 55%,#38bdf8)}.hub-cover[data-cover=ad-lime]{background:#172012}.hub-cover[data-cover=ad-lime] .hub-cover-art{background:linear-gradient(135deg,#d9f99d,#65a30d)}.hub-cover[data-cover=shop-rose]{background:#2a171c}.hub-cover[data-cover=shop-rose] .hub-cover-art{background:linear-gradient(#ffe4e6,#fb7185 70%,#9f1239)}.hub-cover-project{aspect-ratio:17/10;border:1px solid var(--foreground);width:100%;padding:0;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hub-cover-project{border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent)}}.hub-cover-project{background:var(--color-surface);border-radius:12px}.hub-project-cover{z-index:0;object-fit:cover;pointer-events:none;background:#171717;width:100%;height:100%;display:block;position:absolute;inset:0}.hub-cover-project:after,.hub-project-new-cover:after{content:"";z-index:1;border-radius:inherit;background:var(--foreground);opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.hub-project-card:hover .hub-cover-project:after,.hub-project-card.is-open .hub-cover-project:after,.hub-project-card.is-renaming .hub-cover-project:after,.hub-project-new:hover .hub-project-new-cover:after{opacity:.06}.hub-project-new{text-align:left;color:inherit;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex}html:not(.dark) .hub-cover-project,html:not(.dark) .hub-project-new-cover{background:#f1f1f1;border-color:#e6e6e6}.hub-project-new-cover{aspect-ratio:17/10;color:var(--muted);border:1px dashed var(--foreground);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hub-project-new-cover{border:1px dashed color-mix(in srgb, var(--foreground) 28%, transparent)}}.hub-project-new-cover{background:var(--color-surface);border-radius:12px}.hub-project-new-icon{z-index:1;flex-shrink:0;display:block;position:relative}.hub-project-new:hover .hub-project-new-cover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hub-project-new:hover .hub-project-new-cover{border-color:color-mix(in srgb, var(--foreground) 46%, transparent)}}.hub-project-new-label{color:var(--foreground);padding:10px 2px 0;font-size:13px;font-weight:400}.hub-project-card{overflow:visible}.hub-project-card .hub-cover{aspect-ratio:17/10;border-radius:12px}.hub-card-body{flex-direction:column;gap:6px;padding:10px 4px 0;display:flex}.hub-card-body p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.hub-project-card .hub-card-body{gap:4px;padding:10px 0 0}.hub-card-name,.hub-project-rename{min-width:0;height:24px;color:inherit;letter-spacing:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:400;line-height:24px;overflow:hidden}.hub-card-title-row{align-items:center;gap:8px;min-height:24px;display:flex}.hub-project-rename-wrap{flex:1;align-items:center;min-width:0;height:24px;display:flex;position:relative}.hub-project-rename-wrap:after{content:"";border-bottom:1px dashed var(--dock-text);position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.hub-project-rename-wrap:after{border-bottom:1px dashed color-mix(in srgb, var(--dock-text) 28%, transparent)}}.hub-project-rename-wrap:after{pointer-events:none}.hub-project-rename{width:100%;caret-color:var(--foreground);box-shadow:none;appearance:none;border:0;border-radius:0;outline:0}.hub-project-rename::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hub-project-rename::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.hub-project-rename:focus{color:var(--foreground);border-bottom-color:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.hub-project-rename:focus{border-bottom-color:color-mix(in srgb, var(--dock-text) 28%, transparent)}}.hub-project-rename:focus{box-shadow:none}.hub-project-more{width:20px;height:20px;color:var(--foreground);opacity:0;pointer-events:none;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-right:0;display:inline-flex}.hub-project-more:hover{background:var(--dock-hover)}.hub-project-card:hover .hub-project-more,.hub-project-card.is-open .hub-project-more,.hub-project-card.is-renaming .hub-project-more,.hub-project-more:focus-visible{opacity:1;pointer-events:auto}.hub-card-updated{color:var(--color-text-secondary);font-size:12px;font-weight:400}.hub-card-meta{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.hub-card-meta span{align-items:center;gap:4px;display:inline-flex}.hub-card-author{flex:1;min-width:0}.hub-card-action{color:var(--muted);background:0 0;margin-left:auto;padding:0;font-size:11px}.hub-card-action:hover,.hub-trash-actions .danger{color:var(--danger)}.hub-empty{color:var(--muted);margin:48px 0 0;font-size:14px}.hub-trash-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hub-trash-list li{border:1px solid var(--border);background:var(--panel-solid);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.hub-trash-list p{margin:0 0 4px;font-size:14px;font-weight:600}.hub-trash-list span{color:var(--muted);font-size:12px}.hub-trash-actions{gap:8px;display:flex}.hub-trash-actions button{background:var(--dock-hover);border-radius:8px;height:30px;padding:0 10px;font-size:12px}@media (width<=1280px){.hub-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.hub-grid,.hub-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.hub-sidebar{width:76px;padding:14px 8px 10px}.hub-logo-name,.hub-brand,.hub-sidebar .hub-create,.hub-nav-item,.hub-recent,.hub-user-copy{font-size:0}.hub-brand{justify-content:center;padding:0}.hub-logo-name,.hub-recent,.hub-user-copy{display:none}.hub-user-row{flex-direction:column;align-items:center;gap:12px}.hub-user-credits-wrap{order:-1}.hub-user-credits{height:auto;font-size:12px}.hub-user-credits-chip{border-radius:8px;flex-direction:column;justify-content:center;gap:2px;height:auto;padding:4px 6px 4px 5px}.hub-user-credits:hover .hub-user-credits-chip,.hub-user-credits:active .hub-user-credits-chip{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hub-user-credits:hover .hub-user-credits-chip,.hub-user-credits:active .hub-user-credits-chip{background:color-mix(in srgb, var(--foreground) 8%, transparent)}}.hub-user-btn{flex:none;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%;height:auto;padding:4px}.hub-user-btn .avatar-button{aspect-ratio:1;flex-shrink:0;width:34px;min-width:34px;height:34px;min-height:34px}.hub-sidebar .hub-create{width:40px;height:40px;padding:0}.hub-create svg{margin:0}.hub-nav-item{justify-content:center;padding:0}.hub-home,.hub-page,.hub-projects-page{width:calc(100% - 32px);padding-top:24px}.hub-hero{gap:20px;margin-bottom:28px;padding-top:40px}.hub-chip-groups{grid-template-columns:1fr;padding-left:0}.hub-grid,.hub-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.hub-prompt-send,.hub-prompt-send:before,.hub-prompt-icon[data-tip]:after,.hub-nav-tip-enter-active,.hub-nav-tip-leave-active{transition:none;animation:none}}.n-message-container{top:calc(env(safe-area-inset-top) + 16px)!important;z-index:10010!important}.n-message-wrapper:has(.app-message-warmup-marker){display:none!important}.n-message{transform-origin:top;min-width:0!important;max-width:min(420px,100%)!important;color:var(--dock-text)!important;border:1px solid var(--dock-border)!important;border-radius:var(--chrome-radius)!important;background:var(--dock-bg)!important;box-shadow:var(--dock-shadow)!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;display:flex!important}@keyframes im-message-island-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.n-message-enter-from,.n-message-leave-to{opacity:0!important;transform:translateY(-30px)!important}.n-message-enter-active{animation:.8s cubic-bezier(.25,.46,.45,.94) both im-message-island-in}.n-message-leave-active{transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94)}@media (prefers-reduced-motion:reduce){.n-message{transition:none!important;animation:none!important}}.n-message .n-message__icon{color:inherit;position:relative;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;margin:0!important;font-size:18px!important;line-height:0!important;display:flex!important}.n-message .n-message__icon svg{display:block}.n-message .n-message__icon:has(.app-message-download-icon){align-self:center;width:15px!important;height:15px!important;font-size:15px!important}.n-message .n-message__icon .app-message-download-icon{width:15px;height:15px}.n-message .n-message__content{overflow-wrap:anywhere;min-width:0;color:var(--dock-text)!important;padding:0!important;font-size:13px!important;font-weight:500!important;line-height:1.45!important;display:block!important}.n-message--success-type .n-message__icon,.n-message--success-type .n-message__icon>*{color:var(--success)!important}.n-message--warning-type .n-message__icon,.n-message--warning-type .n-message__icon>*{color:var(--warning)!important}.n-message--error-type .n-message__icon,.n-message--error-type .n-message__icon>*{color:var(--danger)!important}.n-message--info-type .n-message__icon,.n-message--info-type .n-message__icon>*{color:var(--primary)!important}.account-center-overlay,.account-dialog-overlay{z-index:90;background:#0000006b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.account-center-overlay,.account-dialog-overlay{background:color-mix(in srgb, var(--color-black) 42%, transparent)}}.account-center-overlay,.account-dialog-overlay{-webkit-user-select:text;user-select:text}.account-center{width:min(1080px,100%);height:min(680px,86vh);color:var(--foreground);border:1px solid var(--border);background:var(--panel-solid);box-shadow:var(--dock-shadow);border-radius:16px;display:flex;overflow:hidden}.account-main{background:var(--panel-solid);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.account-center-head{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:600px;height:60px;margin:0 auto;padding:4px 0 0;display:flex}.account-center-head.is-wide{max-width:none;padding:4px 28px 0}.account-center-head h2{margin:0;font-size:14px;font-weight:650;line-height:1}.account-center-title{align-items:center;gap:2px;min-width:0;display:flex}.account-back-btn{width:28px;height:28px;color:var(--muted);border-radius:var(--chrome-item-radius);background:0 0;flex-shrink:0;place-items:center;margin-left:-8px;display:grid}.account-back-btn:hover{color:var(--foreground);background:var(--dock-hover)}.account-icon-btn{width:28px;height:28px;color:var(--muted);border-radius:var(--chrome-item-radius);background:0 0;place-items:center;display:grid;position:absolute;top:18px;right:18px}.account-icon-btn:hover{color:var(--foreground);background:var(--dock-hover)}.account-sidebar{border-right:1px solid var(--hub-sidebar-divider);background:var(--panel-solid);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:4px 12px 16px 14px;display:flex}.account-sidebar-title{height:56px;color:var(--foreground);align-items:center;margin:0;padding:0 10px;font-size:14px;font-weight:650;line-height:1;display:flex}.account-sidebar button{width:100%;min-height:36px;color:var(--foreground);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:400;display:flex}.account-sidebar button:hover{color:var(--foreground);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.account-sidebar button:hover{background:color-mix(in srgb, var(--foreground) 6%, var(--panel-solid))}}.account-sidebar button.active,.account-sidebar button.active:hover{color:var(--foreground);background:var(--hub-sidebar-active);font-weight:400}.account-body{scrollbar-gutter:stable;flex:1;width:100%;min-height:0;padding:8px 0 32px;overflow:hidden auto}.account-body:not(.account-body-empty):not(.account-body-page)>*{width:100%;max-width:600px;margin-inline:auto}.account-body-page{flex-direction:column;max-width:600px;margin-inline:auto;padding-top:4px;padding-bottom:16px;display:flex;overflow:hidden}.account-steps{--account-steps-progress:0;flex-shrink:0;width:100%;max-width:360px;margin:4px auto 0;padding:0;list-style:none;display:flex;position:relative}.account-steps:before,.account-steps:after{content:"";pointer-events:none;height:1px;position:absolute;top:11px;left:11px;right:11px}.account-steps:before{background:var(--border)}.account-steps:after{background:var(--foreground);transform:scaleX(var(--account-steps-progress));transform-origin:0;transition:transform .28s cubic-bezier(.16,1,.3,1)}.account-steps li{z-index:1;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.account-steps li:first-child{align-items:flex-start}.account-steps li:last-child{align-items:flex-end}.account-steps:has(>li:only-child){justify-content:center}.account-steps:has(>li:only-child) li{flex:none;align-items:center}.account-step-index{z-index:1;width:22px;height:22px;color:var(--muted);border:1px solid var(--border);background:var(--panel-solid);border-radius:999px;place-items:center;font-size:11px;font-weight:650;line-height:1;display:grid}.account-step-index svg{display:block}.account-steps li.current .account-step-index{color:var(--background);border-color:var(--foreground);background:var(--foreground)}.account-steps li.done .account-step-index{color:var(--foreground);border-color:var(--foreground)}.account-step-label{color:var(--muted);text-align:center;font-size:12px;font-weight:550;line-height:1.2}.account-steps li:first-child .account-step-label{text-align:left}.account-steps li:last-child .account-step-label{text-align:right}.account-steps:has(>li:only-child) .account-step-label{text-align:center}.account-steps li.current .account-step-label,.account-steps li.done .account-step-label{color:var(--foreground)}.account-page-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:40px 0 24px;display:flex;overflow:auto}.account-body-empty{justify-content:center;align-items:center;display:flex}.account-credits-empty{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;display:flex}.account-credits-empty svg{color:var(--muted);opacity:.7}.account-credits-body{flex-direction:column;min-height:0;padding:4px 28px 20px;display:flex;overflow:hidden}.account-credits-body>.account-credits-empty{margin:auto}.account-body.account-credits-body>.credit-ledger{max-width:none;margin-inline:0}.credit-ledger{--credit-ledger-head-height:36px;--credit-ledger-row-height:48px;--credit-ledger-page-rows:10;flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex}.credit-ledger-frame{height:calc(2px + var(--credit-ledger-head-height) + var(--credit-ledger-page-rows) * var(--credit-ledger-row-height));flex-direction:column;flex:0 auto;min-height:0;max-height:100%;display:flex;position:relative}.credit-ledger-scroll{scrollbar-gutter:stable;height:100%;min-height:0;overflow:hidden auto}.credit-ledger-table{border:1px solid var(--border);border-radius:12px;flex-direction:column;width:100%;min-height:100%;display:flex;overflow:visible}.credit-ledger-head,.credit-ledger-row{min-width:0;display:flex}.credit-ledger-head{z-index:4;height:var(--credit-ledger-head-height);background:var(--foreground);border-radius:11px 11px 0 0;flex-shrink:0;position:relative}@supports (color:color-mix(in lab, red, red)){.credit-ledger-head{background:color-mix(in srgb, var(--foreground) 4%, var(--panel-solid))}}.credit-ledger-row{height:var(--credit-ledger-row-height);border-top:1px solid var(--border);flex-shrink:0}.credit-ledger-row:last-child{border-radius:0 0 11px 11px}.credit-ledger-row:hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.credit-ledger-row:hover{background:color-mix(in srgb, var(--foreground) 4%, transparent)}}.credit-ledger-col{align-items:center;min-width:0;padding:0 12px;display:flex}.credit-ledger-head .credit-ledger-col{height:100%;color:var(--foreground);font-size:12px;font-weight:600}.credit-ledger-row .credit-ledger-col{height:100%;min-height:0;color:var(--foreground);font-size:13px;font-weight:400}.credit-ledger-col-status span,.credit-ledger-col-date span,.credit-ledger-col-amount span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.credit-ledger-col-detail,.credit-ledger-col-status,.credit-ledger-col-date,.credit-ledger-col-amount{flex:1 1 0}.credit-ledger-col-detail{flex-grow:2}.credit-ledger-col-detail span{white-space:normal;overflow-wrap:anywhere}.credit-ledger-col-status{position:relative}.credit-ledger-filter{height:28px;color:var(--foreground);background:0 0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.credit-ledger-filter svg{width:16px;height:16px;transition:transform .16s}.credit-ledger-filter svg.open{transform:rotate(180deg)}.credit-ledger-menu{z-index:2;border:1px solid var(--border);background:var(--panel-solid);min-width:112px;box-shadow:var(--dock-shadow);border-radius:10px;flex-direction:column;padding:3px;display:flex;position:absolute;top:calc(100% - 2px);left:8px}.credit-ledger-menu button{height:28px;color:var(--foreground);text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;font-weight:400;display:flex}.credit-ledger-menu button:hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.credit-ledger-menu button:hover{background:color-mix(in srgb, var(--foreground) 6%, var(--panel-solid))}}.credit-ledger-menu-check{flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.credit-ledger-note{color:var(--muted);text-align:center;border-top:1px solid var(--border);margin:0;padding:28px 12px;font-size:13px}.credit-ledger-row.is-placeholder:hover{background:0 0}.credit-ledger-skel{background:var(--foreground);border-radius:999px;height:10px;display:block}@supports (color:color-mix(in lab, red, red)){.credit-ledger-skel{background:color-mix(in srgb, var(--foreground) 12%, transparent)}}.credit-ledger-col-detail .credit-ledger-skel{width:58%}.credit-ledger-col-status .credit-ledger-skel{width:34%}.credit-ledger-col-date .credit-ledger-skel{width:72%}.credit-ledger-col-amount .credit-ledger-skel{width:28%}.credit-ledger-row:nth-child(2n) .credit-ledger-col-detail .credit-ledger-skel{width:42%}.credit-ledger-loading{z-index:3;background:var(--panel-solid);border-radius:0 0 11px 11px;justify-content:center;align-items:center;display:flex;position:absolute;inset:37px 0 0}@supports (color:color-mix(in lab, red, red)){.credit-ledger-loading{background:color-mix(in srgb, var(--panel-solid) 28%, transparent)}}.credit-ledger-loading{pointer-events:none}.account-credits-empty .credit-pill-spinner,.credit-ledger-loading .credit-pill-spinner{border-width:1.5px;width:16px;height:16px;animation-name:credit-ledger-spin}.dark .account-credits-empty .credit-pill-spinner,.dark .credit-ledger-loading .credit-pill-spinner{border-color:#0000 #fff3 #fff3}@keyframes credit-ledger-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.account-credits-empty .credit-pill-spinner,.credit-ledger-loading .credit-pill-spinner{animation:none}}.credit-ledger-pager{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;margin-top:auto;display:flex}.credit-ledger-pager button{height:28px;color:var(--foreground);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:2px;padding:0 8px;font-size:13px;display:inline-flex}.credit-ledger-pager button svg{width:16px;height:16px}.credit-ledger-pager button:hover:not(:disabled){background:var(--dock-hover)}.credit-ledger-pager button:disabled{color:var(--muted);cursor:not-allowed;opacity:.55}.credit-ledger-pager button.credit-ledger-page{border-radius:8px;width:28px;height:28px;padding:0}.credit-ledger-pager button.credit-ledger-page.current{border:1px solid var(--border)}.credit-ledger-pager button:first-child,.credit-ledger-pager button:last-child{width:auto;height:28px;padding:0 8px}.credit-ledger-gap{color:var(--muted);font-size:13px}.account-card{background:0 0;border-radius:12px;overflow:visible}.account-card+.account-card{margin-top:14px}.account-card-head{padding:16px 8px 4px}.account-card-head h3{margin:0;font-size:14px;font-weight:650}.account-card-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.account-subtabs{border-bottom:1px solid var(--border);gap:18px;padding:4px 0 0;display:flex;position:relative}.account-subtabs button{color:var(--muted);background:0 0;padding:8px 0 10px;font-size:14px;font-weight:650;position:relative}.account-subtabs button:hover,.account-subtabs button.active{color:var(--foreground)}.account-subtabs:not(.ink-ready) button.active:after{content:"";background:var(--foreground);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.account-subtab-ink{z-index:1;background:var(--foreground);pointer-events:none;height:1px;position:absolute;bottom:-1px}.account-subtabs.ink-ready .account-subtab-ink{transition:left .28s cubic-bezier(.16,1,.3,1),width .28s cubic-bezier(.16,1,.3,1)}.account-profile{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 18px;display:flex}.account-profile-id{align-items:center;gap:12px;min-width:0;display:flex}.account-profile-copy{min-width:0}.account-profile-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:650;line-height:1.3;overflow:hidden}.account-profile-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;line-height:1.4;overflow:hidden}.account-row{justify-content:space-between;align-items:center;gap:16px;min-height:46px;padding:14px 0;display:flex}.account-row:has(.account-row-edit){z-index:2;position:relative}.account-row-copy{flex:1;min-width:0}.account-label{margin:0;font-size:13px;font-weight:600;line-height:18px}.account-row-action{min-width:0;height:18px;color:var(--foreground);background:0 0;justify-content:flex-end;align-items:center;gap:8px;padding:0;font-size:13px;line-height:18px;display:inline-flex}.account-row-action span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-row-action svg{flex-shrink:0;display:block}.account-row-edit{-webkit-user-select:text;user-select:text;flex:none;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:18px;display:inline-flex}.account-row-edit-field{--account-row-edit-tail:20px;grid-template-columns:minmax(0,max-content);min-width:0;max-width:200px;height:18px;display:inline-grid;position:relative}.account-row-edit-field:after{content:"";border-bottom:1px dashed var(--dock-text);position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.account-row-edit-field:after{border-bottom:1px dashed color-mix(in srgb, var(--dock-text) 28%, transparent)}}.account-row-edit-field:after{pointer-events:none}.account-row-edit-field.is-invalid:after{border-bottom-color:var(--danger)}.account-row-edit-sizer,.account-row-edit-field input{grid-area:1/1;padding:0 2px 4px;font-size:13px;line-height:13px}.account-row-edit-sizer{visibility:hidden;white-space:pre;max-width:200px;overflow:hidden}.account-row-edit-sizer:after{content:"";width:var(--account-row-edit-tail);display:inline-block}.account-row-edit-field input{width:0;min-width:100%;height:18px;color:var(--foreground);caret-color:var(--foreground);box-shadow:none;appearance:none;background:0 0;border:0;border-radius:0;outline:0}.account-row-edit input::placeholder{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.account-row-edit input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}}.account-row-edit input:focus{color:var(--foreground);box-shadow:none}.account-row-confirm-wrap{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid;position:relative}.account-row-confirm-wrap.has-error{cursor:not-allowed}.account-row-confirm{width:18px;height:18px;color:var(--foreground);background:0 0;outline:0;place-items:center;display:grid}.account-row-confirm:disabled{opacity:.38;pointer-events:none}.account-row-confirm-tip{z-index:6;width:max-content;max-width:260px;color:var(--dock-text);text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;border:1px solid var(--dock-border);border-radius:var(--chrome-menu-radius);background:var(--dock-bg);box-shadow:none;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.account-row-confirm-wrap.has-error:hover .account-row-confirm-tip,.account-row-confirm-wrap.has-error:focus-within .account-row-confirm-tip{opacity:1;visibility:visible;transform:none}.account-row-meta{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:inline-flex}.account-row-meta>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.account-value,.account-hint,.account-cooldown{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.account-row>.account-cooldown{text-align:right;margin:0}.account-outline,.account-primary{border-radius:8px;flex-shrink:0;min-height:30px;padding:0 12px;font-size:12px}.account-outline{color:var(--foreground);border:1px solid var(--button-border);background:0 0;font-weight:400}.account-outline:hover{background:var(--dock-hover)}.account-outline.danger{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.account-outline.danger{border-color:color-mix(in srgb, var(--danger) 35%, var(--button-border))}}.account-primary{color:var(--background);background:var(--foreground);font-weight:400}.account-primary:hover{filter:brightness(1.08)}.account-primary.danger{color:var(--color-white);background:var(--danger)}.account-primary.danger:hover{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.account-primary.danger:hover{background:color-mix(in srgb, var(--danger) 82%, var(--color-black))}}.account-avatar{width:48px;height:48px;color:var(--muted);background:var(--foreground);border-radius:999px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.account-avatar{background:color-mix(in srgb, var(--foreground) 10%, var(--panel-solid))}}.account-avatar:disabled{opacity:1}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-empty{color:var(--muted);text-align:center;padding:36px 18px;font-size:13px}.account-skeleton{pointer-events:none}.account-skel{background:var(--foreground);border-radius:999px;flex-shrink:0;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.account-skel{background:color-mix(in srgb, var(--foreground) 10%, transparent)}}.account-skel:after{content:"";background:linear-gradient(100deg, transparent 18%, var(--foreground) 50%, transparent 82%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.account-skel:after{background:linear-gradient(100deg, transparent 18%, color-mix(in srgb, var(--foreground) 14%, transparent) 50%, transparent 82%)}}.account-skel:after{animation:1.35s ease-in-out infinite account-skel-shimmer;transform:translate(-100%)}.account-skel-avatar{width:48px;height:48px}.account-skel-name{width:108px;height:16px}.account-skel-sub{width:72px;height:12px;margin-top:8px}.account-skel-btn{border-radius:8px;width:76px;height:30px}.account-skel-btn.is-short{width:52px}.account-skel-label{width:52px;height:13px}.account-skel-label.is-short{width:40px}.account-skel-label.is-wide{width:72px}.account-skel-value{width:88px;height:13px}.account-skel-value.is-wide{width:120px}.account-skel-hint{width:168px;height:12px;margin-top:8px}.account-skel-hint.is-mid{width:132px}.account-skel-hint.is-short{width:96px}.account-skel-tab{width:56px;height:14px;margin:10px 0 12px}.account-skel-tab.is-wide{width:72px}.account-skel-device{border-radius:8px;width:36px;height:36px}@keyframes account-skel-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.account-skel:after{animation:none}}.account-credits-empty{padding:0}.account-device-list{flex-direction:column;gap:2px;padding:4px 0 8px;display:flex}.account-device{align-items:center;gap:12px;padding:12px 0;display:flex}.account-device-icon{width:36px;height:36px;color:var(--muted);background:var(--dock-hover);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.account-device-icon.current{color:var(--primary);background:var(--primary-soft)}.account-device-copy{flex:1;min-width:0}.account-device-copy p{color:var(--foreground);margin:3px 0 0}@supports (color:color-mix(in lab, red, red)){.account-device-copy p{color:color-mix(in srgb, var(--foreground) 58%, transparent)}}.account-device-copy p{font-size:12px;line-height:1.4}.account-device-title{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;display:flex}.account-device-title span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-badge{border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:400}.account-badge.online{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.account-badge.online{background:color-mix(in srgb, var(--success) 14%, transparent)}}.account-badge.offline{color:var(--muted);background:var(--dock-hover)}.account-current{color:var(--success);flex-shrink:0;font-size:12px;font-weight:600}.account-device-remove{width:28px;height:28px;color:var(--muted);border-radius:var(--chrome-item-radius);background:0 0;flex-shrink:0;place-items:center;display:grid}.account-device-remove:hover:not(:disabled){color:var(--danger);background:var(--dock-hover)}.account-dialog{border:1px solid var(--border);background:var(--panel-solid);width:min(420px,100%);box-shadow:var(--dock-shadow);border-radius:14px;padding:20px;position:relative}.account-dialog-compact{width:min(380px,100vw - 40px)}.account-dialog.has-close{padding-top:22px}.account-dialog-close{width:28px;height:28px;color:var(--muted);border-radius:var(--chrome-item-radius);background:0 0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.account-dialog-close:hover{color:var(--foreground);background:var(--dock-hover)}.account-dialog.has-close h3{padding-right:28px}.account-dialog h3{margin:0 0 12px;font-size:15px}.account-dialog-hint{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.45}.account-page{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.account-page-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.account-page-wechat{text-align:center;align-items:center}.account-page-wechat .account-page-hint{max-width:280px}.account-page-wechat .wechat-login-qr{width:196px;height:196px}.account-dialog label{color:var(--dock-text);flex-direction:column;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.account-page label{color:var(--foreground);flex-direction:column;gap:8px;margin:0;font-size:13px;font-weight:400;line-height:18px;display:flex}.account-page label>span{color:var(--foreground);font-weight:600}.account-dialog input,.account-page input{width:100%;height:40px;color:var(--foreground);border:1px solid var(--dock-text);padding:0 12px;font-weight:400}@supports (color:color-mix(in lab, red, red)){.account-dialog input,.account-page input{border:1px solid color-mix(in srgb, var(--dock-text) 12%, transparent)}}.account-dialog input,.account-page input{background:var(--panel-solid);border-radius:8px;outline:0}.account-dialog input::placeholder,.account-page input::placeholder{color:var(--muted);font-weight:400}.account-dialog input:hover,.account-page input:hover{border-color:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.account-dialog input:hover,.account-page input:hover{border-color:color-mix(in srgb, var(--dock-text) 22%, transparent)}}.account-dialog input:focus,.account-page input:focus{border-color:var(--muted)}.account-dialog input.has-suffix,.account-page input.has-suffix{padding-right:42px}.account-dialog input.has-action,.account-page input.has-action{padding-right:108px}.account-page-link{color:var(--muted);background:0 0;align-self:flex-start;margin-top:-6px;padding:0;font-size:12px;line-height:1.4}.account-page-link:hover{color:var(--foreground)}.account-page-submit{width:100%;min-height:40px;margin-top:4px;font-size:13px;font-weight:600}.account-page-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:12px 0 0;display:flex}.account-page-success-lottie{width:128px;height:128px}.account-page-success p{margin:0;font-size:16px;font-weight:650;line-height:1.3}.account-page-success .account-page-submit{margin-top:8px}.account-page .account-channel{margin-bottom:0}.account-input-wrap{position:relative}.account-input-eye{width:32px;height:32px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.account-input-eye:hover{color:var(--foreground)}.account-input-action{height:28px;color:var(--foreground);background:0 0;border-radius:6px;padding:0 10px;font-size:12px;font-weight:500;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.account-input-action:hover:not(:disabled){background:var(--dock-hover)}.account-input-action:disabled{color:var(--muted);cursor:default;background:0 0}.account-dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.account-dialog-actions.has-aside{justify-content:space-between;align-items:center}.account-dialog-actions.has-aside>div{gap:8px;display:flex}.account-dialog-link{color:var(--muted);background:0 0;padding:0;font-size:12px;line-height:1.4}.account-dialog-link:hover{color:var(--foreground)}.account-channel{width:100%;color:var(--foreground);border:1px solid var(--border);text-align:left;background:var(--panel-solid);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.account-channel:hover{background:var(--dock-hover)}.account-channel svg{fill:currentColor;flex-shrink:0;width:16px;height:16px}.account-channel span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-channel strong{font-size:13px;font-weight:500}.account-channel em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.4}.account-channel :last-child{color:var(--muted)}.account-dialog-tip{margin-top:8px;margin-bottom:0}.avatar-button img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.account-center-enter-active,.account-center-leave-active{transition:opacity .2s cubic-bezier(.16,1,.3,1)}.account-center-enter-from,.account-center-leave-to{opacity:0}.account-center-enter-active .account-center,.account-center-enter-active .account-dialog,.account-center-leave-active .account-center,.account-center-leave-active .account-dialog{transition:transform .2s cubic-bezier(.16,1,.3,1)}.account-center-enter-from .account-center,.account-center-enter-from .account-dialog{transform:scale(.98)}.login-captcha-overlay{z-index:110}.recharge-screen{--recharge-surface:var(--background);z-index:120;color:var(--foreground);background:var(--recharge-surface);flex-direction:column;display:flex;position:fixed;inset:0}.recharge-screen-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow:auto}.recharge-screen-scroll::-webkit-scrollbar{width:0!important;height:0!important}.recharge-scrollbar{z-index:122;opacity:0;pointer-events:none;width:12px;padding-right:4px;position:absolute;top:0;bottom:0;right:0}.recharge-scrollbar.is-scrollable.is-active{opacity:1;pointer-events:auto}.recharge-scrollbar-thumb{touch-action:none;will-change:transform;background:0 0;border-radius:999px;width:6px;height:266px;margin-left:auto}.recharge-scrollbar.is-active .recharge-scrollbar-thumb{background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.recharge-scrollbar.is-active .recharge-scrollbar-thumb{background:color-mix(in srgb, var(--dock-text) 28%, transparent)}}.recharge-scrollbar.is-active .recharge-scrollbar-thumb:hover{background:var(--dock-text)}@supports (color:color-mix(in lab, red, red)){.recharge-scrollbar.is-active .recharge-scrollbar-thumb:hover{background:color-mix(in srgb, var(--dock-text) 36%, transparent)}}.recharge-screen-inner{flex-direction:column;width:min(1480px,100%);min-height:100%;margin:0 auto;padding:0 32px 40px;display:flex;position:relative}.recharge-close{z-index:121;width:36px;height:36px;color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:10px;place-items:center;display:grid;position:fixed;top:18px;right:22px}.recharge-close:hover{color:var(--foreground);background:0 0}.recharge-banner{justify-content:center;padding:48px 0 0;display:flex}.recharge-banner-inner{background:linear-gradient(90deg, #080a12b8 0%, #080a1247 42%, #080a1214 100%), var(--recharge-banner-bg) right 72% / cover no-repeat;border-radius:14px;flex-direction:column;justify-content:center;width:100%;min-height:128px;padding:24px;display:flex;position:relative;overflow:hidden}.recharge-banner-title{z-index:1;color:var(--color-white);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:680;position:relative}.recharge-banner-subtitle{z-index:1;color:#ffffffc7;margin:6px 0 0;font-size:14px;position:relative}.recharge-period-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:32px 0;display:grid}.recharge-periods{--period-inset:4px;--period-gap:5px;gap:var(--period-gap);padding:var(--period-inset);border:1px solid var(--border);background:var(--foreground);border-radius:12px;grid-template-columns:repeat(2,minmax(136px,1fr));align-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.recharge-periods{background:color-mix(in srgb, var(--foreground) 4%, transparent)}}.recharge-period-indicator{top:var(--period-inset);bottom:var(--period-inset);left:var(--period-inset);z-index:0;width:calc((100% - (var(--period-inset) * 2) - var(--period-gap)) / 2);background:var(--panel-solid);pointer-events:none;transform:translateX(calc(var(--period-index,0) * (100% + var(--period-gap))));border-radius:8px;transition:transform .38s cubic-bezier(.34,1.28,.64,1);position:absolute}.recharge-periods button{z-index:1;min-width:0;min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:650;transition:color .22s;display:inline-flex;position:relative}.recharge-periods button span{line-height:1.2}.recharge-period-badge{color:var(--primary);font-size:11px;font-style:normal;font-weight:650;line-height:1}.recharge-period-badge.promo{color:var(--color-warning);background:var(--color-warning);border-radius:999px;padding:2px 7px}@supports (color:color-mix(in lab, red, red)){.recharge-period-badge.promo{background:color-mix(in srgb, var(--color-warning) 16%, var(--color-surface))}}.recharge-periods button.active{color:var(--foreground)}@media (prefers-reduced-motion:reduce){.recharge-period-indicator,.recharge-fold-clip,.recharge-fold-fade-enter-active,.recharge-fold-fade-leave-active{transition:none}}.recharge-period-trail{justify-content:flex-end;display:flex}.recharge-points-store{color:var(--color-white);border-radius:var(--chrome-item-radius);background:var(--primary);border:0;padding:1px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.recharge-points-store{background:color-mix(in srgb, var(--primary) 55%, transparent)}}.recharge-points-store{white-space:nowrap;cursor:pointer;font-size:13px;font-weight:600;line-height:1}.recharge-points-store-glow{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-lime) 0%, var(--color-mixo) 50%, var(--color-link) 100%);opacity:0;transition:opacity .45s;position:absolute;inset:0}.recharge-points-store-inner{z-index:1;border-radius:calc(var(--chrome-item-radius) - 1px);background:var(--recharge-surface);align-items:center;gap:2px;height:30px;padding:0 12px;display:inline-flex;position:relative}.recharge-points-store:hover .recharge-points-store-glow{opacity:1}html:not(.dark) .recharge-points-store{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){html:not(.dark) .recharge-points-store{background:color-mix(in srgb, var(--primary) 35%, transparent)}}html:not(.dark) .recharge-points-store-inner{background:var(--color-surface)}.recharge-body{flex-direction:column;flex:1;padding:0 0 8px;display:flex}.recharge-fold-clip{--fold-mode:anchor;--fold-exclusive-row:3;--fold-offset-px:-34;--fold-overlay-px:72;--fold-min-px:320;--fold-max-px:900;--fold-fixed-height-px:680;--recharge-card-shadow-bleed:22px;margin:calc(var(--recharge-card-shadow-bleed) * -1) calc(var(--recharge-card-shadow-bleed) * -1) 0;padding:var(--recharge-card-shadow-bleed);flex-direction:column;transition:max-height .32s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.recharge-fold-inner{flex-shrink:0}.recharge-plans{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.recharge-sku{flex-direction:column;min-width:0;display:flex}.recharge-sku-card{--muted:var(--foreground);--recharge-desc-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.recharge-sku-card{--recharge-desc-color:color-mix(in srgb, var(--foreground) 52%, transparent)}}.recharge-sku-card{--recharge-quota-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.recharge-sku-card{--recharge-quota-color:color-mix(in srgb, var(--foreground) 84%, transparent)}}.recharge-sku-card{border:1px solid var(--border);background:var(--foreground);border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.recharge-sku-card{background:color-mix(in srgb, var(--foreground) 2.5%, var(--panel-solid))}}.recharge-sku-main{padding:16px 22px 14px}.recharge-sku-benefits{border-top:1px solid var(--border);flex:1;padding:14px 22px}.recharge-sku-headline{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.recharge-sku-headline h3{margin:0;font-size:16px;font-weight:400;line-height:1.2}.animated-number{vertical-align:baseline;font-variant-numeric:tabular-nums;display:inline-flex}.animated-number-slots{align-items:baseline;display:inline-flex;position:relative}.animated-number-digit{height:1em;line-height:1;display:inline-block;overflow:hidden}.animated-number-roll{transform:translateY(calc(var(--digit) * -1em));will-change:transform;flex-direction:column;display:flex}.animated-number.is-animating .animated-number-roll:not(.is-static){transition:transform var(--animated-number-duration,.38s) cubic-bezier(.22, 1, .36, 1)}.animated-number-char{height:1em;line-height:1;display:block}.animated-number-slot-enter-active:not(.is-static),.animated-number-slot-leave-active:not(.is-static){transition:opacity .24s,max-width .24s,margin .24s}.animated-number-slot-enter-from:not(.is-static),.animated-number-slot-leave-to:not(.is-static){opacity:0;max-width:0;margin:0}.animated-number-slot-leave-active{position:absolute}@media (prefers-reduced-motion:reduce){.animated-number.is-animating .animated-number-roll,.animated-number-slot-enter-active,.animated-number-slot-leave-active{transition:none}}.recharge-sku-price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:8px;display:flex}.recharge-sku-currency{font-size:16px;font-weight:550}.recharge-sku-price strong{letter-spacing:-.04em;font-size:34px;font-weight:600;line-height:1}.recharge-sku-price em{color:var(--muted);font-size:13px;font-style:normal}.recharge-sku-price s,.recharge-sku-original{color:var(--color-text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-muted);-webkit-text-decoration-color:var(--color-text-muted);-webkit-text-decoration-color:var(--color-text-muted);text-decoration-color:var(--color-text-muted);margin-left:4px;font-size:13px}.recharge-sku-meta{color:var(--recharge-desc-color);flex-wrap:wrap;gap:8px;margin:6px 0 0;font-size:12px;line-height:1.45;display:flex}.recharge-sku-quota{margin-top:20px}.recharge-sku-quota-main{align-items:baseline;gap:4px;display:flex}.recharge-sku-quota-main strong{color:var(--recharge-quota-color);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:24px;font-weight:400;line-height:1}.recharge-sku-quota-main span{color:var(--recharge-quota-color);font-size:13px}.recharge-sku-estimate{color:var(--recharge-desc-color);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;line-height:1.4;display:flex}.recharge-sku-estimate i{background:var(--border);width:1px;height:10px}.recharge-sku-actions{gap:8px;margin-top:16px;display:grid}.recharge-sku-action{background:var(--solid-button-bg);min-height:40px;color:var(--solid-button-fg);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.recharge-sku-action:hover{filter:brightness(1.05)}html:not(.dark) .recharge-periods{background:var(--color-surface-tertiary)}html:not(.dark) .recharge-period-indicator{background:var(--color-surface)}.dark .recharge-period-indicator{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark .recharge-period-indicator{background:color-mix(in srgb, var(--foreground) 10%, var(--panel-solid))}}html:not(.dark) .recharge-screen{--recharge-surface:var(--color-bg)}html:not(.dark) .recharge-close:hover{background:0 0}html:not(.dark) .recharge-sku-card{--recharge-card-border:var(--color-border);background:var(--color-surface);border-color:var(--recharge-card-border);box-shadow:var(--prompt-shadow)}html:not(.dark) .recharge-sku-card .recharge-sku-benefits{border-top-color:var(--recharge-card-border)}html:not(.dark) .recharge-fold-overlay{background:linear-gradient(transparent 0%, var(--color-bg) 42%, var(--color-bg) 78%)}@supports (color:color-mix(in lab, red, red)){html:not(.dark) .recharge-fold-overlay{background:linear-gradient(transparent 0%, color-mix(in srgb, var(--color-bg) 45%, transparent) 42%, var(--color-bg) 78%)}}html:not(.dark) .recharge-fold-toggle{background:var(--color-bg)}html:not(.dark) .recharge-fold-toggle:hover{background:var(--color-surface-secondary)}html:not(.dark) .recharge-sku-action:hover{filter:brightness(1.12)}.recharge-popular-models{background:var(--foreground);border-radius:12px;margin-bottom:14px;padding:16px;position:relative}@supports (color:color-mix(in lab, red, red)){.recharge-popular-models{background:color-mix(in srgb, var(--foreground) 5%, var(--panel-solid))}}html:not(.dark) .recharge-popular-models{background:var(--color-surface-tertiary)}html.dark .recharge-popular-models{background:var(--color-surface-secondary)}.recharge-popular-models-head{align-items:center;gap:4px;margin-bottom:10px;display:flex}.recharge-popular-models-title{font-size:13px;font-weight:650;line-height:1.2}.recharge-popular-models-info{color:var(--muted);opacity:.72;flex-shrink:0}.recharge-popular-models-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recharge-popular-models-list li{grid-template-columns:16px 1fr auto;align-items:center;gap:7px;font-size:12px;line-height:1.35;display:grid}.recharge-popular-models-list .model-icon{color:var(--muted)}.recharge-popular-models-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recharge-popular-models-price{color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.recharge-benefit-section{align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:650;display:inline-flex}.recharge-benefit-section.secondary{color:var(--muted);margin-top:14px;font-size:12px;font-weight:600}.recharge-benefit-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.recharge-benefit-list li{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.recharge-benefit-list li svg{color:var(--foreground);opacity:.72;flex-shrink:0;margin-top:1px}.recharge-fold-overlay{background:linear-gradient(transparent 0%, var(--background) 42%, var(--background) 78%);justify-content:center;padding:64px 0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.recharge-fold-overlay{background:linear-gradient(transparent 0%, color-mix(in srgb, var(--background) 45%, transparent) 42%, var(--background) 78%)}}.recharge-fold-overlay{pointer-events:none}.recharge-fold-fade-enter-active,.recharge-fold-fade-leave-active{transition:opacity .18s}.recharge-fold-fade-enter-from,.recharge-fold-fade-leave-to{opacity:0}.recharge-fold-toggle{min-height:34px;color:var(--foreground);border:1px solid var(--border);background:var(--background);pointer-events:auto;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:400;display:inline-flex}.recharge-fold-toggle:hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.recharge-fold-toggle:hover{background:color-mix(in srgb, var(--foreground) 4%, var(--background))}}.recharge-fold-collapse{justify-content:center;padding:14px 0 6px;display:flex}.recharge-footnote{color:var(--muted);border-top:1px solid var(--border);flex-shrink:0;margin:12px 0 0;padding-top:12px;font-size:12px;line-height:1.55}.recharge-footnote strong{color:var(--foreground);font-weight:650}.recharge-faq{flex-shrink:0;margin-top:64px;padding:0 4px 24px}.recharge-faq-header{justify-content:center;align-items:center;min-height:32px;margin-bottom:36px;display:flex;position:relative}.recharge-faq-title{color:var(--foreground);text-align:center;margin:0;font-size:24px;font-weight:650;line-height:1.2}.recharge-faq-support{height:32px;color:var(--foreground);border:1px solid var(--button-border);border-radius:var(--chrome-item-radius);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:400;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.recharge-faq-support:hover{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.recharge-faq-support:hover{background:color-mix(in srgb, var(--foreground) 4%, transparent)}}.recharge-faq-list{display:grid}.recharge-faq-item{border-bottom:1px solid var(--border)}.recharge-faq-item-title{width:100%;min-height:68px;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:20px 4px;font-size:14px;font-weight:500;line-height:1.45;display:flex}.recharge-faq-item-title:hover{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.recharge-faq-item-title:hover{color:color-mix(in srgb, var(--foreground) 82%, transparent)}}.recharge-faq-rank{min-width:28px;color:var(--muted);flex-shrink:0;font-size:13px;font-weight:600}.recharge-faq-question{flex:1;min-width:0}.recharge-faq-arrow{color:var(--muted);flex-shrink:0;transition:transform .28s}.recharge-faq-arrow.collapsed{transform:rotate(180deg)}.recharge-faq-item-collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,0,0,1),opacity .22s;display:grid}.recharge-faq-item.open .recharge-faq-item-collapse{opacity:1;grid-template-rows:1fr}.recharge-faq-item-collapse-inner{min-height:0;overflow:hidden}.recharge-faq-item-body{color:var(--foreground);padding:0 4px 16px 42px}@supports (color:color-mix(in lab, red, red)){.recharge-faq-item-body{color:color-mix(in srgb, var(--foreground) 62%, transparent)}}.recharge-faq-item-body{font-size:13px;line-height:1.7}.recharge-faq-item-body p{margin:0 0 6px}.recharge-faq-item-body p:last-child{margin-bottom:0}.recharge-faq-answer-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.recharge-faq-answer-token{opacity:0}.recharge-faq-item.open .recharge-faq-answer-token{animation:recharge-faq-text-reveal .32s ease-out var(--reveal-delay) both}@keyframes recharge-faq-text-reveal{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.recharge-faq-item-collapse,.recharge-faq-arrow{transition:none}.recharge-faq-item.open .recharge-faq-answer-token{opacity:1;animation:none}}html:not(.dark) .recharge-faq-support{border-color:var(--color-border);background:var(--color-surface)}html:not(.dark) .recharge-faq-support:hover{background:var(--color-surface-secondary)}.recharge-screen-enter-active,.recharge-screen-leave-active{transition:opacity .22s}.recharge-screen-enter-active .recharge-screen-scroll,.recharge-screen-leave-active .recharge-screen-scroll{transition:transform .22s,opacity .22s}.recharge-screen-enter-from,.recharge-screen-leave-to{opacity:0}.recharge-screen-enter-from .recharge-screen-scroll,.recharge-screen-leave-to .recharge-screen-scroll{opacity:0;transform:translateY(12px)}@media (width<=1280px){.recharge-plans{scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.recharge-sku{scroll-snap-align:start;flex:0 0 min(260px,78vw)}}.points-store-overlay{--points-store-surface:var(--panel-solid);--points-store-card:var(--color-surface);--points-store-accent:var(--color-mixo);z-index:130;background:#0000006b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.points-store-dialog{--points-store-inset:24px;--points-store-chrome-h:32px;--points-store-card-h:110px;--points-store-grid-gap:10px;--points-store-grid-rows:3;--points-store-pay-w:300px;--points-store-grid-h:calc(var(--points-store-card-h) * var(--points-store-grid-rows) + var(--points-store-grid-gap) * (var(--points-store-grid-rows) - 1));width:min(980px,100%);min-height:0;max-height:min(760px,92vh);padding:16px var(--points-store-inset);color:var(--foreground);border:1px solid var(--border);background:var(--points-store-surface);box-shadow:var(--dock-shadow);border-radius:16px;flex-direction:column;display:flex;position:relative}.points-store-dialog:not(.is-empty){--points-store-notch-r:8px;--points-store-split-x:calc(100% - var(--points-store-inset) - var(--points-store-pay-w));-webkit-mask-clip:padding-box;mask-clip:padding-box;-webkit-mask-origin:padding-box;mask-origin:padding-box;-webkit-mask-image:radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 0, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px)), radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 100%, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px));-webkit-mask-composite:source-in, source-over;-webkit-mask-size:100% 100%;-webkit-mask-image:radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 0, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px)), radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 100%, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px));-webkit-mask-image:radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 0, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px)), radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 100%, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px));-webkit-mask-image:radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 0, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px)), radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 100%, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px));mask-image:radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 0, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px)), radial-gradient(circle var(--points-store-notch-r) at var(--points-store-split-x) 100%, #0000 var(--points-store-notch-r), #000 calc(var(--points-store-notch-r) + .5px));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect}.points-store-ticket-separator{top:0;right:calc(var(--points-store-inset) + var(--points-store-pay-w));z-index:1;border-left:1px dashed var(--border);width:0;height:100%;position:absolute}@supports (color:color-mix(in lab, red, red)){.points-store-ticket-separator{border-left:1px dashed color-mix(in srgb, var(--border) 88%, var(--muted))}}.points-store-ticket-separator{pointer-events:none}.points-store-dialog.is-empty .points-store-body{grid-template-columns:1fr}.points-store-dialog.is-empty .points-store-grid-wrap{padding-right:0}.points-store-dialog.is-empty .points-store-grid-shell{justify-content:center;align-items:center;display:flex}.points-store-empty-icon{color:var(--points-store-accent);opacity:.72}.points-store-header{min-height:var(--points-store-chrome-h);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.points-store-title{text-align:left;margin:0;font-size:18px;font-weight:650;line-height:1.2}.points-store-close{width:var(--points-store-chrome-h);height:var(--points-store-chrome-h);color:var(--muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.points-store-close:hover{color:var(--foreground);background:var(--dock-hover)}.points-store-content{flex-direction:column;min-height:0;display:flex;position:relative}.points-store-main{min-height:0}.points-store-body{grid-template-columns:minmax(0, 1fr) var(--points-store-pay-w);align-items:stretch;gap:0;min-height:0;display:grid}.points-store-grid-wrap{min-width:0;padding-right:24px}.points-store-grid-shell{height:var(--points-store-grid-h);min-height:var(--points-store-grid-h);scrollbar-width:thin;overflow-y:auto}.points-store-grid-empty{width:100%;height:var(--points-store-grid-h);min-height:var(--points-store-grid-h);color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.points-store-grid-empty p{margin:0}.points-store-grid{gap:var(--points-store-grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.points-store-card{height:var(--points-store-card-h);min-height:var(--points-store-card-h);text-align:left;border:1px solid var(--border);background:var(--points-store-card);border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:10px 12px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.points-store-card:hover{border-color:var(--points-store-accent)}@supports (color:color-mix(in lab, red, red)){.points-store-card:hover{border-color:color-mix(in srgb, var(--points-store-accent) 36%, var(--border))}}.points-store-skeleton-card{pointer-events:none;justify-content:space-between}.points-store-skeleton{background:var(--foreground);border-radius:6px;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.points-store-skeleton{background:color-mix(in srgb, var(--foreground) 8%, transparent)}}.points-store-skeleton:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.points-store-skeleton:after{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--color-white) 55%, transparent) 50%, transparent 80%)}}.points-store-skeleton:after{animation:1.3s ease-in-out infinite points-store-shimmer;transform:translate(-100%)}.points-store-skeleton-badge{border-radius:5px;width:56px;height:18px;position:absolute;top:8px;right:8px}.points-store-skeleton-credits{width:76px;height:18px;margin-top:8px}.points-store-skeleton-price{width:52px;height:14px}@keyframes points-store-shimmer{to{transform:translate(100%)}}.points-store-card:disabled{cursor:default;opacity:1}.points-store-card:disabled:hover{border-color:var(--border)}.points-store-card.selected:disabled:hover{border-color:var(--points-store-accent)}.points-store-card.selected{border-color:var(--points-store-accent);background:linear-gradient(var(--points-store-accent), var(--points-store-accent) 40%, var(--points-store-card))}@supports (color:color-mix(in lab, red, red)){.points-store-card.selected{background:linear-gradient(color-mix(in srgb, var(--points-store-accent) 12%, var(--points-store-card)), color-mix(in srgb, var(--points-store-accent) 6%, var(--points-store-card)) 40%, var(--points-store-card))}}.points-store-badge{z-index:1;color:var(--points-store-accent);background:var(--points-store-accent);border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.3;display:inline-block;position:absolute;top:6px;right:6px}@supports (color:color-mix(in lab, red, red)){.points-store-badge{background:color-mix(in srgb, var(--points-store-accent) 12%, var(--points-store-card))}}.points-store-card.selected .points-store-badge{background:0 0}.points-store-card-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;width:100%;min-height:0;display:flex}.points-store-card-stack{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;gap:6px;width:100%;display:flex}.points-store-card-top{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.points-store-card-credits{align-items:center;gap:2px;width:100%;padding-top:6px;padding-right:66px;display:flex}.points-store-card-detail{font-variant-numeric:tabular-nums;margin:0;font-size:11px;font-weight:500;line-height:1.3}.points-store-card-detail-base{color:var(--muted)}.points-store-card-detail-bonus{color:var(--color-warning)}.points-store-card-credits svg{color:var(--points-store-accent);opacity:.88}.points-store-card-point{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500;line-height:1}.points-store-card-price{color:var(--foreground);font-variant-numeric:tabular-nums;align-items:center;gap:4px;line-height:1.2;display:inline-flex}.points-store-card-currency,.points-store-card-price-value{font-size:13px;font-weight:500}.points-store-pay{min-height:var(--points-store-grid-h);flex-direction:column;justify-content:center;align-items:center;padding-left:24px;display:flex}.points-store-qr-wrap{background:var(--points-store-surface);border-radius:16px;place-items:center;width:192px;min-height:192px;padding:4px 15px 2px;display:grid}.points-store-qr-wrap>.wechat-login-qr{grid-area:1/1}.points-store-pay .wechat-login-qr{box-sizing:border-box;isolation:isolate;border:1px solid var(--border);background:var(--color-white);border-radius:12px;place-items:center;width:160px;height:160px;padding:0;display:grid;position:relative;overflow:hidden}.points-store-pay .wechat-login-loading{color:var(--muted)}.points-store-pay .wechat-login-qr img{box-sizing:border-box;object-fit:contain;border-radius:0;grid-area:1/1;width:100%;height:100%;padding:8px;animation:none;display:block}.points-store-pay .wechat-login-qr.is-overlay img{padding:0}.points-store-pay .wechat-login-mask{border-radius:12px;inset:0}.points-store-qr-success{z-index:2;-webkit-backdrop-filter:saturate(150%)blur(18px);backdrop-filter:saturate(150%)blur(18px);background:#16161647;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.points-store-qr-success-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.points-store-qr-success-icon{width:28px;height:28px}.points-store-qr-success-label{color:var(--color-white);font-size:12px;font-weight:500;line-height:1.3}.points-store-pay-success{color:var(--muted);text-align:center;margin:0;font-size:12px;font-weight:400;line-height:1.4}.points-store-qr-fade-enter-active,.points-store-qr-fade-leave-active{transition:opacity .24s}.points-store-qr-fade-enter-active{z-index:1}.points-store-qr-fade-leave-active{pointer-events:none}.points-store-qr-fade-enter-from,.points-store-qr-fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){.points-store-qr-fade-enter-active,.points-store-qr-fade-leave-active{transition:none}.points-store-skeleton:after{animation:none}}.points-store-pay-status{flex-direction:column;flex-shrink:0;align-items:center;width:100%;min-height:17px;margin-top:8px;display:flex}.points-store-countdown,.points-store-confirming,.points-store-qr-loading-hint,.points-store-qr-get-hint,.points-store-qr-refresh-hint,.points-store-qr-error-hint{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.4}.points-store-pay-methods{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.points-store-pay-icons{align-items:center;gap:6px;display:inline-flex}.points-store-pay-icon{flex-shrink:0;width:18px;height:18px;display:block;overflow:hidden}.points-store-agreement{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px;line-height:1.5}.points-store-agreement a{color:var(--foreground);text-decoration:none}.points-store-footer{min-height:var(--points-store-chrome-h);flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;display:flex}.points-store-membership{min-height:var(--points-store-chrome-h);color:var(--points-store-accent);background:0 0;flex-shrink:0;align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.points-store-membership:hover{color:var(--points-store-accent)}@supports (color:color-mix(in lab, red, red)){.points-store-membership:hover{color:color-mix(in srgb, var(--points-store-accent) 82%, var(--foreground))}}.points-store-enter-active,.points-store-leave-active{transition:opacity .2s}.points-store-enter-active .points-store-dialog,.points-store-leave-active .points-store-dialog{transition:transform .2s,opacity .2s}.points-store-enter-from,.points-store-leave-to{opacity:0}.points-store-enter-from .points-store-dialog,.points-store-leave-to .points-store-dialog{opacity:0;transform:translateY(10px)scale(.98)}@media (width<=860px){.points-store-overlay{padding:12px}.points-store-dialog{--points-store-inset:20px;min-height:0;max-height:94vh;padding:14px var(--points-store-inset)}.points-store-dialog:not(.is-empty){-webkit-mask-image:none;mask-image:none}.points-store-ticket-separator{display:none}.points-store-body{grid-template-columns:1fr}.points-store-grid-wrap{border-right:none;border-bottom:1px dashed var(--border);padding:0}@supports (color:color-mix(in lab, red, red)){.points-store-grid-wrap{border-bottom:1px dashed color-mix(in srgb, var(--border) 88%, var(--muted))}}.points-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-store-pay{min-height:0;padding:0}.points-store-footer{flex-direction:column;align-items:stretch}.points-store-membership{justify-content:center}.recharge-screen-inner{padding:0 16px 28px}.recharge-close{top:12px;right:12px}.recharge-banner{padding-top:18px}.recharge-banner-inner{min-height:104px;padding:16px}.recharge-banner-title{font-size:15px}.recharge-banner-subtitle{font-size:12px}.recharge-period-row{grid-template-columns:1fr;gap:10px}.recharge-period-lead{display:none}.recharge-periods{justify-content:center;width:100%}.recharge-periods button{flex:1;min-width:0}.recharge-period-trail{justify-content:center}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-ease{syntax:"*";inherits:false}