*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.min-h-10{min-height:2.5rem}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.max-w-3xl{max-width:48rem}.max-w-full{max-width:100%}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[var\(--auth-border\)\]{border-color:var(--auth-border)}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-r-transparent{border-right-color:#0000}.bg-\[var\(--auth-card\)\]{background-color:var(--auth-card)}.bg-\[var\(--auth-primary\)\]{background-color:var(--auth-primary)}.bg-auth-card{background-color:var(--color-bg-primary)}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-\[var\(--auth-ink\)\]{color:var(--auth-ink)}.text-\[var\(--auth-on-primary\)\]{color:var(--auth-on-primary)}.text-auth-muted{color:var(--color-fg-secondary)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans", Arial, sans-serif;--font-login:"Noto Sans Variable", "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--color-narrator-chevron:#e7ece7;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--type-display-lg:700 36px/44px var(--font-sans);--type-headline-lg:700 32px/40px var(--font-sans);--type-headline-md:700 28px/36px var(--font-sans);--type-headline-sm:700 24px/32px var(--font-sans);--type-headline-xs:600 22px/28px var(--font-sans);--type-title-xl:600 20px/28px var(--font-sans);--type-title-lg:600 18px/24px var(--font-sans);--type-title-md:600 16px/24px var(--font-sans);--type-title-sm:600 14px/20px var(--font-sans);--type-body-lg:400 16px/24px var(--font-sans);--type-body-md:400 14px/20px var(--font-sans);--type-body-sm:400 12px/16px var(--font-sans);--type-label-sm:600 11px/16px var(--font-sans);--space-page:48px;--space-gap:24px;--space-xl:24px;--space-screen:16px;--space-lg:12px;--space-md:8px;--space-sm:6px;--space-xs:4px;--space-xxs:2px;--size-control-md:40px;--size-control-lg:44px;--size-resource-cover-width:132px;--size-resource-cover-height:176px;--layout-sidebar:256px;--radius-full:80px;--radius-xxl:40px;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-xs:8px;--radius-xxs:4px;--color-brand-main:#fefc00;--color-brand-hover:#dedc00;--color-brand-highlight:#fefc001a;--color-brand-content:#000;--color-fg-primary:#000;--color-fg-subprimary:#000c;--color-fg-secondary:#0009;--color-fg-tertiary:#0006;--color-fg-quaternary:#0003;--color-fg-on-brand:#000;--color-static-white:#fff;--color-toast-background:var(--color-bg-tertiary);--color-toast-foreground:var(--color-fg-primary);--color-toast-hover:var(--color-bg-highlight);--color-bg-base:#f6f6f6;--color-bg-primary:#fff;--color-bg-secondary:#f2f2f2;--color-bg-tertiary:#e8e8e8;--color-bg-highlight:#0000001a;--color-bg-light:#0000000d;--color-bg-dim:#00000008;--color-selection-bg:#0000002e;--color-border-primary:#00000026;--color-border-secondary:#0000001a;--color-border-tertiary:#00000014;--color-border-quaternary:#0000000d;--color-mask-strong:#000c;--color-mask-standard:#0009;--color-mask-soft:#0006;--color-error:#ff3b30;--color-warning:#ff9500;--color-success:#34c759;--color-link:#007aff;--color-markdown-keyword:#8952b4;--color-markdown-string:#22734b;--color-markdown-number:#aa5d00;--resource-hover-border:color-mix(in srgb, var(--color-fg-primary) 24%, transparent);--resource-hover-text:var(--color-fg-subprimary);--resource-hover-surface:var(--color-bg-light);--resource-publish-hover:color-mix(in srgb, var(--color-fg-primary) 88%, var(--color-bg-primary));--shadow-raised:0 2px 8px #0000001a;--shadow-floating:0 8px 24px -4px #00000029;--shadow-modal:0 24px 64px -8px #0000003d;--shadow-drawer:16px 0 40px -8px #0000002e;--shadow-composer:0 0 28px #0000001f;--blur-subtle:8px;--blur-standard:16px;--blur-strong:24px;--duration-micro:.1s;--duration-fast:.16s;--duration-standard:.2s;--duration-panel:.3s;--duration-loading-spin:.9s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, 0, 1);--ease-emphasis:cubic-bezier(.2, .8, .2, 1);--surface:var(--color-bg-base);--foreground:var(--color-fg-primary);--action:var(--color-brand-main);--auth-background:var(--color-bg-base);--auth-card:var(--color-bg-primary);--auth-ink:var(--color-fg-primary);--auth-muted:var(--color-fg-secondary);--auth-border:var(--color-border-secondary);--auth-accent:var(--color-brand-content);--auth-accent-soft:var(--color-brand-highlight);--auth-primary:var(--color-brand-main);--auth-on-primary:var(--color-fg-on-brand);--auth-wave-horizon:#d8e2ef;--auth-wave-body:#8599b5;--auth-wave-crest:#f3f7fc;--bot-picker-surface:var(--color-bg-primary);--auth-frame-background:color-mix(in srgb, var(--color-bg-primary) 58%, transparent);--auth-title-shadow:0 2px 24px #ffffffb3}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand-content:var(--color-brand-main);--color-fg-primary:#fff;--color-fg-subprimary:#fffc;--color-fg-secondary:#fff9;--color-fg-tertiary:#fff6;--color-fg-quaternary:#fff3;--color-bg-base:#0d0d0d;--color-bg-primary:#161616;--color-bg-secondary:#202020;--color-bg-tertiary:#2d2d2d;--color-bg-highlight:#ffffff1a;--color-bg-light:#ffffff0d;--color-bg-dim:#ffffff08;--color-selection-bg:#ffffff3d;--color-border-primary:#ffffff26;--color-border-secondary:#ffffff1a;--color-border-tertiary:#ffffff14;--color-border-quaternary:#ffffff0d;--color-error:#ff453a;--color-warning:#ff6f00;--color-success:#30d158;--color-link:#0a84ff;--color-markdown-keyword:#c4a0ee;--color-markdown-string:#89cfa1;--color-markdown-number:#f5be79;--shadow-raised:0 2px 8px #00000047;--shadow-floating:0 8px 24px -4px #00000061;--shadow-modal:0 24px 64px -8px #00000094;--shadow-drawer:16px 0 40px -8px #00000075;--shadow-composer:0 0 28px #0000005c;--auth-wave-horizon:#101827;--auth-wave-body:#334155;--auth-wave-crest:#94a3b8;--bot-picker-surface:var(--color-bg-secondary);--auth-frame-background:color-mix(in srgb, var(--color-bg-primary) 58%, transparent);--auth-title-shadow:0 2px 24px #000}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body{background:var(--color-bg-base);width:100%;min-height:100%;color:var(--color-fg-primary);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.studio-loading-ring{width:18px;height:18px;animation:studio-loading-ring-spin var(--duration-loading-spin) linear infinite;will-change:transform;flex:none;display:block}:focus-visible{outline:1px solid var(--color-fg-secondary);outline-offset:2px}::selection{background:var(--color-selection-bg)}.auth-shell{isolation:isolate;background:var(--color-bg-base);min-height:100svh;color:var(--color-fg-primary);position:relative;overflow:hidden}.auth-login-shell,.auth-login-shell :is(h1,p,button,input){font-family:var(--font-login)}.auth-background{z-index:-3;pointer-events:none;background:var(--color-bg-base);position:fixed;inset:0;overflow:hidden}.auth-waves{width:100%;height:100%;display:block}.auth-main{min-height:100svh;padding:var(--space-page);place-items:center;display:grid}.auth-main-session{min-height:100dvh;padding:var(--space-screen)}.auth-session-transition{z-index:1000;opacity:1;pointer-events:none;will-change:opacity;transition:opacity .36s linear;position:fixed;inset:0;overflow:hidden}.auth-session-transition.is-leaving{opacity:0}.auth-session-brand{align-items:center;gap:var(--space-lg);color:var(--color-fg-primary);animation:auth-session-brand-in .42s var(--ease-emphasis);display:flex}.auth-shell.is-session-leaving .auth-session-brand{animation:auth-session-brand-out .3s var(--ease-enter) both}.auth-shell.is-session-leaving .auth-main-session{animation:auth-session-surface-out .34s var(--ease-enter) both}.auth-session-brand>img{border-radius:18px;flex:none;width:64px;height:64px;box-shadow:0 16px 42px #0000002e,0 0 0 1px #ffffff14}.auth-session-word{color:var(--color-fg-primary);font:700 clamp(24px, 7vw, 42px) / 1 var(--font-sans);letter-spacing:-.075em;align-items:center;display:inline-flex}.auth-session-word>i{height:1.08em;font:inherit;border-radius:.14em;place-items:center;padding:0 .035em;font-style:normal;animation:2.16s step-end infinite auth-session-letter-switch;display:grid}.auth-frame{border:1px solid var(--color-border-quaternary);border-radius:var(--radius-lg);background:var(--auth-frame-background);width:min(960px,100vw - 96px);height:min(640px,100svh - 96px);min-height:560px;-webkit-backdrop-filter:blur(var(--blur-strong)) saturate(1.08);box-shadow:var(--shadow-floating);animation:auth-frame-in var(--duration-panel) var(--ease-emphasis);grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);display:grid;overflow:hidden}.auth-visual{background:0 0;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.auth-login-brand{gap:var(--space-gap);animation:auth-login-brand-in .52s var(--ease-emphasis) 80ms backwards;flex-direction:column}.auth-login-brand .auth-session-word{font-size:clamp(46px,5vw,60px)}.auth-login-logo{width:104px;height:104px;animation:auth-login-logo-float 3.2s var(--ease-standard) .6s infinite alternate backwards;will-change:transform;border-radius:30px;place-items:center;display:grid;position:relative}.auth-login-logo:before{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--color-brand-main) 28%, transparent), transparent 68%);content:"";border-radius:42px;position:absolute;inset:-22px}.auth-login-logo img{border-radius:inherit;width:100%;height:100%;box-shadow:0 24px 58px #00000038,0 0 0 1px #ffffff17}.auth-panel{min-width:0;padding:var(--space-gap);background:0 0;place-items:center;display:grid;position:relative}.auth-panel:before{top:var(--space-gap);bottom:var(--space-gap);background:var(--color-border-quaternary);content:"";width:1px;position:absolute;left:0}.auth-card{width:min(100%,420px);min-width:0;min-height:530px;position:relative}.auth-step-view{--auth-step-direction:1;min-width:0}.auth-step-view[data-direction=back]{--auth-step-direction:-1}.auth-step-view[data-transition=exit]{pointer-events:none;animation:auth-step-exit .12s var(--ease-emphasis) both}.auth-step-view[data-transition=enter]{pointer-events:none;animation:auth-step-enter .18s var(--ease-emphasis) both}.auth-intro{min-height:112px;margin-bottom:var(--space-gap);text-align:center;padding-top:36px}.auth-intro h1,.auth-card>h1{color:var(--color-fg-primary);font:600 24px/1.25 var(--font-login);letter-spacing:-.02em;margin:0}.auth-title-word{white-space:pre;display:inline-block}.auth-title-character{animation:auth-title-reveal .2s var(--ease-enter) calc(var(--reveal-index) * 12ms) both;display:inline-block}@keyframes auth-title-reveal{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@media (prefers-reduced-motion:reduce){.auth-title-character{animation:none}}.auth-intro p,.auth-subtitle{margin:var(--space-sm) 0 0;color:var(--color-fg-subprimary);font:var(--type-body-sm);text-align:center}.auth-panel:has(.auth-step-code){padding:var(--space-gap)}.auth-card:has(.auth-step-code){width:min(100%,372px);padding-top:0;position:static}.auth-step-code{flex-direction:column;justify-content:center;min-height:530px;display:flex}.auth-code-intro{margin-bottom:var(--space-gap);text-align:center}.auth-code-intro h1{color:var(--color-fg-primary);font:600 24px/1.25 var(--font-sans);letter-spacing:-.02em;margin:0}.auth-code-intro p{max-width:360px;margin:var(--space-sm) auto 0;overflow-wrap:anywhere;color:var(--color-fg-subprimary);font:var(--type-body-sm)}.auth-code-address{display:block}.auth-code-address strong{color:var(--color-fg-primary);font:inherit}.auth-code-back{top:var(--space-gap);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-secondary);background:var(--color-bg-light);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:0;place-items:center;padding:0;font-size:20px;display:grid;position:absolute;inset-inline-start:var(--space-gap)}.auth-code-back:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.auth-form,.auth-intro+.auth-form{margin-top:0}.auth-field label,.auth-form>label{margin-bottom:var(--space-md);color:var(--color-fg-subprimary);font:var(--type-label-sm);display:block}.auth-input{border:1px solid var(--color-border-secondary);color:var(--color-fg-primary);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-emphasis);width:100%;height:48px;margin-bottom:var(--space-lg);padding:0 var(--space-screen);border-radius:var(--radius-sm);background:0 0;outline:0;font-size:16px;display:block}.auth-input:hover,.auth-input:focus{border-color:var(--color-fg-primary);background:0 0}.auth-input::placeholder{color:var(--color-fg-tertiary)}.auth-primary{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:52px;padding:var(--space-lg) var(--space-screen);border-radius:var(--radius-full);color:var(--color-fg-on-brand);background:var(--color-brand-main);font:var(--type-body-lg);font-family:var(--font-login);transition:background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-weight:500;display:flex}.auth-primary:hover:not(:disabled){background:var(--color-brand-hover)}.auth-button-arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:18px;height:18px;transform:translateX(calc(var(--space-xs) * -1));transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:none}.auth-primary:focus-visible .auth-button-arrow,.auth-social-options button:focus-visible .auth-button-arrow{opacity:1;transform:translate(0)}@media (hover:hover) and (pointer:fine){.auth-primary:hover:not(:disabled) .auth-button-arrow,.auth-social-options button:hover:not(:disabled) .auth-button-arrow{opacity:1;transform:translate(0)}}.auth-divider{align-items:center;gap:var(--space-lg);margin:var(--space-gap) 0 var(--space-lg);color:var(--color-fg-tertiary);font:var(--type-body-sm);display:flex}.auth-divider:before,.auth-divider:after{background:var(--color-border-quaternary);content:"";flex:1;height:1px}.auth-social-options{gap:var(--space-lg);padding-top:var(--space-md);display:grid}.auth-social-options button{width:100%;min-height:52px;padding:var(--space-lg) var(--space-screen);border-radius:var(--radius-full);color:var(--color-fg-subprimary);background:var(--color-bg-highlight);font:var(--type-body-lg);font-family:var(--font-login);transition:background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:flex}.auth-social-options button:hover:not(:disabled){background:var(--color-bg-tertiary)}.auth-social-content{justify-content:center;align-items:center;gap:var(--space-md);min-width:0;display:inline-flex}.auth-social-content svg{flex:none;width:18px;height:18px}.auth-social-content>span{overflow-wrap:anywhere;min-width:0}.auth-card p[role=status],.auth-card p[role=alert]{margin:var(--space-lg) 0 0;font:var(--type-body-sm);text-align:center}.auth-card p[role=status]{color:var(--color-fg-secondary)}.auth-card .auth-busy-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.auth-card p[role=alert]{padding:var(--space-lg);border:1px solid color-mix(in srgb, var(--color-error) 28%, transparent);border-radius:var(--radius-xs);color:var(--color-error);background:color-mix(in srgb, var(--color-error) 7%, transparent)}.auth-step-code p[role=alert]{background:0 0;border:0;padding:0}.auth-terms{margin:var(--space-screen) 0 0;color:var(--color-fg-tertiary);font:var(--type-body-sm);text-align:center;line-height:1.55}.auth-terms a,.auth-back,.auth-resend{color:var(--color-fg-secondary);text-underline-offset:3px}.auth-back,.auth-resend{margin:var(--space-screen) auto 0;font:var(--type-body-sm);text-align:center;background:0 0;border:0;display:block}.auth-code-cells{justify-content:center;gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,60px));width:min(100%,276px);margin-inline:auto;display:grid;position:relative}.auth-code-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.auth-code-cell{aspect-ratio:1;border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);min-width:0;color:var(--color-fg-primary);font:var(--type-headline-xs);font-family:var(--font-login);font-variant-numeric:tabular-nums;cursor:text;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;display:block;position:relative}.auth-code-cell.is-active{border-color:var(--color-fg-primary);background:var(--color-bg-light)}.auth-code-digit{text-align:center;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.auth-code-cells:not(.is-disabled):hover .auth-code-cell{border-color:var(--color-fg-primary)}.auth-code-cells:not(.is-disabled):hover .auth-code-cell:hover{border-color:var(--color-fg-primary);background:var(--color-bg-light)}}.auth-code-cells.is-disabled{opacity:.5}.auth-code-cells.is-disabled .auth-code-cell{cursor:not-allowed}.auth-code-form{margin-top:0}.auth-code-form .auth-primary{height:52px;min-height:52px;margin-top:var(--space-gap);border-radius:var(--radius-full)}.auth-code-back:focus-visible,.auth-resend:focus-visible,.auth-code-form .auth-primary:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:4px}.auth-code-support{justify-content:center;align-items:baseline;gap:var(--space-xs);margin:var(--space-screen) 0 0;color:var(--color-fg-secondary);font:var(--type-body-sm);text-align:center;flex-wrap:wrap;display:flex}.auth-code-support .auth-resend{transition:color var(--duration-fast) var(--ease-standard);margin:0;padding:0;display:inline}.auth-code-support .auth-resend:hover:not(:disabled){color:var(--color-fg-primary)}.auth-login-shell :is(h1,p,input,button){font-family:var(--font-login)}.studio-workspace{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr);background:var(--color-bg-base);min-height:100svh;display:grid}.studio-workspace.is-first-visit{animation:studio-workspace-session-in .62s var(--ease-emphasis) both}.studio-workspace.is-first-visit .studio-sidebar{animation:studio-sidebar-first-in .64s var(--ease-emphasis) .32s both}.studio-workspace.is-first-visit .studio-sidebar-brand-row,.studio-workspace.is-first-visit .studio-sidebar-primary,.studio-workspace.is-first-visit .studio-conversations,.studio-workspace.is-first-visit .studio-sidebar-account-wrap{animation:studio-sidebar-content-in .46s var(--ease-enter) both}.studio-workspace.is-first-visit .studio-sidebar-brand-row{animation-delay:.41s}.studio-workspace.is-first-visit .studio-sidebar-primary{animation-delay:.465s}.studio-workspace.is-first-visit .studio-conversations{animation-delay:.525s}.studio-workspace.is-first-visit .studio-sidebar-account-wrap{animation-delay:.585s}.studio-sidebar{min-width:0;padding:var(--space-screen);border-inline-end:1px solid var(--color-border-quaternary);background:var(--color-bg-primary);flex-direction:column;display:flex;position:relative}.studio-wordmark{align-items:center;gap:var(--space-md);min-height:44px;font:var(--type-title-lg);display:flex}.studio-wordmark span{color:var(--color-fg-tertiary);font:var(--type-label-sm)}.studio-new-project{align-items:center;gap:var(--space-lg);min-height:48px;margin-top:var(--space-screen);padding:0 var(--space-screen);border-radius:var(--radius-sm);color:var(--color-fg-on-brand);background:var(--color-brand-main);font:var(--type-title-sm);display:flex}.studio-new-project span:first-child{font-size:22px;font-weight:300}.studio-sidebar-rule{margin-top:var(--space-gap);border-top:1px solid var(--color-border-quaternary)}.studio-account-card{z-index:110;align-items:center;gap:var(--space-md);width:100%;min-width:0;height:56px;min-height:56px;padding:var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-full);color:var(--color-fg-primary);background:var(--color-bg-light);text-align:start;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);grid-template-columns:32px minmax(0,1fr) 16px;margin-top:auto;display:grid;position:relative}.studio-account-card:hover,.studio-account-card.is-open{border-color:var(--color-border-quaternary);background:var(--color-bg-highlight)}.studio-account-card:active:not(:disabled){transform:scale(.97)}.studio-account-copy{gap:var(--space-xxs);min-width:0;display:grid}.studio-account-copy strong,.studio-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-account-copy strong{color:var(--color-fg-primary);font:var(--type-title-sm)}.studio-account-copy small{color:var(--color-fg-tertiary);font:var(--type-body-sm)}.studio-account-avatar{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-fg-on-brand);background:var(--color-brand-main);font:var(--type-title-sm);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.studio-account-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-account-chevron{color:var(--color-fg-tertiary);transition:color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);font-size:22px;line-height:1}.studio-account-card:hover .studio-account-chevron,.studio-account-card.is-open .studio-account-chevron{color:var(--color-fg-primary);transform:translateX(var(--space-xxs))}@media (prefers-reduced-motion:reduce){.studio-account-card{transition:border-color var(--duration-fast) linear, background-color var(--duration-fast) linear}.studio-account-card:active:not(:disabled){transform:none}}.studio-account-menu-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.studio-account-menu-layer>*{pointer-events:auto}.studio-account-dismiss{z-index:90;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.studio-account-dismiss.is-closing{pointer-events:none}.studio-account-menu{z-index:100;border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-floating);transform-origin:0 100%;transition:opacity var(--duration-fast) var(--ease-enter), transform var(--duration-fast) var(--ease-enter);display:grid;position:fixed;overflow:hidden auto}@starting-style{.studio-account-menu{opacity:0;transform:translateY(var(--space-xs)) scale(.98)}}.studio-account-menu.is-closing{opacity:0;transform:translateY(var(--space-xs)) scale(.98);pointer-events:none;transition-timing-function:var(--ease-standard)}.studio-account-preferences{gap:var(--space-xs);padding:var(--space-md);display:grid}.studio-account-preferences>button,.studio-account-theme-row{min-height:40px;padding:0 var(--space-sm);border-radius:var(--radius-xs);color:var(--color-fg-subprimary);font:var(--type-body-md);background:0 0;border:0}.studio-account-preferences>button{align-items:center;gap:var(--space-md);text-align:start;grid-template-columns:20px minmax(0,1fr) auto;display:grid}.studio-account-preferences>button:hover,.studio-account-theme-row:hover{color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-account-icon{width:20px;height:20px;color:var(--color-fg-secondary);place-items:center;display:grid}.studio-account-language-icon canvas{width:20px;height:20px;display:block}.studio-account-icon svg,.studio-account-logout svg,.studio-theme-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:16px;height:16px}.studio-account-language{align-items:center;gap:var(--space-xs);color:var(--color-fg-quaternary);display:flex}.studio-account-language small{color:var(--color-fg-tertiary);font:var(--type-body-sm)}.studio-account-language>span{font-size:18px}.studio-account-theme-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.studio-account-theme-label{align-items:center;gap:var(--space-md);flex:1;grid-template-columns:20px minmax(0,1fr);min-width:0;display:grid}.studio-theme-switch{align-items:center;gap:var(--space-xs);width:58px;height:30px;padding:var(--space-xxs);border-radius:var(--radius-full);color:var(--color-fg-subprimary);background:var(--color-bg-tertiary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:0;display:flex;position:relative;overflow:hidden}.studio-theme-icon{z-index:1;width:var(--space-gap);height:var(--space-gap);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-standard);flex:none;place-items:center;display:grid;position:relative}.studio-theme-thumb{z-index:0;top:var(--space-xxs);left:var(--space-xxs);width:var(--space-gap);height:var(--space-gap);border-radius:var(--radius-full);background:var(--color-bg-primary);box-shadow:var(--shadow-raised);transition:transform var(--duration-standard) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);position:absolute}.studio-theme-switch .is-moon{color:var(--color-fg-primary)}.studio-theme-switch .is-sun,.studio-theme-switch.is-light .is-moon{color:var(--color-fg-tertiary)}.studio-theme-switch.is-light .is-sun{color:var(--color-fg-primary)}.studio-theme-switch.is-light .studio-theme-thumb{transform:translateX(calc(100% + var(--space-xs)))}html.is-theme-transitioning,html.is-theme-transitioning *,html.is-theme-transitioning :before,html.is-theme-transitioning :after{transition-property:color,background-color,border-color,box-shadow,fill,stroke!important;transition-duration:.24s!important;transition-timing-function:var(--ease-standard)!important}html.is-theme-transitioning .studio-theme-thumb{transition-property:transform,color,background-color,box-shadow!important}html.is-theme-wiping::view-transition-old(root){mix-blend-mode:normal;animation:none}html.is-theme-wiping::view-transition-new(root){mix-blend-mode:normal;animation:none}html.is-composer-transitioning .studio-welcome-composer-beam,html.is-composer-transitioning .studio-agent-composer{view-transition-name:studio-conversation-composer}html.is-composer-transitioning .studio-welcome-intro{view-transition-name:studio-conversation-intro}html.is-composer-transitioning::view-transition-old(root){mix-blend-mode:normal;animation:none}html.is-composer-transitioning::view-transition-new(root){mix-blend-mode:normal;animation:none}html.is-composer-transitioning::view-transition-old(root){opacity:0}html.is-composer-transitioning::view-transition-group(studio-conversation-composer){border-radius:var(--radius-lg);animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.7,.2,1);overflow:clip}html.is-composer-transitioning::view-transition-old(studio-conversation-composer){-o-object-fit:fill;object-fit:fill;width:100%;height:100%;animation-duration:.4s;animation-timing-function:linear}html.is-composer-transitioning::view-transition-new(studio-conversation-composer){-o-object-fit:fill;object-fit:fill;width:100%;height:100%;animation-duration:.4s;animation-timing-function:linear}html.is-composer-transitioning::view-transition-old(studio-conversation-intro){animation-duration:.16s}html.is-theme-wiping::view-transition-old(root){z-index:1}html.is-theme-wiping::view-transition-new(root){--studio-theme-wipe-progress:-30%;z-index:2;animation:studio-theme-reveal-diagonal .76s var(--ease-emphasis) both;-webkit-mask-image:linear-gradient(to top right, #000 0%, #000 calc(var(--studio-theme-wipe-progress) - 28%), transparent calc(var(--studio-theme-wipe-progress) + 28%), transparent 100%);-webkit-mask-image:linear-gradient(to top right, #000 0%, #000 calc(var(--studio-theme-wipe-progress) - 28%), transparent calc(var(--studio-theme-wipe-progress) + 28%), transparent 100%);mask-image:linear-gradient(to top right, #000 0%, #000 calc(var(--studio-theme-wipe-progress) - 28%), transparent calc(var(--studio-theme-wipe-progress) + 28%), transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@property --studio-theme-wipe-progress{syntax:"<percentage>";inherits:false;initial-value:-30%}@keyframes studio-theme-reveal-diagonal{0%{--studio-theme-wipe-progress:-30%}to{--studio-theme-wipe-progress:130%}}.studio-account-menu-footer{padding:var(--space-md);position:relative}.studio-account-menu-footer:before{top:0;right:var(--space-screen);left:var(--space-screen);background:var(--color-border-quaternary);content:"";height:1px;position:absolute}.studio-account-logout{justify-content:flex-start;align-items:center;gap:var(--space-md);width:100%;height:40px;padding:0 var(--space-sm);border-radius:var(--radius-xs);color:var(--color-error);font:var(--type-body-md);background:0 0;border:0;display:flex}.studio-account-logout:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 10%, transparent)}.studio-account-menu>p[role=alert]{padding:0 var(--space-lg) var(--space-lg);color:var(--color-error);font:var(--type-body-sm);margin:0}.studio-language-modal-layer{z-index:130;padding:var(--space-gap);background:var(--color-mask-standard);-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle));animation:studio-modal-backdrop-in var(--duration-standard) var(--ease-standard);transition:opacity var(--duration-standard) var(--ease-standard);place-items:center;display:grid;position:fixed;inset:0}.studio-language-modal{width:min(640px,100%);max-height:min(680px,100dvh - 48px);padding:var(--space-gap);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-lg);color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-modal);animation:studio-modal-in var(--duration-standard) var(--ease-enter);transition:opacity var(--duration-standard) var(--ease-standard), transform var(--duration-standard) var(--ease-standard);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.studio-language-modal-layer.is-closing{opacity:0;pointer-events:none}.studio-language-modal-layer.is-closing .studio-language-modal{opacity:0;transform:translateY(var(--space-md)) scale(.96)}.studio-language-modal>header{justify-content:space-between;align-items:flex-start;gap:var(--space-screen);display:flex}.studio-language-modal h2,.studio-language-modal p{margin:0}.studio-language-modal h2{font:var(--type-headline-sm)}.studio-language-modal header p{margin-top:var(--space-xs);color:var(--color-fg-secondary);font:var(--type-body-sm)}.studio-language-modal header>button{border:1px solid var(--color-border-quaternary);border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-secondary);background:0 0;place-items:center;padding:0;font-size:22px;display:grid}.studio-language-list{gap:var(--space-xs);min-height:0;margin-top:var(--space-screen);grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-end:var(--space-xs);display:grid;overflow-y:auto}.studio-language-list>button{min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-xs);color:var(--color-fg-subprimary);font:var(--type-body-md);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.studio-language-list>button:hover,.studio-language-list>button[aria-selected=true]{color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-canvas{min-width:0;height:100svh;overflow:hidden auto}.studio-agent-canvas{background:var(--color-bg-base);min-width:0;height:100svh;transition:grid-template-columns var(--duration-panel) var(--ease-emphasis);grid-template-rows:56px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 0;display:grid;position:relative;overflow:hidden}.studio-agent-canvas.is-resources-open{grid-template-columns:minmax(520px,1fr) 460px}.studio-empty-conversation{grid-area:2/1/-1;min-width:0;min-height:0;position:relative;overflow-y:auto}.studio-bot-library-summary{gap:var(--space-xs);text-align:start;min-width:0;display:grid}.studio-bot-library-summary>strong{font:var(--type-title-sm)}.studio-bot-library-summary>strong,.studio-bot-library-summary>span,.studio-bot-library-summary>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.studio-bot-library-summary>span,.studio-bot-library-summary>small{color:var(--color-fg-secondary);font:var(--type-body-sm)}.studio-agent-header{z-index:2;min-width:0;padding:0 var(--space-gap);background:linear-gradient(180deg, color-mix(in srgb, var(--color-bg-base) 82%, transparent), color-mix(in srgb, var(--color-bg-base) 68%, transparent));box-shadow:0 var(--space-lg) var(--space-gap) calc(var(--space-lg) * -1) color-mix(in srgb, var(--color-bg-base) 58%, transparent);-webkit-backdrop-filter:blur(var(--blur-standard)) saturate(110%);backdrop-filter:blur(var(--blur-standard)) saturate(110%);animation:studio-agent-chrome-in .22s var(--ease-enter) 60ms backwards;border-bottom:0;grid-area:1/1;justify-content:space-between;align-items:center;display:flex;position:relative}.studio-agent-title{max-width:min(64vw,760px);color:var(--color-fg-primary);font:var(--type-title-md);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.studio-agent-header-actions{align-items:center;gap:var(--space-md);flex:none;display:flex}.studio-agent-header-button{border-radius:var(--radius-full);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--color-fg-secondary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-emphasis);background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-agent-header-button:hover,.studio-agent-header-button:focus-visible{color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-agent-header-button:active{transform:scale(.94)}.studio-agent-header-button.is-active{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-header-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.studio-agent-header-button:first-child svg{fill:currentColor;stroke:none}.studio-agent-action-menu{z-index:110;width:216px;padding:var(--space-sm);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-secondary) 94%, transparent);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(var(--blur-standard));backdrop-filter:blur(var(--blur-standard));transform-origin:100% 0;animation:studio-agent-action-menu-in var(--duration-fast) var(--ease-enter) both;display:grid;position:fixed}.studio-agent-action-menu.is-closing{pointer-events:none;animation:studio-agent-action-menu-out var(--duration-fast) var(--ease-standard) both}.studio-agent-action-menu>button{width:100%;height:40px;padding:0 var(--space-lg);align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);color:var(--color-fg-subprimary);font:var(--type-body-md);text-align:left;background:0 0;border:0;display:flex}.studio-agent-action-menu>button:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-action-menu>button.is-danger{color:var(--color-error)}.studio-agent-action-menu>button.is-danger:hover{background:color-mix(in srgb, var(--color-error) 10%, transparent)}.studio-agent-action-menu svg,.studio-conversation-menu svg{fill:none;stroke:none;flex:none;width:16px;height:16px;display:block}@keyframes studio-agent-action-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-agent-action-menu-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.98)}}.studio-agent-mark{border-radius:var(--radius-sm);background:0 0;border:0;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:0 6px 18px #fefc0024}.studio-agent-mark img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.studio-agent-thread{overscroll-behavior:contain;min-height:0;scroll-padding-bottom:var(--studio-composer-height,146px);grid-area:2/1/-1;position:relative;overflow-y:auto}.studio-agent-messages{--studio-message-gap:var(--space-gap);width:min(760px,100% - 72px);min-height:100%;padding:var(--space-screen) 0 calc(var(--studio-composer-height,146px) + var(--space-gap) * 3);flex-direction:column;justify-content:flex-start;gap:0;margin:0 auto;display:flex}.studio-agent-messages>:not(:empty)~:not(:empty){margin-top:var(--studio-message-gap)}.studio-agent-message-group{gap:var(--studio-message-gap);flex-direction:column;flex:none;min-width:0;display:flex}.studio-agent-thread.has-messages{animation:studio-agent-thread-in .26s var(--ease-enter) 90ms backwards}.studio-agent-message{width:100%;animation:studio-agent-message-in var(--duration-standard) var(--ease-enter);display:flex;position:relative}.studio-agent-history-status{z-index:3;pointer-events:none;grid-area:2/1/-1;place-items:center;display:grid;position:absolute;inset-block-start:0;inset-inline:0}.studio-agent-history-status button{pointer-events:auto}.studio-agent-message.is-persisted{animation:none}.studio-agent-message-time{top:calc(100% + var(--space-xs));color:var(--color-fg-tertiary);opacity:0;pointer-events:none;font:var(--type-body-sm);white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;left:0}.studio-agent-message.is-user .studio-agent-message-time{left:auto;right:0}.studio-agent-message:hover .studio-agent-message-time,.studio-agent-message:focus-within .studio-agent-message-time{opacity:1}@media (hover:none){.studio-agent-message-time{opacity:1}}.studio-agent-message>p,.studio-agent-response-body>p{max-width:min(72%,580px);padding:var(--space-lg) var(--space-screen);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-raised);font:var(--type-body-md);overflow-wrap:anywhere;margin:0}.studio-agent-response-body{gap:var(--space-md);width:min(72%,580px);min-width:0;display:grid}.studio-agent-response-body>:is(p,.studio-agent-markdown){max-width:100%}.studio-agent-message.has-process .studio-agent-response-body{gap:var(--space-screen);width:100%}.studio-agent-message.has-process .studio-agent-response-body>:is(p,.studio-agent-markdown){width:100%}.studio-agent-message>p,.studio-agent-response-body>p{white-space:pre-wrap}.studio-agent-markdown{font:var(--type-body-lg)}.studio-markdown{min-width:0;max-width:100%;color:var(--color-fg-primary);overflow-wrap:anywhere;margin:0;padding:0;line-height:1.75}.studio-markdown>:first-child{margin-top:0}.studio-markdown>:last-child{margin-bottom:0}.studio-markdown :is(p,ul,ol,blockquote,pre,.studio-markdown-table-wrap){margin:.85em 0}.studio-markdown p{max-width:none;box-shadow:none;font:inherit;white-space:normal;background:0 0;border:0;border-radius:0;padding:0}.studio-markdown :is(ul,ol){padding-inline-start:1.6em;list-style-position:outside;display:block}.studio-markdown ul{list-style-type:disc}.studio-markdown ol{list-style-type:decimal}.studio-markdown ul ul{list-style-type:circle}.studio-markdown ul ul ul{list-style-type:square}.studio-markdown li{margin:.3em 0;padding-inline-start:.2em;display:list-item}.studio-markdown li::marker{color:var(--color-fg-secondary)}.studio-markdown li :is(ul,ol,p){margin-block:.35em}.studio-markdown .task-list-item{list-style:none}.studio-markdown .task-list-item>input{vertical-align:-.1em;width:1em;height:1em;accent-color:var(--color-link);margin-inline:-1.5em .5em}.studio-markdown :is(h1,h2,h3,h4,h5,h6){color:var(--color-fg-primary);text-wrap:pretty;margin:1.4em 0 .55em;font-weight:650;line-height:1.4}.studio-markdown h1{font-size:1.65em}.studio-markdown h2{font-size:1.4em}.studio-markdown h3{font-size:1.2em}.studio-markdown h4{font-size:1.1em}.studio-markdown :is(h5,h6){font-size:1em}.studio-markdown h6{color:var(--color-fg-secondary)}.studio-markdown blockquote{border-inline-start:3px solid var(--color-border-primary);border-radius:0 var(--radius-xxs) var(--radius-xxs) 0;background:var(--color-bg-dim);color:var(--color-fg-secondary);padding:.25em 1em}.studio-markdown blockquote>:first-child{margin-top:0}.studio-markdown blockquote>:last-child{margin-bottom:0}.studio-markdown code{border:1px solid var(--color-border-quaternary);border-radius:var(--radius-xxs);background:var(--color-bg-light);font-family:var(--font-mono);padding:.15em .35em;font-size:.875em}.studio-markdown pre{max-width:100%;padding:var(--space-screen);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xs);background:var(--color-bg-secondary);text-align:left;overflow-wrap:normal;direction:ltr;line-height:1.6;overflow-x:auto}.studio-markdown pre code{white-space:pre;overflow-wrap:normal;background:0 0;border:0;padding:0;display:block}.studio-markdown a{color:var(--color-link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.studio-markdown hr{border:0;border-top:1px solid var(--color-border-primary);margin:1.5em 0}.studio-markdown-image{border-radius:var(--radius-xs);vertical-align:middle;max-width:100%;height:auto;display:inline-block}.studio-markdown-table-wrap{overscroll-behavior-x:contain;border:1px solid var(--color-border-secondary);border-radius:var(--radius-xs);max-width:100%;overflow-x:auto}.studio-markdown :is(pre,.studio-markdown-table-wrap){scrollbar-width:thin;scrollbar-color:var(--color-fg-quaternary) transparent}.studio-markdown :is(pre,.studio-markdown-table-wrap):focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.studio-markdown table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font:inherit;overflow-wrap:normal;font-size:.875em;line-height:1.65}.studio-markdown :is(th,td){min-width:10rem;max-width:18rem;padding:var(--space-lg) var(--space-screen);border-inline-end:1px solid var(--color-border-secondary);border-bottom:1px solid var(--color-border-secondary);text-align:start;vertical-align:top;overflow-wrap:anywhere}.studio-markdown tr>:last-child{border-inline-end:0}.studio-markdown tbody tr:last-child>td{border-bottom:0}.studio-markdown th{background:var(--color-bg-tertiary);font-weight:600}.studio-markdown tbody tr:nth-child(2n){background:var(--color-bg-dim)}.studio-markdown [data-footnotes]{border-top:1px solid var(--color-border-secondary);color:var(--color-fg-secondary);margin-top:1.5em;padding-top:.75em;font-size:.875em}.studio-markdown [data-footnotes] h2{margin-top:0;font-size:1em}.studio-markdown sup a{padding-inline:.1em;text-decoration:none}.studio-markdown .hljs-comment,.studio-markdown .hljs-quote{color:var(--color-fg-secondary);font-style:italic}.studio-markdown .hljs-keyword,.studio-markdown .hljs-selector-tag,.studio-markdown .hljs-literal{color:var(--color-markdown-keyword)}.studio-markdown .hljs-string,.studio-markdown .hljs-attr{color:var(--color-markdown-string)}.studio-markdown .hljs-title,.studio-markdown .hljs-built_in{color:var(--color-link)}.studio-markdown .hljs-number,.studio-markdown .hljs-symbol{color:var(--color-markdown-number)}.studio-agent-process{gap:var(--space-xs);min-width:0;display:grid}.studio-agent-process-identity{align-items:center;gap:var(--space-md);min-height:24px;color:var(--color-brand-content);font:var(--type-title-sm);display:flex}.studio-agent-process-identity strong{font:inherit}.studio-agent-spark{fill:none;transform-origin:50%;width:16px;height:16px;animation:studio-agent-spark-enter var(--duration-standard) var(--ease-enter) both;flex:none}.studio-agent-spark-core{transform-box:fill-box;transform-origin:50%;animation:studio-agent-spark-core-turn var(--duration-panel) var(--ease-enter) both}@keyframes studio-agent-spark-enter{0%{opacity:.35}to{opacity:1}}@keyframes studio-agent-spark-core-turn{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.studio-agent-spark-core{animation:none}}.studio-agent-run-status{color:var(--color-fg-secondary);font:var(--type-body-sm)}.studio-agent-run-trigger{align-items:center;gap:var(--space-sm);width:max-content;max-width:100%;min-height:32px;color:inherit;text-align:start;background:0 0;border:0;padding:0;display:flex}.studio-agent-run-trigger:disabled{cursor:default;opacity:1}.studio-welcome-inspirations{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:none}.studio-welcome-inspirations button{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-fg-secondary);font:var(--type-body-sm);padding:8px 12px}.studio-agent-run-trigger>span{color:var(--color-fg-subprimary);font:var(--type-title-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.studio-agent-message.is-streaming .studio-agent-run-trigger>span{color:#0000;background:linear-gradient(90deg, var(--color-fg-tertiary) 35%, var(--color-fg-primary) 50%, var(--color-fg-tertiary) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite studio-agent-thinking-shimmer}.studio-agent-run-trigger>svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px;transition:transform var(--duration-standard) var(--ease-standard);flex:none;transform:rotate(-90deg)}.studio-agent-run-trigger[aria-expanded=true]>svg{transform:rotate(0)}.studio-agent-run-collapse{opacity:0;transition:grid-template-rows var(--duration-standard) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);grid-template-rows:0fr;display:grid}.studio-agent-run-collapse[data-expanded=true]{opacity:1;grid-template-rows:1fr}.studio-agent-run-collapse>div{min-height:0;overflow:hidden}.studio-agent-run-activities{max-height:240px;margin:var(--space-xs) 0 0 var(--space-xs);padding-left:var(--space-lg);overscroll-behavior-y:contain;scrollbar-width:none;gap:0;display:grid;position:relative;overflow:hidden auto}.studio-agent-run-activities::-webkit-scrollbar{display:none}.studio-agent-run-activities:before{top:0;bottom:0;left:var(--space-lg);background:var(--color-border-quaternary);content:"";width:1px;position:absolute}.studio-agent-run-activity{align-items:center;gap:var(--space-md);min-width:0;color:var(--color-fg-tertiary);font:var(--type-body-md);animation:studio-agent-step-enter var(--duration-standard) var(--ease-emphasis) var(--studio-activity-delay,0s) both;grid-template-columns:16px minmax(0,1fr);display:grid}.studio-agent-run-activity>span:last-child{min-width:0;padding:var(--space-xs) 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-agent-run-activity.is-started,.studio-agent-run-activity.is-running,.studio-agent-run-activity.is-current{color:var(--color-fg-primary)}.studio-agent-run-activity.is-failed{color:var(--color-error)}.studio-agent-run-node{z-index:1;color:currentColor;background:var(--color-bg-base);place-items:center;width:16px;height:24px;display:grid;position:relative}.studio-agent-step-status{fill:none;width:16px;height:16px;display:block;overflow:visible}.studio-agent-step-check{stroke:var(--color-fg-tertiary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:13;stroke-dashoffset:13px;opacity:0}.studio-agent-step-status.is-completed .studio-agent-step-check{stroke-dashoffset:0;opacity:1}.studio-agent-step-failed{fill:none;width:16px;height:16px}.studio-agent-error-response{width:min(100%,560px)}.studio-agent-error-action{align-items:center;gap:var(--space-md);width:min(100%,480px);min-height:56px;padding:var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);background:var(--color-bg-primary);grid-template-columns:18px minmax(0,1fr) auto;display:grid}.studio-agent-error-action-icon{width:18px;height:18px;color:var(--color-fg-primary);display:block}.studio-agent-error-action small{min-width:0;color:var(--color-fg-primary);font:var(--type-body-md);overflow-wrap:anywhere}.studio-agent-error-action button{min-width:0;height:32px;padding:0 var(--space-lg);justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);color:var(--color-bg-base);background:var(--color-fg-primary);font:var(--type-body-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);border:1px solid #0000;display:inline-flex}.studio-agent-error-action button:hover:not(:disabled){background:var(--color-fg-subprimary)}.studio-agent-error-action button:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.studio-agent-error-action button:active:not(:disabled){transform:scale(.97)}.studio-agent-error-action button:disabled{opacity:.42;cursor:not-allowed}.studio-agent-error-action button[aria-busy=true]{opacity:1;cursor:wait}.studio-agent-error-action button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.studio-agent-error-action .is-spinning{animation:.8s linear infinite studio-agent-step-spin}@media (max-width:480px){.studio-agent-error-action{grid-template-columns:18px minmax(0,1fr)}.studio-agent-error-action button{grid-column:2;width:max-content}}@media (prefers-reduced-motion:reduce){.studio-agent-error-action button,.studio-agent-error-action .is-spinning{transition:none;animation:none;transform:none}}.studio-agent-interaction-shell{width:min(100%,560px);min-width:0;transition:margin var(--duration-standard) var(--ease-standard)}.studio-agent-interaction-collapse{opacity:0;transition:grid-template-rows .18s var(--ease-standard), opacity .16s var(--ease-standard);grid-template-rows:0fr;display:grid}.studio-agent-interaction-collapse[data-expanded]{opacity:1;grid-template-rows:1fr}.studio-agent-interaction-collapse>div{min-height:0;overflow:hidden}.studio-agent-interaction{gap:var(--space-lg);padding:var(--space-screen);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-fg-primary);font:var(--type-body-lg);overflow-wrap:anywhere;animation:studio-agent-tool-in var(--duration-standard) var(--ease-enter) both;display:grid}.studio-agent-interaction header strong{font:var(--type-title-md)}.studio-agent-tool-copy{color:var(--color-fg-secondary);font:var(--type-body-lg)}.studio-agent-tool-copy>:first-child{margin-top:0}.studio-agent-tool-copy>:last-child{margin-bottom:0}.studio-agent-interaction-impact{gap:var(--space-xs);padding:var(--space-lg);border-radius:var(--radius-xs);background:var(--color-bg-light);display:grid}.studio-agent-interaction-impact>span{color:var(--color-fg-tertiary);font:var(--type-body-sm)}.studio-agent-interaction-actions{gap:var(--space-md);display:grid}.studio-agent-choice-row{min-width:0;position:relative}.studio-agent-choice-select{gap:var(--space-xs);width:100%;min-height:48px;padding-block:var(--space-lg);padding-inline:var(--space-screen) 64px;border:1px solid var(--color-border-quaternary);border-radius:var(--radius-sm);background:var(--color-bg-light);color:var(--color-fg-subprimary);font:var(--type-body-lg);text-align:start;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);display:grid;position:relative}.studio-agent-choice-select:hover:not(:disabled){background:var(--color-bg-highlight);border-color:var(--color-border-secondary)}.studio-agent-choice-select:active:not(:disabled){transform:scale(.985)}.studio-agent-choice-description{color:var(--color-fg-secondary);white-space:pre-wrap}.studio-agent-choice-indicator{inset-inline-end:16px;color:var(--color-fg-tertiary);place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.studio-agent-choice-indicator svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:16px;height:16px}.studio-agent-choice-edit{top:10px;border-radius:var(--radius-xxs);width:24px;height:24px;color:var(--color-fg-tertiary);background:0 0;border:0;place-items:center;padding:4px;display:grid;position:absolute;inset-inline-end:36px}.studio-agent-choice-edit svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.studio-agent-choice-edit:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-choice-row.is-selected .studio-agent-choice-select{border-color:var(--color-brand-content);opacity:1}.studio-agent-interaction button:disabled{cursor:default}.studio-agent-interaction[aria-busy=true] .studio-agent-choice-select{opacity:.7}.studio-agent-interaction.is-confirmation .studio-agent-interaction-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-agent-interaction.is-confirmation .studio-agent-choice-select{text-align:center;min-height:40px;font:var(--type-body-md);border-color:#0000;padding:9px 28px;font-weight:500}.studio-agent-interaction.is-confirmation .studio-agent-choice-indicator{inset-inline-end:8px}.studio-agent-custom-choice{align-items:center;gap:var(--space-xs);width:max-content;max-width:100%;min-height:40px;padding:var(--space-md) var(--space-screen);border:1px dashed var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font:var(--type-body-md);transition:background-color var(--duration-fast);background:0 0;display:flex}.studio-agent-custom-choice:hover:not(:disabled){background:var(--color-bg-light)}.studio-agent-choice-editor{gap:var(--space-md);animation:studio-agent-tool-in var(--duration-fast) var(--ease-standard);display:grid}.studio-agent-choice-editor>strong{font:var(--type-title-md)}.studio-agent-choice-editor textarea{resize:vertical;width:100%;min-height:88px;max-height:240px;padding:var(--space-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xs);background:var(--color-bg-base);color:var(--color-fg-primary);font:var(--type-body-lg)}.studio-agent-choice-editor>div{justify-content:flex-end;gap:var(--space-md);display:flex}.studio-agent-choice-character-count{text-align:end;color:var(--color-fg-secondary);font:var(--type-body-sm);font-variant-numeric:tabular-nums;display:block}.studio-agent-choice-editor button{align-items:center;gap:var(--space-sm);min-height:36px;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xs);color:var(--color-fg-primary);background:var(--color-bg-light);font:var(--type-body-md);border:0;display:flex}.studio-agent-choice-editor button.is-primary{background:var(--color-brand-main);color:var(--color-fg-on-brand)}.studio-agent-choice-editor button:disabled{opacity:.5}.studio-agent-interaction :is(button,textarea):focus-visible,.studio-agent-decision-history:focus-visible,.studio-agent-image-preview-trigger:focus-visible{outline:1px solid var(--color-fg-secondary);outline-offset:2px}.studio-agent-button-spinner{border:1.5px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;flex:none;width:14px;height:14px;animation:.7s linear infinite studio-agent-step-spin;display:inline-block}.studio-agent-decision-history{gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-screen);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-sm);background:var(--color-bg-light);color:var(--color-fg-secondary);font:var(--type-body-md);text-align:start;align-items:center;display:flex}.studio-agent-decision-history strong{overflow-wrap:anywhere;min-width:0;color:var(--color-fg-primary);flex:1;font-weight:500}.studio-agent-decision-history>span{font:var(--type-body-sm);flex:none}.studio-agent-decision-history svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:15px;height:15px;transition:transform var(--duration-fast);flex:none}.studio-agent-decision-history[aria-expanded=true]{margin-bottom:var(--space-md)}.studio-agent-decision-history[aria-expanded=true] svg{transform:rotate(180deg)}.studio-agent-image-task{gap:var(--space-screen);width:100%;min-width:0;animation:studio-agent-tool-in var(--duration-standard) var(--ease-enter) both;display:grid;container-type:inline-size}.studio-agent-image-task.is-running .studio-agent-run-trigger>span{color:var(--color-fg-secondary)}.studio-agent-image-grid{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-agent-image-preview-trigger,.studio-agent-image-placeholder{aspect-ratio:3/4;border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.studio-agent-image-preview-trigger{cursor:zoom-in;color:var(--color-static-white);transition:border-color var(--duration-fast), transform var(--duration-fast)}.studio-agent-image-preview-trigger:hover{border-color:var(--color-border-primary)}.studio-agent-image-preview-trigger:active{transform:scale(.98)}.studio-agent-image-preview-trigger img{-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-standard) var(--ease-standard)}.studio-agent-image-preview-trigger:hover img{transform:scale(1.025)}.studio-agent-image-preview-trigger>span{padding:var(--space-gap) var(--space-lg) var(--space-lg);background:linear-gradient(transparent, var(--color-mask-strong));color:var(--color-static-white);font:var(--type-title-md);text-align:center;white-space:nowrap;text-overflow:ellipsis;position:absolute;inset:auto 0 0;overflow:hidden}.studio-agent-image-candidate{align-content:start;gap:var(--space-sm);min-width:0;display:grid}.studio-agent-image-cover-action,.studio-generated-preview .studio-agent-image-cover-action{width:100%;height:auto;min-height:36px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);color:var(--color-fg-primary);background:var(--color-bg-light);font:var(--type-body-sm);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.studio-agent-image-cover-action:hover:not(:disabled){background:var(--color-bg-highlight)}.studio-agent-image-cover-action:focus-visible{outline:1px solid var(--color-fg-secondary);outline-offset:2px}.studio-agent-image-cover-action:disabled{opacity:.5;cursor:not-allowed}.studio-agent-image-cover-hint,.studio-generated-preview-cover>p{color:var(--color-fg-tertiary);font:var(--type-body-sm);overflow-wrap:anywhere;margin:0}.studio-generated-preview-cover{justify-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:grid}.studio-generated-preview-cover .studio-agent-image-cover-action{width:auto;min-width:160px}.studio-agent-image-cells{gap:var(--space-sm);padding:var(--space-md);grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:absolute;inset:0}.studio-agent-image-cells i{aspect-ratio:1;border-radius:var(--radius-full);background:var(--color-fg-quaternary);place-self:center;width:min(54%,16px);animation:1.8s linear infinite studio-agent-image-cell}.studio-agent-image-cells i:nth-child(3n){background:var(--color-fg-tertiary)}.studio-agent-image-failure{justify-items:start;gap:var(--space-lg);display:grid}.studio-agent-image-error{color:var(--color-fg-secondary);font:var(--type-body-md);overflow-wrap:anywhere;margin:0}.studio-agent-image-failure>button{align-items:center;gap:var(--space-sm);min-height:36px;padding:0 var(--space-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);background:var(--color-bg-light);color:var(--color-fg-primary);font:var(--type-body-md);transition:background-color var(--duration-fast), transform var(--duration-micro);display:flex}.studio-agent-image-failure>button:hover:not(:disabled){background:var(--color-bg-highlight)}.studio-agent-image-failure>button:active:not(:disabled){transform:scale(.97)}.studio-agent-image-failure>button:disabled{cursor:wait}.studio-generated-preview{width:100vw;max-width:none;height:100dvh;max-height:none;padding:var(--space-screen);color:var(--color-fg-primary);background:0 0;border:0;margin:0}.studio-generated-preview[open]{animation:studio-agent-tool-in var(--duration-fast) var(--ease-standard);place-items:center;display:grid}.studio-generated-preview::backdrop{background:var(--color-mask-strong)}.studio-generated-preview[open][data-closing]{opacity:0;transition:opacity var(--duration-fast);animation:none}.studio-generated-preview[data-closing]::backdrop{opacity:0;transition:opacity var(--duration-fast)}.studio-generated-preview-panel{width:min(100%,1000px);min-width:0;padding:var(--space-screen);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.studio-generated-preview header{gap:var(--space-screen);font:var(--type-body-md);justify-content:space-between;align-items:center;display:flex}.studio-generated-preview button{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-primary);background:var(--color-bg-light);border:0;flex:none;place-items:center;padding:0;font-size:24px;display:grid}.studio-generated-preview button:hover{background:var(--color-bg-highlight)}.studio-generated-preview-stage{align-items:center;gap:var(--space-md);display:flex}.studio-generated-preview-image{flex:1;min-width:0;height:min(70dvh,780px);position:relative}.studio-generated-preview-image img{-o-object-fit:contain;object-fit:contain}.studio-generated-preview footer{padding-top:var(--space-lg);text-align:center;font:var(--type-body-md)}@container (max-width:520px){.studio-agent-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:280px){.studio-agent-image-grid{grid-template-columns:minmax(0,1fr)}}@keyframes studio-agent-image-cell{0%,to{opacity:.12;transform:scale(.96)}32%{opacity:.55;transform:scale(1)}64%{opacity:.18;transform:scale(.96)}}@keyframes studio-agent-tool-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.studio-agent-interaction,.studio-agent-choice-editor,.studio-agent-image-task,.studio-agent-image-cells i,.studio-agent-button-spinner,.studio-generated-preview[open]{animation:none}.studio-agent-image-cells i{opacity:.25}.studio-agent-interaction-collapse,.studio-agent-interaction-shell,.studio-generated-preview,.studio-agent-choice-select,.studio-agent-decision-history svg,.studio-agent-image-preview-trigger img{transition:none}}@keyframes studio-agent-thinking-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@keyframes studio-agent-step-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-agent-step-spin{to{transform:rotate(1turn)}}.studio-agent-message.is-user{justify-content:flex-end}.studio-agent-message.is-user p{border-bottom-right-radius:var(--radius-xxs);background:var(--color-bg-tertiary);box-shadow:none;border-color:#0000}.studio-agent-composer-wrap{z-index:2;transition:transform .36s var(--ease-emphasis);will-change:transform;grid-area:3/1;padding:0 36px 18px;position:relative;transform:translate(0,0)}.studio-agent-resources{z-index:12;visibility:hidden;opacity:0;pointer-events:none;width:460px;min-width:460px;min-height:0;transform:translateX(var(--space-screen));background:var(--color-bg-primary);transition:opacity var(--duration-panel) var(--ease-emphasis), transform var(--duration-panel) var(--ease-emphasis), border-color var(--duration-panel) var(--ease-emphasis), visibility 0s linear var(--duration-panel);border-left:1px solid #0000;grid-area:1/2/-1;display:flex;overflow:hidden}.studio-agent-canvas.is-resources-open .studio-agent-resources{visibility:visible;opacity:1;pointer-events:auto;border-left-color:var(--color-border-quaternary);transition-delay:0s;transform:translate(0)}.studio-agent-resource-panel{background:var(--color-bg-primary);grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.studio-agent-resource-tabs{min-width:0;height:56px;padding:0 var(--space-gap);align-items:stretch;gap:var(--space-gap);border-bottom:1px solid var(--color-border-quaternary);display:flex}.studio-resource-panel-title{min-width:0;color:var(--color-fg-primary);font:var(--type-body-lg);align-items:center;margin:0;display:flex}.studio-agent-resource-tabs button{color:var(--color-fg-secondary);font:var(--type-body-lg);background:0 0;border:0;padding:0;position:relative}.studio-agent-resource-tabs button:after{opacity:0;background:var(--color-fg-primary);height:2px;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-emphasis);content:"";position:absolute;bottom:0;left:0;right:0;transform:scaleX(.6)}.studio-agent-resource-tabs button[role=tab]:hover,.studio-agent-resource-tabs button[role=tab].is-active{color:var(--color-fg-primary)}.studio-agent-resource-tabs button.is-active:after{opacity:1;transform:scaleX(1)}.studio-agent-resource-form{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.studio-agent-resource-scroll{min-width:0;min-height:0;padding:var(--space-gap) var(--space-screen) var(--space-screen);align-content:start;justify-items:stretch;gap:var(--space-gap);overscroll-behavior:contain;scroll-padding-block:var(--space-screen);scrollbar-width:none;border:0;grid-template-columns:minmax(0,1fr);margin:0;display:grid;overflow:hidden auto}.studio-agent-resource-scroll::-webkit-scrollbar{display:none}.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>*{animation:studio-agent-resource-field-in var(--duration-standard) var(--ease-enter) both}.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>:nth-child(2){animation-delay:24ms}.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>:nth-child(3){animation-delay:40ms}.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>:nth-child(4){animation-delay:56ms}.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>:nth-child(n+5){animation-delay:72ms}@keyframes studio-agent-resource-field-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.studio-agent-resource-cover{justify-items:center;gap:var(--space-lg);padding-block:var(--space-md);display:grid}.studio-agent-resource-cover>input{display:none}.studio-agent-resource-avatar{isolation:isolate;width:var(--size-resource-cover-width);height:var(--size-resource-cover-height);align-content:center;place-items:center;gap:var(--space-md);border:1px dashed var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font:var(--type-body-sm);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;margin:0 auto;padding:0;display:grid;position:relative;overflow:hidden}.studio-agent-resource-avatar:hover,.studio-agent-resource-avatar:focus-within{color:var(--color-fg-primary);border-color:var(--color-fg-primary)}.studio-agent-resource-avatar .studio-cover-image{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.studio-agent-resource-avatar.has-image{border-style:solid;border-color:var(--color-border-quaternary);box-shadow:var(--shadow-raised)}.studio-cover-image{opacity:0}.studio-cover-image.is-ready{opacity:1;animation:studio-cover-image-in var(--duration-panel) var(--ease-standard) both}@keyframes studio-cover-image-in{0%{opacity:0}to{opacity:1}}.studio-cover-upload-loading{z-index:2;justify-content:center;align-items:center;gap:var(--space-md);color:var(--color-fg-secondary);background:color-mix(in srgb, var(--color-bg-primary) 88%, transparent);font:var(--type-label-sm);cursor:wait;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-panel) var(--ease-standard), visibility 0s var(--duration-panel);flex-direction:column;display:flex;position:absolute;inset:0}.studio-cover-upload-loading[data-loading=true]{opacity:1;visibility:visible;pointer-events:auto;transition:none}@media (prefers-reduced-motion:reduce){.studio-cover-image.is-ready{animation:none}.studio-cover-upload-loading{transition:none}}.studio-cover-empty-upload{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:inherit;width:100%;height:100%;color:var(--color-fg-tertiary);font:var(--type-label-sm);transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:absolute;inset:0}.studio-cover-empty-upload:hover:not(:disabled),.studio-cover-empty-upload:focus-visible{color:var(--color-fg-primary)}.studio-cover-empty-upload:focus-visible{outline-offset:-3px}.studio-cover-empty-upload:disabled{cursor:wait}.studio-agent-resource-avatar .studio-cover-empty-upload svg{width:20px;height:20px}.studio-cover-actions{z-index:2;right:var(--space-md);bottom:var(--space-md);left:var(--space-md);justify-content:space-between;gap:var(--space-xs);opacity:1;transition:opacity var(--duration-fast) var(--ease-standard);display:flex;position:absolute}.studio-cover-actions>button{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-raised);border:0;place-items:center;padding:0;display:grid}.studio-cover-actions>button:hover:not(:disabled){background:var(--color-bg-secondary)}.studio-cover-actions>button:focus-visible{outline:1px solid var(--color-fg-secondary);outline-offset:2px}.studio-cover-actions>button:disabled{opacity:.4}.studio-cover-actions>button svg{width:16px;height:16px}@media (min-width:801px) and (hover:hover) and (pointer:fine){.studio-agent-resource-avatar.has-image .studio-cover-actions{opacity:0}.studio-agent-resource-avatar.has-image:hover .studio-cover-actions,.studio-agent-resource-avatar.has-image:focus-within .studio-cover-actions{opacity:1}}.studio-cover-thumbnail:not([open]){display:contents}.studio-cover-preview{width:calc(100vw - var(--space-gap) * 2);height:calc(100dvh - var(--space-gap) * 2);max-width:none;max-height:none;padding:var(--space-screen);border-radius:var(--radius-md);color:var(--color-fg-primary);animation:studio-cover-preview-in var(--duration-fast) var(--ease-enter);background:0 0;border:0;place-items:center;margin:auto;display:grid;position:fixed;inset:0;overflow:hidden}.studio-cover-preview::backdrop{background:var(--color-mask-strong);-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle))}.studio-cover-preview[data-closing],.studio-cover-preview[data-closing]::backdrop{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.studio-cover-preview-image{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:0;transition:opacity var(--duration-fast) var(--ease-standard);display:block}.studio-cover-preview-close{z-index:2;top:var(--space-screen);right:var(--space-screen);width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-sm);color:var(--color-fg-primary);background:color-mix(in srgb, var(--color-bg-primary) 78%, transparent);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(var(--blur-standard));backdrop-filter:blur(var(--blur-standard));border:0;place-items:center;padding:0;display:grid;position:absolute}.studio-cover-preview-close:hover{background:color-mix(in srgb, var(--color-bg-primary) 94%, var(--color-fg-primary))}.studio-cover-preview-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:20px;height:20px}@keyframes studio-cover-preview-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.studio-cover-preview{width:calc(100vw - var(--space-lg) * 2);height:calc(100dvh - var(--space-lg) * 2);border-radius:var(--radius-sm)}.studio-cover-preview-close{top:var(--space-md);right:var(--space-md)}}.studio-agent-resource-avatar svg,.studio-agent-resource-empty svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:22px;height:22px}.studio-agent-resource-cover>p{max-width:280px;color:var(--color-fg-tertiary);font:var(--type-body-sm);text-align:center;margin:0}.studio-agent-resource-scroll label{gap:var(--space-md);min-width:0;color:var(--color-fg-subprimary);font:var(--type-title-sm);grid-template-columns:minmax(0,1fr);display:grid}.studio-agent-resource-scroll label>span>b{font:inherit}.studio-agent-resource-scroll label>span{justify-content:space-between;gap:var(--space-md);display:flex}.studio-agent-resource-scroll small{color:var(--color-fg-tertiary);font:var(--type-body-sm)}.studio-agent-resource-scroll label>.studio-agent-resource-control,.studio-agent-resource-scroll .studio-agent-resource-tag-input,.studio-agent-resource-language{width:100%;min-width:0;padding:var(--space-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-primary);caret-color:var(--color-brand-content);font:var(--type-body-md);transition:border-color var(--duration-fast) var(--ease-standard);background:0 0;outline:0;display:block;overflow:hidden}.studio-agent-resource-control{height:calc(var(--size-control-lg) + var(--space-xs))}.studio-agent-resource-control.is-short{height:96px}.studio-agent-resource-control.is-medium{height:128px}.studio-agent-resource-control.is-long{height:240px}.studio-agent-resource-language:hover:not(:disabled){border-color:var(--resource-hover-border);box-shadow:none}.studio-agent-resource-scroll label>.studio-agent-resource-control:hover:not(:has(:disabled)){border-color:var(--resource-hover-border);box-shadow:none}.studio-agent-resource-scroll label>.studio-agent-resource-control:focus-within,.studio-agent-resource-language:focus-visible{border-color:var(--color-fg-primary)}.studio-agent-resource-control>:is(input,textarea){resize:none;width:100%;height:100%;min-height:0;color:var(--color-fg-primary);caret-color:var(--color-brand-content);font:var(--type-body-md);background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0;display:block}.studio-agent-content-markdown::-moz-placeholder{color:var(--color-fg-tertiary);opacity:1}.studio-agent-resource-control>:is(input,textarea)::-moz-placeholder{color:var(--color-fg-tertiary);opacity:1}.studio-agent-content-markdown::placeholder,.studio-agent-resource-control>:is(input,textarea)::placeholder{color:var(--color-fg-tertiary);opacity:1}.studio-agent-resource-control>textarea{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-fg-quaternary) transparent;overflow-y:auto}.studio-agent-resource-control>textarea::-webkit-scrollbar{width:8px}.studio-agent-resource-control>textarea::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-fg-quaternary);background-clip:padding-box;border:2px solid #0000}.studio-agent-resource-control>textarea::-webkit-scrollbar-thumb:hover{background-color:var(--color-fg-tertiary)}.studio-agent-resource-language{height:48px}.studio-agent-resource-field{gap:var(--space-md);display:grid}.studio-agent-resource-field h3{color:var(--color-fg-subprimary);font:var(--type-title-sm);margin:0}.studio-agent-resource-tags{align-items:center;gap:var(--space-md);flex-wrap:wrap;min-width:0;display:flex}.studio-agent-tag-options{gap:var(--space-sm);max-height:160px;padding-top:var(--space-sm);flex-wrap:wrap;display:flex;overflow-y:auto}.studio-agent-tag-options button{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);color:var(--color-fg-primary);background:var(--color-bg-primary);font:var(--type-body-md)}.studio-agent-tag-options button:hover{background:var(--color-bg-highlight)}.studio-resource-panel-with-tabs.has-catalog,.has-catalog>.studio-agent-resource-form{grid-template-rows:minmax(0,1fr)}.has-catalog>.studio-agent-resource-form>.studio-resource-top-actions,.has-catalog>.studio-agent-resource-tabs,.studio-resource-panel-with-tabs.has-catalog .studio-resource-save-footer{display:none}.has-catalog .studio-agent-resource-scroll{padding:0;display:block;overflow:hidden}.studio-resource-catalog{grid-template-rows:56px minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.studio-resource-catalog>header{align-items:center;gap:var(--space-lg);padding-inline:var(--space-md);border-bottom:1px solid var(--color-border-secondary);grid-template-columns:40px minmax(0,1fr) auto;display:grid}.studio-resource-catalog header h3{font:var(--type-title-md);margin:0}.studio-resource-catalog header small{font:var(--type-body-sm);color:var(--color-fg-tertiary)}.studio-catalog-back{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-catalog-back svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:20px;height:20px}[dir=rtl] .studio-catalog-back svg{transform:rotate(180deg)}.studio-resource-catalog-scroll{gap:var(--space-screen);padding:var(--space-screen);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;position:relative;overflow-y:auto}.studio-catalog-loading{padding:var(--space-screen);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.studio-resource-catalog-scroll>*{flex-shrink:0}.studio-resource-catalog-scroll>.studio-agent-resource-tag-input{width:100%}.studio-resource-catalog .studio-agent-tag-options{gap:var(--space-md);max-height:none;padding:0;overflow:visible}.studio-resource-catalog .studio-agent-tag-options button,.studio-catalog-chip{height:36px;max-width:min(148px, calc((100% - var(--space-md)) / 2));min-width:0;padding:0 var(--space-screen);border-radius:var(--radius-full);color:var(--color-fg-subprimary);background:var(--color-bg-light);font:var(--type-body-md);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:0;justify-content:center;align-items:center;font-weight:400;display:inline-flex}.studio-resource-catalog .studio-agent-tag-options button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-catalog-filter-control{align-items:start;gap:var(--space-xs);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.studio-catalog-filters{gap:var(--space-xs);min-width:0;padding-bottom:var(--space-xs);overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;display:flex;overflow:auto hidden}.studio-catalog-filter-control[data-expanded] .studio-catalog-filters{flex-wrap:wrap;padding-bottom:0;overflow-x:visible}.studio-catalog-chip{white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.studio-catalog-tags-toggle{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);color:var(--color-fg-secondary);background:var(--color-bg-light);font:var(--type-body-sm);border:0;justify-self:end}.studio-catalog-tags-toggle:hover{background:var(--color-bg-highlight)}.studio-catalog-filter-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-fg-secondary);background:var(--color-bg-light);border:0;place-items:center;padding:0;display:grid}.studio-catalog-filter-toggle:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-catalog-filter-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.studio-catalog-chip[aria-pressed=true],.studio-resource-catalog .studio-agent-tag-options button[aria-pressed=true]{color:var(--color-brand-content);background:var(--color-brand-highlight)}.studio-catalog-chip:hover:not(:disabled),.studio-resource-catalog .studio-agent-tag-options button:hover:not(:disabled),.studio-catalog-back:hover{background:var(--color-bg-highlight)}.studio-catalog-chip[aria-pressed=true]:hover:not(:disabled),.studio-resource-catalog .studio-agent-tag-options button[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand-main) 16%, transparent)}.studio-resource-catalog button:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.studio-agent-tag-options button:disabled{opacity:.45;cursor:not-allowed}.studio-catalog-clear,.studio-resource-catalog [role=alert] button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);background:var(--color-bg-highlight);color:var(--color-fg-secondary);font:var(--type-body-sm);border:0;align-self:flex-start}.studio-resource-catalog[data-kind=voices]{grid-template-rows:48px minmax(0,1fr)}.studio-resource-catalog[data-kind=voices]>header{gap:var(--space-md);padding-inline:var(--space-xs);border-bottom:0}.studio-resource-catalog[data-kind=voices] .studio-resource-catalog-scroll{padding:var(--space-screen) 0 0;gap:0;overflow:hidden}.studio-resource-catalog[data-kind=voices] .studio-catalog-filter-control{padding:0 var(--space-screen) var(--space-screen) calc(var(--space-screen) + var(--space-md))}.studio-resource-catalog[data-kind=voices] .studio-catalog-filter-control[data-expanded]{max-height:40%;overflow-y:auto}.studio-catalog-filters .studio-catalog-chip{border-radius:var(--radius-sm);color:var(--color-fg-secondary);font:var(--type-title-sm);background:0 0}.studio-catalog-filters .studio-catalog-chip:hover:not(:disabled),.studio-catalog-filters .studio-catalog-chip[aria-pressed=true],.studio-catalog-filters .studio-catalog-chip[aria-pressed=true]:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-resource-catalog[data-kind=voices] .studio-catalog-filters{scrollbar-width:none;padding-bottom:0}.studio-resource-catalog[data-kind=voices] .studio-catalog-clear{margin:0 var(--space-screen) var(--space-md)}.studio-resource-catalog[data-kind=voices] .studio-resource-catalog-scroll>p,.studio-resource-catalog[data-kind=voices] .studio-resource-catalog-scroll>[role=alert]{margin-inline:var(--space-screen)}.studio-resource-catalog-scroll>.studio-catalog-voices{flex:auto;min-height:0}.studio-catalog-voices{align-content:start;gap:var(--space-xs);padding:0 var(--space-screen) var(--space-screen);overscroll-behavior:contain;scrollbar-width:thin;grid-auto-rows:max-content;display:grid;overflow-y:auto}.studio-catalog-voice-row{align-items:center;gap:var(--space-sm);min-height:64px;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.studio-catalog-voice-row:hover{background:var(--color-bg-highlight)}.studio-catalog-voice-row[data-selected]{background:var(--color-brand-highlight)}.studio-catalog-voice-row[data-selected] b{color:var(--color-brand-content)}.studio-catalog-voice-row>button{align-items:center;gap:var(--space-lg);min-width:0;min-height:56px;color:var(--color-fg-primary);text-align:start;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);padding:0;display:grid}.studio-catalog-voice-row>button>span{min-width:0}.studio-catalog-voices b,.studio-catalog-voices small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.studio-catalog-voices b{font:var(--type-body-md);font-weight:500}.studio-catalog-voices small{color:var(--color-fg-tertiary);font:var(--type-body-sm)}.studio-catalog-voices .studio-catalog-voice-classes{gap:var(--space-xs);margin-top:var(--space-xs);padding-inline:var(--space-sm);overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-sm), #000 calc(100% - var(--space-sm)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--space-sm), #000 calc(100% - var(--space-sm)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--space-sm), #000 calc(100% - var(--space-sm)), transparent);flex-wrap:nowrap;display:flex;overflow:auto hidden}.studio-catalog-voice-classes>span{max-width:100%;padding:0 var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-highlight);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.studio-catalog-voice-avatar{border-radius:var(--radius-full);background:var(--color-bg-highlight);width:32px;height:32px;font:var(--type-body-md);place-items:center;display:grid;position:relative;overflow:hidden}.studio-catalog-voice-avatar img{-o-object-fit:cover;object-fit:cover}.studio-catalog-preview .studio-loading-ring{width:18px;height:18px}.studio-catalog-preview{border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-fg-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-catalog-preview:hover:not(:disabled),.studio-catalog-preview[aria-pressed=true]{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-catalog-preview:disabled{opacity:.45;cursor:not-allowed}.studio-catalog-preview[aria-busy=true]{opacity:.6}.studio-catalog-preview-error{grid-column:1/-1}.studio-catalog-preview svg{fill:currentColor;stroke:none;width:18px;height:18px}.studio-agent-resource-scroll .studio-resource-voice-field,.studio-resource-voice-field *,.studio-resource-catalog[data-kind=voices],.studio-resource-catalog[data-kind=voices] *{font-family:var(--font-login)}.studio-resource-voice-trigger{align-items:center;gap:var(--space-lg);width:100%;min-width:0;min-height:72px;padding:calc(var(--space-lg) - 1px);border-radius:var(--radius-sm);text-align:start;color:var(--color-fg-primary);background:var(--color-bg-secondary);font:var(--type-title-sm);font-family:var(--font-login);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:flex}.studio-resource-voice-trigger:focus-visible{outline:2px solid var(--color-brand-main);outline-offset:2px}.studio-resource-voice-trigger:hover:not(:disabled){background:var(--color-bg-tertiary)}.studio-resource-voice-trigger[data-empty]{border-style:dashed;border-color:var(--color-border-secondary);background:0 0}.studio-resource-voice-trigger[data-empty]:hover:not(:disabled){border-color:var(--color-fg-primary);background:0 0}.studio-resource-voice-trigger>.studio-resource-voice-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-resource-voice-avatar{border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-fg-primary);background:var(--color-bg-tertiary);flex:0 0 48px;place-items:center;font-size:16px;font-weight:400;line-height:20px;display:grid;position:relative;overflow:hidden}.studio-resource-voice-trigger[data-empty] .studio-resource-voice-avatar{color:var(--color-fg-secondary);background:color-mix(in srgb, var(--color-bg-tertiary) 72%, var(--color-bg-primary))}.studio-resource-voice-avatar img{-o-object-fit:cover;object-fit:cover}.studio-resource-voice-avatar svg{fill:none;stroke:none;width:20px;height:20px}.studio-resource-voice-trigger>svg{width:18px;height:18px;color:var(--color-narrator-chevron);flex:0 0 18px}.studio-agent-resource-form>footer>span{min-width:0;color:var(--color-fg-secondary);font:var(--type-body-sm);grid-area:status;align-self:center}.studio-agent-resource-form>footer button:disabled{opacity:.45;cursor:not-allowed}.studio-agent-resource-add-tag,.studio-agent-resource-tag{align-items:center;gap:var(--space-sm);width:max-content;max-width:148px;min-height:36px;padding:0 var(--space-lg);border-radius:var(--radius-full);color:var(--color-fg-secondary);font:var(--type-body-md);background:0 0;display:inline-flex}.studio-agent-resource-add-tag{height:36px;padding-inline:var(--space-lg) var(--space-screen);border:1px dashed var(--color-border-secondary);font-family:var(--font-login);transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}.studio-agent-resource-add-tag:hover:not(:disabled){border-color:var(--color-fg-primary);color:var(--color-fg-primary)}.studio-agent-resource-add-tag:focus-visible{outline:2px solid var(--color-brand-main);outline-offset:2px}.studio-agent-resource-add-tag:disabled{cursor:not-allowed;opacity:.45}.studio-agent-resource-add-tag svg,.studio-agent-resource-tag svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:16px;height:16px}.studio-agent-resource-add-tag svg{stroke-width:2px;flex:none}.studio-agent-resource-tag{padding-right:var(--space-xs);color:var(--color-fg-subprimary);background:var(--color-bg-light)}.studio-agent-resource-tag>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-agent-resource-tag>button{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-fg-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-agent-resource-tag>button:hover:not(:disabled){color:var(--resource-hover-text)}.studio-agent-resource-tag>.studio-resource-tag-label{text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;display:block;overflow:hidden}.studio-agent-resource-scroll .studio-resource-catalog .studio-agent-resource-tag-input{width:100%}.studio-agent-resource-scroll .studio-agent-resource-tag-input{width:132px;height:36px;min-height:36px;padding:0 var(--space-lg);border-radius:var(--radius-full)}.studio-agent-resource-scroll fieldset{border:0;min-width:0;margin:0;padding:0;display:block}.studio-agent-resource-scroll legend{width:100%;color:var(--color-fg-subprimary);font:var(--type-title-sm);white-space:nowrap;margin-block-end:var(--space-md);padding:0}.studio-agent-resource-visibility{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-agent-resource-visibility button{height:48px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);color:var(--color-fg-secondary);background:var(--color-bg-secondary);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:1px solid #0000;display:flex}.studio-agent-resource-visibility button:hover:not(:disabled):not(.is-active){color:var(--resource-hover-text);background:var(--resource-hover-surface)}.studio-agent-resource-visibility button.is-active{color:var(--color-brand-content);border-color:var(--color-brand-main);background:var(--color-brand-highlight)}.studio-agent-resource-visibility button>span{align-items:center;gap:var(--space-md);min-width:0;display:inline-flex}.studio-agent-resource-visibility button b{font:var(--type-title-sm)}.studio-agent-resource-visibility svg,.studio-agent-resource-heading-action svg,.studio-agent-resource-voice svg,.studio-agent-content-editor svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:18px;height:18px}.studio-agent-resource-visibility .studio-resource-public-icon{stroke-width:2px;width:16px;height:16px}.studio-agent-resource-heading-action{align-items:center;gap:var(--space-xs);font:inherit;display:inline-flex}.studio-agent-resource-heading-action>button{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--color-fg-tertiary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;display:grid}.studio-agent-resource-heading-action>button svg{width:16px;height:16px}.studio-agent-resource-heading-action>button:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-agent-resource-heading-action>button:focus-visible{outline:1px solid var(--color-border-secondary);outline-offset:2px;color:var(--color-fg-primary);background:0 0}.studio-agent-resource-voice{min-height:64px;padding:var(--space-lg);border:1px dashed var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-fg-primary);transition:border-color var(--duration-fast) var(--ease-standard);grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;position:relative;gap:var(--space-lg)!important;display:grid!important}.studio-agent-resource-voice:hover{border-color:var(--resource-hover-border)}.studio-agent-resource-voice:focus-within{border-color:var(--color-fg-secondary)}.studio-agent-resource-voice-avatar{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-secondary);background:color-mix(in srgb, var(--color-bg-tertiary) 72%, var(--color-bg-primary));place-items:center;display:grid}.studio-agent-resource-voice select{appearance:none;width:100%;height:40px;color:var(--color-fg-primary);font:var(--type-title-sm);cursor:pointer;background:0 0;border:0;outline:0;padding:0}.studio-agent-resource-form>footer{z-index:2;padding:var(--space-lg) var(--space-screen) max(18px, env(safe-area-inset-bottom));-moz-column-gap:var(--space-md);align-items:center;column-gap:var(--space-md);background:var(--color-bg-primary);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"status action""error error";display:grid;position:relative}.studio-agent-resource-form>footer:before{background:linear-gradient(transparent, var(--color-bg-primary));pointer-events:none;content:"";height:48px;position:absolute;inset:-48px 0 auto}.studio-agent-resource-form>footer>small{min-width:0;margin-top:var(--space-md);color:var(--color-error);font:var(--type-body-sm);overflow-wrap:anywhere;grid-area:error}.studio-agent-resource-form>footer button{min-width:0;min-height:var(--size-control-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);color:var(--color-fg-primary);font:var(--type-body-lg);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);background:0 0;grid-area:action;font-weight:500}.studio-agent-resource-form>footer button:hover:not(:disabled){background:var(--resource-hover-surface)}.studio-agent-resource-form>footer button.is-primary{color:var(--color-bg-base);background:var(--color-fg-primary);border-color:#0000}.studio-agent-resource-form>footer button.is-primary:hover:not(:disabled){background:var(--color-fg-subprimary)}.studio-agent-resource-form>footer button:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:3px}.studio-agent-resource-form>footer button[aria-busy=true]{cursor:progress}.studio-agent-resource-form>footer button:active:not(:disabled){transform:scale(.97)}@media (hover:none){.studio-agent-resource-avatar.has-image:after,.studio-agent-resource-avatar.has-image .studio-agent-resource-avatar-action{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.studio-agent-canvas.is-resources-open .studio-agent-resource-scroll>*{animation:none}}.studio-agent-content-editor-layer{z-index:140;padding:var(--space-gap);animation:studio-agent-content-layer-in var(--duration-fast) var(--ease-standard) both;place-items:center;display:grid;position:fixed;inset:0}.studio-agent-content-editor-layer.is-closing{pointer-events:none;animation:studio-agent-content-layer-out var(--duration-fast) var(--ease-standard) both}.studio-agent-content-editor-dismiss{background:var(--color-mask-standard);-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle));border:0;position:absolute;inset:0}.studio-agent-content-editor{width:min(960px, calc(100vw - (var(--space-page) * 2)));height:min(680px, calc(100dvh - (var(--space-page) * 2)));border:1px solid var(--color-border-quaternary);border-radius:var(--radius-lg);color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-modal);animation:studio-agent-content-editor-in var(--duration-standard) var(--ease-enter) both;grid-template-rows:56px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.studio-agent-content-editor-layer.is-closing .studio-agent-content-editor{animation:studio-agent-content-editor-out var(--duration-fast) var(--ease-standard) both}.studio-agent-content-editor>header{min-width:0;min-height:56px;padding:0 var(--space-screen);justify-content:space-between;align-items:center;gap:var(--space-screen);border-bottom:1px solid var(--color-border-quaternary);display:flex}.studio-agent-content-editor-title{align-items:baseline;gap:var(--space-md);min-width:0;display:flex}.studio-agent-content-editor h2{font:var(--type-title-md);margin:0}.studio-agent-content-editor-title small{color:var(--color-fg-tertiary);font:var(--type-body-sm);white-space:nowrap}.studio-agent-content-editor-actions{align-items:center;gap:var(--space-lg);flex:none;display:flex}.studio-agent-content-editor-actions>span{min-width:88px;color:var(--color-fg-tertiary);font:var(--type-label-sm);font-variant-numeric:tabular-nums;text-align:right}.studio-agent-content-editor-actions>button{font:var(--type-body-md);border:1px solid #0000}.studio-agent-content-editor-actions .studio-agent-content-editor-done{width:auto;min-width:0;height:32px;padding:0 var(--space-lg);border-radius:var(--radius-full);color:var(--color-bg-base);background:var(--color-fg-primary);justify-content:center;align-items:center;display:inline-flex}.studio-agent-content-editor-actions .studio-agent-content-editor-close{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-fg-secondary);background:0 0;place-items:center;padding:0;display:grid}.studio-agent-content-editor-actions .studio-agent-content-editor-close:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-content-editor-body{grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.studio-agent-content-outline{min-height:0;padding:var(--space-screen) var(--space-md);border-right:1px solid var(--color-border-quaternary);background:var(--color-bg-base);scrollbar-width:none;overflow:auto}.studio-agent-content-outline::-webkit-scrollbar{display:none}.studio-agent-content-outline>header{gap:var(--space-xs);padding:0 var(--space-md) var(--space-lg);display:grid}.studio-agent-content-outline>header b{color:var(--color-fg-primary);font:var(--type-title-sm)}.studio-agent-content-outline>header small,.studio-agent-content-outline-empty{color:var(--color-fg-tertiary);font:var(--type-body-sm);line-height:18px}.studio-agent-content-outline-empty{padding:var(--space-md);overflow-wrap:anywhere;margin:0}.studio-agent-content-outline-list{gap:var(--space-xs);display:grid}.studio-agent-content-outline-list button{width:100%;min-height:36px;padding:0 var(--space-md);border-radius:var(--radius-full);color:var(--color-fg-secondary);font:var(--type-body-sm);text-align:left;text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:block;overflow:hidden}.studio-agent-content-outline-list button.is-level-2{padding-left:var(--space-screen)}.studio-agent-content-outline-list button.is-level-3{padding-left:var(--space-gap)}.studio-agent-content-outline-list button:hover{color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-agent-content-outline-list button.is-active{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-content-outline-list button:focus-visible{outline:1px solid var(--color-border-secondary);outline-offset:1px;color:var(--color-fg-primary);background:var(--color-bg-light)}.studio-agent-content-editor-body>main{background:var(--color-bg-primary);min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.studio-agent-content-markdown{width:100%;height:100%;min-height:100%;max-height:100%;padding:var(--space-gap) var(--space-page) 96px;resize:none;color:var(--color-fg-primary);background:var(--color-bg-primary);caret-color:var(--color-brand-content);font:400 13px/1.8 var(--font-mono);tab-size:2;scroll-behavior:smooth;scrollbar-width:none;border:0;outline:0;position:absolute;inset:0;overflow:hidden auto}.studio-agent-content-markdown::-webkit-scrollbar{display:none}@media (max-width:700px){.studio-agent-content-editor-layer{padding:var(--space-lg)}.studio-agent-content-editor{width:calc(100vw - (var(--space-lg) * 2));height:calc(100dvh - (var(--space-lg) * 2))}.studio-agent-content-editor-title small,.studio-agent-content-outline{display:none}.studio-agent-content-editor-actions>span{min-width:0}.studio-agent-content-editor-body{grid-template-columns:minmax(0,1fr)}.studio-agent-content-markdown{padding:var(--space-screen) var(--space-lg) 120px}}@keyframes studio-agent-content-layer-in{0%{opacity:0}}@keyframes studio-agent-content-layer-out{to{opacity:0}}@keyframes studio-agent-content-editor-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes studio-agent-content-editor-out{to{opacity:0;transform:translateY(4px)scale(.99)}}.studio-agent-resource-empty{place-content:center;justify-items:center;gap:var(--space-md);min-height:0;padding:var(--space-gap);color:var(--color-fg-tertiary);text-align:center;display:grid}.studio-agent-resource-empty strong{color:var(--color-fg-primary);font:var(--type-title-sm)}.studio-agent-resource-empty span{font:var(--type-body-sm)}@media (max-width:1279px){.studio-agent-canvas.is-resources-open{grid-template-columns:minmax(0,1fr) 0}.studio-agent-resources{width:min(460px, calc(100vw - var(--space-screen)));min-width:0;box-shadow:var(--shadow-floating);position:fixed;top:0;bottom:0;right:0}}@media (prefers-reduced-motion:reduce){.studio-agent-canvas,.studio-agent-resources{transition:none}.studio-agent-action-menu,.studio-agent-action-menu.is-closing{animation-duration:var(--duration-micro);transform:none}}.studio-agent-composer{--composer-surface:var(--color-bg-secondary);width:min(760px,100%);min-height:128px;padding:var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-lg);background:var(--composer-surface);box-shadow:var(--shadow-composer);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-standard) var(--ease-standard);grid-template-rows:minmax(0,1fr) auto;margin:0 auto;display:grid}.studio-agent-composer:focus-within{border-color:var(--color-border-quaternary);box-shadow:var(--shadow-composer)}@supports (background:color-mix(in srgb, white, transparent)){.studio-agent-composer{--composer-surface:color-mix(in srgb, var(--color-bg-primary) 96%, var(--color-fg-primary))}}@supports (background:color-mix(in srgb, white, transparent)) and ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.studio-agent-composer{background:color-mix(in srgb, var(--composer-surface) 85%, transparent);-webkit-backdrop-filter:blur(var(--blur-strong));backdrop-filter:blur(var(--blur-strong))}}@media (prefers-reduced-transparency:reduce){.studio-agent-composer{background:var(--composer-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.studio-agent-composer-input{min-height:56px}.studio-composer-attachments{gap:var(--space-md);min-width:0;padding:0 var(--space-xs) var(--space-xs);overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;overflow:auto hidden}.studio-composer-attachments::-webkit-scrollbar{display:none}.studio-message-attachments::-webkit-scrollbar{display:none}.studio-composer-attachment{border-radius:var(--radius-sm);background:var(--color-bg-light);width:72px;height:72px;animation:studio-composer-attachment-in var(--duration-fast) var(--ease-enter) both;flex:0 0 72px;position:relative;overflow:hidden}.studio-composer-attachment>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-standard) var(--ease-standard);display:block}.studio-composer-attachment-remove{top:var(--space-xs);right:var(--space-xs);border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-fg-primary);background:color-mix(in srgb, var(--color-bg-base) 72%, transparent);opacity:0;-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle));transition:opacity var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);border:0;place-items:center;padding:0;display:grid;position:absolute}.studio-composer-attachment:hover .studio-composer-attachment-remove,.studio-composer-attachment-remove:focus-visible{opacity:1}.studio-composer-attachment-remove:hover:not(:disabled){background:var(--color-bg-tertiary)}.studio-composer-attachment-remove:active:not(:disabled){transform:scale(.9)}.studio-composer-attachment-remove svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:13px;height:13px}.studio-composer-attachment-error{margin:var(--space-sm) 0 0;color:var(--color-error);font:var(--type-label-sm)}.studio-agent-user-content{justify-items:end;gap:var(--space-sm);max-width:min(72%,580px);display:grid}.studio-agent-user-content>p{max-width:100%;padding:var(--space-lg) var(--space-screen);border-radius:var(--radius-md);border-bottom-right-radius:var(--radius-xxs);color:var(--color-fg-primary);background:var(--color-bg-tertiary);font:var(--type-body-md);overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid #0000;margin:0}.studio-message-attachments{justify-content:flex-end;gap:var(--space-md);scrollbar-width:none;max-width:100%;display:flex;overflow:auto hidden}.studio-message-image{flex:0 0 64px;width:64px;height:64px;position:relative}.studio-message-image-thumbnail{border:1px solid var(--color-border-quaternary);border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;flex:0 0 64px;width:64px;height:64px;display:block}.studio-message-image-trigger{border-radius:var(--radius-sm);cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.studio-message-image-trigger:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:-2px}.studio-message-image-trigger:disabled{cursor:default}@media (hover:hover){.studio-composer-attachment:hover>img{transform:scale(1.06)}}@media (hover:none){.studio-composer-attachment-remove{opacity:1}}@keyframes studio-composer-attachment-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-composer-attachment{animation:none}.studio-composer-attachment>img,.studio-composer-attachment-remove{transition:none}}.studio-agent-composer-status{padding:var(--space-md);color:var(--color-fg-tertiary);font:var(--type-body-md);margin:0}.studio-agent-composer textarea{field-sizing:content;width:100%;min-height:56px;max-height:192px;padding:var(--space-md);resize:none;color:var(--color-fg-primary);caret-color:var(--color-brand-content);font:var(--type-body-lg);background:0 0;border:0;outline:0;line-height:1.6;display:block;overflow-y:auto}.studio-agent-composer textarea::placeholder{color:var(--color-fg-tertiary)}.studio-agent-composer-footer{min-height:36px;padding-top:var(--space-md);align-items:center;gap:var(--space-md);display:flex}.studio-agent-composer-file-input{display:none}.studio-agent-composer-footer :where(button){color:var(--color-fg-secondary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none}.studio-agent-composer-icon-button,.studio-agent-composer-submit{border-radius:var(--radius-full);place-items:center;width:36px;height:36px;padding:0;display:grid}.studio-agent-composer-icon-button:hover:not(:disabled),.studio-agent-composer-bot-control:not(.has-bot) .studio-agent-composer-bot-button:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-composer-icon-button:active:not(:disabled),.studio-agent-composer-bot-remove:active:not(:disabled),.studio-agent-composer-submit:active:not(:disabled){transform:scale(.94)}.studio-agent-composer-bot-control{min-width:0;height:36px;margin-left:calc(var(--space-xs) * -1);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;display:flex;overflow:hidden}.studio-agent-composer-bot-control.has-bot{background:var(--color-bg-light)}.studio-agent-composer-bot-button{min-width:0;max-width:220px;height:36px;padding:0 var(--space-lg) 0 var(--space-sm);align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--color-fg-subprimary);font:var(--type-body-sm);display:inline-flex}.studio-agent-composer-bot-control.has-bot .studio-agent-composer-bot-button{max-width:200px;padding:0 var(--space-xs) 0 var(--space-sm);gap:var(--space-md);color:var(--color-fg-primary);flex:auto}.studio-agent-composer-bot-control.has-bot .studio-agent-composer-bot-button:hover:not(:disabled){background:0 0}.studio-agent-composer-bot-button img{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex:none;width:24px;height:24px}.studio-agent-composer-bot-button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-agent-composer-bot-remove{width:24px;min-width:24px;height:24px;min-height:24px;margin:6px var(--space-sm) 6px 0;border-radius:var(--radius-full);place-items:center;padding:0;display:grid}.studio-agent-composer-bot-remove:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-composer-bot-remove svg{width:14px!important;height:14px!important}.studio-agent-composer-helper{align-items:center;gap:var(--space-sm);min-width:0;color:var(--color-fg-tertiary);font:var(--type-label-sm);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:400;display:flex;overflow:hidden}.studio-agent-composer-helper kbd{min-height:18px;padding:0 var(--space-sm);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-xxs);color:inherit;font:inherit;align-items:center;display:inline-flex}@media (max-width:620px){.studio-agent-composer-helper{display:none}.studio-agent-composer-bot-button{max-width:170px}.studio-agent-composer-bot-control.has-bot .studio-agent-composer-bot-button,.studio-welcome-bot-picker.has-bot .studio-welcome-choose-bot{max-width:110px}}.studio-agent-composer-submit{color:var(--color-fg-on-brand);background:var(--color-brand-main);margin-left:auto}@media (min-width:621px){.studio-agent-composer-helper+.studio-agent-composer-submit{margin-left:0}}.studio-agent-composer-submit:hover:not(:disabled){background:var(--color-brand-hover)}.studio-agent-composer-submit.is-stop{color:var(--color-fg-subprimary);background:var(--color-bg-tertiary)}.studio-agent-composer-submit.is-stop:hover:not(:disabled){color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-agent-composer-footer button:disabled{color:var(--color-fg-tertiary);opacity:.5}.studio-agent-composer-footer .studio-agent-composer-submit:disabled,.studio-welcome-send:disabled{color:var(--color-fg-tertiary);background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.4}.studio-agent-composer-footer button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px;height:18px}.studio-agent-composer-submit.is-stop svg{fill:currentColor;stroke:currentColor;stroke-width:2px;width:12px;height:12px}@keyframes studio-agent-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-agent-chrome-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-agent-thread-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.studio-toolbar{min-height:72px;padding:var(--space-screen) var(--space-gap);justify-content:flex-end;align-items:center;display:none}.studio-welcome{text-align:center;align-content:center;width:min(1280px,100% - 64px);height:100%;min-height:100%;margin:0 auto;padding:clamp(32px,5vh,64px) 0;display:grid}.studio-welcome-intro{min-width:0;transition:opacity .18s var(--ease-standard), transform .24s var(--ease-standard);justify-items:center;display:grid}.studio-welcome-intro h1{color:var(--color-fg-primary);font:var(--type-headline-lg);letter-spacing:-.02em;animation:studio-welcome-content-in .44s var(--ease-enter);margin:0}.studio-animated-action-word{vertical-align:-.2em;height:1.2em;transition:width var(--duration-standard) var(--ease-standard);display:inline-block;overflow:hidden}.studio-animated-action-track{width:max-content;transition:transform var(--duration-standard) var(--ease-standard);flex-direction:column;display:flex}.studio-animated-action-track.is-resetting{transition:none}.studio-animated-action-item{white-space:nowrap;flex:none;align-items:center;width:max-content;height:1.2em;line-height:1.2em;display:flex}.studio-animated-action-item.is-create{color:var(--color-brand-content)}.studio-animated-action-item.is-change{color:var(--color-link)}@media (prefers-reduced-motion:reduce){.studio-animated-action-word,.studio-animated-action-track{transition:none}}.studio-welcome-intro>p{margin:var(--space-lg) 0 36px;color:var(--color-fg-secondary);font:var(--type-body-md);animation:studio-welcome-content-in .44s var(--ease-enter) 50ms backwards}.studio-welcome-composer-dock{justify-self:center;width:min(760px,100%);min-width:0;display:grid}.studio-welcome-composer-beam{border-radius:var(--radius-lg);justify-self:center;width:100%}.studio-welcome-composer-beam[data-beam]{--welcome-beam-soft-start:20%;--welcome-beam-core-start:35%;--welcome-beam-core-end:85%;--welcome-beam-soft-end:100%}.studio-welcome-composer-beam[data-beam]:after{-webkit-mask:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important;-webkit-mask-composite:source-in, xor!important;-webkit-mask:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important;-webkit-mask:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important;mask:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)!important;-webkit-mask-composite:source-in, xor, xor!important;padding:1px!important;animation:1.96s linear infinite welcome-beam-spin!important;-webkit-mask-composite:source-in,xor!important;mask-composite:intersect,exclude!important}.studio-welcome-composer-beam[data-beam]:before{-webkit-mask-image:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white)!important;-webkit-mask-composite:source-in, source-over!important;-webkit-mask-image:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white)!important;mask-image:conic-gradient(from var(--welcome-beam-angle), transparent 0%, transparent var(--welcome-beam-soft-start), #ffffff1a 28%, #ffffff59 var(--welcome-beam-core-start), white 50%, #ffffff59 var(--welcome-beam-core-end), #ffffff1a 94%, transparent var(--welcome-beam-soft-end)), linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white), linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white)!important;-webkit-mask-composite:source-in, source-over, xor!important;animation:1.96s linear infinite welcome-beam-spin!important;-webkit-mask-composite:source-in,source-over!important;mask-composite:intersect,add!important}.studio-welcome.is-starting .studio-welcome-composer-beam[data-beam]:before,.studio-welcome.is-starting .studio-welcome-composer-beam[data-beam]:after,.studio-welcome.is-starting .studio-welcome-composer-beam[data-beam] [data-beam-bloom]{opacity:0!important;animation:none!important}.studio-welcome-composer{min-height:192px;padding:var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:inherit;background:color-mix(in srgb, var(--color-bg-primary) 96%, var(--color-fg-primary));box-shadow:var(--shadow-composer);text-align:left;transition:min-height .28s var(--ease-emphasis), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-standard) var(--ease-standard);flex-direction:column;display:flex;position:relative;overflow:visible}.studio-welcome-composer:focus-within{border-color:var(--color-border-secondary);box-shadow:var(--shadow-composer), 0 0 0 1px color-mix(in srgb, var(--color-brand-main) 8%, transparent)}.studio-welcome-composer textarea{width:100%;min-height:112px;padding:var(--space-md);resize:none;color:var(--color-fg-primary);caret-color:var(--color-brand-content);font:var(--type-body-lg);transition:min-height .28s var(--ease-emphasis);background:0 0;border:0;outline:0;flex:1;line-height:1.6;display:block}.studio-welcome-composer>.studio-composer-attachments{flex:none}.studio-welcome-composer textarea::placeholder{color:var(--color-fg-tertiary)}.studio-welcome-composer footer{align-items:center;gap:var(--space-md);min-width:0;min-height:36px;padding-top:var(--space-md);display:flex;position:relative}.studio-welcome-file-input{display:none}.studio-welcome-icon-button,.studio-welcome-send{border-radius:var(--radius-full);width:36px;min-width:36px;height:36px;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);border:0;place-items:center;padding:0;display:grid}.studio-welcome-icon-button{color:var(--color-fg-subprimary);background:0 0}.studio-welcome-send{width:36px;min-width:36px;height:36px;color:var(--color-fg-on-brand);background:var(--color-brand-main);margin-left:auto}.studio-welcome-send[aria-busy=true]{color:var(--color-fg-on-brand);background:var(--color-brand-main);cursor:progress;opacity:1}.studio-welcome-icon-button:hover:not(:disabled),.studio-welcome-bot-picker:not(.has-bot) .studio-welcome-choose-bot:hover:not(:disabled),.studio-welcome-bot-picker:not(.has-bot) .studio-welcome-choose-bot[aria-expanded=true]{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-welcome-send:hover:not(:disabled){background:var(--color-brand-hover)}.studio-welcome-icon-button:active:not(:disabled),.studio-welcome-send:active:not(:disabled){transform:scale(.92)}.studio-welcome-icon-button svg,.studio-welcome-choose-bot svg,.studio-welcome-send svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px;display:block}.studio-agent-composer-submit:not(.is-stop) svg,.studio-welcome-send svg{stroke-width:2px;width:16px;height:16px}.studio-agent-composer-footer button svg.studio-bot-picker-icon,.studio-welcome-choose-bot svg.studio-bot-picker-icon{width:16px;height:16px;fill:currentColor;stroke:none;flex-shrink:0;margin-inline-start:var(--space-xs)}.studio-welcome-bot-picker{align-items:center;min-width:0;display:flex;position:relative}.studio-welcome-bot-picker.has-bot{border-radius:var(--radius-full);background:var(--color-bg-light)}.studio-welcome-bot-picker.has-bot .studio-welcome-choose-bot{gap:var(--space-md);max-width:200px;color:var(--color-fg-primary);flex:auto;padding-inline-end:var(--space-xs)}.studio-welcome-bot-picker .studio-agent-composer-bot-remove{flex-shrink:0}.studio-welcome-choose-bot{align-items:center;gap:var(--space-sm);min-width:0;max-width:min(220px,100%);min-height:36px;padding:0 var(--space-lg) 0 var(--space-sm);border-radius:var(--radius-full);color:var(--color-fg-subprimary);font:var(--type-body-sm);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);background:0 0;border:0;display:flex}.studio-welcome-choose-bot>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-welcome-icon-button:disabled,.studio-welcome-choose-bot:disabled{cursor:not-allowed;opacity:.5}.studio-welcome-choose-bot img{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex:none;width:24px;height:24px}.studio-welcome-bot-menu{z-index:135;gap:var(--space-md);width:min(320px,100vw - 32px);height:auto;max-height:min(408px,100dvh - 32px);padding:var(--space-lg);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);background:var(--bot-picker-surface);box-shadow:var(--shadow-floating);animation:studio-bot-menu-in var(--duration-fast) var(--ease-enter);transition:opacity var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:fixed;overflow:hidden}.studio-welcome-bot-menu>:not(.studio-bot-library-viewport){flex:none}.studio-bot-library-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.studio-bot-library-header>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:var(--type-title-md);overflow:hidden}.studio-bot-library-create{align-items:center;gap:var(--space-xs);height:32px;padding:0 var(--space-lg) 0 var(--space-md);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-fg-subprimary);font:var(--type-title-sm);flex:none;display:inline-flex}.studio-bot-library-create svg{width:16px;height:16px}.studio-bot-library-create:hover:not(:disabled){background:var(--color-bg-highlight);color:var(--color-fg-primary)}.studio-bot-library-create:disabled{opacity:.5;cursor:not-allowed}.studio-bot-library-viewport{flex:1;min-height:0;display:flex;position:relative}.studio-bot-library-viewport:after{background:linear-gradient(180deg, transparent, var(--bot-picker-surface));opacity:0;pointer-events:none;content:"";height:48px;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;bottom:0;left:0;right:0}.studio-bot-library-viewport[data-fade-bottom=true]:after{opacity:1}@media (prefers-reduced-motion:reduce){.studio-bot-library-viewport:after{transition:none}}.studio-bot-library-list{align-content:start;gap:var(--space-xs);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;flex:1;grid-auto-rows:max-content;min-width:0;min-height:0;max-height:306px;display:grid;overflow:hidden auto}.studio-bot-library-list[aria-busy=true] .studio-bot-library-item:disabled{cursor:progress;opacity:1}.studio-bot-library-list:has(>.studio-bot-library-status:only-child){align-content:stretch}.studio-bot-library-list.has-skeleton{overflow:hidden}.studio-bot-library-skeleton{gap:var(--space-xs);animation:1.6s ease-in-out infinite studio-bot-library-pulse;display:grid}.studio-bot-library-skeleton-row{height:52px;padding:var(--space-sm);align-items:center;gap:var(--space-lg);grid-template-columns:36px minmax(0,1fr);padding-inline-end:40px;display:grid}.studio-bot-library-skeleton-avatar{border-radius:var(--radius-full);background:var(--color-bg-highlight);width:36px;height:36px}.studio-bot-library-skeleton-name{border-radius:var(--radius-xs);background:var(--color-bg-highlight);width:100%;height:20px}@keyframes studio-bot-menu-in{0%{opacity:0}}@keyframes studio-bot-library-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.studio-bot-library-skeleton{animation:none}}.studio-welcome-bot-menu.is-closing{opacity:0;pointer-events:none}.studio-bot-sheet-backdrop{display:none}@keyframes studio-sheet-in{0%{transform:translateY(100%)}}@media (max-width:800px){.studio-bot-sheet-backdrop{z-index:134;background:var(--color-mask-standard);animation:studio-bot-menu-in var(--duration-panel) var(--ease-emphasis);transition:opacity var(--duration-fast) var(--ease-standard);touch-action:none;border:0;padding:0;display:block;position:fixed;inset:0}.studio-bot-sheet-backdrop.is-closing{opacity:0}.studio-welcome-bot-menu{width:100%;height:min(90dvh, calc(100dvh - env(safe-area-inset-top) - 12px));padding-top:24px;padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;overscroll-behavior:contain;animation:studio-sheet-in var(--duration-panel) var(--ease-emphasis);transition:transform var(--duration-fast) var(--ease-standard);border-bottom:0;max-height:none!important;inset:auto 0 0!important}.studio-welcome-bot-menu:before{content:"";border-radius:var(--radius-full);background:var(--color-border-primary);width:36px;height:4px;position:absolute;top:5px;left:calc(50% - 18px)}.studio-welcome-bot-menu.is-closing{opacity:1;transform:translateY(100%)}.studio-welcome-bot-menu .studio-bot-library-list{max-height:none}}@media (prefers-reduced-motion:reduce){.studio-welcome-bot-menu,.studio-bot-sheet-backdrop{transition:none;animation:none}}.studio-bot-library-item{align-items:center;gap:var(--space-lg);width:100%;height:auto;min-height:52px;padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-fg-subprimary);text-align:start;font:var(--type-title-sm);transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:36px minmax(0,1fr);display:grid}.studio-bot-library-item:hover:not(:disabled),.studio-bot-library-item[data-selected=true],.studio-bot-library-item:focus-visible{color:var(--color-fg-primary)}.studio-bot-library-action:hover:not(:disabled),.studio-bot-library-action:focus-visible{background:var(--color-bg-highlight)}.studio-bot-library-item:focus-visible{outline:1px solid var(--color-border-secondary);outline-offset:-1px}.studio-bot-library-item:disabled{cursor:not-allowed;opacity:.5}.studio-bot-library-item>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-bot-library-action{text-align:center;height:40px;min-height:40px;font:var(--type-body-sm);display:block}.studio-bot-library-status{min-height:52px;padding:var(--space-md);color:var(--color-fg-tertiary);font:var(--type-body-sm);text-align:center;place-items:center;margin:0;display:grid}.studio-welcome-bot-menu img{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;width:36px;height:36px}.studio-welcome-file-count{color:var(--color-fg-tertiary);font:var(--type-label-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-welcome-recent{justify-self:center;align-items:center;gap:var(--space-md);width:min(760px,100%);min-height:40px;margin-top:var(--space-lg);color:var(--color-fg-tertiary);text-align:left;animation:studio-welcome-content-in .44s var(--ease-enter) .15s backwards;transition:opacity .16s var(--ease-standard), transform .22s var(--ease-standard);display:none;overflow-x:auto}.studio-welcome-recent>span{margin-right:var(--space-xs);font:var(--type-body-sm);flex:none}.studio-welcome-recent>button{align-items:center;gap:var(--space-sm);min-width:0;max-width:210px;height:32px;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-full);color:var(--color-fg-secondary);background:var(--color-bg-light);font:var(--type-label-sm);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);flex:0 auto;font-weight:400;display:inline-flex}.studio-welcome-recent>button:hover,.studio-welcome-recent>button.is-selected{border-color:var(--color-border-secondary);color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-welcome-recent img{border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;flex:none;width:24px;height:24px}.studio-welcome-recent button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-welcome-error{width:100%;margin:var(--space-sm) auto 0;text-align:left;color:var(--color-error)!important}@property --welcome-beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes welcome-beam-spin{to{--welcome-beam-angle:360deg}}@keyframes studio-welcome-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-frame-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-step-exit{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;transform:translateX(calc(var(--auth-step-direction) * -10px));filter:blur(2px)}}@keyframes auth-step-enter{0%{opacity:0;transform:translateX(calc(var(--auth-step-direction) * 10px));filter:blur(2px)}to{opacity:1;filter:blur();transform:translate(0)}}@media (prefers-reduced-motion:reduce){.auth-step-view[data-transition]{filter:none;animation-name:auth-step-swap;transform:none}}@keyframes auth-step-swap{0%{opacity:0}to{opacity:1}}@keyframes studio-modal-in{0%{opacity:0;transform:translateY(var(--space-md)) scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes auth-session-brand-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-session-brand-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.94)}}@keyframes auth-session-surface-out{0%{opacity:1}to{opacity:.7}}@keyframes auth-session-letter-switch{0%,8.33%{color:var(--color-fg-on-brand);background:var(--color-brand-main)}8.34%,to{color:var(--color-fg-primary);background:0 0}}@keyframes auth-login-brand-in{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-login-logo-float{0%{transform:translate(0,0)rotate(-.6deg)}to{transform:translateY(6px)rotate(.6deg)}}@keyframes studio-workspace-session-in{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}@keyframes studio-sidebar-first-in{0%{opacity:0;transform:translate(-22px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes studio-sidebar-content-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:800px){.auth-main{padding:var(--space-lg)}.auth-main-default{align-items:start}.auth-frame{border-radius:var(--radius-md);grid-template-rows:clamp(144px,20svh,174px) auto;grid-template-columns:1fr;width:100%;height:auto;min-height:calc(100svh - 24px);overflow-y:auto}.auth-login-brand{gap:var(--space-md)}.auth-login-logo{border-radius:21px;width:72px;height:72px}.auth-login-brand .auth-session-word{font-size:40px}.auth-panel{min-height:0;padding:var(--space-gap) var(--space-screen);background:0 0;align-items:start}.auth-intro{min-height:0;padding-top:var(--space-md)}.auth-panel:before{top:0;bottom:auto;right:var(--space-gap);left:var(--space-gap);width:auto;height:1px}.auth-card{width:min(100%,420px);min-height:514px}.auth-step-code{min-height:514px}.studio-workspace{grid-template-columns:1fr}.studio-sidebar{display:none}.studio-toolbar{min-height:64px;padding:var(--space-lg) var(--space-screen);display:flex}.studio-welcome{width:calc(100% - 32px);min-height:calc(100svh - 64px);padding:var(--space-gap) 0 var(--space-screen);align-content:center}.studio-welcome-intro h1{font:var(--type-headline-sm)}.studio-welcome-intro>p{margin-bottom:var(--space-gap)}.studio-welcome-composer{min-height:168px}.studio-welcome-composer textarea{min-height:88px}}@media (max-height:700px) and (min-width:801px){.auth-main{padding:var(--space-gap)}.auth-frame{height:min(640px,100svh - 48px)}.auth-panel{padding:var(--space-gap)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-workspace{grid-template-columns:var(--layout-sidebar) minmax(0, 1fr);transition:grid-template-columns var(--duration-panel) var(--ease-standard)}.studio-workspace.is-sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.studio-sidebar{width:100%;height:100svh;min-height:560px;padding:var(--space-screen);background:var(--color-bg-base);transition:padding var(--duration-panel) var(--ease-standard);overflow:visible}.studio-sidebar-brand-row{align-items:center;min-width:0;height:40px;display:flex;position:relative}.studio-brand-identity{cursor:grab;-webkit-user-select:none;user-select:none;opacity:1;min-width:0;transition:width var(--duration-panel) var(--ease-standard), opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);align-items:center;gap:9px;display:flex;transform:translate(0)}.studio-brand-identity:active{cursor:grabbing}.studio-brand-mark,.studio-sidebar-toggle-logo{border-radius:var(--radius-sm);background:0 0;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden;box-shadow:0 6px 18px #fefc002e}.studio-brand-mark img,.studio-sidebar-toggle-logo img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.studio-brand-copy{color:var(--color-fg-primary);white-space:nowrap;align-items:flex-start;display:flex;position:relative}.studio-brand-copy strong{font:700 20px/28px var(--font-sans);letter-spacing:-.045em}.studio-sidebar-toggle{width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-sm);color:var(--color-fg-tertiary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;display:grid;position:relative}.studio-sidebar-toggle:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-sidebar-toggle:active{transform:scale(.94)}.studio-sidebar-toggle svg,.studio-create-button svg,.studio-new-conversation svg,.studio-conversation-row>svg,.studio-conversation-more svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:18px;height:18px;display:block}.studio-sidebar-toggle-logo{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);position:absolute;inset:0}.studio-sidebar-toggle-icon{opacity:1;transition:opacity var(--duration-fast) var(--ease-standard);place-items:center;display:grid}.studio-sidebar-primary{padding:var(--space-screen) 0 20px;border-bottom:1px solid var(--color-border-quaternary)}.studio-create-error{margin:var(--space-sm) var(--space-sm) 0;color:var(--color-error);font:var(--type-body-sm)}.studio-create-button{grid-template-columns:var(--size-control-md) minmax(0, 1fr);width:100%;min-width:var(--size-control-md);height:var(--size-control-md);text-align:start;border-radius:var(--radius-sm);color:var(--color-fg-on-brand);background:var(--color-brand-main);font:var(--type-body-lg);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);border:0;align-items:center;gap:0;padding:0;font-weight:500;display:grid;overflow:hidden;box-shadow:0 6px 14px #0003}.studio-create-icon{width:var(--size-control-md);height:var(--size-control-md);place-items:center;display:grid}.studio-create-label{min-width:0;padding-inline:var(--space-xs) var(--space-screen);text-overflow:ellipsis;opacity:1;transition:opacity var(--duration-fast) var(--ease-standard);overflow:hidden}.studio-create-button[aria-busy=true]{cursor:progress;opacity:1}@media (hover:hover) and (pointer:fine){.studio-create-button:hover:not(:disabled){background:var(--color-brand-hover)}}.studio-create-button:active:not(:disabled){transform:scale(.97)}.studio-conversations{gap:var(--space-xs);flex-direction:column;flex:1;min-height:0;padding-top:20px;display:flex;overflow:hidden}.studio-recents-header{height:var(--size-control-md);padding-left:var(--space-md);transition:padding var(--duration-panel) var(--ease-standard);flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}.studio-recents-header>span{color:var(--color-fg-tertiary);font:var(--type-label-sm);letter-spacing:.02em;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);position:absolute}.studio-new-conversation{width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-sm);color:var(--color-fg-tertiary);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.studio-new-conversation[aria-busy=true]{color:var(--color-fg-primary);background:var(--color-bg-highlight);cursor:progress;opacity:1}.studio-new-conversation:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-new-conversation:active{transform:scale(.92)}.studio-conversations nav{align-content:start;gap:var(--space-xs);min-height:0;padding-bottom:var(--space-lg);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex:1;display:grid;overflow:visible auto}.studio-conversations nav::-webkit-scrollbar{width:0;height:0;display:none}.studio-conversation-item{width:100%;min-width:var(--size-control-md);border-radius:var(--radius-sm);height:48px;min-height:48px;transition:height var(--duration-panel) var(--ease-standard), min-height var(--duration-panel) var(--ease-standard);background:0 0;align-items:center;display:flex;position:relative}.studio-conversation-item.is-exiting{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) forwards studio-conversation-item-out}@keyframes studio-conversation-item-out{to{opacity:0;transform:translate(-24px)scale(.98)}}.studio-conversation-item:before{z-index:0;border-radius:inherit;content:"";pointer-events:none;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-emphasis);background:0 0;position:absolute;inset:0;transform:scale(1)}.studio-conversation-item:hover:before,.studio-conversation-item:focus-within:before{background:var(--color-bg-light)}.studio-conversation-item.is-active:before{background:var(--color-bg-highlight)}.studio-conversation-item:active:before{transform:scale(.97)}.studio-conversation-row{z-index:1;width:100%;height:100%;padding:var(--space-sm) 10px;border-radius:inherit;color:var(--color-fg-subprimary);text-align:left;transition:padding var(--duration-panel) var(--ease-standard);background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid;position:relative;overflow:hidden}.studio-conversation-item:hover .studio-conversation-row,.studio-conversation-item:focus-within .studio-conversation-row,.studio-conversation-item.is-menu-open .studio-conversation-row,.studio-conversation-item.is-switching .studio-conversation-row{padding-right:44px}.studio-conversation-row>svg{top:50%;left:calc(var(--size-control-md) / 2);opacity:0;pointer-events:none;width:15px;height:15px;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);position:absolute;transform:translate(-50%,-50%)scale(.8)}.studio-conversation-item.is-active .studio-conversation-row>svg{color:var(--color-fg-primary)}.studio-conversation-row>.studio-loading-ring{animation-name:studio-conversation-loading-spin}@keyframes studio-conversation-loading-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}.studio-conversation-copy{gap:var(--space-xs);opacity:1;min-width:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);transition-delay:calc(var(--duration-panel) - var(--duration-fast));display:grid;transform:translate(0)}.studio-conversation-copy strong,.studio-conversation-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-conversation-copy strong{font:var(--type-body-md);line-height:18px}.studio-conversation-item.is-active .studio-conversation-copy strong{color:var(--color-fg-primary);font-weight:500}.studio-conversation-copy small{color:var(--color-fg-tertiary);font:400 10px/12px var(--font-sans)}.studio-conversation-more{z-index:2;border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-fg-tertiary);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard), color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;right:7px}.studio-conversation-item:hover .studio-conversation-more,.studio-conversation-item:focus-within .studio-conversation-more,.studio-conversation-item.is-menu-open .studio-conversation-more,.studio-conversation-item.is-switching .studio-conversation-more{opacity:1}@media (hover:hover) and (pointer:fine){.studio-conversation-more:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}}.studio-conversation-more[aria-expanded=true]{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-conversation-more[aria-busy=true]{cursor:wait;color:var(--color-fg-primary);background:0 0}.studio-session-action-icon,.studio-session-more-icon,.studio-session-loading-icon{place-items:center;width:28px;height:28px;display:grid}.studio-session-action-icon>*{grid-area:1/1}.studio-session-action-icon.is-loading .studio-session-more-icon,.studio-session-action-icon.is-restoring .studio-session-more-icon{visibility:hidden}.studio-session-action-icon.is-restoring .studio-session-loading-icon{pointer-events:none;animation:studio-session-loading-out var(--duration-fast) var(--ease-standard) both}@keyframes studio-session-loading-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.studio-session-action-icon.is-restoring>*{animation-duration:.01ms}}.studio-session-switch-loading{place-items:center;width:28px;height:28px;display:grid}.studio-session-switch-loading>*{grid-area:1/1}.studio-session-switch-loading canvas{filter:brightness(0);width:100%;height:100%}.dark .studio-session-switch-loading canvas{filter:none}.studio-conversation-more:active{transform:scale(.92)}.studio-conversation-more svg{width:16px;height:16px;transform:rotate(90deg)}.studio-conversation-menu{z-index:125;width:176px;padding:var(--space-sm);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-secondary) 94%, transparent);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(var(--blur-standard));backdrop-filter:blur(var(--blur-standard));transform-origin:0 0;animation:studio-sidebar-menu-in var(--duration-fast) var(--ease-enter);transition:opacity .14s var(--ease-standard), transform .14s var(--ease-standard);display:grid;position:fixed}.studio-conversation-menu-layer{z-index:124;position:fixed;inset:0}.studio-conversation-menu-layer .studio-conversation-menu{z-index:125}.studio-conversation-menu.is-closing{opacity:0;pointer-events:none;transform:scale(.96)}.studio-conversation-menu>button{height:var(--size-control-md);align-items:center;gap:var(--space-md);padding:0 var(--space-lg);border-radius:var(--radius-sm);color:var(--color-fg-subprimary);text-align:left;background:0 0;border:0;display:flex}@media (hover:hover) and (pointer:fine){.studio-conversation-menu>button:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-conversation-menu>button.is-danger:hover{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent)}}.studio-conversation-menu>button.is-danger{color:var(--color-error)}.studio-conversation-menu>button:active{transform:scale(.97)}.studio-delete-dialog-layer{z-index:140;padding:var(--space-gap);background:var(--color-mask-standard);-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle));animation:studio-delete-backdrop-in var(--duration-standard) var(--ease-standard);transition:opacity var(--duration-standard) var(--ease-standard);place-items:center;display:grid;position:fixed;inset:0}.studio-delete-dialog{width:min(420px,100%);padding:var(--space-gap);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-lg);color:var(--color-fg-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-modal);animation:studio-delete-dialog-in var(--duration-standard) var(--ease-emphasis);transition:opacity var(--duration-standard) var(--ease-standard), transform var(--duration-standard) var(--ease-standard)}.studio-delete-dialog h2{margin:var(--space-md) 0 0;color:var(--color-fg-primary);font:var(--type-title-lg);letter-spacing:-.02em}.studio-delete-dialog p{margin:var(--space-xs) 0 0;color:var(--color-fg-secondary);font:var(--type-body-md)}.studio-delete-dialog p[role=alert]{color:var(--color-error)}.studio-rename-dialog input{width:100%;height:var(--size-control-lg);margin-top:var(--space-screen);padding:0 var(--space-lg);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-primary);background:var(--color-bg-secondary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:0}.studio-rename-dialog input:focus{border-color:var(--color-fg-secondary);box-shadow:none}.studio-rename-count{margin-top:var(--space-xs);color:var(--color-fg-tertiary);font:var(--type-body-sm);text-align:right;font-variant-numeric:tabular-nums;display:block}.studio-delete-dialog-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-gap);display:flex}.studio-delete-dialog-actions>button{min-height:var(--size-control-md);justify-content:center;align-items:center;gap:var(--space-md);padding:0 var(--space-screen);border-radius:var(--radius-sm);color:var(--color-fg-subprimary);background:var(--color-bg-light);font:var(--type-title-sm);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-micro) var(--ease-standard);border:1px solid #0000;display:inline-flex}.studio-delete-dialog-actions>button.is-danger{border-color:color-mix(in srgb, var(--color-error) 38%, transparent);color:var(--color-error);background:0 0}.studio-delete-dialog-actions>button.is-danger.is-loading:disabled{border-color:color-mix(in srgb, var(--color-error) 62%, transparent);color:var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, transparent);cursor:wait;opacity:1}.studio-delete-dialog-actions>button.is-loading .studio-loading-ring{width:16px;height:16px}.studio-delete-dialog-actions>button.is-primary{color:var(--color-fg-on-brand);background:var(--color-brand-main)}@media (hover:hover) and (pointer:fine){.studio-delete-dialog-actions>button:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-delete-dialog-actions>button.is-danger:hover{border-color:var(--color-error);color:#fff;background:var(--color-error)}.studio-delete-dialog-actions>button.is-primary:hover{color:var(--color-fg-on-brand);background:var(--color-brand-hover)}}.studio-delete-dialog-actions>button:active{transform:scale(.97)}.studio-delete-dialog-actions>button:focus-visible{outline:2px solid var(--color-border-primary);outline-offset:2px}.studio-delete-dialog-layer.is-closing{opacity:0;pointer-events:none}.studio-delete-dialog-layer.is-closing .studio-delete-dialog{opacity:0;transform:scale(.96)}.studio-sidebar-account-wrap{padding-top:var(--space-screen);flex:none}.studio-tooltip{position:relative}.studio-tooltip-positioner{z-index:150}.studio-tooltip-popup{z-index:150;width:max-content;max-width:min(240px,100vw - 16px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xs);color:var(--color-fg-primary);background:var(--color-bg-tertiary);box-shadow:var(--shadow-raised);font:var(--type-body-sm);transform-origin:var(--transform-origin);border:0;overflow:hidden}.studio-tooltip-popup>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.studio-tooltip-popup[data-state=open]{animation:studio-tooltip-in var(--duration-fast) var(--ease-standard) both}.studio-tooltip-popup[data-state=closed]{animation:studio-tooltip-out var(--duration-fast) var(--ease-standard) both}.studio-tooltip-popup[data-placement^=right]{--tooltip-shift-x:-4px}.studio-tooltip-popup[data-placement^=left]{--tooltip-shift-x:4px}@keyframes studio-tooltip-in{0%{opacity:0;filter:blur(2px);transform:translateX(var(--tooltip-shift-x,0px)) scale(.97)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes studio-tooltip-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(2px);transform:translateX(var(--tooltip-shift-x,0px)) scale(.97)}}@media (prefers-reduced-motion:reduce){.studio-tooltip-popup[data-state]{animation:none}}.studio-tooltip[data-tooltip]:after{z-index:150;top:50%;left:calc(100% + var(--space-md));width:max-content;max-width:240px;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-xs);color:var(--color-fg-primary);background:color-mix(in srgb, var(--color-bg-secondary) 92%, transparent);box-shadow:var(--shadow-floating);font:var(--type-body-sm);white-space:nowrap;pointer-events:none;content:attr(data-tooltip);opacity:0;transform-origin:0;transition:opacity var(--duration-fast) var(--ease-enter), transform var(--duration-fast) var(--ease-enter);position:absolute;transform:translate(4px,-50%)scale(.98)}.studio-tooltip[data-tooltip]:hover:after,.studio-tooltip[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(-50%)scale(1)}.studio-agent-header-button[data-tooltip]:after{top:calc(100% + var(--space-md));white-space:normal;text-align:start;transform-origin:100% 0;max-width:min(240px,100vw - 32px);left:auto;right:0;transform:translateY(-4px)scale(.98)}.studio-agent-header-button[data-tooltip]:hover:after,.studio-agent-header-button[data-tooltip]:focus-visible:after{transform:translateY(0)scale(1)}.studio-agent-header-button[aria-expanded=true]:after{opacity:0}.studio-brand-identity[data-tooltip]:after{top:calc(100% + var(--space-md));padding:var(--space-lg) var(--space-screen);font:var(--type-body-md);transform-origin:0 0;left:0;transform:translateY(-4px)scale(.98)}.studio-brand-identity[data-tooltip]:hover:after{transform:translateY(0)scale(1)}@media (min-width:801px){.studio-workspace.is-sidebar-collapsed .studio-sidebar{padding-right:var(--space-screen);padding-left:var(--space-screen)}.studio-workspace.is-sidebar-collapsed .studio-sidebar-brand-row{justify-content:flex-start}.studio-workspace.is-sidebar-collapsed .studio-brand-identity{width:var(--size-control-md);opacity:0;pointer-events:none;transform:none}.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle{margin-left:0;position:absolute;top:0;left:0}.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle-logo{opacity:1}.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle-icon{opacity:0}@media (hover:hover) and (pointer:fine){.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle:hover .studio-sidebar-toggle-logo,.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle:focus-visible .studio-sidebar-toggle-logo{opacity:0}.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle:hover .studio-sidebar-toggle-icon,.studio-workspace.is-sidebar-collapsed .studio-sidebar-toggle:focus-visible .studio-sidebar-toggle-icon{opacity:1}}.studio-workspace.is-sidebar-collapsed .studio-create-error{display:none}.studio-workspace.is-sidebar-collapsed .studio-create-label{opacity:0}.studio-workspace.is-sidebar-collapsed .studio-recents-header>span,.studio-workspace.is-sidebar-collapsed .studio-conversation-copy{opacity:0;pointer-events:none;transition-delay:0s;transform:translate(-8px)}.studio-workspace.is-sidebar-collapsed .studio-conversation-more{opacity:0;visibility:hidden;pointer-events:none}.studio-workspace.is-sidebar-collapsed .studio-recents-header{justify-content:flex-start;padding-left:0}.studio-workspace.is-sidebar-collapsed .studio-conversations nav{justify-items:start}.studio-workspace.is-sidebar-collapsed .studio-conversation-item{height:var(--size-control-md);min-height:var(--size-control-md)}.studio-workspace.is-sidebar-collapsed .studio-conversation-row{padding:0}.studio-workspace.is-sidebar-collapsed .studio-conversation-item:hover .studio-conversation-row,.studio-workspace.is-sidebar-collapsed .studio-conversation-item:focus-within .studio-conversation-row,.studio-workspace.is-sidebar-collapsed .studio-conversation-item.is-switching .studio-conversation-row,.studio-workspace.is-sidebar-collapsed .studio-conversation-item.is-menu-open .studio-conversation-row{padding-right:0}.studio-workspace.is-sidebar-collapsed .studio-conversation-row>svg{opacity:1;transition-delay:calc(var(--duration-panel) - var(--duration-fast));transform:translate(-50%,-50%)scale(1)}}.studio-account-card.is-collapsed{width:var(--size-control-md);min-width:var(--size-control-md);height:var(--size-control-md);min-height:var(--size-control-md);border-radius:var(--radius-full);background:0 0;border-color:#0000;grid-template-columns:minmax(0,1fr);place-items:center;gap:0;margin-inline:0;padding:0;display:grid;overflow:visible}.studio-account-card.is-collapsed .studio-account-avatar{width:100%;height:100%}.studio-account-card.is-collapsed .studio-account-copy,.studio-account-card.is-collapsed .studio-account-chevron{display:none}.studio-account-card.is-collapsed:hover,.studio-account-card.is-collapsed.is-open{border-color:var(--color-border-secondary);background:0 0}.studio-account-card.is-collapsed[data-tooltip]:after{z-index:150;top:50%;left:calc(100% + var(--space-md));width:max-content;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border-quaternary);border-radius:var(--radius-xs);color:var(--color-fg-primary);background:var(--color-bg-secondary);box-shadow:var(--shadow-floating);font:var(--type-body-sm);content:attr(data-tooltip);pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);position:absolute;transform:translate(4px,-50%)}.studio-account-card.is-collapsed[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%)}@keyframes studio-sidebar-menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes studio-loading-ring-spin{to{transform:rotate(1turn)}}@keyframes studio-delete-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes studio-delete-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:800px){.studio-workspace,.studio-workspace.is-sidebar-collapsed{grid-template-columns:1fr}.studio-delete-dialog{padding:var(--space-screen);border-radius:var(--radius-md)}.studio-delete-dialog-actions{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){.studio-workspace.is-sidebar-collapsed .studio-conversation-row>svg,.studio-recents-header,.studio-recents-header>span,.studio-conversation-item,.studio-conversation-row,.studio-conversation-row>svg,.studio-conversation-copy{transition:none}.studio-workspace,.studio-sidebar,.studio-brand-identity,.studio-sidebar-toggle-logo,.studio-sidebar-toggle-icon,.studio-create-button,.studio-recents-header,.studio-recents-header>span,.studio-conversation-item,.studio-conversation-row,.studio-conversation-row>svg,.studio-conversation-copy,.studio-conversation-more,.studio-conversation-menu,.studio-delete-dialog-layer,.studio-delete-dialog{transition-duration:.01ms;transition-delay:0s;animation-duration:.01ms}.studio-create-button:active:not(:disabled),.studio-conversation-more:active,.studio-conversation-menu>button:active,.studio-delete-dialog-actions>button:active{transform:none}}.studio-bot-library-row{align-items:center;gap:var(--space-xxs);border-radius:var(--radius-sm);min-width:0;transition:background-color var(--duration-fast) var(--ease-standard);position:relative}.studio-bot-library-row:hover:has(.studio-bot-library-item:not(:disabled)){background:var(--color-bg-highlight)}.studio-bot-library-row:has(.studio-bot-library-item[data-selected=true]){background:var(--color-bg-highlight)}.studio-bot-library-row:has(:focus-visible){background:var(--color-bg-highlight)}.studio-bot-library-row>.studio-bot-library-item{background:0 0;min-width:0}.studio-session-list-status{color:var(--color-fg-secondary);font:var(--type-body-sm);padding:12px}.studio-session-list-marker{height:1px}.studio-session-list-status button{margin-top:8px;text-decoration:underline}.studio-toast{z-index:10000;top:calc(env(safe-area-inset-top,0px) + 16px);border-radius:var(--radius-sm);background:var(--color-toast-background);width:max-content;max-width:calc(100vw - 32px);min-height:44px;color:var(--color-toast-foreground);box-shadow:none;font:var(--type-body-md);text-align:center;animation:studio-toast-enter var(--duration-fast) var(--ease-enter);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.studio-agent-canvas[data-toast-viewport]>.studio-toast{grid-area:1/1/-1/2;max-width:calc(100% - 32px);position:absolute}.studio-toast>span{overflow-wrap:anywhere;min-width:0}.studio-toast>button{border-radius:var(--radius-xxs);min-width:24px;min-height:24px;color:var(--color-toast-foreground);font:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.studio-toast>.studio-toast-action{color:var(--color-toast-foreground);padding-inline:6px;font-weight:600}.studio-toast>button:hover{background:var(--color-toast-hover)}.studio-toast>button:focus-visible{outline:2px solid var(--color-toast-foreground);outline-offset:2px}@keyframes studio-toast-enter{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.studio-toast{animation:none}}.studio-guest-workspace{grid-template-rows:auto minmax(0,1fr);min-height:100svh;display:grid}.studio-guest-workspace .studio-toolbar{display:flex}.studio-guest-workspace .studio-welcome{min-height:0}.studio-guest-workspace .studio-welcome-composer{width:min(680px,100vw - 32px);margin-inline:auto}.studio-login-dialog{border:1px solid var(--auth-border);border-radius:var(--radius-lg);width:min(1040px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--auth-ink);background:var(--auth-card);padding:0;overflow:auto}.studio-login-dialog::backdrop{background:var(--color-mask-standard);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-login-dialog .auth-shell{min-height:0}.studio-login-dialog .auth-main{min-height:0;padding:24px}.studio-login-dialog .auth-frame{min-height:0}.studio-login-close{z-index:5;width:36px;height:36px;font-size:24px;position:absolute;inset-block-start:8px;inset-inline-end:12px}.studio-resource-content-preview{height:100%;padding:var(--space-gap) var(--space-page);color:var(--color-fg-primary);overflow-wrap:anywhere;overflow:auto}.studio-resource-content-preview>pre{white-space:pre-wrap;font:400 13px/1.8 var(--font-mono);tab-size:2;margin:0}.studio-agent-tag-options>.studio-tag-category{flex-basis:100%;margin:12px 0 4px;font-size:13px;font-weight:600}.studio-error-notice{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-fg-primary);background:var(--color-bg-highlight);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px;display:flex}.studio-error-notice>p{flex:180px;margin:0}.studio-error-notice>button{border:1px solid var(--color-border-primary);border-radius:var(--radius-xs);padding:6px 12px}.studio-error-notice>button:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:2px}.studio-error-notice>details{flex-basis:100%;font-size:12px}.studio-toast details{overflow-wrap:anywhere;font-size:12px}.studio-error-notice>button:hover:not(:disabled){background:var(--color-bg-secondary)}.studio-agent-error-response .studio-error-notice{flex-direction:column;align-items:flex-start}.studio-agent-error-response .studio-error-notice>p,.studio-agent-error-response .studio-error-notice>details{flex-basis:auto}.studio-upload-failures{gap:8px;display:grid}:is(.studio-agent-composer,.studio-welcome-composer) .studio-upload-failures{overscroll-behavior:contain;max-height:180px;overflow-y:auto}.studio-navigation-drawer,.studio-workspace-content{display:contents}.studio-mobile-nav-toggle{display:none}@media (max-width:800px){.studio-workspace{min-height:100dvh;position:relative}.studio-workspace.is-first-visit,.studio-workspace.is-first-visit .studio-sidebar,.studio-workspace.is-first-visit .studio-sidebar>*{animation:none}.studio-canvas,.studio-agent-canvas{height:100dvh}.studio-mobile-nav-toggle{z-index:10;border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-fg-primary);background:var(--color-bg-base);border:0;place-items:center;display:grid;position:absolute;inset-block-start:max(6px, env(safe-area-inset-top));inset-inline-start:max(8px, env(safe-area-inset-left))}.studio-mobile-nav-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.studio-mobile-nav-backdrop{z-index:100;background:var(--color-mask-standard);position:fixed;inset:0}.studio-navigation-drawer{z-index:101;visibility:hidden;width:min(256px,80vw - 38.4px);transition:transform var(--duration-panel) var(--ease-standard), visibility var(--duration-panel);display:block;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}[dir=rtl] .studio-navigation-drawer{transform:translate(100%)}.studio-navigation-drawer.is-open{visibility:visible;transform:translate(0)}.studio-navigation-drawer .studio-sidebar{height:100dvh;min-height:0;padding-top:max(var(--space-screen), env(safe-area-inset-top));padding-bottom:max(var(--space-screen), env(safe-area-inset-bottom));box-shadow:var(--shadow-floating);display:flex}.studio-workspace .studio-toolbar,.studio-agent-header{padding-inline:60px 12px;padding-top:env(safe-area-inset-top)}.studio-agent-canvas{grid-template-rows:calc(56px + env(safe-area-inset-top)) minmax(0, 1fr) auto}.studio-agent-header-button{width:44px;height:44px}.studio-agent-messages{--studio-message-gap:var(--space-screen);width:calc(100% - 48px)}.studio-agent-message{flex-direction:column;align-items:flex-start}.studio-agent-message.is-user{align-items:flex-end}.studio-agent-message-time{margin-top:var(--space-xs);position:static}.studio-agent-user-content{max-width:90%}.studio-agent-response-body,.studio-agent-markdown{overflow-wrap:anywhere;min-width:0}.studio-agent-markdown{overflow-x:auto}.studio-agent-composer-wrap{padding:0 12px max(12px, env(safe-area-inset-bottom))}.studio-agent-composer{min-height:112px;padding:12px}.studio-agent-composer textarea,.studio-welcome-composer textarea{max-height:min(192px,30dvh);font-size:16px}.studio-agent-composer-helper{display:none}.studio-agent-composer-bot-control{min-width:0;max-width:calc(100% - 104px)}.studio-agent-composer-bot-button{min-width:0}.studio-agent-composer-icon-button,.studio-agent-composer-submit,.studio-welcome-icon-button,.studio-welcome-send{flex-shrink:0;width:44px;height:44px}.studio-agent-composer-submit,.studio-agent-composer-helper+.studio-agent-composer-submit{margin-inline-start:auto}.studio-welcome{height:auto;min-height:calc(100dvh - 64px);padding-bottom:max(20px, env(safe-area-inset-bottom))}.studio-empty-conversation .studio-welcome{min-height:100%}.studio-welcome-choose-bot{max-width:100%}.studio-agent-resources{width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (pointer:coarse){.studio-conversation-row{padding-right:44px}.studio-conversation-more{width:40px;height:40px;right:2px}.studio-conversation-more,.studio-composer-attachment-remove{opacity:1}}@media (prefers-reduced-motion:reduce){.studio-navigation-drawer{transition:none}}.studio-upload-failure{font:var(--type-body-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.studio-upload-failure>span{overflow-wrap:anywhere;flex:120px;min-width:0}.studio-upload-failure>button{border:1px solid var(--color-border-primary);border-radius:var(--radius-xs);background:var(--color-bg-highlight);overflow-wrap:anywhere;padding:4px 8px}.studio-upload-failure>button:hover:not(:disabled){background:var(--color-bg-secondary)}@media (max-width:800px){.studio-language-modal-layer{place-items:end center;padding:0}.studio-language-modal{width:100%;min-width:0;height:min(90dvh, calc(100dvh - env(safe-area-inset-top) - 12px));max-height:none;padding:24px var(--space-screen) calc(var(--space-screen) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:studio-sheet-in var(--duration-panel) var(--ease-emphasis);border-bottom:0;position:relative}.studio-language-modal:before{content:"";border-radius:var(--radius-full);background:var(--color-border-primary);width:36px;height:4px;position:absolute;top:5px;left:calc(50% - 18px)}.studio-language-modal-layer.is-closing .studio-language-modal{opacity:1;transform:translateY(100%)}.studio-language-modal header>button{flex:0 0 44px;width:44px;height:44px}.studio-language-list{overscroll-behavior:contain}.studio-language-list>button{gap:var(--space-sm);text-align:start;overflow-wrap:anywhere;min-width:0;min-height:48px}}@media (max-width:480px){.studio-language-list{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.studio-language-modal-layer,.studio-language-modal{transition:none;animation:none}}.studio-account-chevron svg{width:16px;height:16px;display:block}@media (prefers-reduced-motion:reduce){.studio-loading-ring{animation:none}}.studio-agent-run-node>.studio-loading-ring{width:16px;height:16px}.studio-account-language>svg{width:14px;height:14px}.not-found-page{isolation:isolate;min-height:100svh;padding:max(40px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:var(--color-bg-base);color:var(--color-fg-primary);place-items:center;display:grid;position:relative;overflow:hidden}.not-found-page:before{z-index:-1;background:radial-gradient(ellipse at 50% 0%, var(--color-brand-highlight), transparent 55%), radial-gradient(circle, var(--color-border-quaternary) 1px, transparent 1px);content:"";pointer-events:none;background-size:100% 100%,30px 30px;position:absolute;inset:0}.not-found-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,720px);min-width:0;display:flex}.not-found-content h1{color:var(--color-brand-content);font:var(--type-title-sm);letter-spacing:.18em;text-transform:uppercase;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 16px}.not-found-code{background:linear-gradient(175deg, var(--color-brand-content) 0%, color-mix(in srgb, var(--color-brand-content) 55%, transparent) 40%, color-mix(in srgb, var(--color-brand-content) 8%, transparent) 100%);color:#0000;letter-spacing:-.04em;-webkit-user-select:none;user-select:none;direction:ltr;-webkit-background-clip:text;background-clip:text;max-width:100%;font-size:clamp(140px,24vw,340px);font-weight:900;line-height:1;display:block}.not-found-home{border-radius:var(--radius-full);background:var(--color-brand-main);max-width:100%;min-height:48px;color:var(--color-fg-on-brand);font:var(--type-title-sm);overflow-wrap:anywhere;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:12px 32px;text-decoration:none;display:inline-flex}.not-found-home svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px}[dir=rtl] .not-found-home svg{transform:rotate(180deg)}@media (hover:hover){.not-found-home:hover{background:var(--color-brand-hover);transform:translateY(-2px)}}.not-found-home:focus-visible{outline:2px solid var(--color-fg-primary);outline-offset:4px}@media (prefers-reduced-motion:reduce){.not-found-home{transition:none}.not-found-home:hover{transform:none}}.studio-session-reconnect{padding:var(--space-md);justify-content:center;display:flex}.studio-session-reconnect button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font:var(--type-body-sm)}.studio-empty-canvas>.studio-session-reconnect{z-index:2;grid-area:3/1}.studio-session-reconnect button:disabled{opacity:.5;cursor:not-allowed}.studio-image-crop-stage{width:100%;height:min(360px,48dvh);margin-top:var(--space-screen);background:var(--color-bg-base);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.studio-agent-resource-avatar .studio-cover-actions{gap:2px}.studio-image-crop-actions>button{border-radius:var(--radius-full)}.studio-image-crop-zoom{align-items:center;gap:var(--space-md);margin-top:var(--space-md);font:var(--type-body-sm);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.studio-image-crop-zoom input{width:100%;min-width:0;min-height:44px;accent-color:var(--color-fg-primary)}.studio-sidebar-user-guide{align-items:center;gap:var(--space-md);min-height:48px;margin-bottom:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-fg-secondary);font:var(--type-body-md);padding:12px;display:flex}.studio-sidebar-user-guide:hover{color:var(--color-fg-primary);background:var(--color-bg-highlight)}.studio-sidebar-user-guide svg{flex:none}.hover\:text-foreground:hover{color:var(--color-fg-primary)}.hover\:opacity-80:hover{opacity:.8}.disabled\:cursor-wait:disabled{cursor:wait}