/* Generated by tools/build_css.py; edit the source files. */

/* Source: css/themes.css */
/**/
body{isolation:isolate}
.app{position:relative;z-index:2}
.app::before{opacity:var(--grain-alpha)}
html[data-theme="light"] .dust{visibility:hidden}
:focus-visible{outline-color:var(--focus-color)}
.topbar.is-scrolled,.tabbar{box-shadow:var(--hl-top),var(--sh-2)}
.balance,.cmdk,.btn-quiet,.wchip,.model-chip,.vaud{background:var(--control-wash)}
.btn-quiet:hover,.model-chip:hover{background:var(--control-hover)}
.rail,.convs{background:var(--pane-wash)}
.rail{box-shadow:var(--hl-top)}
.login__veil{background:var(--login-veil-mobile)}
.login__brand::before{background:var(--login-brand-halo)}
.login__hero::before{background:var(--login-hero-fade)}
.login__panel{isolation:isolate}
.glass-panel,.inapp,.auth-box--net,.auth-box--wait{background:var(--panel-frost)}
.wtile{box-shadow:var(--sh-wall)}
.adots{background:var(--ink-2)}
.lockup .lm-l{stroke:var(--fg-0)}
.login__gift{color:var(--accent-text)}
.dock::before{background:var(--dock-fade)}
.composer{background:var(--panel-frost);box-shadow:var(--sh-composer);border-color:var(--hair-3)}
.composer:focus-within{box-shadow:var(--sh-composer),var(--focus-wash);border-color:var(--hair-gold)}
.empty .display{font-size:var(--greeting-size);line-height:1.4}
.empty{gap:16px}
.empty__make a,.pcard,.bal-card,.pack,.job{box-shadow:var(--hl-top),var(--sh-2)}
.md b,.md strong{color:var(--fg-strong)}
.md pre{background:var(--code-bg)}
.tk-s{color:var(--code-string)}
/**/
.vm__b,.rtile__n{color:var(--media-fg)}

.stage::after{background:var(--veil)}
@media (min-width:1024px){.login__veil{background:var(--login-veil-desktop)}}

/**/
.theme-options{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:10px}
.theme-options>button{min-height:44px;padding:0 12px}
.theme-options>button[aria-checked=true]{background:var(--mat-card);color:var(--accent-text);box-shadow:var(--sh-1),inset 0 0 0 1px var(--hair-gold)}
.cta-bar::before{background:var(--cta-fade)}
.eng__new,.eng__p,.bizprev span{color:var(--media-gold)}
.vtag,.bizprev__tag,.play-badge{color:var(--media-fg)}
.pack__bonus{background:var(--gold-a10);color:var(--accent-text)}
@media (max-width:1023px){.login.is-onb .login__veil{background:var(--login-veil-mobile)}}
@media (max-width:480px){.theme-options{grid-column:1/-1}}

/**/
body .tk-a,body .tk-p{color:var(--code-attribute)}
body .tk-s{color:var(--code-string)}
.pv__ic{background:var(--mat-card-hi);box-shadow:var(--hl-top-2)}
.dev__bar{color:var(--media-muted)}

/**/
html.lite *,html.lite *::before,html.lite *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}
html.is-background *,html.is-background *::before,html.is-background *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important}}
.sheet[id^="py-sheet-"] .set{grid-template-columns:minmax(0,1fr) auto}
.sheet[id^="py-sheet-"] .set:has(>.set__t:only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:1099px){
 #art-panel .pv__head{height:auto;min-height:56px;flex-wrap:wrap}
 #art-panel .pv__tools{display:flex;order:10;flex:1 0 100%;justify-content:space-between;padding:4px 6px}
 #art-panel .pv__tabs>button,#art-panel .pv__dev>button{min-height:44px}
}


/* Source: css/motion-layers.css */
/**/
.layer > .is-layer{z-index:calc(var(--z-sheet) + var(--layer-order,1))}
.layer.has-exit > .scrim{pointer-events:auto}
.scrim{background:var(--layer-scrim);transition:opacity var(--layer-sheet-duration) var(--ease-out);-webkit-backdrop-filter:none;backdrop-filter:none}
.sheet{transform:translateY(100%);transition:transform var(--layer-sheet-duration) var(--ease-out),opacity var(--layer-sheet-duration) var(--ease-out);visibility:hidden;transform-origin:50% 100%;isolation:isolate}
.sheet.is-open{visibility:visible;transform:translateY(0);transition:transform var(--layer-sheet-duration) var(--ease-out),opacity var(--layer-sheet-duration) var(--ease-out)}
.sheet.is-open.is-closing{transform:translateY(100%);pointer-events:none}
.sheet.is-open.is-stacked{transform:translateY(0) scale(var(--layer-stack-scale))}
:is(.sheet,.palette,.convs).is-layer::after{content:"";position:absolute;inset:0;z-index:100;border-radius:inherit;background:var(--layer-stack-shade);opacity:0;pointer-events:none;transition:opacity var(--layer-sheet-duration) var(--ease-out)}
:is(.sheet,.palette,.convs).is-stacked::after{opacity:1}
.layer .convs.is-mounted{display:flex;flex-direction:column;gap:2px;position:fixed;inset-block:0;inset-inline-start:0;width:min(86vw,340px);padding:calc(14px + var(--safe-t)) 12px 20px;background:var(--ink-1);border-inline-end:1px solid var(--hair-2);box-shadow:var(--sh-3);overflow:auto;pointer-events:auto;transform:translateX(100%);transition:transform var(--layer-drawer-duration) var(--ease-out);animation:none;transform-origin:100% 50%}
.layer .convs.is-open{transform:translateX(0);animation:none}
.layer .convs.is-open.is-stacked{transform:translateX(0) scale(var(--layer-stack-scale))}
.layer .convs.is-open.is-closing{transform:translateX(100%);pointer-events:none}
.palette.is-stacked{transform:translate(-50%,0) scale(var(--layer-stack-scale))}
.is-layer.is-closing:not(.sheet):not(.convs){opacity:0;pointer-events:none}
.celebrate:not(.is-open){display:none}
@media(min-width:768px){
  .sheet{transform:translate(-50%,calc(-50% + 24px));opacity:0;transform-origin:50% 50%}
  .sheet.is-open{transform:translate(-50%,-50%);opacity:1}
  .sheet.is-open.is-stacked{transform:translate(-50%,-50%) scale(var(--layer-stack-scale))}
  .sheet.is-open.is-closing{transform:translate(-50%,calc(-50% + 24px));opacity:0}
}
html.lite :is(.sheet,.scrim,.palette,.layer .convs),html.lite :is(.sheet,.palette,.convs).is-layer::after{transition:none;animation:none}
@media(prefers-reduced-motion:reduce){
  :is(.sheet,.scrim,.palette,.layer .convs),:is(.sheet,.palette,.convs).is-layer::after{transition:none;animation:none}
}
.is-background .is-layer,.is-background .is-layer *{animation-play-state:paused!important}

/**/
html[data-method=a]{
  --mo-ease:var(--ease-bixa,cubic-bezier(.16,1,.3,1));
  /**/
  --mo-sheet:linear(0, 0.0218, 0.0755, 0.1473, 0.2278, 0.3105, 0.3913, 0.4675, 0.5378, 0.6015, 0.6583, 0.7084, 0.7523, 0.7903, 0.8232, 0.8513, 0.8754, 0.8958, 0.9131, 0.9278, 0.9401, 0.9504, 0.959, 0.9663, 0.9723, 0.9773, 0.9815, 0.9849, 0.9878, 0.9902, 0.9922, 0.9938, 0.9951, 0.9962, 0.9971, 0.9979, 0.9985, 0.999, 0.9994, 0.9997, 1);
  --mo-exit:cubic-bezier(.32,0,.67,0);
  --mo-sheet-in:540ms; --mo-drawer-in:460ms; --mo-dialog-in:420ms; --mo-scrim-in:360ms;
  --layer-sheet-exit:260ms; --layer-drawer-exit:240ms; --layer-rm-duration:140ms;
  --mo-route-out:120ms; --mo-route-in:400ms; --mo-route-delay:40ms;
  --mo-toast-in:520ms; --mo-toast-out:200ms;
  --mo-stack-scale:.96;   /**/
  /**/
  background-color:var(--color-canvas);
  scrollbar-gutter:stable;
}

/**/
@supports not (transition-timing-function:linear(0,1)){html[data-method=a]{--mo-sheet:cubic-bezier(.32,.72,0,1)}}

/**/
html[data-method=a]:root .layer>.scrim{transition:opacity var(--mo-scrim-in) cubic-bezier(.2,0,0,1)}
html[data-method=a]:root .layer.has-exit:not(.has-open)>.scrim{transition:opacity var(--layer-sheet-exit) linear}
html[data-method=a]:root .layer.is-dragging>.scrim{opacity:calc(1 - var(--layer-drag,0));transition:none}
html[data-method=a]:root .layer.has-open>.scrim{touch-action:none}

/**/
html[data-method=a]:root .layer .sheet{will-change:transform}
html[data-method=a]:root .layer .sheet.is-open{transform:translate3d(0,0,0);transition:transform var(--mo-sheet-in) var(--mo-sheet),visibility 0s}
html[data-method=a]:root .layer .sheet.is-open.is-entering{transform:translate3d(0,100%,0);transition:none}
html[data-method=a]:root .layer .sheet.is-open.is-closing[inert]{transform:translate3d(0,100%,0);transform-origin:50% 100%;visibility:hidden;transition:transform var(--layer-sheet-exit) var(--mo-exit),visibility 0s linear var(--layer-sheet-exit)}
html[data-method=a]:root .layer .sheet.is-open[inert]:not(.is-closing){transition:transform var(--mo-sheet-in) var(--mo-sheet)}
html[data-method=a]:root .layer .sheet.is-open.is-stacked{transform:translate3d(0,-12px,0) scale(var(--mo-stack-scale));transform-origin:50% 0}
html[data-method=a]:root .layer .sheet :is(.sheet__grab,.sheet__head){touch-action:none}
html[data-method=a]:root .layer .sheet.is-dragging{cursor:grabbing;transition:none}
/**/
html[data-method=a]:root .layer .sheet .sheet__grab{position:relative;width:36px;height:4px;border-radius:2px;margin:10px auto 4px;background:var(--color-outline);opacity:.7;transition:opacity .2s var(--mo-ease),width .3s var(--mo-ease)}
html[data-method=a]:root .layer .sheet .sheet__grab::before{content:'';position:absolute;inset:-14px -40px}
html[data-method=a]:root .layer .sheet.is-dragging .sheet__grab{opacity:1;width:44px}

/**/
@media(min-width:768px){
  html[data-method=a]:root .layer .sheet{transform:translate(-50%,calc(-50% + 16px)) scale(.97);opacity:0}
  html[data-method=a]:root .layer .sheet.is-open{transform:translate(-50%,-50%);opacity:1;transition:transform var(--mo-dialog-in) var(--mo-ease),opacity 220ms cubic-bezier(.2,0,0,1),visibility 0s}
  html[data-method=a]:root .layer .sheet.is-open.is-entering{transform:translate(-50%,calc(-50% + 16px)) scale(.97);opacity:0;transition:none}
  html[data-method=a]:root .layer .sheet.is-open.is-closing[inert]{transform:translate(-50%,calc(-50% + 8px)) scale(.985);transform-origin:50% 50%;opacity:0;transition:transform 200ms var(--mo-exit),opacity 160ms linear,visibility 0s linear 200ms}
  html[data-method=a]:root .layer .sheet.is-open[inert]:not(.is-closing){transition:transform var(--mo-dialog-in) var(--mo-ease)}
  html[data-method=a]:root .layer .sheet.is-open.is-stacked{transform:translate(-50%,-52%) scale(var(--mo-stack-scale));transform-origin:50% 50%}
  html[data-method=a]:root .layer .sheet .sheet__grab::before{content:none}
}

/**/
html[data-method=a]:root .layer :is(#convs,#app-menu).is-mounted{will-change:transform;touch-action:pan-y}
html[data-method=a]:root .layer :is(#convs,#app-menu).is-open{transform:translate3d(0,0,0);transition:transform var(--mo-drawer-in) var(--mo-sheet)}
html[data-method=a]:root .layer :is(#convs,#app-menu).is-open.is-entering{transform:translate3d(100%,0,0);transition:none}
html[data-method=a]:root .layer :is(#convs,#app-menu).is-open.is-closing{transform:translate3d(100%,0,0);visibility:hidden;transition:transform var(--layer-drawer-exit) var(--mo-exit),visibility 0s linear var(--layer-drawer-exit);pointer-events:none}
html[data-method=a]:root .layer :is(#convs,#app-menu).is-open.is-stacked{transform:translate3d(0,0,0) scale(var(--layer-stack-scale))}
html[data-method=a]:root .layer :is(#convs,#app-menu).is-dragging{transition:none}
html[data-method=a]:root .layer #app-menu:not(.is-open){transform:translate3d(105%,0,0)}

/**/
@media(prefers-reduced-motion:reduce){
  html[data-method=a]:root .layer>.scrim,html[data-method=a]:root .layer.has-exit:not(.has-open)>.scrim{transition:opacity var(--layer-rm-duration) linear}
  html[data-method=a]:root .layer .sheet,html[data-method=a]:root .layer .sheet.is-open,html[data-method=a]:root .layer .sheet.is-open.is-closing[inert],html[data-method=a]:root .layer .sheet.is-open.is-entering{transform:none;transition:opacity var(--layer-rm-duration) linear,visibility 0s}
  html[data-method=a]:root .layer .sheet{opacity:0}
  html[data-method=a]:root .layer .sheet.is-open{opacity:1}
  html[data-method=a]:root .layer .sheet.is-open:is(.is-entering,.is-closing){opacity:0}
  html[data-method=a]:root .layer .sheet.is-open.is-entering{transition:none}
  html[data-method=a]:root .layer :is(#convs,#app-menu):is(.is-mounted,.is-open,.is-open.is-entering,.is-open.is-closing){transform:none;transition:opacity var(--layer-rm-duration) linear}
  html[data-method=a]:root .layer :is(#convs,#app-menu).is-open{opacity:1}
  html[data-method=a]:root .layer :is(#convs,#app-menu).is-open:is(.is-entering,.is-closing){opacity:0}
  html[data-method=a]:root .layer :is(#convs,#app-menu).is-open.is-entering{transition:none}
  html[data-method=a]:root .layer #app-menu:not(.is-open){transform:none;opacity:0}
  /**/
  html[data-method=a]:root .layer :is(#convs,#app-menu,.sheet).is-mounted:not(.is-open){opacity:0}
  /**/
  html[data-method=a]:root .layer :is(.sheet.is-open.is-closing[inert],#convs.is-open.is-closing,#app-menu.is-open.is-closing){visibility:visible}
}
@media(prefers-reduced-motion:reduce) and (min-width:768px){
  html[data-method=a]:root .layer .sheet,html[data-method=a]:root .layer .sheet.is-open,html[data-method=a]:root .layer .sheet.is-open.is-closing[inert],html[data-method=a]:root .layer .sheet.is-open.is-entering{transform:translate(-50%,-50%)}
}
html[data-method=a].lite:root .layer :is(.sheet,#convs,#app-menu,.scrim){transition:none!important}

/**/
/**/
html[data-method=a]::view-transition-old(stage){animation:mo-route-out var(--mo-route-out) cubic-bezier(.4,0,1,1) both}
html[data-method=a]::view-transition-new(stage){animation:mo-route-in var(--mo-route-in) var(--mo-ease) var(--mo-route-delay) both}
html[data-method=a]::view-transition-group(topbar){animation-duration:var(--mo-route-in);animation-timing-function:var(--mo-ease)}
html[data-method=a]::view-transition-old(topbar){animation:mo-fade-out 140ms linear both}
html[data-method=a]::view-transition-new(topbar){animation:mo-fade-in 260ms linear 60ms both}
/**/
@media(prefers-reduced-motion:no-preference){
  html[data-method=a].vt-run:not(.lite) :is(#composer,.s-composer){view-transition-name:bx-dock}
}
html[data-method=a]::view-transition-group(bx-dock){animation-duration:var(--mo-route-in);animation-timing-function:var(--mo-ease)}
html[data-method=a]::view-transition-image-pair(bx-dock){isolation:isolate}
/**/
html[data-method=a]::view-transition-old(bx-dock),html[data-method=a]::view-transition-new(bx-dock){height:100%;object-fit:none;object-position:50% 100%}
html[data-method=a]::view-transition-old(bx-dock){animation:mo-fade-out 90ms linear both}
html[data-method=a]::view-transition-new(bx-dock){animation:mo-fade-in 160ms cubic-bezier(.2,0,0,1) both}
/**/
html[data-method=a]::view-transition-old(bx-dock):only-child{animation:mo-fade-out 140ms linear both}
html[data-method=a]::view-transition-new(bx-dock):only-child{animation:mo-fade-in 260ms linear 60ms both}
@keyframes mo-route-out{to{opacity:0;transform:translateX(calc(var(--nav,1) * 8px))}}
@keyframes mo-route-in{from{opacity:0;transform:translateX(calc(var(--nav,1) * -18px))}}
@keyframes mo-fade-out{to{opacity:0}}
@keyframes mo-fade-in{from{opacity:0}}
/**/
/**/
html[data-method=a]:root .scr.is-enter{animation:mo-scr-in 340ms var(--mo-ease) both}
@keyframes mo-scr-in{from{opacity:.45;translate:calc(var(--nav,1) * -14px) 0}}
@media(prefers-reduced-motion:reduce){
  html[data-method=a]::view-transition-group(*){animation-name:none}
  html[data-method=a]::view-transition-old(stage),html[data-method=a]::view-transition-old(topbar){animation:mo-fade-out 140ms linear both}
  html[data-method=a]::view-transition-new(stage),html[data-method=a]::view-transition-new(topbar){animation:mo-fade-in 200ms linear both}
  html[data-method=a]:root .scr.is-enter{animation:mo-fade-in 200ms linear both}
}
html[data-method=a].lite:root .scr.is-enter{animation:none}

/**/
html[data-method=a]:root #app:not([data-scr=chat]) #topbar{background:transparent}
html[data-method=a]:root #app:not([data-scr=chat]) #topbar::before{content:'';position:absolute;inset:0 0 -18px;z-index:-1;pointer-events:none;background:var(--color-glass-bar);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent);mask-image:linear-gradient(#000 calc(100% - 18px),transparent);opacity:0;transition:opacity 280ms var(--mo-ease)}
html[data-method=a]:root #app:not([data-scr=chat]) #topbar.is-scrolled::before{opacity:1}
html[data-method=a]:root #title{transition:opacity 240ms var(--mo-ease),transform 360ms var(--mo-ease)}
/**/
@supports (animation-timeline:view()){
  html[data-method=a]{timeline-scope:--bigt}
  html[data-method=a] #s-library .lib__head h2{view-timeline:--bigt block;view-timeline-inset:calc(var(--topbar-h) + var(--safe-t)) 0px;animation:mo-bigt-out linear both;animation-timeline:--bigt;animation-range:exit 0% exit 85%}
  html[data-method=a]:root #app[data-scr=library] #title{transform:none;animation:mo-title linear both;animation-timeline:--bigt;animation-range:exit 60% exit 100%}
}
/**/
@supports not (animation-timeline:view()){
  html[data-method=a]:root #app[data-scr=library] #topbar:not(.has-title) #title{opacity:0;transform:translateY(4px)}
}
@media(prefers-reduced-motion:reduce){
  html[data-method=a]:root #app[data-scr=library] #topbar:not(.has-title) #title{opacity:0}
}
@keyframes mo-title{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes mo-bigt-out{to{opacity:0}}
/**/
html[data-method=a]:root .lib__filters::before{content:'';position:absolute;inset:-6px calc(var(--gutter,16px) * -1) -16px;z-index:-1;pointer-events:none;background:var(--color-glass-bar);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),transparent);mask-image:linear-gradient(#000 calc(100% - 16px),transparent)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  html[data-method=a]:root :is(#app:not([data-scr=chat]) #topbar,.lib__filters)::before{background:var(--color-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(forced-colors:active){html[data-method=a]:root :is(#app:not([data-scr=chat]) #topbar,.lib__filters)::before{background:Canvas;-webkit-mask-image:none;mask-image:none}}

/**/
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    html[data-method=a]:not(.lite) :is(.ltile,.tpl,.scn-photo,.tcard){animation:mo-reveal linear both;animation-timeline:view(block auto 0px);animation-range:entry 0% entry 25%}
    /**/
    html[data-method=a]:root:not(.lite) #stage :is(.ltile,.tpl,.scn-photo,.tcard,.rtile):not(.is-skel){animation:mo-reveal linear both;animation-timeline:view(block auto 0px);animation-range:entry 0% entry 25%}
  }
}
@keyframes mo-reveal{from{opacity:.4;translate:0 12px}}

/**/
html[data-method=a]:root .toasts{top:calc(var(--safe-t) + var(--netbar-h,0px) + 8px);padding-inline:60px}
@media(min-width:1024px){html[data-method=a]:root .toasts{padding-inline:calc(var(--rail-w) + 16px) 16px}}
html[data-method=a]:root .toast{max-width:min(460px,100%)}
html[data-method=a]:root #app:is([data-scr=chat],[data-scr=image],[data-scr=video],[data-scr=audio])~.toasts .toast--bottom{bottom:calc(var(--safe-b) + 140px)}
html[data-method=a]:root .toast{min-height:48px;padding-block:6px;padding-inline:14px 20px;border-radius:999px;background:var(--color-glass-card);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);border:1px solid var(--color-glass-line);box-shadow:var(--shadow-high);line-height:1.7;touch-action:none;animation:mo-toast-in var(--mo-toast-in) var(--mo-ease) both}
html[data-method=a]:root .toast:has(.toast__act){padding-inline-end:6px}
html[data-method=a]:root .toast .i{color:var(--color-accent)}
html[data-method=a]:root .toast.toast--copy .i{color:var(--color-gold-ink,var(--color-accent))}
html[data-method=a]:root .toast.is-out{animation:mo-toast-out var(--mo-toast-out) var(--mo-exit) forwards}
html[data-method=a]:root .toast:is(.is-dragging,.is-flung){animation:none}
html[data-method=a]:root .toast.is-dragging{transition:none}
html[data-method=a]:root .toast--bottom{animation-name:mo-toast-up}
html[data-method=a]:root .toast--bottom.is-out{animation-name:mo-toast-down}
@keyframes mo-toast-in{from{opacity:0;transform:translateY(-16px) scale(.96)}40%{opacity:1}}
@keyframes mo-toast-out{to{opacity:0;transform:translateY(-12px) scale(.98)}}
@keyframes mo-toast-up{from{opacity:0;transform:translateY(16px) scale(.96)}40%{opacity:1}}
@keyframes mo-toast-down{to{opacity:0;transform:translateY(12px) scale(.98)}}
@media(prefers-reduced-motion:reduce){
  html[data-method=a]:root .toast,html[data-method=a]:root .toast--bottom{animation:mo-fade-in 160ms linear both}
  html[data-method=a]:root .toast.is-out{animation:mo-fade-out 160ms linear forwards}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-method=a]:root .toast{background:var(--color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(forced-colors:active){html[data-method=a]:root .toast{border:1px solid CanvasText}}
/**/
@media(max-width:1023px){
  html[data-method=a]:root.has-toast #topbar :is(#title,#chat-model-trigger,#island){opacity:0;visibility:hidden;pointer-events:none;transition:opacity 140ms var(--mo-ease),visibility 0s linear 140ms}
}

/**/
html[data-method=a].mo-return .studio.is-arrive :is(.studio__hero>*,.v5-col,#aud-ads,#voices,.s-composer){animation:none!important}
/**/
@media(prefers-reduced-motion:no-preference){
  html[data-method=a].mo-morph:not(.mo-return) .studio.is-arrive :is(.studio__hero>*,.v5-col,#aud-ads,#voices){animation-duration:320ms!important;animation-delay:calc(var(--i,0) * 30ms)!important}
  html[data-method=a].mo-morph:not(.mo-return) .studio.is-arrive :is(.s-composer,.s-composer>.gb-ring,.s-composer>.gb-halo,.s-composer>.gb-halo2){animation:none!important}
}
html[data-method=a] .studio__hero>:nth-child(2){--i:1}
html[data-method=a] .studio__hero>:nth-child(3){--i:2}
html[data-method=a] :is(#tpl-rail,#vid-scn)>.v5-col:nth-child(1),html[data-method=a] #aud-ads{--i:2}
html[data-method=a] :is(#tpl-rail,#vid-scn)>.v5-col:nth-child(2),html[data-method=a] #voices{--i:3}
html[data-method=a] :is(#tpl-rail,#vid-scn)>.v5-col:nth-child(3){--i:4}
html[data-method=a] :is(#tpl-rail,#vid-scn)>.v5-col:nth-child(4){--i:5}

/**/
@property --mo-et{syntax:'<length>';inherits:false;initial-value:0px}
@property --mo-eb{syntax:'<length>';inherits:false;initial-value:0px}
@supports (animation-timeline:scroll()){
  html[data-method=a]:not(.lite) :is(.layer .sheet__body,.convs__scroll){
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--mo-et),#000 calc(100% - var(--mo-eb)),transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 var(--mo-et),#000 calc(100% - var(--mo-eb)),transparent);
    animation:mo-edge linear both;animation-timeline:scroll(self)}
}
@keyframes mo-edge{0%{--mo-et:0px;--mo-eb:28px}6%{--mo-et:20px}94%{--mo-eb:28px}100%{--mo-et:20px;--mo-eb:0px}}
@media(forced-colors:active){html[data-method=a] :is(.layer .sheet__body,.convs__scroll){-webkit-mask-image:none;mask-image:none}}


/* Source: css/v4.css */
/**/
:root[data-method]{--gutter:24px;--lh-body:1.8;--hit:44px;--light-x:68%;--light-y:23%}
html[data-method] body{background:var(--void);line-height:1.8}
html[data-method] :is(p,textarea,input){letter-spacing:0;font-style:normal}
html[data-method] :is(.num,.num-inline,.num-hero,.balance,.pl__price){font-variant-numeric:tabular-nums}
html[data-method] :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--focus-color);outline-offset:4px}
html[data-method] :is(.keylight,.dust,.leak,.app::before,.dot-end::after){display:none}
.lightfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;contain:strict}
.lightfield--css{opacity:var(--field-alpha,.06);background:radial-gradient(ellipse at var(--light-x) var(--light-y),var(--gold-400),transparent 62%);transition:opacity 240ms ease}
html[data-method] .app{position:relative;z-index:1;isolation:isolate}
html[data-method] .stage{background:transparent}
html[data-method] :is(.display,.hero){letter-spacing:0;font-weight:750;line-height:1.5}
html[data-method] .display{font-size:clamp(30px,3vw,44px)}
html[data-method] .hero{font-size:clamp(36px,4vw,56px)}
html[data-method] :is(.lede,.hint,.note,.cap-label){line-height:1.8}
/**/
html[data-method] :is(.btn-molten,.btn-quiet,.icon-btn,.send,.bx-btn,.chip,.tab,.seg button){
  touch-action:manipulation;min-height:var(--hit);transition:transform var(--motion-press-duration,420ms) var(--spring-press-easing,ease-out),border-radius var(--motion-press-duration,420ms) var(--spring-press-easing,ease-out),box-shadow 180ms ease,background-color 160ms ease;
}
html[data-method] :is(.btn-molten,.bx-btn--primary,.send){background:var(--mat-molten);color:var(--on-gold);box-shadow:var(--sh-molten);border:0;border-radius:var(--r-btn);font-weight:600;filter:none}
html[data-method] :is(.btn-molten,.bx-btn--primary){min-height:52px;padding-inline:24px}
html[data-method] :is(.btn-molten,.send)::after{display:none}
html[data-method] :is(.btn-quiet,.bx-btn:not(.bx-btn--primary)){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-btn);padding-inline:18px;background:var(--surface-raised);border:1px solid var(--hair-2);color:var(--fg-0);font-size:14px;line-height:1.5}
html[data-method] .bx-btn--tonal{background:var(--gold-a10);border-color:transparent;color:var(--accent-text)}
html[data-method] :is(.bx-btn--text,.bx-btn--outlined){background:transparent;box-shadow:none}
html[data-method] .bx-btn--text{border-color:transparent}
html[data-method] :is(.icon-btn,.bx-btn--icon){min-width:var(--hit);padding:0;border-radius:50%;background:transparent}
html[data-method] .bx-btn--fab{min-width:56px;min-height:56px;border-radius:var(--r-m);box-shadow:var(--sh-2)}
html[data-method] .bx-btn--sm{font-size:13px;min-height:44px;padding-inline:14px}
html[data-method] .bx-btn--lg{font-size:16px;min-height:56px;padding-inline:28px}
html[data-method] :is(.btn-molten,.btn-quiet,.icon-btn,.send,.bx-btn,.chip,.seg button):hover{filter:none;background-image:linear-gradient(var(--color-state-hover,transparent),var(--color-state-hover,transparent))}
html[data-method] :is(.btn-molten,.btn-quiet,.icon-btn,.send,.bx-btn,.chip,.seg button).is-pressed,
html[data-method] :is(.btn-molten,.btn-quiet,.icon-btn,.send,.bx-btn,.chip,.seg button):active{
  transition-duration:0s;transform:scale(var(--button-press-scale,.97));box-shadow:var(--sh-pressed,inset 0 2px 4px var(--hair-2));
}
html[data-method=a] :is(.btn-molten,.btn-quiet,.bx-btn,.send).is-pressed{border-radius:var(--radius-button-pressed,16px)}
html[data-method=b] :is(.btn-molten,.btn-quiet,.bx-btn,.send).is-pressed{border-radius:var(--radius-button-pressed,14px);filter:brightness(.99)}
html[data-method] :is(.btn-molten,.btn-quiet,.bx-btn):is(:disabled,[aria-disabled=true]){background:var(--ink-3);color:var(--fg-3);box-shadow:none;opacity:.65;cursor:not-allowed;transform:none}
html[data-method] [aria-busy=true].bx-btn{border-radius:999px;gap:12px}
html[data-method] [aria-busy=true].bx-btn::before{content:"";width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:v4-spin .85s linear infinite}
@keyframes v4-spin{to{transform:rotate(1turn)}}
html[data-method] :is(.seg,.chips){gap:4px}
html[data-method] .seg{padding:4px;background:var(--ink-3);border:0;border-radius:var(--r-btn)}
html[data-method] .seg button{border-radius:var(--r-btn);padding-inline:16px;color:var(--fg-2)}
html[data-method] .seg :is(.is-on,[aria-checked=true],[aria-pressed=true],[aria-selected=true]){background:var(--surface-raised);color:var(--fg-0);box-shadow:var(--sh-1)}
html[data-method] .chip{border-radius:var(--r-btn);color:var(--fg-2);background:var(--surface);border-color:var(--hair-2);box-shadow:none}
html[data-method] :is(.field,.prompt,.search,input:not([type=checkbox],[type=radio]),textarea){border-color:var(--hair-2);background-color:var(--surface);border-radius:var(--r-m)}
html[data-method] :is(input,textarea){line-height:1.8}
/**/
html[data-method] .topbar{padding-inline:24px;gap:16px}
html[data-method] .topbar.is-scrolled{background:var(--mat-glass);border:0;box-shadow:var(--sh-1)}
html[data-method] .balance{background:var(--surface);border:1px solid var(--hair-2);box-shadow:none;font-size:14px;min-height:44px}
html[data-method] .cmdk{border:0;background:transparent}
html[data-method] .rail{background:var(--surface);border:0;box-shadow:none}
html[data-method] .tabbar{border:1px solid var(--hair-2);background:var(--mat-glass);box-shadow:var(--sh-2);border-radius:var(--r-l);inset-inline:16px;bottom:calc(12px + var(--safe-b));height:68px}
html[data-method] .tabbar__lens{background:var(--ink-4);box-shadow:none;border-radius:18px}
html[data-method] .tab.is-on .i{color:var(--fg-0);--fill:transparent;--dot:currentColor;--dotfx:none;filter:none;transform:none}
html[data-method] .tab.has-new::after{box-shadow:none}
html[data-method] .rail .tab.is-on{background:var(--ink-4);color:var(--fg-0);border-radius:16px}
html[data-method] :is(.sheet,.dialog,.convs,.toast,.palette){background:var(--surface-raised);color:var(--fg-0);border:1px solid var(--hair-2);box-shadow:var(--sh-3);border-radius:var(--r-l)}
html[data-method] .sheet__head{padding:24px 24px 16px}
html[data-method] .sheet__body{padding-inline:24px}
html[data-method] .sheet__sub{line-height:1.8;color:var(--fg-2)}
html[data-method] .toast{border-radius:var(--r-m);line-height:1.8}
html[data-method] :is(.glass-panel,.card,.panel,.kit__card){background:var(--surface);border:1px solid var(--hair-2);box-shadow:var(--sh-1);border-radius:var(--r-card)}
html[data-method=b] :is(.composer,.topbar.is-scrolled,.tabbar,.sheet--sm){background:var(--mat-glass);backdrop-filter:var(--glass-fx);-webkit-backdrop-filter:var(--glass-fx);box-shadow:var(--hl-top),var(--sh-2)}
/**/
html[data-method] .empty{gap:16px;max-width:720px;margin-inline:auto;padding:40px 8px 24px;text-align:start;align-items:flex-start}
html[data-method] .empty>.mark{width:30px;height:40px;margin-bottom:8px}
html[data-method] :is(.empty__make,.empty__caption,.empty__note,.empty .showcase,.empty .feature-rail){display:none}
html[data-method] .empty .display{max-width:18ch}
html[data-method] .composer{padding:18px;border-radius:var(--radius-composer,28px);background:var(--surface-raised);border:1px solid var(--hair-2);box-shadow:var(--sh-2);overflow:visible}
html[data-method] .composer::before,html[data-method] .composer::after{display:none}
html[data-method] .composer textarea{background:transparent;border:0;border-radius:0;min-height:64px;padding:0 4px;font-size:17px;box-shadow:none}
html[data-method] .composer__bar{gap:6px;min-height:48px}
html[data-method] .send{width:48px;height:48px;min-height:48px;border-radius:50%}
html[data-method] .model-chip{background:transparent;border:0;box-shadow:none;min-height:44px;color:var(--fg-1)}
html[data-method] :is(.model-chip__p,.who-dot,.dock__hint){display:none}
html[data-method] .sugg{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:12px 4px;max-width:720px;margin-inline:auto}
html[data-method] .sugg>button{font-size:13px;background:transparent;border:1px solid var(--hair-2);color:var(--fg-2);box-shadow:none;padding-inline:14px;min-height:44px}
html[data-method] .sugg>:nth-child(n+5){display:none}
html[data-method] .dock{max-width:768px;margin-inline:auto;padding:8px 24px 16px;background:transparent}
html[data-method] .msg--u .msg__body{background:var(--ink-3);border:0;box-shadow:none;border-radius:20px 20px 6px 20px;padding:16px 20px}
html[data-method] .msg--a{background:transparent}
html[data-method] :is(.msg__body,.md){font-size:16px;line-height:1.9}
html[data-method] :is(.convs__group,.mgroup__h){color:var(--fg-3);font-size:12px}
html[data-method] .conv.is-on{background:var(--ink-4);box-shadow:none;border:0}
/**/
html[data-method] .studio{gap:40px;padding-top:24px}
html[data-method] .studio__head{gap:12px;padding-bottom:24px;border:0}
html[data-method] .studio__head .eyebrow{display:none}
html[data-method] .studio__head p{font-size:15px;line-height:1.8;max-width:36ch}
html[data-method] .studio__body{gap:24px}
html[data-method] .studio__canvas{gap:24px}
html[data-method] :is(.tile,.sample,.preview,.frame,.tpl-card,.engine-card){border-radius:var(--r-card);overflow:hidden;border:0;box-shadow:var(--sh-1)}
html[data-method] :is(.tile img,.tile video,.tpl-card img){object-fit:cover}
html[data-method] .cta-bar{background:var(--surface-raised);border-top:1px solid var(--hair-2);box-shadow:none;padding-block:16px}
html[data-method] .studio__panel .cta-bar{border-radius:var(--r-m)}
html[data-method] .chip-row{gap:8px}
html[data-method] .promptbox{border-radius:var(--r-l);background:var(--surface);border-color:var(--hair-2)}
/**/
html[data-method] .voice-w{border:0;box-shadow:none;background:transparent}
html[data-method] .voice{background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-card);box-shadow:none;padding:20px 12px}
html[data-method] .voice[aria-checked=true]{border-color:var(--fg-2);background:var(--surface-raised)}
html[data-method] .orb{background:radial-gradient(circle at var(--light-x) var(--light-y),var(--gold-100),var(--gold-400) 46%,var(--gold-700));box-shadow:none;filter:none;transform:scale(calc(1 + var(--amp,0)*.06))}
html[data-method=a] .orb{--voice-flex:clamp(0%,calc(var(--amp,0)*8%),8%);border-radius:calc(42% + var(--voice-flex)) calc(58% - var(--voice-flex)) calc(55% + var(--voice-flex)) calc(45% - var(--voice-flex)) / calc(48% - var(--voice-flex)) calc(44% + var(--voice-flex)) calc(56% - var(--voice-flex)) calc(52% + var(--voice-flex));box-shadow:inset 0 -8px 16px var(--gold-a28)}
html[data-method=b] .orb{border-radius:50%;background:radial-gradient(circle at 32% 22%,var(--surface-raised),transparent 23%),radial-gradient(circle at var(--light-x) var(--light-y),var(--gold-a50),var(--ink-3) 65%);border:1px solid var(--hair-gold);box-shadow:inset 0 0 12px var(--gold-a28),var(--sh-2)}
html[data-method] .orb::after{box-shadow:none}
html[data-method] :is(.audio-sample,.voice-sample,.vhero){background:transparent;box-shadow:none;border:0}
/**/
html[data-method] .plans{padding-top:32px}
html[data-method] .ph{margin-bottom:32px}
html[data-method] .pl{background:var(--surface);border:1px solid var(--hair-2);border-radius:var(--r-card);box-shadow:none}
html[data-method] .pl.is-on{background:var(--surface-raised);border-color:var(--fg-2);box-shadow:var(--sh-2)}
html[data-method] :is(.pl__glow,.pl__shine,.pl::before,.pl::after){display:none}
html[data-method] :is(.pl__mark,.emblem){filter:none}
html[data-method] .pl__price{color:var(--fg-0)}
html[data-method] :is(.receipt,.invoice,.paybox){background:var(--surface-raised);border-radius:var(--r-l);border-color:var(--hair-2);box-shadow:var(--sh-1)}
/**/
html[data-method] :is(.info,.info__article){max-width:76ch;line-height:1.9}
html[data-method] :is(.art-panel,.py-cell,.agent-panel){background:var(--surface);border-color:var(--hair-2);border-radius:var(--r-m);box-shadow:none}
html[data-method] :is(pre,code,.agent-editor){font-style:normal;letter-spacing:0;direction:ltr;text-align:left}
html[data-method] :is(.lib-grid>* , .conv,.tpl-card,.info__section){content-visibility:auto;contain-intrinsic-size:auto 280px}
html[data-method] :is(.switch,.toggle){box-shadow:none}
html[data-method] :is(.badge--gold,.chip-ok,.pl__tag){background:var(--ink-4);color:var(--fg-1);border:0}
/**/
html[data-method] .login{justify-content:center;min-height:100dvh;gap:32px;padding-block:100px 40px}
html[data-method] .login__brand{justify-content:flex-start;inset-inline:32px;top:32px}
html[data-method] .login__brand::before,html[data-method] .login__hero::before{display:none}
html[data-method] .login__panel{gap:24px;padding:0 24px;max-width:480px;margin-inline:auto}
html[data-method] .login__hero{gap:12px}
html[data-method] .login__hero .hero{font-size:40px}
html[data-method] .login__veil{display:none}
html[data-method] .login .wall{display:none}
html[data-method] .login .glass-panel{padding:0;border:0;background:transparent;box-shadow:none}
html[data-method] .login__gift{color:var(--fg-2);font-size:14px}
html[data-method] .login__links{border:0;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
html[data-method] .login__links a{font-size:12px;color:var(--fg-3);padding:4px}
html[data-method] .rot{color:var(--accent-text)}
html[data-method] .auth__step{gap:14px}
html[data-method] .auth input{min-height:56px;border:1px solid var(--hair-2);background:var(--surface-raised);padding:12px 18px;border-radius:var(--r-m)}
.v4-switcher{position:fixed;z-index:1000;bottom:100px;left:16px;font:500 12px/1.7 var(--ff);color:var(--fg-1)}
.v4-switcher summary{cursor:pointer;list-style:none;border:1px solid var(--hair-2);background:var(--surface-raised);border-radius:999px;min-height:36px;padding:7px 12px;box-shadow:var(--sh-1)}
.v4-switcher>div{position:absolute;bottom:44px;left:0;width:280px;padding:16px;border:1px solid var(--hair-2);border-radius:var(--r-m);background:var(--surface-raised);box-shadow:var(--sh-3)}
.v4-switcher .set{display:grid;gap:8px}.v4-switcher label{display:flex;align-items:center;justify-content:space-between;margin-block:16px}
.v4-switcher select{font:inherit;color:inherit;border:1px solid var(--hair-2);padding:8px;background:var(--surface)}
.v4-capture .v4-switcher{display:none}
@media(min-width:1024px){
 html[data-method]{--gutter:40px}
 html[data-method] .rail{width:88px;padding-inline:8px}
 html[data-method] .rail .tab{min-height:64px}
 html[data-method] .chat__main{max-width:100%;padding-inline:24px}
 html[data-method] .chat:has(.empty) .chat__main{display:flex;flex-direction:column;justify-content:center;padding-bottom:9vh}
 html[data-method] .chat:has(.empty) .thread{flex:0 0 auto;width:100%;overflow:visible}
 html[data-method] .chat:has(.empty) .empty{padding-block:24px}
 html[data-method] .chat:has(.empty) .dock{position:relative;width:100%;inset:auto}
 html[data-method] .studio{grid-template-columns:minmax(360px,460px) minmax(0,1fr);max-width:1280px;margin-inline:auto;gap:56px}
 html[data-method] .login{padding-inline:8vw;align-items:flex-start}
 html[data-method] .login__panel{margin-inline:0 auto;max-width:430px;z-index:2}
 html[data-method] .login::after{content:"";position:absolute;inset:10% 48% 10% 5%;border-radius:var(--r-xl,40px);background:radial-gradient(ellipse at 65% 25%,var(--gold-a28),transparent 65%),var(--surface);border:1px solid var(--hair-2);box-shadow:var(--sh-1);pointer-events:none}
 html[data-method=b] .login::after{box-shadow:var(--hl-top),var(--sh-3);background:radial-gradient(ellipse at var(--light-x) var(--light-y),var(--gold-a16),transparent 65%),var(--mat-glass)}
 .v4-switcher{bottom:20px}
}
@media(max-width:600px){
 html[data-method]{--gutter:20px;--hit:48px}
 html[data-method] .studio{padding-top:8px;gap:24px}
 html[data-method] .studio__head{padding-bottom:16px}
 html[data-method] .dock{padding-inline:16px}
 html[data-method] .composer{padding:14px}
 html[data-method] .empty{padding:28px 20px 16px}
 html[data-method] .empty .display{font-size:30px}
 html[data-method] .empty>.mark{height:32px;width:26px;margin:0}
 html[data-method] .sugg>button{max-width:100%;font-size:12px}
 html[data-method] .composer__bar :is(.bchip){font-size:12px;padding-inline:8px}
 html[data-method] .sheet{border-radius:var(--r-l) var(--r-l) 0 0}
 html[data-method] .login__hero .hero{font-size:36px}
 html[data-method] .login__brand{inset-inline:24px;top:28px}
 html[data-method] .login__links{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){html[data-method] *,html[data-method] *::before,html[data-method] *::after{scroll-behavior:auto!important;animation:none!important;transition-property:opacity,color,background-color!important;transition-duration:120ms!important}html[data-method] .is-pressed{transform:none!important}html[data-method] .orb{--voice-flex:0%;transform:none!important}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-method] :is(.composer,.topbar,.tabbar,.sheet,.glass-panel){background:var(--surface-raised)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.lightfield{display:none}}
@media(forced-colors:active){html[data-method] body{background:Canvas;color:CanvasText}html[data-method] :is(.btn-molten,.btn-quiet,.send,.bx-btn,.chip,.composer,.sheet,.tabbar){background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}.lightfield{display:none}html[data-method] :focus-visible{outline-color:Highlight}}

html[data-method] :is(.btn-molten,.send){background-color:var(--color-primary)}
@media(pointer:coarse){html[data-method]{--hit:48px}}

/**/
html[data-method] body::before,html[data-method] body::after,
html[data-method] .dock::before,html[data-method] .dock::after,
html[data-method] .app::before,html[data-method] .login::after{display:none}
html[data-method] .balance::after,html[data-method] .balance .coin{display:none}
html[data-method] .balance{gap:6px}
html[data-method] .empty__hello{color:var(--fg-2);font-size:.64em;font-weight:500}
html[data-method] .empty__light{width:9px;height:9px;border-radius:50%;background:var(--accent-text)}
html[data-method] .chat:has(.empty) .dock{display:flex;flex-direction:column}
html[data-method] .chat:has(.empty) .composer{order:1}
html[data-method] .chat:has(.empty) .sugg{order:2;flex-wrap:nowrap;width:100%;overflow:auto;justify-content:flex-start;padding-block:16px 0}
html[data-method] .chat:has(.empty) .sugg .chip{flex:0 0 auto;padding-inline:12px;font-size:12px;min-height:40px}
html[data-method] .chat:has(.empty) .resume{display:none}
html[data-method] .composer__bar{flex-wrap:nowrap}
html[data-method] .model-chip{max-width:none;min-width:0;flex:1;justify-content:flex-end;font-size:12px}
html[data-method] .model-chip .lat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:135px}
html[data-method] .composer__bar .bchip:not([aria-pressed=true]){display:none}
html[data-method] .composer__bar .send{flex-shrink:0;order:-1;margin-inline:0 auto}
html[data-method] .auth .field input{background:transparent;border:0;box-shadow:none}
html[data-method] .login__visual{display:none}
@media(min-width:1024px){
 html[data-method] .login__visual{display:block;position:absolute;inset:10% 48% 10% 5%;margin:0;border-radius:var(--r-xl);overflow:hidden;background:var(--surface)}
 html[data-method] .login__visual img{width:100%;height:100%;object-fit:cover}
 html[data-method] .login__visual figcaption{position:absolute;bottom:24px;inset-inline:24px;color:var(--fg-0);padding:16px 24px;border-radius:var(--r-m);background:var(--surface-raised);font-size:18px}
}
@media(max-width:1023px){
 html[data-method] .chat:has(.empty) .chat__main{justify-content:center;min-height:calc(100dvh - 180px);padding-bottom:30px}
 html[data-method] .chat:has(.empty) .thread{flex:0 0 auto;padding-bottom:20px}
 html[data-method] .chat:has(.empty) .empty{padding:12px 0 16px;gap:12px}
 html[data-method] .chat:has(.empty) .dock{position:relative;inset:auto;width:100%;padding-bottom:8px}
 html[data-method] .empty .display{font-size:29px}
 html[data-method] .composer textarea{min-height:70px;font-size:16px}
 html[data-method] .composer__bar{gap:2px}
 html[data-method] .composer__bar .icon-btn{min-width:44px;width:44px}
}


/* Source: css/media-placeholder.css */
/**/
.media-placeholder {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 100%;
  min-block-size: 40px;
  aspect-ratio: var(--media-ar, 1 / 1);
  overflow: hidden;
  isolation: isolate;
  border-radius: inherit;
  color: var(--muted, var(--fg-2));
  background: var(--surface2, var(--ink-3));
  contain: paint;
}
.media-placeholder__field {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse at var(--light-x, 40%) var(--light-y, 35%), color-mix(in srgb, var(--text, var(--fg-0)) 6%, transparent), transparent 72%);
  opacity: .7;
}
.media-placeholder__label {
  max-inline-size: 80%;
  padding: var(--space-12, 12px);
  text-align: center;
  font-size: var(--type-caption, 12px);
  font-weight: var(--type-regular, 400);
  line-height: var(--type-body-leading, 1.75);
}
:root[data-method="b"] .media-placeholder {
  box-shadow: inset 0 1px 0 var(--hair-2);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  .media-placeholder__field { display: none; }
}
@media (forced-colors: active) {
  .media-placeholder { color: CanvasText; background: Canvas; border: 1px solid CanvasText; }
  .media-placeholder__field { display: none; }
}

/**/
.tpl > .media-placeholder { position:absolute; inset:0; inline-size:100%; block-size:100%; min-block-size:0; }
:is(.eng__img,.vm__img,.gift__img) > .media-placeholder { inline-size:100%; block-size:100%; min-block-size:0; }
.emb { color:var(--fg-1); background:var(--surface2,var(--ink-3)); box-shadow:inset 0 0 0 1px var(--hair-2); }
.emb__level { font-size:calc(var(--sz) * .4); font-weight:var(--type-semibold,600); line-height:1; font-variant-numeric:tabular-nums; }
.emb--dim .emb__level { opacity:.45; }

.ag-template-preview { display:block; inline-size:100%; aspect-ratio:4/3; border-radius:var(--r-tile); overflow:hidden; margin-bottom:var(--s-2); }
.ag-template-preview > .media-placeholder { block-size:100%; }


/* Source: css/v4-targets.css */
/**/
html[data-method] :is(button,[role=button],.btn-quiet,.btn-molten,.tab){min-width:44px;min-height:44px}
html[data-method] :is(.sugg .chip,.jump,.search__x,.conv__more,.cmode__x,.msg__acts button,.pre__bar button,.banner__acts button,.banner__acts a){min-width:44px;min-height:44px}
html[data-method] .v4-switcher summary{min-height:44px;display:flex;align-items:center}
html[data-method] .composer__bar{align-items:center;gap:4px}
html[data-method] .composer__bar .send{order:4;margin-inline:auto 0}
html[data-method] .empty__light{background:var(--fg-2)}
html[data-method] .dot-end::after{display:none}
html[data-method] .tk-c{font-style:normal}
html[data-method] :is(.pnow,.pl__ag,.pl__what,.pl__tag,.pl__badge,.pl__more,.pl__cr,.lad.is-rec,.lad.is-cur){color:var(--fg-2);background:var(--surface);border-color:var(--hair-2);box-shadow:none}
html[data-method] .pl.is-rec{border-color:var(--hair-2);box-shadow:none}
html[data-method] .pl .fx{color:var(--fg-2)}
html[data-method] .pl__meta .coin{color:var(--fg-2)}
html[data-method] .pl__badge{border:1px solid var(--hair-2)}
html[data-method] .pl__what i{color:var(--fg-3)}
html[data-method] .island{background:var(--surface-raised);border:1px solid var(--hair-2);box-shadow:var(--sh-1);color:var(--fg-2)}
html[data-method] .island::before,html[data-method] .island::after{display:none}
html[data-method] .balance.is-pending::after{background:var(--fg-2);box-shadow:none}
html[data-method] .media-placeholder::after{display:none}
html[data-method] .media-placeholder{background:var(--surface);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2)}
html[data-method] .media-placeholder__field{background:radial-gradient(ellipse at var(--light-x) var(--light-y),var(--hair-2),transparent 72%)}
html[data-method] .voice:not([aria-checked=true]) .orb{background:var(--surface-tonal);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--hair-2)}
@media(pointer:coarse){
 :root[data-method]{--hit:48px}
 html[data-method] :is(button,[role=button],.btn-quiet,.btn-molten,.tab,.chip,.jump,.search__x,.conv__more,.cmode__x,.msg__acts button,.pre__bar button,.banner__acts a,.v4-switcher summary){min-height:48px;min-width:48px}
 html[data-method] .chat:has(.empty) .sugg .chip{min-height:48px;min-width:48px}
 html[data-method] .composer__bar .icon-btn{width:48px;min-width:48px}
 html[data-method] .seg button{padding-inline:12px}
 html[data-method] .composer__bar .model-chip{max-width:none;min-width:0}
 html[data-method] .voice__pv{min-height:48px;padding-inline:12px}
}

/**/
html[data-method] .composer__bar:has(.bchip[aria-pressed=true]){flex-wrap:wrap}
html[data-method] .composer__bar:has(.bchip[aria-pressed=true]) .model-chip{flex:1 0 100%;max-width:100%}
html[data-method] .send[aria-disabled=true]{background:var(--surface-tonal);color:var(--fg-3);box-shadow:none;cursor:not-allowed}

/**/
html[data-method] :is(.pyb__lines,.ag-line-numbers){color:var(--fg-2)}
html[data-method] :is(.lad.is-on .lad__p b,.lad.is-rec .lad__p b,.gold,.cmp__gh>span,.pl__what li b,.ag-budget-option,.ag-tab,.ag-mode-switch button,.info-placeholder){color:var(--fg-1)}
html[data-method] :is(.pl__ag,.pl__what,.pl__tag,.pl__badge,.pl__more,.pl__cr) :is(b,strong,i){color:inherit}
html[data-method] :is(.info-eyebrow,.info-nav a[aria-current=page],.info-prose li::marker,.info-placeholder,.ag-gift,.ag-export-warning){color:var(--fg-2)}
html[data-method] :is(.tpl.is-on,.eng.is-on,.voice[aria-checked=true],.template-card[aria-pressed=true]){border-color:var(--fg-2);box-shadow:none}
html[data-method] :is(.bal-card,.acct-bal,.bankcard,.pnow,.ag-gift,.ag-export-warning){background:var(--surface);border-color:var(--hair-2);box-shadow:var(--sh-1)}
html[data-method] .login h1 strong{color:inherit}
html[data-method] .avatar{background:var(--surface-tonal);color:var(--fg-1)}
body:has(.sheet.is-open,.ag-sheet.is-open) .v4-switcher{display:none}
html[data-method] #sh-account .sheet__body{min-height:0;overflow:auto}
html[data-method] #sh-account .sheet__body>*{flex-shrink:0}
html[data-method] :is(button,[role=button]){transition:transform var(--spring-press-duration) var(--spring-press-easing),box-shadow var(--motion-fast) ease,border-radius var(--spring-press-duration) var(--spring-press-easing)}
html[data-method] :is(button,[role=button]).is-pressed{transform:scale(var(--button-press-scale));box-shadow:var(--sh-pressed);transition-duration:0s}
html[data-method=a] :is(.btn-molten,.btn-quiet,.bx-btn,.send).is-pressed{border-radius:var(--radius-button-pressed)}
/**/
@media(forced-colors:none){
:root[data-method=b][data-theme]{--sh-1:var(--shadow-low);--sh-2:var(--shadow-medium);--sh-3:var(--shadow-high);--cast-x:clamp(-5px,var(--light-shadow-x,0px),5px);--rim-x:clamp(-2px,calc(var(--light-shadow-x,0px)*-.4),2px);--shadow-low:var(--cast-x) 2px 8px var(--color-shadow-soft);--shadow-medium:var(--cast-x) 12px 36px var(--color-shadow-medium);--shadow-high:var(--cast-x) 24px 64px var(--color-shadow-heavy);--shadow-button:var(--cast-x) 4px 12px var(--color-shadow-medium);--rim-light:inset var(--rim-x) 1px 0 var(--color-rim-soft);--rim-light-2:inset var(--rim-x) 1px 0 var(--color-rim-strong);--sh-molten:var(--shadow-button),var(--rim-light-2)}
:root[data-method=b] :is(button,[role=button]).is-pressed{filter:brightness(.99);transform:scale(var(--button-press-scale)) scaleY(.99);border-radius:var(--radius-button-pressed);box-shadow:var(--sh-pressed),inset clamp(-2px,calc(var(--light-shadow-x,0px)*-.4 + 1px),2px) 2px 1px var(--color-rim-strong)}
html[data-method=b] .composer{transition-property:border-color}
}
@media(forced-colors:active){:root[data-method=b] :is(button,[role=button]).is-pressed{box-shadow:none;filter:none}}
@media(prefers-reduced-motion:reduce){html[data-method] :is(button,[role=button]){transition:none;transform:none!important}}

/**/
html[data-method] textarea.ag-code-input{background:transparent;border:0;border-radius:0;line-height:22px}
html[data-method] .ag-code-highlight{line-height:22px}
html[data-method] .island:empty{display:none}
html[data-method] .island{min-width:44px;min-height:44px;max-width:100%}
html[data-method] .island :is(strong,.island__ready){color:var(--fg-1)}
html[data-method] .island__ic b{box-shadow:none;background:var(--fg-2);animation:none}
/**/
@media(max-width:1023px){
 html[data-method] .studio__panel{overflow:visible}
 html[data-method] .studio .cta-bar{position:static;transform:none;margin-top:8px;padding:16px 0;background:transparent}
 html[data-method] .studio .cta-bar::before{display:none}
 html[data-method] .studio{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 32px)}
}
html[data-method] .lad .lad__p b{color:var(--fg-0)}

html[data-method] .v4-method-setting{grid-template-columns:1fr}
html[data-method] .v4-method-setting .seg{display:flex}
html[data-method] .v4-method-setting .seg button{flex:1}

/**/
:root[data-method] :is(button,[role=button],summary,a.btn-quiet,a.btn-molten,a.link,a.tab){min-width:var(--hit)!important;min-height:var(--hit)!important}
:root[data-method] a.link{display:inline-flex;align-items:center;justify-content:center}


/* Source: css/gemini.css */
/**/
@font-face{font-family:'Bixa Persian';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/vazirmatn-interface-fa.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+2000-206F,U+0020-002F,U+003A-0040,U+00A0,U+00AB,U+00BB,U+2212}
@font-face{font-family:'Bixa Interface Latin';font-style:normal;font-weight:1 1000;font-display:swap;src:url(../fonts/bixa-interface-latin.woff2) format('woff2');size-adjust:94%;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
html[data-method=a]{--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--rail-w:72px;--side-w:280px;--topbar-h:64px;--tabbar-h:0px;--tabbar-gap:0px;scroll-padding-bottom:100px}
html[data-method=a] body{font-family:var(--ff);font-weight:400;background:var(--color-canvas)}
html[data-method=a] :is(.display,.hero){font-weight:500;line-height:1.5}
html[data-method=a] :is(.icon-btn,.btn-quiet,.btn-molten,.send,.chip){box-shadow:none}
html[data-method=a] .boot__mark g{stroke:var(--color-primary)}
html[data-method=a] :is(.boot__glow,.boot__dot){fill:var(--color-primary)}
html[data-method=a] .v4-switcher{display:none!important}
html[data-method=b] .method-a-only{display:none!important}
html[data-method=a] .method-b-only{display:none!important}

/**/
html[data-method=a] #app[data-scr=chat]{--rail-w:0px;--tabbar-h:0px;--tabbar-gap:0px}
html[data-method=a] #app[data-scr=chat] :is(.rail,.tabbar,.cmdk,.balance,.mark--top,#back-btn,#title,#island,.tb-login){display:none!important}
html[data-method=a] #app[data-scr=chat] #stage{margin-inline:0;padding:calc(64px + var(--safe-t,0px)) 0 0;min-height:100svh}
html[data-method=a] #app[data-scr=chat] #topbar{inset-inline:0;height:calc(64px + var(--safe-t,0px));padding:calc(8px + var(--safe-t,0px)) max(16px,var(--safe-r,0px)) 8px max(16px,var(--safe-l,0px));gap:12px;border:0;background:transparent;backdrop-filter:none;box-shadow:none}
/**/
html[data-method=a] #app[data-scr=chat] #topbar::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--color-glass-bar);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 -1px 0 var(--color-hairline);opacity:0;transition:opacity 240ms var(--ease-bixa)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-method=a] #app[data-scr=chat] #topbar::before{background:var(--color-canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}
html[data-method=a] #app[data-scr=chat] #topbar.is-under::before{opacity:1}
/**/
html[data-method=a] body #app[data-scr] #topbar{padding-left:max(16px,var(--safe-l));padding-right:max(16px,var(--safe-r))}
html[data-method=a] #app[data-scr=chat] #drawer-btn{display:inline-grid!important;place-items:center;min-width:48px;min-height:48px;background:transparent;border:0;color:var(--fg-0)}
html[data-method=a] #app[data-scr=chat] .topbar__start{gap:8px;flex:1;min-width:0}
html[data-method=a] #app[data-scr=chat] .topbar__end{gap:0;flex:0 0 auto}
html[data-method=a] .chat-model-trigger{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:16px;font-weight:500;border-radius:999px;max-width:calc(100vw - 160px);color:var(--fg-0)}
html[data-method=a] .chat-model-trigger bdi{font-family:var(--ff-lat);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-method=a] #chat-new{display:grid;place-items:center;min-width:48px;min-height:48px}
html[data-method=a] #app[data-scr=chat] .chat{display:block;min-height:calc(100svh - 64px - var(--safe-t,0px))}
html[data-method=a] #app[data-scr=chat] .chat__main{display:flex;flex-direction:column;width:100%;max-width:808px;min-height:calc(100svh - 64px - var(--safe-t,0px));margin-inline:auto;padding:0;overflow:visible}
html[data-method=a] #app[data-scr=chat] .thread{flex:1;width:100%;max-width:808px;margin:0 auto;padding:32px 24px calc(150px + var(--turn-space,0px));gap:28px;overflow:visible}
html[data-method=a] #app[data-scr=chat] .chat:has(.empty) .thread{flex:1;min-height:calc(100svh - 250px - var(--safe-t,0px));padding:0 24px 64px;display:flex;justify-content:center}
html[data-method=a] #app[data-scr=chat] .empty{align-items:center;justify-content:center;gap:0;margin:auto;padding:0;text-align:center}
html[data-method=a] #app[data-scr=chat] .empty__light{display:none}
html[data-method=a] #app[data-scr=chat] .empty .display{display:flex;flex-direction:column;align-items:inherit;gap:4px;margin:0;font-family:var(--ff-display);font-weight:500;font-size:32px;line-height:1.55}
html[data-method=a] #app[data-scr=chat] .empty__greeting{font-size:1em;font-weight:400;line-height:1.4;background:var(--greeting-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-method=a] #app[data-scr=chat] .empty__subheading{font-size:24px;font-weight:400;line-height:1.4;color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .dock__hint,html[data-method=a] #app[data-scr=chat]:not(.is-empty) :is(.sugg,.resume){display:none!important}

/**/
html[data-method=a] #app[data-scr=chat] .dock,
html[data-method=a] #app[data-scr=chat] .chat:has(.empty) .dock{position:fixed;inset-inline:0;bottom:0;width:100%;max-width:808px;margin-inline:auto;padding:0 max(20px,var(--safe-r)) calc(18px + var(--safe-b)) max(20px,var(--safe-l));display:flex;flex-direction:column;z-index:12;--dock-b:calc(18px + var(--safe-b))}
html[data-method=a] #app[data-scr=chat] .dock::before{display:block;position:absolute;inset:-36px -50vw 0;transition:opacity 360ms var(--mo-ease,var(--ease-bixa)) 120ms;background:linear-gradient(color-mix(in srgb,var(--color-canvas) 0%,transparent),color-mix(in srgb,var(--color-canvas) 86%,transparent) 46%,var(--color-canvas) 72%);z-index:-1;pointer-events:none}
/**/
html[data-method=a].kb #app[data-scr=chat] .dock{padding-bottom:10px;--dock-b:10px;--shift:calc(var(--kb-raw,var(--kb,0px)) + 8px - var(--dock-b))}
/**/
html[data-method=a].kb #app[data-scr=chat] .thread{padding-bottom:calc(150px + var(--turn-space,0px) + var(--kb,0px))}
html[data-method=a].kb #app[data-scr=chat] .dock::after{content:'';position:absolute;inset-inline:-50vw;top:calc(100% - 1px);height:calc(var(--kb,0px) + 96px);background:var(--color-canvas);pointer-events:none;z-index:-1}
html[data-method=a] #app[data-scr=chat] .composer{--gb-radius:30px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-auto-rows:auto;align-items:center;gap:0 2px;min-height:60px;padding:8px;border:0;border-radius:var(--gb-radius);color:var(--fg-0)}
html[data-method=a] #app[data-scr=chat] .composer:focus-within{box-shadow:none}
html[data-method=a] #app[data-scr=chat] .composer textarea{grid-column:2;grid-row:1;min-width:0;min-height:44px;max-height:180px;width:100%;margin:0;padding:8px 6px;border:0;border-radius:0;background:none;font-family:var(--ff);font-size:16px;line-height:28px;color:var(--fg-0);caret-color:var(--color-caret);box-shadow:none}
html[data-method=a] #app[data-scr=chat] .composer textarea::placeholder{color:var(--color-text-muted);opacity:1}
html[data-method=a] #app[data-scr=chat] .composer textarea:focus-visible{outline:none}
html[data-method=a] #app[data-scr=chat] .composer__bar{display:contents}
html[data-method=a] #app[data-scr=chat] .composer__bar>.grow{display:none}
/**/
html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice){position:relative;isolation:isolate;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:none;box-shadow:none;color:var(--fg-2);transition:color .3s ease,transform .35s var(--ease-bixa)}
html[data-method=a] #app[data-scr=chat] .composer__bar>[data-act=tools]{grid-column:1;grid-row:1}
html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice)::before{content:'';position:absolute;inset:5px;z-index:-1;border-radius:50%;border:1px solid var(--color-glass-pill-line);background:var(--color-chip);transition:background-color .3s ease,border-color .3s ease}
html[data-method=a] #app[data-scr=chat] .composer__bar>#chat-voice::before{inset:3px}
html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice) .i{width:18px;height:18px}
html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice):is(:active,.is-pressed){transform:scale(.9);background-image:none;transition-duration:0s}
html[data-method=a] #app[data-scr=chat] #chat-mic{display:none!important}
html[data-method=a] #app[data-scr=chat] :is(#chat-voice,#send){grid-column:3;grid-row:1;place-self:center;order:initial;margin:0}
html[data-method=a] #app[data-scr=chat] #send{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:none}
/**/
/**/
html[data-method=a] #app[data-scr=chat] #send[aria-disabled=true]:not(.is-stop){opacity:1;filter:none;background:none;cursor:default;color:var(--color-text-disabled)}
html[data-method=a] #app[data-scr=chat] #send[aria-disabled=true]:not(.is-stop)::before{background:var(--color-chip);box-shadow:inset 0 0 0 1px var(--color-glass-pill-line)}
html[data-method=a] #app[data-scr=chat] #send[aria-disabled=false]:not(.is-stop)::before{animation:gb-send-in 420ms var(--ease-bixa) backwards}
html[data-method=a] #app[data-scr=chat] #send[aria-disabled=false]:not(.is-stop) .i{animation:gb-send-arrow 420ms var(--ease-bixa) backwards}
@keyframes gb-send-in{from{opacity:.2;transform:scale(.7)}}
@keyframes gb-send-arrow{from{transform:translateY(5px)}}
html[data-method=a] #app[data-scr=chat] #chat-voice{display:none!important}
html[data-method=a] #app[data-scr=chat] .composer.has-tool{--gb-radius:24px;grid-template-columns:44px minmax(0,1fr) 44px;padding:12px}
html[data-method=a] #app[data-scr=chat] .composer.has-tool .cmode{grid-column:1/-1;grid-row:1;min-width:0;margin-bottom:8px}
html[data-method=a] #app[data-scr=chat] .composer.has-tool textarea{grid-column:1/-1;grid-row:2;min-height:64px}
html[data-method=a] #app[data-scr=chat] .composer.has-tool .composer__bar>:is([data-act=tools],#chat-mic,#chat-voice,#send){grid-row:3}
html[data-method=a] #app[data-scr=chat] .composer__tools{grid-column:1/-1;font-size:12px;padding:8px 4px 0;color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .composer .bchip{display:none!important}
html[data-method=a] #app[data-scr=chat] .jump{top:auto;bottom:calc(100% + 12px);border:1px solid var(--color-glass-line);background:var(--color-glass-card);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);box-shadow:var(--shadow-low);color:var(--fg-0)}
html[data-method=a][data-chat-phase=streaming] #app[data-scr=chat] .jump{border-color:var(--color-gold-border);box-shadow:var(--shadow-low),0 0 0 4px var(--gold-a10)}
/**/
html[data-method=a] #app[data-scr=chat] #send>.i{display:block;grid-area:1/1;transition:opacity 160ms ease,transform 160ms var(--ease-bixa)}
html[data-method=a] #app[data-scr=chat] #send>.i-send{width:17px;height:17px}
html[data-method=a] #app[data-scr=chat] #send>.i-stop{width:14px;height:14px;opacity:0;transform:scale(.6)}
html[data-method=a] #app[data-scr=chat] #send.is-stop>.i-stop{opacity:1;transform:none}
html[data-method=a] #app[data-scr=chat] #send.is-stop>.i-send{opacity:0;transform:scale(.6)}
html[data-method=a] #app[data-scr=chat] #send::before{transition:opacity 200ms ease,box-shadow .35s ease,background-color .3s ease}
html[data-method=a] #app[data-scr=chat] #send.is-stop::before{background:linear-gradient(135deg,var(--brand-violet) 0%,var(--brand-pink) 52%,var(--brand-seed) 100%);opacity:0}
html[data-method=a] #app[data-scr=chat] #send::after{content:'';display:block;position:absolute;z-index:-1;inset:calc((100% - var(--send-size,38px)) / 2);border-radius:50%;background:var(--fg-0);-webkit-mask:none;mask:none;animation:none;opacity:0;transform:scale(.86);pointer-events:none;transition:opacity 200ms ease,transform 200ms var(--ease-bixa)}
html[data-method=a] #app[data-scr=chat] #send.is-stop::after{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html[data-method=a] #app[data-scr=chat] #send::before,html[data-method=a] #app[data-scr=chat] #send .i{animation:none!important}html[data-method=a] #app[data-scr=chat] #send::before,html[data-method=a] #app[data-scr=chat] #send::after,html[data-method=a] #app[data-scr=chat] #send>.i{transition:none}}
@media(forced-colors:active){html[data-method=a] #app[data-scr=chat] #send::after{background:ButtonText;forced-color-adjust:none}}
/**/
html[data-method=a] #app[data-scr=chat] .sugg{order:0;width:auto;display:flex;flex-wrap:nowrap;gap:8px;margin:0 -20px 12px;padding:2px 20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px;justify-content:safe center;-webkit-mask-image:linear-gradient(90deg,transparent,var(--fg-0) 20px calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,var(--fg-0) 20px calc(100% - 20px),transparent);transition:opacity 220ms var(--ease-bixa),transform 320ms var(--ease-bixa)}
html[data-method=a] #app[data-scr=chat] .sugg::-webkit-scrollbar{display:none}
html[data-method=a] #app[data-scr=chat] .sugg .chip{flex:none;scroll-snap-align:start;gap:7px;min-height:40px;padding-inline:14px 16px;border:1px solid var(--color-glass-pill-line);background:var(--color-glass-card);font-size:13.5px;color:var(--fg-1);animation:bx-chip-in 520ms var(--ease-bixa) both;animation-delay:calc(var(--i,0) * 50ms + 120ms);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
html[data-method=a] #app[data-scr=chat] .sugg .chip .i{width:16px;height:16px;color:var(--fg-2);flex:none;transition:color 160ms ease}
/**/
html[data-method=a] #app[data-scr=chat] .sugg .chip{color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .sugg .chip:is(:active,.is-pressed,[aria-pressed=true]){color:var(--fg-0)}
html[data-method=a] #app[data-scr=chat] .sugg .chip:is(:active,.is-pressed,[aria-pressed=true]) .i{color:var(--color-gold-ink)}
@media(hover:hover) and (pointer:fine){html[data-method=a] #app[data-scr=chat] .sugg .chip:hover{color:var(--fg-0);border-color:var(--color-glass-pill-line-hover)}}
@keyframes bx-chip-in{from{opacity:0;transform:translateY(6px)}}
@media(pointer:coarse){html[data-method=a] #app[data-scr=chat] .sugg .chip{min-height:44px}}
@media(prefers-reduced-motion:reduce){html[data-method=a] #app[data-scr=chat] .sugg .chip{animation:none}}
html[data-method=a].lite #app[data-scr=chat] .sugg .chip{animation:none}
html[data-method=a] #app[data-scr=chat] .dock:is(:has(#cin:not(:placeholder-shown)),:has(.composer.has-tool)) .sugg{opacity:0;transform:translateY(6px);pointer-events:none;visibility:hidden;transition:opacity 160ms ease,transform 160ms ease,visibility 0s 160ms}
/**/
html[data-method=a] #app[data-scr=chat] .resume{display:flex;align-items:center;gap:10px;align-self:center;width:auto;max-width:100%;min-height:44px;margin:0 0 10px;padding:0 16px;border-radius:999px;border:1px solid var(--color-glass-pill-line);background:var(--color-glass-card);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:none;font-size:13.5px;color:var(--fg-1);animation:bx-chip-in 520ms var(--ease-bixa) 80ms both}
html[data-method=a] #app[data-scr=chat] .resume[hidden]{display:none!important}
html[data-method=a] #app[data-scr=chat] .resume>.i{width:16px;height:16px;color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .resume:active>.i{color:var(--color-gold-ink)}
/**/
html[data-method=a] #app[data-scr=chat] :is(.resume,.empty__cta){transition:opacity 200ms ease,visibility 0s}
html[data-method=a] #app[data-scr=chat] .dock:has(.composer.has-tool) .resume,
html[data-method=a] #app[data-scr=chat]:has(#composer.has-tool) .empty__cta{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease,visibility 0s linear 200ms}
@media(prefers-reduced-motion:reduce){html[data-method=a] #app[data-scr=chat] :is(.resume,.empty__cta){transition:none}}
html[data-method=a] #app[data-scr=chat] .resume small{flex:none;font-size:12px;color:var(--fg-2);font-variant-numeric:tabular-nums}
html[data-method=a] #app[data-scr=chat] .resume__t{min-width:0;color:var(--fg-0)}
html[data-method=a] #app[data-scr=chat] .resume__k{color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .resume:active{transform:scale(.98)}
html[data-method=a] #app[data-scr=chat] .dock:has(#cin:not(:placeholder-shown)) .resume{display:none!important}
/**/
html[data-method=a] #app[data-scr=chat] .dock__queue{margin:0 0 10px;padding-block:8px;padding-inline:14px 8px;border-radius:18px;border:1px solid var(--color-glass-line);background:var(--color-glass-card);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);box-shadow:var(--rim-light);font-size:13.5px;line-height:1.8;color:var(--color-paragraph)}
html[data-method=a] #app[data-scr=chat] .dock__queue>.i{color:var(--color-gold-ink)}
html[data-method=a] #app[data-scr=chat] .dock__queue .btn-quiet{min-height:40px;border-radius:999px}

/**/
html[data-method=a] #app[data-scr=chat] .msg--u{align-self:flex-start;margin-inline-start:auto;max-width:88%;padding:12px 20px;background:var(--color-user-pill);color:var(--fg-0);border:0;border-radius:24px;font-size:16px;line-height:1.8;box-shadow:none}
html[data-method=a] #app[data-scr=chat] .msg--a{animation:none;padding:0;background:none;border:0}
html[data-method=a] #app[data-scr=chat] .msg__who{font-size:12px;color:var(--fg-2);margin-bottom:16px}
html[data-method=a] #app[data-scr=chat] .md{font-size:17px;line-height:1.9;color:var(--fg-0);max-width:640px}
html[data-method=a] #app[data-scr=chat] .msg--a .msg__acts{max-width:640px}
html[data-method=a] #app[data-scr=chat] .msg__acts{gap:4px;margin-top:12px}
html[data-method=a] #app[data-scr=chat] .msg__acts button{border:0;background:transparent;box-shadow:none}
html[data-method=a] #app[data-scr=chat] .msg__meta{font-size:12px;color:var(--fg-2)}
html[data-method=a] #app[data-scr=chat] .thinking{min-height:48px}

/**/
html[data-method=a] #convs{background:var(--color-surface);border:0;border-radius:0;padding:calc(16px + var(--safe-t)) 12px calc(12px + var(--safe-b));box-shadow:none;gap:8px;overflow:hidden}
html[data-method=a] #convs>.convs__scroll{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
html[data-method=a] #convs>.convs__scroll>*{flex-shrink:0}
html[data-method=a] #convs .convs__head{display:flex;min-height:48px;padding-inline:8px}
html[data-method=a] #convs .convs__head strong{font-weight:500;font-size:18px}
html[data-method=a] #convs .convs__new{min-height:48px;border:0;border-radius:24px;padding-inline:16px;background:var(--color-surface-tonal);font-size:14px;font-weight:500;box-shadow:none}
html[data-method=a] #convs .convs__nav{display:flex;flex-direction:column;gap:2px;padding-bottom:12px}
html[data-method=a] #convs .convs__nav a,
html[data-method=a] #convs .convs__account{display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 16px;border-radius:24px;font-size:14px;line-height:1.7;color:var(--fg-0)}
html[data-method=a] #convs .convs__nav a[aria-current=page]{background:var(--color-surface-tonal);font-weight:600}
@media(hover:hover) and (pointer:fine){
 html[data-method=a] #convs .convs__nav a:not([aria-current=page]):hover,
 html[data-method=a] #convs .convs__account:hover{background:var(--color-state-hover)}
}
html[data-method=a] #convs .convs__foot{margin:0 -12px;padding:4px 12px 0;flex:0 0 auto;border-top:1px solid var(--color-hairline);background:var(--color-surface)}
html[data-method=a] #convs>.convs__scroll{-webkit-mask-image:linear-gradient(to bottom,var(--fg-0) calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,var(--fg-0) calc(100% - 32px),transparent);padding-bottom:24px}
html[data-method=a] #app-menu .convs__nav a[aria-current=page]{background:var(--color-surface-tonal);font-weight:600}
@media(hover:hover) and (pointer:fine){html[data-method=a] #app-menu .convs__nav a:not([aria-current=page]):hover{background:var(--color-state-hover)}}
html[data-method=a] #convs .search{border:0;background:var(--color-surface-raised);border-radius:24px;height:48px}
html[data-method=a] #convs .search input{background:transparent;border-radius:0}
html[data-method=a] #convs .convs__group{padding-inline:16px}
html[data-method=a] #convs .conv{padding:0;min-height:48px;border-radius:24px;background:none}
html[data-method=a] #convs .convs__list{display:flex;flex-direction:column;gap:2px}
html[data-method=a] #convs .conv__a{flex-direction:row;align-items:center;min-height:48px;padding:0 16px;padding-inline-end:48px;width:100%;border-radius:24px}
html[data-method=a] #convs .conv__t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-method=a] #convs .conv__more{top:8px;inset-inline-end:8px}
@media(pointer:coarse){html[data-method=a] #convs .conv__more{top:2px;inset-inline-end:2px}}
/**/
html[data-method=a] #convs .conv__t{text-align:right;unicode-bidi:plaintext}
html[data-method=a] #convs .conv.is-on{background:var(--color-surface-tonal);box-shadow:none}
html[data-method=a] #convs .conv__t{font-size:14px;font-weight:400}
html[data-method=a] #convs .conv__m{display:none}
html[data-method=a] #chat-drawer-payment #payment-status{position:static;margin:8px 0;width:100%;max-width:none;font-size:12px;box-shadow:none;background:var(--color-surface-raised)}
html[data-method=a] #sh-chat-tools .chat-tool{border:0;border-radius:20px;min-height:68px;padding:14px 16px;background:transparent}
@media(hover:hover) and (pointer:fine){html[data-method=a] #sh-chat-tools .chat-tool:hover{background:var(--color-surface)}}
html[data-method=a] #sh-chat-tools .chat-tool b{font-size:16px;font-weight:500}

@media(min-width:1024px){
 html[data-method=a] #app[data-scr=chat] .chat{display:grid;grid-template-columns:280px minmax(0,1fr)}
 html[data-method=a] #app[data-scr=chat] .chat.is-rail-collapsed{grid-template-columns:minmax(0,1fr)}
 html[data-method=a] #app[data-scr=chat] .chat.is-rail-collapsed #convs{display:none}
 html[data-method=a] #convs{position:fixed;display:flex;flex-direction:column;inset-inline-start:0;top:calc(64px + var(--safe-t,0px));bottom:0;width:280px;height:calc(100dvh - 64px - var(--safe-t,0px));z-index:10}
 html[data-method=a] #app[data-scr=chat] .chat:not(.is-rail-collapsed) .chat__main{grid-column:2}
 html[data-method=a] #app[data-scr=chat] .chat:not(.is-rail-collapsed) .dock{inset-inline-start:280px;inset-inline-end:0;width:auto}
 html[data-method=a] #app[data-scr=chat] .empty{align-items:flex-start;text-align:start;padding:0 24px}
 html[data-method=a] #app[data-scr=chat] .empty .display{font-size:56px}
 html[data-method=a] #app[data-scr=chat] .empty__subheading{font-size:32px}
 /**/
 html[data-method=a] #app[data-scr=chat] .chat:has(.empty) .thread{min-height:calc(100svh - 64px - var(--safe-t,0px));padding-bottom:calc(50dvh + 36px);justify-content:flex-end}
 html[data-method=a] #app[data-scr=chat] .chat:has(.empty) .empty{margin:0 auto}
 html[data-method=a] #app[data-scr=chat].is-empty .dock{top:calc(50dvh + 24px);bottom:auto;padding-bottom:0}
 /**/
 html[data-method=a] #app[data-scr=chat].is-empty .dock::before{opacity:0;transition-delay:0s}
 /**/
 html[data-method=a] #app[data-scr=chat] .chat:not(.is-rail-collapsed) .dock::before{inset-inline-start:0}
 html[data-method=a] #app[data-scr=chat].is-empty .sugg{order:2;margin:18px 0 0;padding-inline:0;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap}
 html[data-method=a] #app[data-scr=chat].is-empty .resume{order:3;margin:14px 0 0}
 html[data-method=a] #app[data-scr=chat].is-empty .chat.is-rail-collapsed .resume:not([hidden]){display:flex!important}
 /**/
 html[data-method=a] #app[data-scr=chat]:has(.chat:not(.is-rail-collapsed)) #chat-new{display:none!important}
 html[data-method=a] #app[data-scr=chat] #convs [data-act=drawer-close]{display:none!important}
}
@media(max-width:600px){
 html[data-method=a] #app[data-scr=chat] .thread{padding-inline:20px}
 html[data-method=a] #app[data-scr=chat] .chat:has(.empty) .thread{padding-inline:20px}
}
@media(max-width:1023px){html[data-method=a] #convs.is-open{width:min(84vw,340px);height:100dvh}}
@media(forced-colors:active){
 html[data-method=a] #app[data-scr=chat] .msg--u{background:Canvas;color:CanvasText;border:1px solid ButtonText;box-shadow:none}
 html[data-method=a] #app[data-scr=chat] .composer{border:1px solid ButtonText!important}
 html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice)::before{border-color:ButtonText}
 html[data-method=a] #app[data-scr=chat] .empty__greeting{background:none;color:CanvasText}
}

@media(max-width:1023px){html[data-method=a] #app[data-scr=chat] .empty{transform:translateY(-44px)}}

/**/
@media(hover:hover) and (pointer:fine){
 html[data-method=a] :is(#app[data-scr=chat] .composer .icon-btn,#app[data-scr=chat] .msg__acts .act,#app-menu-btn):hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-state-hover)}
 html[data-method=a] #app[data-scr=chat] :is(#drawer-btn,#chat-new):hover::before{background:color-mix(in srgb,var(--fg-0) 6%,var(--color-surface-raised))}
 html[data-method=a] .chat-model-trigger:hover{background:var(--color-state-hover)}
 html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice):hover{color:var(--fg-0);background-image:none!important}
 html[data-method=a] #app[data-scr=chat] .composer__bar>:is([data-act=tools],#chat-voice):hover::before{border-color:var(--color-glass-pill-line-hover);background:var(--color-glass-pill)}
 html[data-method=a] #app[data-scr=chat] .empty__cta:hover{box-shadow:var(--shadow-medium)}
}

/**/
@media(min-width:1024px){
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]){--rail-w:72px}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot])::after{content:'';position:fixed;inset-block:0;inset-inline-start:0;width:72px;z-index:0;pointer-events:none;background:var(--color-surface)}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #stage{margin-inline-start:72px}
 html[data-method=a] body #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #topbar{inset-inline-start:72px;padding-right:16px}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #app-menu-btn:not([hidden]){position:fixed;top:10px;inset-inline-start:16px;width:44px;height:44px;min-width:44px;min-height:44px;isolation:isolate;border:0;background:transparent;color:var(--fg-0)}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #app-menu-btn::before{content:'';position:absolute;inset:4px;border-radius:50%;z-index:-1;background:color-mix(in srgb,var(--color-surface-raised) 72%,transparent);box-shadow:0 0 0 1px var(--color-hairline)}
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #app-menu-btn:hover{background-color:transparent!important}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #app-menu-btn:hover::before{background:color-mix(in srgb,var(--fg-0) 6%,var(--color-surface-raised))}
}
@media(min-width:1024px) and (forced-colors:active){html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot])::after{border-inline-end:1px solid CanvasText}}


/* Source: css/gemini-motion.css */
/**/
html[data-method=a]{--motion-ink:650ms;--motion-send:250ms;--motion-empty-out:250ms;--motion-think-out:150ms;--motion-morph:250ms}
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;contain:strict;opacity:0;transition:opacity 600ms ease-out}
.aurora[hidden],html[data-method=b] .aurora,html[data-method=a] #lightfield{display:none}
html[data-method=a] .aurora[data-state=thinking],html[data-method=a] .aurora[data-state=generating]{opacity:1;transition-duration:300ms}
html[data-method=a] .aurora__cycle{position:absolute;inset:-3% -12% 10%;animation:aurora-drift 11s ease-in-out infinite alternate}
html[data-method=a] .aurora__cycle>i,html[data-method=a] .aurora__mint{position:absolute;inset:0;display:block;background:radial-gradient(ellipse 80% 73% at 48% 5%,var(--aurora-blue),transparent 82%);opacity:0}
html[data-method=a] .aurora__cycle>i:nth-child(1){animation:aurora-blue 8s linear infinite}
html[data-method=a] .aurora__cycle>i:nth-child(2){background:radial-gradient(ellipse 78% 100% at 32% 3%,var(--aurora-mint),transparent 83%);animation:aurora-mint 8s linear infinite}
html[data-method=a] .aurora__cycle>i:nth-child(3){background:radial-gradient(ellipse 84% 74% at 57% 0%,var(--aurora-yellow),transparent 83%);animation:aurora-yellow 8s linear infinite}
html[data-method=a] .aurora__cycle>i:nth-child(4){background:radial-gradient(ellipse 76% 77% at 27% 2%,var(--aurora-lilac),transparent 84%);animation:aurora-lilac 8s linear infinite}
html[data-method=a] .aurora__cycle>i:nth-child(5){background:radial-gradient(ellipse 52% 67% at 87% 0%,var(--aurora-pink),transparent 84%);animation:aurora-pink 8s linear infinite}
html[data-method=a] .aurora__mint{inset:-3% -12% 10%;background:radial-gradient(ellipse 84% 100% at 45% 3%,var(--aurora-mint),transparent 83%);transition:opacity 180ms ease-out}
html[data-method=a] .aurora[data-state=streaming]{animation:aurora-exit 3000ms linear both}
html[data-method=a] .aurora[data-state=streaming] .aurora__cycle{opacity:0;transition:opacity 180ms ease-out}
html[data-method=a] .aurora[data-state=streaming] .aurora__mint{opacity:1}
html[data-method=a] .aurora:is([data-state=idle],[data-state=streaming],[data-state=success],[data-state=error],[data-state=paywall],[data-state=celebration],[data-state=listening]) .aurora__cycle,html[data-method=a] .aurora:is([data-state=idle],[data-state=streaming],[data-state=success],[data-state=error],[data-state=paywall],[data-state=celebration],[data-state=listening]) .aurora__cycle>i{animation-play-state:paused}
@keyframes aurora-blue{0%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes aurora-mint{0%,50%,100%{opacity:0}25%{opacity:1}}
@keyframes aurora-yellow{0%,25%,75%,100%{opacity:0}50%{opacity:1}}
@keyframes aurora-lilac{0%,50%,100%{opacity:0}75%{opacity:1}}
@keyframes aurora-pink{0%,50%,100%{opacity:0}78%{opacity:.75}}
@keyframes aurora-drift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,4%,0) scale(1.06)}}
@keyframes aurora-exit{0%{opacity:1}13%{opacity:.77}30%{opacity:.75}47%{opacity:.56}58%{opacity:.48}75%{opacity:.47}100%{opacity:0}}
html[data-method=a] .md .w,html[data-method=a] .md tr.w{animation:a-ink-settle var(--motion-ink) linear both}
@keyframes a-ink-settle{from{opacity:.06;filter:blur(1.4px)}to{opacity:1;filter:blur(0)}}
html[data-method=a] .thinking{gap:10px;min-height:32px}
html[data-method=a] .thinking__label,html[data-method=a] .thinking .sec{display:none}
html[data-method=a] .thinking__dot{width:12px;height:12px;background:var(--color-accent);box-shadow:none;animation:a-thought 1.15s ease-in-out infinite}
@keyframes a-thought{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}
html[data-method=a] .aurora.is-static .aurora__cycle,html[data-method=a] .aurora.is-static .aurora__cycle>i{animation:none;transform:none;opacity:0}
html[data-method=a] .aurora.is-static .aurora__cycle{opacity:1}
html[data-method=a] .aurora.is-static .aurora__cycle>i:first-child{opacity:.65}
html[data-method=a] .aurora.is-static[data-state=streaming]{animation:none;opacity:0}
html[data-method=a][data-theme=dark] .aurora__cycle,html[data-method=a][data-theme=dark] .aurora.is-static .aurora__cycle{opacity:.32}
html[data-method=a][data-theme=dark] .aurora[data-state=streaming] .aurora__cycle{opacity:0}
html[data-method=a][data-theme=dark] .aurora[data-state=streaming] .aurora__mint{opacity:.32}
html[data-method=a].is-background .aurora,html[data-method=a].is-background .aurora *{animation-play-state:paused!important}
html[data-method=a].lite .md .w,html[data-method=a].lite .thinking__dot{animation:none;filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){html[data-method=a] .aurora,html[data-method=a] .aurora *{animation:none!important;transition:none!important;transform:none!important}html[data-method=a] .md .w,html[data-method=a] .thinking__dot{animation:none!important;filter:none;opacity:1}}
html[data-method=a][data-theme=dark]:is([data-light-state=thinking],[data-light-state=streaming],[data-light-state=generating]) #app :is(.msg__who,.chat-model-trigger,#chat-new,#drawer-btn,.gen__sub){color:var(--fg-0)}
/**/
html[data-method=a] .layer .sheet.is-open.is-closing[inert]{transform:translateY(100%);transform-origin:50% 100%;transition:transform 240ms cubic-bezier(.3,0,.8,.15)}
html[data-method=a] .layer .sheet.is-open.is-closing[inert]::after{opacity:0;content:none}
@media(min-width:768px){html[data-method=a] .layer .sheet.is-open.is-closing[inert]{transform:translate(-50%,calc(-50% + 24px));transform-origin:50% 50%;opacity:0;transition:transform 240ms cubic-bezier(.3,0,.8,.15),opacity 150ms linear}}
html[data-method=a] .layer.has-exit:not(.has-open)>.scrim{transition:opacity 240ms linear}
html[data-method=a] .layer #convs.is-closing{transition-duration:220ms;transition-timing-function:cubic-bezier(.3,0,.8,.15)}
html[data-method=a].lite .layer :is(.sheet.is-closing,#convs.is-closing,.has-exit>.scrim){transition:none}
@media(prefers-reduced-motion:reduce){html[data-method=a] .layer :is(.sheet.is-closing,#convs.is-closing,.has-exit>.scrim){transition:none}}
/**/
html[data-method=a].vt-theme:root::view-transition-old(root){animation:none;mix-blend-mode:normal}
html[data-method=a].vt-theme:root::view-transition-new(root){animation:bx-theme 520ms var(--mo-ease,cubic-bezier(.16,1,.3,1)) both;mix-blend-mode:normal}
@keyframes bx-theme{from{clip-path:circle(0 at var(--vt-x,50vw) var(--vt-y,0px))}to{clip-path:circle(150vmax at var(--vt-x,50vw) var(--vt-y,0px));clip-path:circle(hypot(max(var(--vt-x,50vw),100vw - var(--vt-x,50vw)),max(var(--vt-y,0px),100vh - var(--vt-y,0px))) at var(--vt-x,50vw) var(--vt-y,0px))}}
@media(prefers-reduced-motion:reduce){html[data-method=a].vt-theme:root::view-transition-old(root),html[data-method=a].vt-theme:root::view-transition-new(root){animation:none}}


/* Source: css/gemini-studios.css */
/**/
html[data-method=a] #app{--rail-w:0px;--tabbar-h:0px;--tabbar-gap:0px}
html[data-method=a] #app :is(.rail,.tabbar,.cmdk,.balance,.mark--top,#island){display:none!important}
html[data-method=a] #app:not([data-scr=chat]) #drawer-btn{display:none!important}
/**/
html[data-method=a] #app:not([data-scr=chat]) #stage{margin-inline:0;padding-inline:0;padding-top:calc(64px + var(--safe-t,0px))}
html[data-method=a] #app:not([data-scr=chat]) #topbar{inset-inline:0;height:calc(64px + var(--safe-t,0px));padding:calc(8px + var(--safe-t,0px)) max(16px,var(--safe-r,0px)) 8px max(16px,var(--safe-l,0px));background:var(--color-canvas);border:0;box-shadow:none;backdrop-filter:none}
html[data-method=a] #app:not([data-scr=chat]) #title{font-size:18px;font-weight:500}
html[data-method=a] #app-menu-btn:not([hidden]){display:grid;place-items:center;width:var(--hit,44px);height:var(--hit,44px);min-width:var(--hit,44px);min-height:var(--hit,44px);color:var(--fg-0)}
html[data-method=a] #app-menu{pointer-events:auto;position:fixed;inset-block:0;inset-inline:0 auto;width:min(86vw,340px);max-height:100dvh;height:100dvh;z-index:130;display:flex;flex-direction:column;gap:8px;padding:16px 12px 24px;overflow:auto;background:var(--color-surface);border:0;box-shadow:var(--shadow-high);transform:translateX(105%);transition:transform 320ms var(--ease-out)}
html[data-method=a] #app-menu.is-open{transform:none}
html[data-method=a] #app-menu .convs__head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-inline:8px;font-size:18px;font-weight:500}
html[data-method=a] #app-menu .convs__nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}
html[data-method=a] #app-menu :is(.convs__nav a,.convs__account){display:flex;align-items:center;gap:14px;min-height:48px;padding:8px 16px;border-radius:24px;font-size:15px;color:var(--fg-0)}
html[data-method=a] #app-menu .convs__nav a:is(:hover,[aria-current=page]){background:var(--color-surface-tonal)}
html[data-method=a] #app-menu .convs__foot{margin-top:auto;padding-top:24px}
html[data-method=a] #app-menu-payment #payment-status{position:static;margin:12px 0;max-width:none;background:var(--color-surface-raised);font-size:13px;box-shadow:none}

/**/
html[data-method=a] .studio{display:flex;flex-direction:column;gap:56px;max-width:1008px;padding:24px 24px 56px;margin-inline:auto}
html[data-method=a] .studio__panel{position:static;display:flex;height:auto;gap:24px;border:0;border-radius:0;padding:0;overflow:visible;box-shadow:none;background:transparent}
html[data-method=a] .studio__panel .studio__head{padding:0;gap:4px;border:0}
html[data-method=a] .studio__panel .display{font-size:36px;font-weight:500;line-height:1.6}
html[data-method=a] .studio__head p{display:block;max-width:none;font-size:16px;line-height:1.8;color:var(--fg-2)}
html[data-method=a] .studio__body{display:flex;flex-direction:column;padding:0;gap:24px;overflow:visible;mask-image:none;-webkit-mask-image:none}
html[data-method=a] .studio__body>*{order:initial}
html[data-method=a] :is(.ctrl__head,.mini-label){font-size:14px;font-weight:400;line-height:1.8}
html[data-method=a] .ctrl__head .cap{display:none}
html[data-method=a] .studio__body .pcard{background:var(--color-surface);box-shadow:none;border:1px solid transparent;border-radius:28px;padding:20px 24px}
html[data-method=a] .studio__body .pcard:focus-within{border-color:var(--color-border-strong);box-shadow:none}
html[data-method=a] .studio :is(.prompt,.madlib){font-size:17px;line-height:1.9;min-height:100px}
html[data-method=a] .studio .prompt{background:transparent;resize:vertical}
html[data-method=a] #img-pl-opt{font-size:0}
html[data-method=a] #img-pl-opt::after{content:'بخش‌های مشخص‌شده را عوض کن';font-size:12px}

html[data-method=a] .tpl{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:0;border:0;border-radius:24px;overflow:hidden;background:var(--color-surface);box-shadow:none;text-align:start}
html[data-method=a] .tpl :is(img,.media-placeholder){position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}
html[data-method=a] .tpl .tpl__t{position:relative;z-index:1;padding:56px 20px 16px;color:var(--color-media-text);background:var(--mat-media-caption);font-size:17px;line-height:1.8;font-weight:500}
html[data-method=a] .tpl .tpl__t small{color:var(--color-media-text);font-size:12px;line-height:1.8;font-weight:400}
html[data-method=a] .tpl.is-on{outline:2px solid var(--color-primary);outline-offset:2px}
html[data-method=a] .studio-settings{border:1px solid var(--color-border);border-radius:24px;overflow:hidden;background:transparent}
html[data-method=a] .studio-settings>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:56px;padding:12px 20px;color:var(--fg-1);font-size:14px}
html[data-method=a] .studio-settings>summary::-webkit-details-marker{display:none}
/**/
html[data-method=a] .studio-settings>summary::after{content:'';flex:none;width:13.40625px;height:24px;margin-inline-start:16px;background:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:10.44px 1.848px,1.92px 10.68px;background-position:center calc(50% + .56px);forced-color-adjust:none}
html[data-method=a] .studio-settings[open]>summary::after{background-size:10.44px 1.848px,0 0}
/**/
html[data-method=a] .studio-settings{interpolate-size:allow-keywords}
html[data-method=a] .studio-settings::details-content{block-size:0;overflow:clip;transition:block-size var(--spring-move-duration,320ms) var(--spring-move-easing,cubic-bezier(.2,0,0,1)),content-visibility var(--spring-move-duration,320ms) allow-discrete}
html[data-method=a] .studio-settings[open]::details-content{block-size:auto}
html[data-method=a] .studio-settings>summary::after{transition:background-size 200ms cubic-bezier(.2,0,0,1)}
@media(prefers-reduced-motion:reduce){html[data-method=a] .studio-settings::details-content{transition:none}html[data-method=a] .studio-settings>summary::after{transition:none}}
html[data-method=a] .studio-settings__body{display:flex;flex-direction:column;gap:24px;padding:8px 20px 24px}
html[data-method=a] .studio-settings .engines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
html[data-method=a] .studio-settings .eng{width:auto}
html[data-method=a] .studio-settings :is(.eng__img,.vm__img){aspect-ratio:4/3;box-shadow:none;border-radius:16px}
html[data-method=a] .studio-settings :is(.eng[aria-checked=true] .eng__img,.vm[aria-checked=true] .vm__img){outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}
html[data-method=a] .studio-settings .eng__meta{display:flex}
html[data-method=a] .studio-settings .eng__t{font-size:13px;white-space:normal;line-height:1.7}
html[data-method=a] .studio .cta-bar{position:sticky;bottom:0;display:flex;background:var(--color-canvas);border:0;box-shadow:none;padding:12px 0 8px;gap:4px;border-radius:0}
/**/
html[data-method=a] .studio .cta-bar::before{display:block;content:'';position:absolute;inset:auto 0 100%;height:32px;z-index:0;background:linear-gradient(color-mix(in srgb,var(--color-canvas) 0%,transparent),var(--color-canvas));pointer-events:none}
html[data-method=a] .studio .cta-bar .btn-molten{border-radius:28px;min-height:56px;width:min(100%,520px);min-width:0;align-self:center;font-weight:500}
html[data-method=a] .studio .cta-bar .receipt{margin-bottom:8px;border:0;box-shadow:none;background:transparent}
html[data-method=a] .studio__canvas{padding:0;gap:20px}
html[data-method=a] .studio__canvas .t3{font-weight:500;font-size:20px}
html[data-method=a] .studio :is(.rtile__m,.player){border-radius:24px;box-shadow:none;border:0}
html[data-method=a] .studio .rtile.is-sample .rtile__m img{opacity:1;filter:none}

html[data-method=a] #vid-scn .scn-photo{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:240px;padding:16px 20px;isolation:isolate;border:0;border-radius:24px;overflow:hidden;color:var(--color-media-text);font-size:17px;line-height:1.8;background:var(--color-surface);box-shadow:none}
html[data-method=a] .scn-photo img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
html[data-method=a] .scn-photo::before{content:'';position:absolute;inset:35% 0 0;z-index:-1;background:var(--mat-media-caption)}
html[data-method=a] .scn-photo small{font-size:12px;line-height:1.8}
html[data-method=a] .scn-photo[aria-pressed=true]{outline:2px solid var(--color-primary);outline-offset:2px}
html[data-method=a] .voice{border:1px solid transparent;border-radius:24px;background:var(--color-surface)}
html[data-method=a] .voice[aria-checked=true]{border-color:var(--color-primary)}
html[data-method=a] .player{background:var(--color-surface);padding:24px}
html[data-method=a] .wave{border:0;background:transparent}

/**/
html[data-method=a] .gen{max-width:960px;padding:24px 24px 48px;gap:32px}
html[data-method=a] .gen__stage::before{display:none}
html[data-method=a] .frame{border-radius:28px;background:var(--color-surface);box-shadow:none;border:0}
html[data-method=a] .frame :is(canvas,.grainfx,.rim,.br,.trace,.glint){display:none!important}
html[data-method=a] .fw :is(.burst,.ringwave){display:none!important}
html[data-method=a] .frame .scan{inset:0;width:100%;background:linear-gradient(110deg,transparent 25%,var(--color-surface-raised) 48%,transparent 72%);animation:a-card-shimmer 1200ms ease-in-out infinite;opacity:.85}
html[data-method=a] .frame:is(.is-done,.is-fail,.is-missing) .scan{display:none}
html[data-method=a] .frame img.is-dev{animation:a-card-reveal 650ms var(--ease-out) forwards}
html[data-method=a] .gen__title{font-size:24px;font-weight:500}
html[data-method=a] .gen__steps li::before{box-shadow:none}
@keyframes a-card-shimmer{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@keyframes a-card-reveal{from{opacity:0;filter:blur(3px);transform:scale(1.015)}to{opacity:1;filter:blur(0);transform:none}}

/**/
html[data-method=a] :is(.lib,.wallet,.plans,.ag-home){max-width:1120px;margin-inline:auto;padding-top:24px}
/**/
html[data-method=a] :is(.ph .display,.ag-home-head h1,.wallet h1){font-size:var(--fs-page,clamp(28px,2.2vw + 20px,36px));font-weight:var(--type-bold,700);line-height:1.5}
html[data-method=a] .ph .lede{color:var(--color-paragraph)}
html[data-method=a] :is(.ag-home-head .eyebrow,.dot-end::after){display:none}
html[data-method=a] :is(.ag-composer,.plan-card,.tcard,.pl,.pw__plan){background:var(--color-surface);box-shadow:none;border:1px solid transparent;border-radius:28px}
html[data-method=a] :is(.plan-card,.tcard,.pl,.pw__plan)::before{display:none}
html[data-method=a] :is(.ltile__m,.ag-template__preview){border-radius:24px;box-shadow:none}
html[data-method=a] :is(.sheet,.dialog,.ag-sheet){background:var(--color-surface-raised);box-shadow:var(--shadow-high);border:0;border-radius:28px}
html[data-method=a] :is(.sheet__head,.dialog__head){border:0}
html[data-method=a] .ag-composer{max-width:808px;padding:24px}
html[data-method=a] .ag-prompt{min-height:100px}
html[data-method=a] .ag-home{gap:32px}
html[data-method=a] .login__panel{max-width:460px;background:transparent;border:0;box-shadow:none}
html[data-method=a] .login__hero .hero{font-size:44px;font-weight:500}
html[data-method=a] .login__brand::before{display:none}
html[data-method=a] .login :is(.wall,.login__veil){display:none}
html[data-method=a] .login{justify-content:center;min-height:100dvh;background:var(--color-canvas)}
html[data-method=a] .login__panel{padding-block:100px 32px}
html[data-method=a] .login__hero::before{display:none}
html[data-method=a] .login__hero{gap:16px}
@media(min-width:1024px){
 html[data-method=a] #app[data-scr=chat]{--rail-w:72px}
 html[data-method=a] #app[data-scr=chat] .chat.is-rail-collapsed::before{content:'';position:fixed;inset-block:0;inset-inline-start:0;width:72px;background:var(--color-surface);z-index:0}
 html[data-method=a] #app[data-scr=chat]:has(.chat.is-rail-collapsed) #stage{margin-inline-start:72px}
 html[data-method=a] #app[data-scr=chat]:has(.chat.is-rail-collapsed) #chat-new{position:fixed;inset-inline-start:12px;top:76px}
 html[data-method=a] #app[data-scr=chat]:has(.chat.is-rail-collapsed) .dock{inset-inline-start:72px}
 html[data-method=a] .studio__panel .studio__head{padding-top:16px}
 /**/
 html[data-method=a] .studio{align-items:stretch}
 html[data-method=a] :is(.studio__panel,.studio__canvas){width:100%;max-width:880px;margin-inline:auto}
 
 
 html[data-method=a] .gen{grid-template-columns:minmax(0,1fr) 340px;gap:40px}
}
@media(max-width:600px){
 html[data-method=a] .studio{gap:40px;padding:16px 24px 40px}
 html[data-method=a] .studio__panel .display{font-size:32px}
 
 html[data-method=a] .studio-settings .engines{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-method=a] .studio .cta-bar .btn-molten{width:100%}
 html[data-method=a] .gen{display:flex;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html[data-method=a] :is(.frame .scan,.frame img.is-dev){animation:none!important;filter:none!important;opacity:1!important;transform:none!important}}
@media(max-width:1023px){
 html[data-method=a] .gen{gap:20px}
 html[data-method=a] .gen__info{display:contents}
 html[data-method=a] .gen__info>*{order:3}
 html[data-method=a] .gen__prompt{order:0;border:0;padding:0}
 html[data-method=a] .gen__prompt>.mini-label{display:none}
 html[data-method=a] .gen__prompt>p{margin:0;margin-inline-start:auto;max-width:88%;padding:12px 18px;border-radius:24px;background:var(--color-user-pill);font-size:15px;max-height:136px;overflow:auto;line-height:1.8}
 html[data-method=a] .gen__prompt>details{margin-block:8px 0;font-size:12px}
 html[data-method=a] .gen__status{order:1;gap:12px}
 html[data-method=a] .gen__status .gen__title{font-size:15px;line-height:1.8}
 html[data-method=a] .gen__status .gen__sub{font-size:12px}
 html[data-method=a] .gen__stage{order:2}
 html[data-method=a] .gen__live{gap:8px}
 html[data-method=a] .gen__steps{display:none}
}
/**/
html[data-method=a]:root :is(.studio,.gen){padding-left:max(24px,var(--safe-l,env(safe-area-inset-left,0px)));padding-right:max(24px,var(--safe-r,env(safe-area-inset-right,0px)))}

/**/
html[data-method=a] .studio .cta-bar.has-composer{flex-direction:column;align-items:stretch;gap:6px;padding:8px 0 calc(12px + var(--safe-b,0px));background:transparent;z-index:5}
html[data-method=a] .studio .cta-bar.has-composer::before{inset:auto -8px 0;height:calc(100% + 40px);background:linear-gradient(color-mix(in srgb,var(--color-canvas) 0%,transparent),var(--color-canvas) 56px)}
html[data-method=a] .studio .cta-bar.has-composer>*{position:relative}
html[data-method=a] .studio .is-hollow{display:none}
html[data-method=a] .studio .s-composer{order:0;display:flex;flex-direction:column;width:min(100%,var(--col-gallery,880px));margin-inline:auto;padding:8px 8px 8px;background:var(--color-surface-raised);border:1px solid var(--color-hairline);border-radius:28px;box-shadow:var(--sh-composer);transition:border-color 200ms ease}
html[data-theme=dark][data-method=a] .studio .s-composer{background:var(--color-composer);border-color:transparent}
html[data-method=a] .studio .s-composer:focus-within{border-color:var(--color-border)}
html[data-method=a] .studio .s-composer.is-drop{border-color:var(--color-primary)}
html[data-method=a] .studio .s-composer__field{display:flex;flex-direction:column;gap:6px;min-width:0;padding:2px 12px 0}
html[data-method=a] .studio .s-composer :is(.prompt,.madlib){min-height:0;font-size:16px;line-height:28px}
html[data-method=a] .studio .s-composer .prompt{display:block;width:100%;min-height:44px;max-height:calc(28px * 4 + 16px);margin:0;padding:8px 0;border:0;border-radius:0;background:none;box-shadow:none;resize:none;overflow-y:auto;field-sizing:content;color:var(--fg-0);font-family:var(--ff)}
html[data-method=a] .studio .s-composer .prompt[hidden]{display:none}
html[data-method=a] .studio .s-composer .prompt::placeholder{color:var(--color-text-muted);opacity:1}
html[data-method=a] .studio .s-composer .prompt:focus-visible{outline:none}
html[data-method=a] .studio .s-composer .madlib{max-height:calc(32px * 4 + 12px);overflow-y:auto;overscroll-behavior:contain;padding:6px 0;line-height:32px;scrollbar-width:thin}
html[data-method=a] .studio .s-composer .madlib.madlib--library{max-height:calc(32px * 4 + 12px);padding:6px 0}
html[data-method=a] .studio .s-composer .madlib__free{display:none}
html[data-method=a] .studio .s-composer .pcard__count{margin:0;padding-bottom:2px}
html[data-method=a] .studio .s-composer__bar{display:flex;align-items:center;gap:4px;min-height:48px;padding-top:2px}
html[data-method=a] .studio .s-composer__grow{flex:1 1 auto;min-width:0}
html[data-method=a] .studio .s-composer__bar>.icon-btn{flex:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--fg-0)}
html[data-method=a] .studio .s-composer__bar>.icon-btn .i{width:22px;height:22px}
html[data-method=a] .studio .s-composer__bar>.icon-btn:is(.is-pressed,:active){background:var(--color-state-pressed)}
@media(hover:hover) and (pointer:fine){html[data-method=a] .studio .s-composer__bar>.icon-btn:hover{background:var(--color-state-hover)}}
html[data-method=a] .studio .s-composer__bar>.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}
/**/
html[data-method=a] .studio .s-composer .btn-molten{flex:0 1 auto;width:auto;min-width:0;max-width:calc(100% - 52px);min-height:44px;height:44px;margin:0;padding:0 18px;gap:10px;border-radius:22px;align-self:center;font-size:15px}
html[data-method=a] .studio .s-composer .btn-molten .cta-l{flex:none;align-items:center}
html[data-method=a] .studio .s-composer .btn-molten .cta-sum{display:none}
html[data-method=a] .studio .s-composer .btn-molten .cta-sep{margin:13px 0}
html[data-method=a] .studio .s-composer .btn-molten .cta-p .num{font-size:16px}
html[data-method=a] .studio .s-composer .btn-molten .cta-p small{font-size:12px}
/**/
html[data-method=a] .studio .s-composer__chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 2px}
html[data-method=a] .studio .s-composer__chips[hidden]{display:none}
/**/
html[data-method=a] .studio .s-chip{position:relative;display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:0 14px;border:1px solid var(--color-glass-pill-line,var(--color-hairline));border-radius:999px;background:var(--color-glass-pill,var(--color-surface-tonal));color:var(--fg-1);font-size:13.5px;line-height:1.6}
html[data-method=a] .studio .s-chip:has(.s-chip__x){padding-inline-end:4px}
html[data-method=a] .studio .s-chip__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-method=a] .studio .s-chip .i{flex:none;width:16px;height:16px;color:var(--fg-2)}
html[data-method=a] .studio .s-chip__x{position:relative;flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--fg-1)}
html[data-method=a] .studio .s-chip__x::after{content:'';position:absolute;inset:-8px}
html[data-method=a] .studio .s-chip__x:is(:active,.is-pressed),html[data-method=a] .studio .s-chip--btn:is(:active,.is-pressed){background:var(--color-state-pressed)}
html[data-method=a] .studio :is(.s-chip__x,.s-chip--btn):focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}
html[data-method=a] .studio .s-chip--btn{cursor:pointer;max-width:min(100%,280px)}
/**/
html[data-method=a] .studio .s-composer .install__reference:not([hidden]){display:flex;align-items:center;gap:12px;margin:0;padding:6px 4px 2px;border:0;background:none;box-shadow:none}
html[data-method=a] .studio .s-composer .install__reference img{width:44px;height:44px;border-radius:12px;object-fit:cover}
html[data-method=a] .studio .s-composer .install__reference .hint{display:none}
/**/
html[data-method=a] .s-sheet .studio-settings__body{display:flex;flex-direction:column;gap:24px;padding:0 0 8px}
html[data-method=a] .s-sheet .s-sheet__body{gap:0;padding-bottom:calc(24px + var(--safe-b,0px))}
html[data-method=a] .s-sheet .engines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
html[data-method=a] .s-sheet .eng{width:auto}
html[data-method=a] .s-sheet :is(.eng__img,.vm__img){aspect-ratio:4/3;box-shadow:none;border-radius:16px}
html[data-method=a] .s-sheet :is(.eng[aria-checked=true] .eng__img,.vm[aria-checked=true] .vm__img){outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}
html[data-method=a] .s-sheet .eng__meta{display:flex}
html[data-method=a] .s-sheet .eng__t{font-size:13px;white-space:normal;line-height:1.7}
@media(max-width:600px){html[data-method=a] .s-sheet .engines{grid-template-columns:repeat(2,minmax(0,1fr))}}
/**/
html[data-method=a] .studio .cta-bar.has-composer .cta-note{order:1;width:min(100%,var(--col-gallery,880px));margin:0 auto;padding-inline:16px;text-align:center;font-size:12px;line-height:1.8;color:var(--fg-2)}
html[data-method=a] .studio .cta-bar.has-composer .cta-note:empty{display:none}
html[data-method=a] .studio .cta-bar.has-composer .receipt{order:2;width:min(100%,520px);margin:0 auto}
/**/
@media(min-width:1024px){
 html[data-method=a] .studio .cta-bar .receipt{width:min(100%,520px);margin-inline:auto;margin-bottom:0}
 html[data-method=a] .studio .receipt__sum{justify-content:center;gap:6px;min-height:32px;font-size:13px;color:var(--fg-2)}
 html[data-method=a] .studio .receipt__sum>:not(.receipt__chev){display:none}
 html[data-method=a] .studio .receipt__sum::before{content:'جزئیات هزینه'}
}
@media(forced-colors:active){
 html[data-method=a] .studio .s-composer{border:1px solid CanvasText;background:Canvas}
 html[data-method=a] .studio .s-chip{border:1px solid CanvasText}
}
@media(prefers-reduced-motion:reduce){html[data-method=a] .studio .s-composer{transition:none}}
html[data-method=a] .studio .s-chip--btn::after{content:'';position:absolute;inset:-4px 0}


/* Source: css/living-light.css */
/**/
.live-light{display:none;pointer-events:none}
/**/
html[data-method=a]{--select-ring:color-mix(in srgb,var(--color-accent) 30%,transparent)}
html[data-method=a] [data-live-light]{position:relative;isolation:isolate;--live-panel:var(--color-surface);--live-strength:.42;--live-bloom:.65}
html[data-method=a] #app[data-scr=chat] .composer{--live-panel:var(--color-surface-raised)}
html[data-method=a][data-theme=dark] #app[data-scr=chat] .composer{--live-panel:var(--color-composer)}
html[data-method=a] [data-live-light=arrival]{--live-strength:.92}
html[data-method=a] [data-live-light=focus]{--live-strength:.7}
html[data-method=a] [data-live-light=typing]{--live-strength:1}
html[data-method=a] .live-light{display:block;position:absolute;inset:-1px;border-radius:inherit;z-index:-1;opacity:var(--live-strength);transition:opacity 700ms ease;animation:live-arrival 2600ms ease-out both}
html[data-method=a] .live-light::after{content:'';position:absolute;inset:1px;border-radius:inherit;background:var(--live-panel)}
html[data-method=a] .live-light__bloom{position:absolute;inset:-54px -22px -26px;opacity:.65;background:radial-gradient(ellipse at 18% 65%,var(--aurora-mint),transparent 52%),radial-gradient(ellipse at 78% 65%,var(--aurora-pink),transparent 49%),radial-gradient(ellipse at 50% 80%,var(--aurora-yellow),transparent 58%);animation:live-breathe 14s ease-in-out infinite alternate;transform-origin:50% 80%}
html[data-method=a] .live-light__bloom{mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,var(--fg-0) 35%,transparent 100%)}
html[data-method=a] .live-light__rim{display:block;position:absolute;inset:0;border-radius:inherit;padding:1.5px;overflow:hidden;mask:linear-gradient(var(--fg-0) 0 0) content-box,linear-gradient(var(--fg-0) 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(var(--fg-0) 0 0) content-box,linear-gradient(var(--fg-0) 0 0);-webkit-mask-composite:xor;z-index:1}
html[data-method=a] .live-light__rim>i{position:absolute;inset:-80% -25%;background:linear-gradient(110deg,var(--aurora-mint),var(--aurora-yellow) 30%,var(--aurora-mint) 50%,var(--aurora-pink) 70%,var(--aurora-lilac) 80%,var(--aurora-pink) 88%,var(--aurora-mint));animation:live-current 9s ease-in-out infinite alternate}
html[data-method=a][data-theme=dark] [data-live-light]{--live-bloom:.24}
html[data-method=a][data-theme=dark] .live-light__rim{opacity:.45}
html[data-method=a] [data-live-visible=false] .live-light{visibility:hidden;opacity:0;animation-play-state:paused}
html[data-method=a] [data-live-visible=false] .live-light *{animation-play-state:paused}
html[data-method=a]:is([data-light-state=thinking],[data-light-state=streaming],[data-light-state=generating]) .live-light{opacity:.18}
html[data-method=a]:is([data-light-state=thinking],[data-light-state=streaming],[data-light-state=generating]) [data-live-light]{--live-strength:.18}
html[data-method=a].lite :is(.live-light,.live-light *){animation:none!important;transform:none!important}
html[data-method=a].lite .live-light{opacity:.25}
html[data-method=a] [data-live-static=true] :is(.live-light,.live-light *){animation:none!important;transform:none!important}
html[data-method=a] [data-live-static=true] .live-light{opacity:.25}
@keyframes live-arrival{0%{opacity:0;transform:translateY(8px) scale(.98)}35%{opacity:var(--live-strength);transform:none}100%{transform:none}}
@keyframes live-breathe{0%{transform:translate3d(-2%,3%,0) scale(.96,.9);opacity:calc(var(--live-bloom)*.65)}50%{opacity:var(--live-bloom)}100%{transform:translate3d(2%,-4%,0) scale(1.03,1.08);opacity:calc(var(--live-bloom)*.85)}}
@keyframes live-current{from{transform:translateX(-14%) rotate(-8deg)}to{transform:translateX(14%) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){html[data-method=a] :is(.live-light,.live-light *){animation:none!important;transform:none!important;transition:opacity 180ms linear}html[data-method=a] .live-light{opacity:.25}}
@media(forced-colors:active),(prefers-contrast:more),(prefers-reduced-transparency:reduce){html[data-method=a] .live-light{display:none!important}}
/**/
html[data-method=a] [data-live-light=rest] :is(.live-light__rim>i,.live-light__bloom){animation-play-state:paused}


/* Source: css/button-light.css */
/**/

/**/
html[data-method=a] :is(.btn-molten,.bx-primary){
 position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:var(--cta-h);padding:0 26px;border:0;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary);
 font-weight:700;letter-spacing:0;box-shadow:var(--sh-molten);-webkit-tap-highlight-color:transparent;
 transition:transform .35s var(--ease-bixa),box-shadow .35s var(--ease-bixa),filter .3s ease,background-color .3s ease;
}
html[data-method=a] :is(.btn-molten,.bx-primary)::before,html[data-method=a] :is(.btn-molten,.bx-primary)::after{content:none}
html[data-method=a] :is(.btn-molten,.bx-primary) .i{width:18px;height:18px;stroke-width:2.2;transition:transform .4s var(--ease-bixa)}
@media(hover:hover) and (pointer:fine){
 html[data-method=a] :is(.btn-molten,.bx-primary):hover:not(:disabled,[aria-disabled=true],[aria-busy=true],.is-low){transform:translateY(-1px);filter:brightness(1.05);background-image:none;box-shadow:inset 0 1px 0 var(--color-gold-shine),0 18px 48px -10px var(--color-gold-glow),0 0 0 1px var(--color-gold-ring)}
 html[data-method=a] :is(.btn-molten,.bx-primary):hover:not(:disabled,[aria-disabled=true]) .i--go{transform:translateX(-4px)}
}
html[data-method=a] :is(.btn-molten,.bx-primary):is(:active,.is-pressed):not(:disabled,[aria-disabled=true],[aria-busy=true]){transform:scale(.98);filter:none;background-color:var(--color-gold-press);background-image:none;box-shadow:inset 0 1px 0 var(--color-gold-shine),0 8px 22px -10px var(--color-gold-glow),0 0 0 1px var(--color-gold-ring);transition-duration:0s}
html[data-method=a] :is(.btn-molten,.bx-primary) :is(.cta-sep,.vsep){background:currentColor;opacity:.2}
html[data-method=a] :is(.btn-molten,.bx-primary) .cta-sum{opacity:.8}
/**/
html[data-method=a] .btn-molten.is-low{background:var(--color-glass-pill);color:var(--fg-0);box-shadow:inset 0 0 0 1px var(--color-gold-border),var(--rim-light)}
html[data-method=a] .btn-molten.is-low .cta-sep{background:var(--gold-a28);opacity:1}
/**/
html[data-method=a] :is(.btn-molten,.bx-primary):is(:disabled,[aria-disabled=true]):not([aria-busy=true]){opacity:1;background:var(--color-surface-tonal);color:var(--color-text-disabled);box-shadow:none;filter:none;cursor:not-allowed}
html[data-method=a] :is(.btn-molten,.bx-primary):is(:disabled,[aria-disabled=true]):not([aria-busy=true]) .cta-sum{opacity:1}
html[data-method=a] .btn-molten:is(:disabled,[aria-disabled=true]) :is(.cta-p,.cta-p small,.cta-p .num),html[data-method=a] #ag-start:disabled small{color:var(--color-text-muted);opacity:1}
html[data-method=a] :is(.btn-molten .num,.btn-molten .odo,.receipt__sum,.receipt__sum b).is-pending{opacity:1}
/**/
html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.btn-emph)[aria-busy=true]{cursor:progress}
html[data-method=a] :is(.btn-molten,.bx-primary)[aria-busy=true]:disabled{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--sh-molten);opacity:.92}
html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.btn-emph)[aria-busy=true]::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 30%,var(--color-gold-shine) 50%,transparent 70%);background-size:220% 100%;animation:bx-busy 1.4s cubic-bezier(.45,0,.55,1) infinite}
@keyframes bx-busy{from{background-position:120% 0}to{background-position:-120% 0}}

/**/
html[data-method=a] :is(.btn-quiet,.bx-secondary){
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--hit);padding:0 18px;
 border-radius:999px;background:var(--color-glass-pill);border:1px solid var(--color-glass-pill-line);color:var(--fg-0);
 font-size:14px;font-weight:500;box-shadow:var(--rim-light);-webkit-tap-highlight-color:transparent;
 transition:transform .35s var(--ease-bixa),background-color .3s ease,border-color .3s ease,color .3s ease;
}
html[data-method=a] :is(.btn-quiet,.bx-secondary) .i{width:18px;height:18px;color:var(--fg-2);transition:color .3s ease}
html[data-method=a] :is(.btn-quiet,.bx-secondary).btn-sm{min-height:40px;padding:0 14px;font-size:13px}
@media(hover:hover) and (pointer:fine){
 html[data-method=a] :is(.btn-quiet,.bx-secondary):hover:not(:disabled,[aria-disabled=true]){transform:translateY(-1px);background-color:var(--color-glass-pill-hover);background-image:none;border-color:var(--color-glass-pill-line-hover)}
 html[data-method=a] :is(.btn-quiet,.bx-secondary):hover:not(:disabled,[aria-disabled=true]) .i{color:var(--fg-0)}
}
html[data-method=a] :is(.btn-quiet,.bx-secondary):is(:active,.is-pressed):not(:disabled,[aria-disabled=true]){transform:scale(.98);transition-duration:0s}
html[data-method=a] :is(.btn-quiet,.bx-secondary):is(:disabled,[aria-disabled=true]){opacity:1;color:var(--color-text-disabled);border-color:var(--color-hairline);background:transparent;box-shadow:none;cursor:not-allowed}

/**/
html[data-method=a] :is(.btn-emph,.btn-gold){
 position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:var(--hit);padding:0 22px;border-radius:999px;color:var(--fg-0);font-weight:700;
 background:var(--color-glass-pill);border:1px solid var(--color-gold-border);
 -webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
 box-shadow:var(--rim-light),0 14px 44px -18px var(--color-shadow-heavy),0 0 34px var(--gold-a10);
 transition:transform .4s var(--ease-bixa),box-shadow .5s var(--ease-bixa),border-color .4s ease;
}
html[data-method=a] :is(.btn-emph,.btn-gold)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 32%,var(--color-gold-shine) 48%,transparent 62%);opacity:.5;transform:translateX(-130%);transition:transform .9s var(--ease-bixa)}
html[data-method=a][data-theme=light] :is(.btn-emph,.btn-gold){color:var(--color-gold-ink)}
@media(hover:hover) and (pointer:fine){
 html[data-method=a] :is(.btn-emph,.btn-gold):hover:not(:disabled,[aria-disabled=true]){transform:translateY(-2px);background-image:none;border-color:var(--color-gold-ring);box-shadow:var(--rim-light),0 18px 54px -18px var(--color-shadow-heavy),0 0 48px var(--gold-a16)}
 html[data-method=a] :is(.btn-emph,.btn-gold):hover:not(:disabled,[aria-disabled=true])::before{transform:translateX(130%)}
}
html[data-method=a] :is(.btn-emph,.btn-gold):is(:active,.is-pressed):not(:disabled,[aria-disabled=true]){transform:scale(.985);transition-duration:0s}
html[data-method=a] :is(.btn-emph,.btn-gold):is(:disabled,[aria-disabled=true]){opacity:1;color:var(--color-text-disabled);border-color:var(--color-hairline);box-shadow:none;cursor:not-allowed}
html[data-method=a] :is(.btn-emph,.btn-gold).btn-block{width:100%}

/**/
html[data-method=a] .send{--send-size:38px;position:relative;isolation:isolate;display:grid;place-items:center;border:0;border-radius:50%;color:var(--brand-white);background:none;box-shadow:none;transition:transform .35s var(--ease-bixa),filter .3s ease,opacity .3s ease}
html[data-method=a] .send::before{content:'';position:absolute;z-index:-1;inset:calc((100% - var(--send-size)) / 2);border-radius:50%;background:linear-gradient(135deg,var(--brand-violet) 0%,var(--brand-pink) 52%,var(--brand-seed) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-white) 35%,transparent),0 4px 18px color-mix(in srgb,var(--brand-pink) 30%,transparent);transition:box-shadow .35s ease,background-color .3s ease}
html[data-method=a] .send .i{width:17px;height:17px;stroke-width:2.2}
@media(hover:hover) and (pointer:fine){
 html[data-method=a] .send:hover:not([aria-disabled=true],:disabled,.is-stop){transform:translateY(-1px);background-image:none}
 html[data-method=a] .send:hover:not([aria-disabled=true],:disabled,.is-stop)::before{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand-white) 40%,transparent),0 8px 26px color-mix(in srgb,var(--brand-pink) 42%,transparent)}
}
html[data-method=a] .send:is(:active,.is-pressed):not([aria-disabled=true],:disabled){transform:scale(.9);background-image:none;transition-duration:0s}
html[data-method=a] .send:is([aria-disabled=true],:disabled):not(.is-stop){opacity:.55;filter:saturate(.4);cursor:default}
html[data-method=a] .send:is([aria-disabled=true],:disabled):not(.is-stop)::before{box-shadow:none}
html[data-method=a] .send.is-stop{color:var(--color-canvas);filter:none;opacity:1}
html[data-method=a] .send.is-stop::before{background:var(--fg-0);box-shadow:none}
html[data-method=a] .send.is-stop .i{width:14px;height:14px}
html[data-method=a] .app.is-offline .send::before{background:var(--color-surface-tonal);box-shadow:none}
html[data-method=a] .app.is-offline .send{color:var(--color-text-disabled)}

/**/
html[data-method=a] :is(.icon-btn,.chat-model-trigger,.empty__cta,.seg button,.mrow,.chat-tool,.msg__acts .act,#convs .convs__nav a,#convs .conv__a,#app-menu .convs__nav a,.studio-settings>summary,.voice,.lad,.ag-budget-option):is(.is-pressed,:active):not(:disabled,[aria-disabled=true]){background-image:linear-gradient(var(--color-state-pressed),var(--color-state-pressed));box-shadow:none}
/**/
html[data-method=a]:root #app[data-scr=chat] :is(#drawer-btn,#chat-new):is(.is-pressed,:active){background-image:none}
html[data-method=a]:root #app[data-scr=chat] :is(#drawer-btn,#chat-new):is(.is-pressed,:active)::before{background:color-mix(in srgb,var(--fg-0) 12%,var(--color-surface-raised))}
html[data-method=a] :is(.tpl,.scn-photo,.ltile,.rtile):is(.is-pressed,:active) img{filter:brightness(.92)}
/**/
html[data-method=a] :is(a[href],summary,[role=menuitem]).is-pressed:not(.btn-molten,.btn-quiet,.btn-emph){transform:none}
@media(hover:none),(pointer:coarse){
 html[data-method=a] :is(.btn-molten,.btn-quiet,.btn-emph,.icon-btn,.send,.bx-btn,.chip,.seg button):hover:not(.is-pressed,:active){background-image:none}
 html[data-method=a] :is(.mrow,.conv,.model-chip,.pre__bar button):hover:not([aria-checked=true],[aria-selected=true],.is-on,[aria-current],.is-pressed,:active){background-color:transparent}
}
html[data-method=a] :is(.btn-molten,.btn-quiet,.bx-btn,.send,.chip,.seg button):is(:disabled,[aria-disabled=true]):hover{background-image:none}

/**/
@media(prefers-reduced-motion:reduce){
 html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.bx-secondary,.btn-emph,.btn-gold,.send){transition:background-color .2s ease,border-color .2s ease,color .2s ease}
 html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.bx-secondary,.btn-emph,.btn-gold,.send):is(:hover,:active,.is-pressed){transform:none!important}
 html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.btn-emph)[aria-busy=true]::after{animation:none;background:var(--color-gold-shine);opacity:.25}
 html[data-method=a] :is(.btn-emph,.btn-gold)::before{display:none}
}
@media(forced-colors:active){
 html[data-method=a] :is(.btn-molten,.bx-primary){background:ButtonText;color:ButtonFace;forced-color-adjust:none;box-shadow:none}
 html[data-method=a] :is(.btn-quiet,.bx-secondary,.btn-emph,.btn-gold){background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}
 html[data-method=a] .send::before{background:ButtonText;forced-color-adjust:none}
 html[data-method=a] .send{color:ButtonFace;forced-color-adjust:none}
 html[data-method=a] :is(.btn-molten,.bx-primary,.btn-quiet,.btn-emph):is(:disabled,[aria-disabled=true]){color:GrayText;border-color:GrayText}
 html[data-method=a] :is(.icon-btn,.chat-model-trigger,.empty__cta,.btn-quiet,.chip,.seg button,.mrow,.chat-tool,.msg__acts .act,#convs .convs__nav a,#convs .conv__a,#app-menu .convs__nav a,.studio-settings>summary,.voice,.lad,.ag-budget-option){background-image:none}
}
@media(prefers-contrast:more){html[data-method=a] :is(.btn-quiet,.bx-secondary,.chip){border-color:var(--color-border-strong)}}


/* Source: css/gemini-v5.css */
/**/
html[data-method=a]{--v5-spark-1:#FFC24A;--v5-spark-2:#FFD27A;--v5-spark-3:#FF9A3C;--v5-spark-4:#FFE6A8;--v5-spark-5:#FF7A3C;--v5-spark-6:#E8AA2E;--v5-spark-hot:#FFF6DD}
html[data-method=a][data-theme=light]{--v5-spark-1:#E8A21E;--v5-spark-2:#F0B43C;--v5-spark-3:#E07A1C;--v5-spark-4:#F6C866;--v5-spark-5:#D8661C;--v5-spark-6:#C98A12;--v5-spark-hot:#FFF3D6}
/**/
html[data-method=a] .v5-spark{display:block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,var(--v5-spark-hot) 0 18%,var(--v5-spark-2) 34%,var(--v5-spark-1) 52%,color-mix(in srgb,var(--v5-spark-1) 0%,transparent) 72%);box-shadow:0 0 18px 2px color-mix(in srgb,var(--v5-spark-1) 45%,transparent)}
@media(forced-colors:active){html[data-method=a] .v5-spark{background:CanvasText;box-shadow:none;forced-color-adjust:none}}

/**/

/**/
html[data-method=a] :is(.mrow.is-on,.mrow[aria-checked=true],.bm[aria-checked=true],.meth.is-on,.packs--col .pack[aria-checked=true]) .mrow__radio{border-color:var(--color-accent);border-width:2px}
html[data-method=a] :is(.mrow.is-on,.mrow[aria-checked=true],.bm[aria-checked=true],.meth.is-on,.packs--col .pack[aria-checked=true]) .mrow__radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:none}

/**/
html[data-method=a].vt-theme::view-transition-old(root){animation:none}
html[data-method=a].vt-theme::view-transition-new(root){animation:v5-theme-in 240ms cubic-bezier(.2,0,0,1) both}
@keyframes v5-theme-in{from{opacity:0}}

/**/

/**/
:where(html)[data-method=a] .num,
:where(html)[data-method=a] .num-hero,
:where(html)[data-method=a] .balance,
:where(html)[data-method=a] .chip-ok .num,
:where(html)[data-method=a] .receipt__sum b,
:where(html)[data-method=a] .receipt dd b,
:where(html)[data-method=a] .chain__i bdi,
:where(html)[data-method=a] .pack__price,
:where(html)[data-method=a] .cel-num,
:where(html)[data-method=a] .fly,
:where(html)[data-method=a] .lad__p b,
:where(html)[data-method=a] .pyo__text .ln.e::before,
:where(html)[data-method=a] .ag-home-head h1,
:where(html)[data-method=a] .art__btn small,
:where(html)[data-method=a] .chip--next small,
:where(html)[data-method=a] .pcov__h,
:where(html)[data-method=a] .donepill__t,
:where(html)[data-method=a] .donepill__r b,
:where(html)[data-method=a] .btn-gold small,
:where(html)[data-method=a] .rep__money b,
:where(html)[data-method=a] .meter b,
:where(html)[data-method=a] .veil__ty,
:where(html)[data-method=a] .bm__p b,
:where(html)[data-method=a] .ptile__meta b,
:where(html)[data-method=a] .aud-fail__acts bdi,
:where(html)[data-method=a] .empty__make small b,
:where(html)[data-method=a] .mk__t small b,
:where(html)[data-method=a] .ffail__acts bdi,
:where(html)[data-method=a] .gen__title,
:where(html)[data-method=a] .gen__refund b,
:where(html)[data-method=a] .eng__meta b,
:where(html)[data-method=a] .template-card__title,
:where(html)[data-method=a] .info-brand,
:where(html)[data-method=a] .info-title,
:where(html)[data-method=a] .info-section h2,
:where(html)[data-method=a] .info-group h2,
:where(html)[data-method=a] .inv__ttl h2,
:where(html)[data-method=a] .lib-fails__ok bdi,
:where(html)[data-method=a] .vw-retry__p,
:where(html)[data-method=a] .wtile figcaption b,
:where(html)[data-method=a] .bizprev b,
:where(html)[data-method=a] .acct-bal__n b,
:where(html)[data-method=a] .pay__t,
:where(html)[data-method=a] .win__t,
:where(html)[data-method=a] .win__t .num,
:where(html)[data-method=a] .win__p b,
:where(html)[data-method=a] .pl__name h3,
:where(html)[data-method=a] .pl__badge,
:where(html)[data-method=a] .pl__cr b,
:where(html)[data-method=a] .pl__what li b,
:where(html)[data-method=a] .cmp__ph b,
:where(html)[data-method=a] .cmp__gh>span,
:where(html)[data-method=a] .cmp__c b,
:where(html)[data-method=a] .cmp__rec,
:where(html)[data-method=a] .ck__go .num,
:where(html)[data-method=a] .ck__cr b,
:where(html)[data-method=a] .ck__changed b,
:where(html)[data-method=a] .review__acts .btn-quiet.btn-block b,
:where(html)[data-method=a] .topup .banner b,
:where(html)[data-method=a] .vm__p b,
:where(html)[data-method=a] .job__fail bdi,
:where(html)[data-method=a] .job.is-hero .job__stage,
:where(html)[data-method=a] .pay__need b,
:where(html)[data-method=a] .wchip b,
:where(html)[data-method=a] .tcard__b b,
:where(html)[data-method=a] .pay__pend b,
:where(html)[data-method=a] .bal-card__exp b,
:where(html)[data-method=a] .pc__top strong,
:where(html)[data-method=a] .pc__ring b,
:where(html)[data-method=a] .pc__cr b,
:where(html)[data-method=a] .odo,
:where(html)[data-method=a] .odo *{font-weight:var(--type-bold)}
/**/
:where(html[data-method=a]) :where(b,strong){font-weight:var(--type-bold)}
:where(html[data-method=a]) .t1{font-weight:var(--type-medium)}
/**/
html[data-method=a] .display{font-size:var(--fs-display);font-weight:var(--w-display);line-height:var(--lh-display)}
html[data-method=a] .hero{font-size:var(--fs-hero);font-weight:var(--w-hero);line-height:var(--lh-hero)}
/**/

/**/
html[data-method=a] :is(p,li,dd,summary,figcaption,.note,.hint,.cta-note,.voice__d,.mrow__desc,.ag-note,.ag-browser-note,.pl__cur,.conv__t){text-wrap:pretty}
html[data-method=a] :is(h1,h2,h3,.display,.hero,.studio__hero-t,.info-title){text-wrap:balance}
html[data-method=a] :is(.mrow__num,.meta-cost bdi,.eng__meta b,.info-group-count,.player__time,.receipt dd b){font-variant-numeric:tabular-nums}
html[data-method=a] bdi.lat{white-space:nowrap}
html[data-method=a] :is(.cta-sum,.badge){font-size:12px}

/**/
html[data-method=a]{--press-icon:.92;--press-bar:.985;--press-tile:.98}
/**/
html[data-method=a]:root :is(.icon-btn,.send,.voice__pv,.ag-budget-option):is(.is-pressed,:active){transform:scale(var(--press-icon))}
html[data-method=a]:root :is(.btn-block,.enh__row,.chat-tool,.mrow,.voice):is(.is-pressed,:active),
html[data-method=a]:root :is(.studio__cta,.cta-bar) .btn-molten:is(.is-pressed,:active),
html[data-method=a]:root #pw-go:is(.is-pressed,:active){transform:scale(var(--press-bar))}
html[data-method=a]:root :is(.tpl,.scn-photo,.ltile,.rtile,.eng,.plan-card):is(.is-pressed,:active){transform:scale(var(--press-tile))}
@media (prefers-reduced-motion:reduce){html[data-method=a]{--press-icon:1;--press-bar:1;--press-tile:1}}

/**/
html[data-method=a] .lad.lad:is([aria-selected=true],[aria-checked=true]){background:var(--color-send);color:var(--color-on-send);box-shadow:inset 0 0 0 1.5px var(--color-accent)}
html[data-method=a] .lad.lad:is([aria-selected=true],[aria-checked=true]) :is(.lad__p,.lad__p b,.lad__n){color:var(--color-on-send)}
html[data-method=a] .lad:is(.is-cur,.is-rec):not([aria-selected=true],[aria-checked=true]){background:transparent}
html[data-method=a] .lad.lad.is-cur:is([aria-selected=true],[aria-checked=true])::before{box-shadow:inset 0 0 0 1.5px var(--color-on-send)}
/**/
@media (max-width:400px){
  html[data-method=a] .lad__p{font-size:0}
  html[data-method=a] .lad__p b{font-size:13px}
  html[data-method=a] .ladder{gap:2px}
}

/**/
html[data-method=a],html[data-method=a] :is(.sheet__body,.convs,#convs){scrollbar-color:var(--color-outline) transparent}
/**/
html[data-method=a] .ap:is(.is-fail,.is-idle,.is-done)::before,html[data-method=a] .ap:is(.is-fail,.is-idle,.is-done)::after{animation:none}
/**/
html[data-method=a] .emb{--sz:24px;width:var(--sz);height:var(--sz);border-radius:50%;background:color-mix(in srgb,var(--fg-0) 8%,transparent);box-shadow:none}
html[data-method=a] .emb.emb--lg{--sz:58px}
html[data-method=a] .emb.emb--xl{--sz:92px}
html[data-method=a] .emb__level{font-size:12px;font-weight:500;color:var(--fg-2)}
html[data-method=a] :is(.emb--lg,.emb--xl) .emb__level{font-size:calc(var(--sz) * .36)}
html[data-method=a] .ptl .emb{display:none}


/* Source: css/bixa-v6.css */
/**/

/**/
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-200B,U+2012-204E,U+2050-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plex-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/plex-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-200B,U+2012-204E,U+2050-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-arabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-arabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-200B,U+2012-204E,U+2050-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/plex-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-200B,U+2012-204E,U+2050-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/bx-approx.woff2) format('woff2');unicode-range:U+2248}

/**/
/**/
html[data-method=a],html[data-method=a][data-theme=dark]{--type-regular:400;--type-medium:500;--type-semibold:600;--type-bold:700}
html[data-method=a] body,html[data-method=a][data-theme=dark] body{font-family:var(--ff);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;letter-spacing:0;font-kerning:normal;font-synthesis:none;caret-color:var(--color-caret)}
html[data-method=a] :is(input,textarea,select,button){font-family:inherit;letter-spacing:0}
html[data-method=a] :is(input,textarea,[contenteditable]){caret-color:var(--color-caret)}
html[data-method=a] :is(h1,h2,h3,.t1,.t2,.hero,.display){font-weight:var(--type-bold);letter-spacing:0}
html[data-method=a] .t1{font-size:var(--fs-t1);line-height:var(--lh-t1)}
html[data-method=a] .t2{font-size:var(--fs-t2);line-height:var(--lh-t2)}
html[data-method=a] .t3{font-weight:var(--type-semibold)}
/**/
html[data-method=a] .bx-p{font-size:var(--fs-body);line-height:2;color:var(--color-paragraph);text-wrap:pretty}
html[data-method=a] .bx-lede{font-size:clamp(15.5px,1.8vw,18px);line-height:2.05;color:var(--color-paragraph);text-wrap:pretty;max-width:56ch}
/**/
html[data-method=a] .bx-kicker{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:0;color:var(--fg-2)}
html[data-method=a] .bx-kicker::before{content:'';flex:none;width:20px;height:1.5px;border-radius:1px;background:var(--color-primary);opacity:.85}
/**/
html[data-method=a] .bx-eyebrow{display:inline-flex;align-items:center;gap:10px;direction:ltr;unicode-bidi:isolate;font:500 11px/1.6 var(--ff-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2)}
html[data-method=a] .bx-eyebrow::before{content:'';flex:none;width:20px;height:1.5px;border-radius:1px;background:var(--color-primary);opacity:.85}
html[data-method=a] :is(.mono,.bx-mono){font-family:var(--ff-mono);letter-spacing:.02em}
/**/
html[data-method=a] .bx-gold{color:var(--color-gold-ink)}

/**/
html[data-method=a] :is(.num,.num-hero,.odo,.bx-num){unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-feature-settings:normal}
html[data-method=a] :is(.num-inline,.bx-ltr){direction:ltr;unicode-bidi:isolate}
html[data-method=a] .bx-ltr{display:inline-block}
html[data-method=a] :is(.num,.num-hero){font-family:var(--ff)}

/**/
html[data-method=a] ::selection{background:var(--color-selection);color:var(--fg-0)}
html[data-method=a] :focus-visible:not([tabindex="-1"]),
html[data-method=a] :is(button,a,input,textarea,select,summary,[tabindex]:not([tabindex="-1"]),[role=button]):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
/**/
html[data-method=a] [tabindex="-1"]:not(button,a,input,textarea,select,summary,[role=button]):focus-visible{outline:none}
html[data-method=a] :is(input,textarea,select).field:focus-visible,html[data-method=a] .field:focus-within{outline:none;border-color:var(--color-gold-border);box-shadow:0 0 0 3px var(--gold-a16)}
@media(forced-colors:active){html[data-method=a] :focus-visible{outline-color:Highlight}}

/**/
html[data-method=a] .bx-glass{background:var(--color-glass-card);-webkit-backdrop-filter:var(--glass-fx);backdrop-filter:var(--glass-fx);border:1px solid var(--color-glass-line);box-shadow:var(--rim-light),var(--shadow-high)}
html[data-method=a] .bx-glassbar{background:var(--color-glass-bar);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--color-glass-line)}
html[data-method=a] .bx-card{background:var(--color-surface);border:1px solid var(--color-glass-line);border-radius:var(--r-card);box-shadow:var(--rim-light)}
html[data-method=a] .bx-hair{border:1px solid var(--color-glass-line)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-method=a] :is(.bx-glass,.bx-glassbar){background:var(--color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}
html[data-method=a].lite :is(.bx-glass,.bx-glassbar){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-surface-raised)}

/**/
html[data-method=a] .chip,html[data-method=a] .bx-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--color-glass-pill-line);background:var(--color-chip);color:var(--fg-2);font-size:13px;font-weight:500;line-height:1.5;box-shadow:none;transition:color .3s var(--ease-bixa),border-color .3s var(--ease-bixa),background-color .3s var(--ease-bixa),transform var(--spring-press-duration) var(--spring-press-easing)}
html[data-method=a] :is(.chip,.bx-chip):is([aria-pressed=true],[aria-checked=true],[aria-selected=true],.is-on){color:var(--fg-0);border-color:var(--color-gold-border);background:var(--gold-a10)}
@media(hover:hover) and (pointer:fine){html[data-method=a] :is(.chip,.bx-chip):hover:not(:disabled,[aria-disabled=true]){color:var(--fg-0);border-color:var(--color-glass-pill-line-hover);background:var(--color-glass-pill)}}
html[data-method=a] :is(.chip,.bx-chip):is(:active,.is-pressed):not(:disabled,[aria-disabled=true]){transform:scale(.97);transition-duration:0s}
@media(pointer:coarse){html[data-method=a] :is(.chip,.bx-chip){min-height:44px}}

/**/
html[data-method=a] .icon-btn{border-radius:50%;color:var(--fg-1)}
@media(hover:hover) and (pointer:fine){html[data-method=a] .icon-btn:hover:not(:disabled,[aria-disabled=true]){background-color:var(--color-state-hover);color:var(--fg-0)}}
html[data-method=a] .bx-glass-btn{display:inline-grid;place-items:center;width:var(--hit);height:var(--hit);border-radius:50%;color:var(--fg-0);background:var(--color-glass-pill);border:1px solid var(--color-glass-pill-line);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}

/**/
html[data-method=a] .glowbar{--gb-ring:2px;--gb-core:var(--color-composer);--gb-halo:.45;--gb-halo-hot:.9;--gb-halo2:.22;--gb-halo2-hot:.5;--gb-ring-o:1;position:relative;isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/**/
html[data-method=a][data-theme=light]{--neon-paper:conic-gradient(from 0deg,#E07A2E,#F0A030 18%,#E85A6A 38%,#C24E9A 50%,#E85A6A 62%,#F0A030 80%,#E07A2E)}
html[data-method=a][data-theme=light] :is(.glowbar,.fw){--neon:var(--neon-paper)}
html[data-method=a][data-theme=light] :is(.glowbar,.fw)>:is(.gb-halo,.gb-halo2,.gb-ring,.gen-ring,.gen-halo)>i{background:var(--neon-paper)}
html[data-method=a][data-theme=light] .glowbar{--gb-ring-o:.55;--gb-halo:.10;--gb-halo-hot:.2;--gb-halo2:0;--gb-halo2-hot:.08}
/**/
html[data-method=a] #app:not(.is-empty) .glowbar{--gb-halo-hot:.72;--gb-halo2-hot:.34}
html[data-method=a][data-theme=light] #app:not(.is-empty) .glowbar{--gb-halo-hot:.16;--gb-halo2-hot:.06}
/**/
@media(pointer:fine){
 html[data-method=a] .glowbar{--gb-halo-hot:.62;--gb-halo2-hot:.3}
 html[data-method=a] #app:not(.is-empty) .glowbar{--gb-halo-hot:.5;--gb-halo2-hot:.22}
}
/**/
html[data-method=a] :is(.ag-composer,.s-composer).glowbar{--gb-halo:.26;--gb-halo2:0;--gb-halo2-hot:.18;--gb-halo-hot:.55;--gb-ring-o:.85}
html[data-method=a][data-theme=light] :is(.ag-composer,.s-composer).glowbar{--gb-halo:.10;--gb-halo-hot:.18;--gb-halo2-hot:.06;--gb-ring-o:.55}
html[data-method=a] .glowbar>:is(.gb-halo,.gb-halo2,.gb-ring,.gb-core){position:absolute;border-radius:inherit;pointer-events:none}
html[data-method=a] .glowbar>.gb-halo2{inset:-14px;overflow:hidden;filter:blur(40px);opacity:var(--gb-halo2);z-index:-4;transform:translateZ(0);transition:opacity .6s ease}
html[data-method=a] .glowbar>.gb-halo{inset:-3px;overflow:hidden;filter:blur(20px);opacity:var(--gb-halo);z-index:-3;transform:translateZ(0);transition:opacity .6s ease,transform .6s var(--ease-bixa)}
/**/
html[data-method=a] .glowbar>.gb-ring{inset:0;overflow:visible;clip-path:inset(0 round var(--gb-radius,30px));opacity:var(--gb-ring-o);z-index:-2}
html[data-method=a] .glowbar>:is(.gb-halo,.gb-halo2){clip-path:none}
html[data-method=a] .glowbar>.gb-core{inset:var(--gb-ring);border-radius:calc(var(--gb-radius,30px) - var(--gb-ring));background:var(--gb-core);box-shadow:inset 0 1px 0 var(--color-glass-rim);z-index:-1}
html[data-method=a] .glowbar>:is(.gb-halo,.gb-halo2,.gb-ring)>i{position:absolute;left:50%;top:50%;width:calc(max(100%,110px) * 1.25);aspect-ratio:1;border-radius:50%;background:var(--neon);transform:translate(-50%,-50%) rotate(0deg);will-change:transform}
html[data-method=a] .glowbar.live>:is(.gb-halo,.gb-halo2,.gb-ring)>i{animation:gb-spin 7s linear infinite}
@keyframes gb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
html[data-method=a] .glowbar.hot>.gb-halo{opacity:var(--gb-halo-hot);transform:translateZ(0) scale(1.015)}
html[data-method=a] .glowbar.hot>.gb-halo2{opacity:var(--gb-halo2-hot)}
/**/
html[data-method=a] .glowbar.is-pulse>.gb-halo{animation:gb-pulse 720ms var(--ease-bixa)}
@keyframes gb-pulse{30%{opacity:1;transform:translateZ(0) scale(1.03)}}
/**/
html:not([data-method=a]) .glowbar>:is(.gb-halo,.gb-halo2,.gb-ring,.gb-core){display:none}
/**/
html[data-method=a] .glowbar>.live-light{display:none!important}
html[data-method=a].lite .glowbar>:is(.gb-halo,.gb-halo2,.gb-ring)>i{animation:none}
@media(prefers-reduced-motion:reduce){html[data-method=a] .glowbar>:is(.gb-halo,.gb-halo2,.gb-ring)>i{animation:none!important}html[data-method=a] .glowbar.is-pulse>.gb-halo{animation:none}}
@media(forced-colors:active),(prefers-contrast:more){html[data-method=a] .glowbar>:is(.gb-halo,.gb-halo2){display:none}html[data-method=a] .glowbar>.gb-ring>i{background:CanvasText;animation:none}html[data-method=a] .glowbar>.gb-core{background:Canvas}}

/**/
html[data-method=a]{background-color:var(--color-canvas);touch-action:manipulation;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}
/**/
html[data-method=a] :is(.tab,.balance,#island,.rail__mark,.empty__make a,#convs a,#app-menu a,.chip,.act,.resume){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/**/
html[data-method=a] :is(body,button,a,[role=button],[role=tab],input,textarea,select,label,summary){touch-action:manipulation}
html[data-method=a] body{background-color:var(--color-canvas)}
html[data-method=a].kb .aurora__rest{opacity:0;transition:opacity 220ms ease-out}
html[data-method=a].kb:has(#app[data-scr=chat].is-empty) .aurora:not(.aurora--gl)::before{opacity:0}
/**/
/**/
html[data-method=a].kb .glowbar>.gb-halo2{opacity:0}
html[data-method=a].kb .glowbar>.gb-halo{opacity:calc(var(--gb-halo) * .6)}
html[data-method=a].kb .glowbar.hot>.gb-halo{opacity:calc(var(--gb-halo-hot) * .6)}
/**/
html[data-method=a].kb #topbar{transform:translateY(var(--vv-top,0px))}
/**/
html[data-method=a].kb #app[data-scr=chat].is-empty .empty{position:fixed;inset-inline:0;top:calc(var(--vv-top,0px) + 64px + var(--safe-t,0px));height:calc(var(--vv-h,100dvh) - 64px - var(--safe-t,0px) - var(--dock-h,96px));margin:0;transform:none}
/**/
html[data-method=a].kb #app[data-scr=chat].is-empty :is(.empty__cta,.empty__note,.resume){opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,visibility 0s linear 160ms}
@media(max-height:520px){html[data-method=a].kb #app[data-scr=chat].is-empty :is(.empty__spark,.sugg){display:none}}
/**/
@media(max-width:767px){
 html[data-method=a].kb .layer .sheet{bottom:var(--kb,0px);max-height:calc(var(--vv-h,100dvh) - var(--safe-t,0px) - 12px)}
 html[data-method=a].kb .layer .sheet .sheet__body{padding-bottom:12px}
}
/**/
html[data-method=a].kb :is(.dock,.cta-bar){transition:transform 250ms cubic-bezier(.38,.7,.125,1)}
html.kb-live :is(.dock,.cta-bar){transition:none!important}
@media(prefers-reduced-motion:reduce){html[data-method=a].kb :is(.dock,.cta-bar){transition:none}}

/**/
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty .empty__spark{animation:bx-spark-in 700ms var(--ease-bixa) both}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty .empty .display>*{animation:bx-rise 760ms var(--ease-bixa) both}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty .empty .display>:nth-child(2){animation-delay:90ms}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty .empty>:is(.empty__cta,.empty__note){animation:bx-rise 700ms var(--ease-bixa) 260ms both}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty #composer{animation:bx-dock-in 720ms var(--ease-bixa) 160ms both}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty #composer>.gb-ring{animation:bx-ignite 820ms ease-out 260ms both}
html[data-method=a].bx-arrive #app[data-scr=chat].is-empty #composer>:is(.gb-halo,.gb-halo2){animation:bx-halo-in 860ms var(--ease-bixa) 300ms both}
@keyframes bx-rise{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes bx-spark-in{from{opacity:0;transform:scale(.4)}60%{opacity:1}to{opacity:1;transform:none}}
@keyframes bx-dock-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes bx-ignite{0%{opacity:0;filter:brightness(1)}55%{opacity:1;filter:brightness(1.6)}to{opacity:var(--gb-ring-o);filter:brightness(1)}}
@keyframes bx-halo-in{from{opacity:0}}
@media(prefers-reduced-motion:reduce){
 html[data-method=a].bx-arrive #app[data-scr=chat].is-empty :is(.empty__spark,.empty .display>*,.empty>.empty__cta,.empty>.empty__note,#composer,#composer>.gb-ring,#composer>.gb-halo,#composer>.gb-halo2){animation:bx-fade 240ms linear both!important;filter:none}
}
@keyframes bx-fade{from{opacity:0}}
html[data-method=a].lite.bx-arrive #app[data-scr=chat].is-empty :is(.empty__spark,.empty .display>*,.empty>.empty__cta,#composer,#composer>.gb-ring,#composer>.gb-halo,#composer>.gb-halo2){animation:bx-fade 200ms linear both}

/**/
html[data-method=a] .odo .c{width:.6em}
html[data-method=a] .odo :is(.s--dec,.s--th){width:.28em;transform:none}

/**/
html[data-method=a] .bx-lockup{display:inline-flex;align-items:center;gap:8px;direction:ltr;unicode-bidi:isolate}
html[data-method=a] .bx-lockup>.mark{flex:none;width:22px;height:22px;color:var(--color-primary)}
html[data-method=a] .bx-lockup>span{font:500 11px/1 var(--ff-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2)}
html[data-method=a] #app-menu .convs__head .bx-lockup{font-size:inherit}

/**/
@media(min-width:1024px){
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]){--rail-w:72px}
 /**/
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) :is(.rail,#bx-rail).rail{display:flex!important}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail{flex-direction:column;align-items:center;position:fixed;inset-block:0;inset-inline-start:0;width:72px;padding:calc(64px + var(--safe-t,0px)) 0 16px;gap:0;background:transparent;border:0;border-inline-end:1px solid var(--color-glass-line);box-shadow:none;z-index:var(--z-chrome,40)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail__mark{display:grid;place-items:center;width:48px;height:48px;margin:0 0 56px;border-radius:50%;color:var(--color-primary)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail__mark .mark{width:22px;height:22px}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail__nav{display:flex;flex-direction:column;align-items:center;gap:6px}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab{position:relative;display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;overflow:visible;background:transparent;box-shadow:none;color:var(--fg-2);font-size:0;transition:color .25s var(--ease-bixa),background-color .25s var(--ease-bixa)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab[hidden]{display:none}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab .i{width:22px;height:22px}
 /**/
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab.is-on{color:var(--fg-0);background:var(--color-glass-pill)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab.is-on::before{content:'';position:absolute;inset-inline-start:-8px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--color-primary)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail__foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
 /**/
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .rail__wallet{width:60px;height:auto;min-height:56px;padding:8px 2px 7px;gap:3px;border-radius:18px;align-content:center;border:1px solid var(--color-glass-pill-line);background:var(--color-chip)}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .rail__wallet .i{width:18px;height:18px}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .rail__wallet.is-on::before{top:16px;bottom:16px;inset-inline-start:-6px}
 html[data-method=a] .rail__bal{display:block;max-width:56px;font:600 11px/1.35 var(--ff);font-variant-numeric:tabular-nums;color:var(--fg-1);text-align:center;unicode-bidi:isolate;overflow-wrap:anywhere}
 html[data-method=a] .rail__bal:empty{display:none}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .avatar{width:44px;height:44px;min-width:44px;min-height:44px}
 /**/
 html[data-method=a] #app[data-scr=chat] .chat.is-rail-collapsed::before{background:transparent!important;box-shadow:none!important;border:0!important}
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot])::after{background:transparent!important;border:0!important}
 /**/
 html[data-method=a] #app[data-scr=chat] #stage{margin-inline-start:72px}
 html[data-method=a] #app[data-scr=chat] .chat.is-rail-collapsed .dock{inset-inline-start:72px}
 html[data-method=a] #app[data-scr=chat] .chat:not(.is-rail-collapsed) .dock{inset-inline-start:352px}
 html[data-method=a] #convs{inset-inline-start:72px}
 /**/
 html[data-method=a] #app[data-scr]:not([data-scr=chat],[data-scr=login],[data-scr=boot]) #app-menu-btn:not([hidden]){top:calc(10px + var(--safe-t,0px));inset-inline-start:14px}
 html[data-method=a]:root #app[data-scr=chat] #drawer-btn{position:fixed;top:calc(8px + var(--safe-t,0px));inset-inline-start:12px;z-index:1}
 html[data-method=a] #app[data-scr=chat] #topbar .topbar__start{padding-inline-start:64px}
 html[data-method=a] #app[data-scr=chat]:has(.chat) #chat-new:not([hidden]){position:fixed;top:calc(116px + var(--safe-t,0px));inset-inline-start:12px;z-index:calc(var(--z-chrome,40) + 1)}
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab:not(.is-on):hover{color:var(--fg-0);background:var(--color-state-hover)}
}
@media(min-width:1024px) and (forced-colors:active){
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail{border-inline-end:1px solid CanvasText}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab.is-on{outline:1px solid Highlight}
 html[data-method=a] #app:not([data-scr=login],[data-scr=boot]) .rail .tab.is-on::before{background:Highlight}
}

/**/
html[data-method=a][data-theme=light] .scrim{-webkit-backdrop-filter:blur(4px) saturate(.95);backdrop-filter:blur(4px) saturate(.95)}
html[data-method=a][data-theme=light].lite .scrim{-webkit-backdrop-filter:none;backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){html[data-method=a][data-theme=light] .scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}

/**/
html[data-method=a] :is(.display,h1,h2,.t1,.studio__hero-t,.empty__subheading,.hero) .bx-gold{color:var(--color-gold-display)}
/**/
html[data-method=a]:root .login__hero .hero .rot{color:var(--color-gold-display)}

/**/
html[data-method=a][data-theme=dark] .seg{background:var(--color-chip);box-shadow:inset 0 0 0 1px var(--color-hairline)}
html[data-method=a][data-theme=dark] .seg button{color:var(--fg-2)}
html[data-method=a][data-theme=dark] .seg :is(.is-on,[aria-checked=true],[aria-pressed=true],[aria-selected=true]){background:linear-gradient(var(--color-glass-pill),var(--color-glass-pill)),var(--color-surface-tonal);color:var(--fg-0);box-shadow:var(--rim-light),0 0 0 1px var(--color-glass-pill-line),0 6px 18px -8px var(--color-shadow)}
@media(forced-colors:active){html[data-method=a] .seg :is(.is-on,[aria-checked=true],[aria-pressed=true],[aria-selected=true]){outline:2px solid Highlight;outline-offset:-2px}}

/**/
html[data-method=a] .bx-chip{min-height:44px;border-radius:999px;color:var(--fg-2)}
html[data-method=a] .bx-chip.bx-chip--glass{background:var(--color-glass-card);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}
html[data-method=a].lite .bx-chip.bx-chip--glass{background:var(--color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-method=a] .bx-chip.bx-chip--glass{background:var(--color-surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}