#fy-web-storage-message{position:fixed;bottom:20px;right:20px;max-width:480px;z-index:99999;padding:14px 18px;border:1px solid #d7a949;border-radius:12px;background:#272116;color:#ffe1a0;font:13px/1.6 sans-serif;box-shadow:0 8px 28px #0008}
#fy-web-storage-message[hidden]{display:none}
#fy-web-storage-message button{margin:8px 8px 0 0;padding:7px 10px;background:#393125;border:1px solid #c39c58;border-radius:6px;color:#ffe1a0;cursor:pointer}
/* One enhanced web preset. Do not animate canvas geometry or hold UI actions. */
html.fy-ui-shell[data-fy-motion="standard"] body #root .page-container.page-transition-enter{
  animation:fy-web-page-in 160ms cubic-bezier(.22,1,.36,1) both!important;
}
html.fy-ui-shell[data-fy-motion="standard"] body #root .page-container.page-transition-enter .page-header{
  animation:fy-web-heading-in 180ms cubic-bezier(.22,1,.36,1) both;
}
@keyframes fy-web-page-in{from{opacity:.85}to{opacity:1}}
@keyframes fy-web-heading-in{from{opacity:.8;translate:0 5px}to{opacity:1;translate:0 0}}
html.fy-ui-shell[data-fy-motion="standard"] .fy-motion-dialog-enter{
  animation:fy-web-dialog-in 180ms cubic-bezier(.22,1,.36,1) both!important;
}
@keyframes fy-web-dialog-in{from{opacity:.4;translate:0 10px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
html.fy-ui-shell[data-fy-motion="standard"] :is(.reference-modal-backdrop,.platform-dialog-backdrop,.fy-auth-overlay){
  animation:fy-web-overlay-in 180ms ease-out;
}
@keyframes fy-web-overlay-in{from{opacity:.5}to{opacity:1}}
html.fy-ui-shell[data-fy-motion="standard"] body #root .sidebar .nav-item{
  transition:color 180ms ease-out,background-color 180ms ease-out,border-color 180ms ease-out,box-shadow 180ms ease-out!important;
}
html.fy-ui-shell[data-fy-motion="standard"] :is(button.button,button.custom-send-button,.custom-chat-task-actions>button,.sidebar-invite-entry,.sidebar-service-actions>button,.sidebar-logout):not(:where(.infinite-workspace-shell *, .canvas-library-page *)){
  transition:background-color 160ms ease-out,border-color 160ms ease-out,color 160ms ease-out,box-shadow 160ms ease-out,scale 120ms cubic-bezier(.22,1,.36,1)!important;
}
html.fy-ui-shell[data-fy-motion="standard"] :is(button.button,button.custom-send-button,.custom-chat-task-actions>button,.sidebar-invite-entry,.sidebar-service-actions>button,.sidebar-logout):not(:disabled):not([aria-disabled="true"]):not(:where(.infinite-workspace-shell *, .canvas-library-page *)):active{scale:.975}
@media(hover:hover) and (pointer:fine){
  html.fy-ui-shell[data-fy-motion="standard"] :is(.sidebar-invite-entry,.sidebar-service-actions>button,.custom-chat-task-actions>button):not(:disabled):hover{
    box-shadow:inset 0 0 0 1px #8cbdff20!important;
  }
}
/* Preserve the original controls and handlers, but lay out the web shell on top. */
html.fy-ui-shell:not(.mobile-variant),html.fy-ui-shell:not(.mobile-variant) body,html.fy-ui-shell:not(.mobile-variant) body #root{min-width:0!important;width:100%!important;max-width:100%!important}
html.fy-ui-shell:not(.mobile-variant) body #root .app-shell{
  --fy-business-sidebar-width:0px!important;
  display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:100dvh!important;overflow:hidden;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav{
  position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand navigation account";align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;
  flex:0 0 auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid #303030!important;z-index:2400!important;transition:none!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .brand{
  grid-area:brand;flex:none!important;height:64px!important;padding:0 18px!important;border-bottom:0!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .brand span{display:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-footer{
  grid-area:account;display:flex!important;align-items:center;justify-content:flex-end;gap:8px;min-width:0;max-width:100%;margin:0!important;padding:5px 12px 5px 8px!important;
  border:0!important;background:transparent!important;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3c3c3c transparent;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-invite-entry{
  display:flex!important;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;width:auto!important;min-width:108px!important;min-height:36px!important;margin:0!important;padding:0 12px!important;border-radius:7px!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-invite-entry>.pixel-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-invite-entry>span:not(.pixel-icon){display:block!important;flex:0 0 auto!important;min-width:48px!important;width:auto!important;max-width:none!important;overflow:visible!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-invite-entry :is(small,.pixel-icon:last-child){display:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-invite-entry b{font-size:12px!important;white-space:nowrap}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-service-actions{
  display:flex!important;flex:0 0 auto;gap:8px!important;margin:0!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-service-actions button{flex:0 0 auto;width:auto!important;padding:0 12px!important;white-space:nowrap}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .user-card{
  flex:0 0 auto;min-height:44px!important;margin:0!important;padding:4px 8px!important;max-width:280px;grid-template-columns:30px minmax(64px,140px) auto!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .user-card-details{min-width:0}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .profile-name-entry{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll{
  grid-area:navigation;display:flex!important;align-items:center;gap:4px;flex:none!important;min-width:0;max-width:100%;height:64px!important;min-height:64px!important;margin:0!important;padding:8px 6px!important;
  overflow-x:auto!important;overflow-y:hidden!important;border-top:0!important;scrollbar-width:thin;scrollbar-color:#3c3c3c transparent;overscroll-behavior-x:contain;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(.nav-group,.fy-business-entry-section,.fy-business-entry-grid){display:contents!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(.nav-group-title,.fy-business-entry-section::before,.fy-business-entry-icon,.fy-business-entry small){display:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .fy-business-entry-section::before{display:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.nav-item>:is(.pixel-icon,.icon,.fy-full-entry-icon){display:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(button.nav-item,button.fy-business-entry){
  position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:auto!important;min-width:80px;height:40px!important;min-height:40px!important;margin:0!important;padding:0 12px!important;
  border-radius:8px!important;background:transparent!important;white-space:nowrap;overflow:visible;box-shadow:none!important;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(button.nav-item>span:not(.pixel-icon):not(.icon):not(.fy-full-entry-icon),button.fy-business-entry b){
  display:inline-block!important;transform:scale(1);transform-origin:center;transition:transform 200ms cubic-bezier(.22,1,.36,1),color 180ms ease-out!important;
  font-size:14px!important;font-weight:500!important;line-height:20px;
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.fy-business-entry{border-color:transparent!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(button.nav-item,button.fy-business-entry).active{background:#123044!important;color:#dff3ff!important;border-color:#214c65!important;box-shadow:none!important}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.nav-item.active::after{inset:auto 18px 2px!important;width:auto!important;height:2px;background:#00a3ff!important;animation:fy-web-nav-select 180ms ease-out}
@keyframes fy-web-nav-select{from{opacity:.3;scale:.65 1}to{opacity:1;scale:1}}
@media(hover:hover) and (pointer:fine){
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav :is(button.nav-item,button.fy-business-entry):not(:disabled):hover{background:#242424!important;border-color:#3a3a3a!important;color:#f5f5f5!important}
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.nav-item:not(:disabled):hover>span:not(.pixel-icon):not(.icon):not(.fy-full-entry-icon),
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.fy-business-entry:not(:disabled):hover b{transform:scale(1.14)!important}
}
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.nav-item:focus-visible>span:not(.pixel-icon):not(.icon):not(.fy-full-entry-icon),
html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav button.fy-business-entry:focus-visible b{transform:scale(1.14)!important}
html.fy-ui-shell:not(.mobile-variant) body #root .app-main{flex:1 1 0!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}
html.fy-ui-shell:not(.mobile-variant) body #root .topbar{height:40px!important;min-height:40px!important;flex-basis:40px!important;padding-inline:22px!important}
html.fy-ui-shell .fy-canvas-entry-overlay{inset:var(--fy-canvas-main-top,64px) 0 0 var(--fy-canvas-sidebar-left,0px)!important}
/* Use the space below the header, not a second full viewport that clips send. */
html.fy-ui-shell:not(.mobile-variant) body #root .custom-chat-page{height:100%!important;min-height:0!important;overflow:hidden}
html.fy-ui-shell:not(.mobile-variant) body #root .custom-chat-composer-shell{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior-y:contain}
html.fy-ui-shell body #root .custom-chat-composer-shell .reference-prompt-editor{
  --fy-web-prompt-min-height:112;
  box-sizing:border-box;width:100%;min-width:0;
  height:var(--fy-web-prompt-height,auto)!important;
  min-height:min(112px,var(--fy-web-prompt-max-height,42dvh))!important;
  max-height:var(--fy-web-prompt-max-height,min(42dvh,360px))!important;
  padding:16px 18px!important;font-size:16px!important;line-height:26px!important;
  white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal;
  overflow-y:auto!important;overflow-x:hidden;scrollbar-gutter:stable;scroll-padding-block:16px;
  transition:height 140ms cubic-bezier(.22,1,.36,1)!important;
}
html.fy-ui-shell body #root .custom-chat-composer-shell .reference-prompt-editor:empty::before{color:#a3a3a3!important}
@media(max-width:900px){
  html.fy-ui-shell,html.fy-ui-shell body,html.fy-ui-shell body #root{min-width:0!important;width:100%!important;max-width:100%!important}
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav{display:flex!important;align-items:center;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3c3c3c transparent}
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .brand{flex:0 0 auto!important;height:64px!important;padding:0 14px!important}
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .sidebar-footer{flex:0 0 auto!important;justify-content:flex-start;max-width:none!important;overflow:visible!important;padding:4px 12px!important;gap:8px}
  html.fy-ui-shell:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll{flex:0 0 auto!important;width:max-content!important;max-width:none!important;overflow:visible!important}
  html.fy-ui-shell body #root .page-header p,html.fy-ui-shell body #root .project-workbench-library-header p{white-space:normal!important}
  html.fy-ui-shell body #root .topbar{min-width:0!important}
  html.fy-ui-shell body #root .page-content{min-width:0!important;padding:16px!important}
  html.fy-ui-shell body #root .project-workbench-library-header{flex-wrap:wrap;gap:12px}
  html.fy-ui-shell body #root .custom-chat-composer-shell{padding:10px 12px 12px!important}
  html.fy-ui-shell body #root .custom-composer-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:8px}
  html.fy-ui-shell body #root .custom-composer-parameters>.generation-model-picker{grid-column:1/-1;min-width:0;width:100%}
  html.fy-ui-shell body #root .custom-composer-parameters>label.custom-parameter-field{min-width:0;width:100%}
  html.fy-ui-shell body #root .custom-composer-parameters .custom-cost{grid-column:1/-1;white-space:normal}
  html.fy-ui-shell body #root .custom-chat-composer-shell .custom-attachment-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.fy-ui-shell body #root .custom-chat-composer-shell .reference-prompt-editor{--fy-web-prompt-min-height:96;min-height:min(96px,var(--fy-web-prompt-max-height,42dvh))!important;padding:14px!important}
  html.fy-ui-shell body #root .custom-composer-toolbar{flex-wrap:wrap;min-width:0;gap:8px}
  html.fy-ui-shell body #root .custom-upload-actions{min-width:0;flex-wrap:wrap}
  html.fy-ui-shell body #root .custom-drag-tip{white-space:normal}
  #fy-web-storage-message{max-width:calc(100vw - 32px);left:16px;right:16px;bottom:16px}
  .fy-auth-panel{max-width:calc(100vw - 24px)!important}
}

/* GSAP owns entrances when ready; existing CSS remains the loading fallback. */
html.fy-ui-shell[data-fy-gsap="ready"] body #root .page-container.page-transition-enter,
html.fy-ui-shell[data-fy-gsap="ready"] body #root .page-container.page-transition-enter .page-header,
html.fy-ui-shell[data-fy-gsap="ready"] :is(.profile-settings-modal,.language-model-dialog,.app-confirm-dialog,.announcement-dialog,.customer-service-dialog,.storyboard-skill-dialog,.invite-dialog,.fy-redeem-modal,.fy-auth-panel){animation:none!important}


/* Keep mobile header actions readable beside or below the heading. */
html.fy-ui-shell body #root .recharge-security-note>span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){
  html.fy-ui-shell body #root .page-header{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important}
  html.fy-ui-shell body #root .page-header>div:not(.page-actions){flex:1 1 200px;min-width:0}
  html.fy-ui-shell body #root .page-header .page-actions{flex:0 0 auto!important;max-width:100%;flex-wrap:wrap}
  html.fy-ui-shell body #root .page-header .page-actions button{flex-shrink:0!important;white-space:nowrap!important;min-height:40px}
}
.fy-reference-upload-status{display:flex;align-items:center;gap:6px;font-size:11px;line-height:18px;color:#8bceff}
.fy-reference-upload-status.uploaded{color:#6cd9b3}
.fy-reference-upload-status.error{color:#ffbd66}
.fy-reference-upload-status button{font-size:11px;color:inherit;border:0;background:none;padding:0;text-decoration:underline;cursor:pointer}

/* Interaction accents run once per action; layout and button hit areas stay fixed. */
html.fy-ui-shell[data-fy-micro="ready"] :is(.fy-web-top-nav .nav-scroll,.custom-chat-mode-tabs){position:relative;isolation:isolate}
html.fy-ui-shell[data-fy-micro="ready"] .fy-mobile-nav{isolation:isolate}
.fy-selection-layer{position:absolute;z-index:0;pointer-events:none;border:1px solid #43b5ff50;border-radius:8px;box-sizing:border-box;transform-origin:0 0;background:linear-gradient(115deg,#1787c72c,#7068ed25);contain:layout style;user-select:none}
.fy-selection-layer[hidden]{display:none!important}
.fy-selection-line{position:absolute;left:17%;right:17%;bottom:1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#47ceff,#929aff);pointer-events:none}
html.fy-ui-shell[data-fy-micro="ready"] :is(.fy-web-top-nav .nav-scroll,.custom-chat-mode-tabs,.fy-mobile-nav)>button,
html.fy-ui-shell[data-fy-micro="ready"] .fy-web-top-nav .nav-scroll .nav-item{position:relative;z-index:1}
html.fy-ui-shell[data-fy-micro="ready"]:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll[data-fy-selection="ready"] button.nav-item.active,
html.fy-ui-shell[data-fy-micro="ready"] body #root .app-main .custom-chat-page .custom-chat-mode-tabs[data-fy-selection="ready"]>button.active,
html.fy-ui-shell[data-fy-micro="ready"] .fy-mobile-nav[data-fy-selection="ready"]>button.active{background:transparent!important;border-color:transparent!important}
html.fy-ui-shell[data-fy-micro="ready"]:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll[data-fy-selection="ready"] button.nav-item.active::before,
html.fy-ui-shell[data-fy-micro="ready"]:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll[data-fy-selection="ready"] button.nav-item.active::after{display:none!important}
html.fy-ui-shell[data-fy-micro="ready"].fy-full-test-open:not(.mobile-variant) body #root .sidebar.fy-web-top-nav .nav-scroll[data-fy-selection="ready"] button.nav-item.active:not([aria-current="page"]){color:#969eab!important}
html.fy-ui-shell[data-fy-micro="ready"] .custom-chat-mode-tabs .fy-selection-line{left:25%;right:25%}
html.fy-ui-shell[data-fy-micro="ready"] body #root .app-main .custom-chat-page .custom-chat-mode-tabs[data-fy-selection="ready"]>button.active{border-bottom-color:transparent!important}
html.fy-ui-shell[data-fy-micro="ready"] .fy-mobile-nav .fy-selection-line{bottom:0;left:30%;right:30%}
html.fy-ui-shell[data-fy-micro="ready"] :is(.custom-chat-mode-tabs>button,.generation-model-picker-trigger,.generation-model-picker-menu button[role="option"],.custom-parameter-field select){transition:color 140ms ease-out,border-color 140ms ease-out,background-color 140ms ease-out,scale 140ms cubic-bezier(.2,.8,.3,1)}
html.fy-ui-shell[data-fy-micro="ready"] .generation-model-picker-trigger[aria-expanded="true"],
html.fy-ui-shell[data-fy-micro="ready"] .custom-parameter-field select:focus-visible{border-color:#69b9ff!important;background-color:#163148!important;outline:2px solid #54b7ff44;outline-offset:2px}
html.fy-ui-shell[data-fy-micro="ready"] .generation-model-picker-menu button[role="option"][aria-selected="true"]{background:linear-gradient(110deg,#1787c725,#7771ef20)!important;border-color:#69b9ff88!important;color:#e6f6ff!important}
html.fy-ui-shell[data-fy-micro="ready"] .generation-model-picker-menu button[role="option"][aria-selected="true"]>i{color:#81d6ff;animation:fy-option-mark 180ms cubic-bezier(.2,.8,.3,1) both}
@keyframes fy-option-mark{from{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
html.fy-ui-shell[data-fy-micro="ready"] :is(button.button.primary,button.custom-send-button,.fy-auth-form button[type="submit"],.recharge-pay-button):not(:where(.infinite-workspace-shell *,.canvas-library-page *,.fy-full-surface *)){position:relative;isolation:isolate;overflow:hidden;transition:scale 160ms cubic-bezier(.2,.8,.3,1),color 140ms ease-out,background-color 140ms ease-out,border-color 140ms ease-out!important}
html.fy-ui-shell[data-fy-micro="ready"] :is(button.button.primary,button.custom-send-button,.fy-auth-form button[type="submit"],.recharge-pay-button):not(:disabled):not([aria-disabled="true"]):not(:where(.infinite-workspace-shell *,.canvas-library-page *,.fy-full-surface *))::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent 22%,#ffffff20 42%,#ffffff3b 50%,#ffffff20 58%,transparent 78%);transform:translateX(-115%);opacity:0}
html.fy-ui-shell[data-fy-micro="ready"] :is(button.button.primary,button.custom-send-button,.fy-auth-form button[type="submit"],.recharge-pay-button):not(:disabled):not([aria-disabled="true"]):not(:where(.infinite-workspace-shell *,.canvas-library-page *,.fy-full-surface *)):active{scale:.975;transition-duration:70ms!important}
@media(hover:hover) and (pointer:fine){
  html.fy-ui-shell[data-fy-micro="ready"] :is(button.button.primary,button.custom-send-button,.fy-auth-form button[type="submit"],.recharge-pay-button):not(:disabled):not([aria-disabled="true"]):not(:where(.infinite-workspace-shell *,.canvas-library-page *,.fy-full-surface *)):is(:hover,:focus-visible)::before{animation:fy-button-sheen 360ms ease-out both}
  html.fy-ui-shell[data-fy-micro="ready"] :is(.custom-chat-mode-tabs>button,.generation-model-picker-menu button[role="option"]):not(:disabled):hover{color:#e6f6ff;border-color:#73c4ff66}
}
@keyframes fy-button-sheen{0%{transform:translateX(-115%);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(115%);opacity:0}}
.custom-chat-media .fy-creation-preview{position:relative;display:grid;place-items:center;width:100%;max-height:350px;overflow:hidden;background:#101215}
.custom-chat-media .fy-creation-preview>img{display:block;width:100%!important;height:100%!important;max-height:350px!important;object-fit:contain!important}
.fy-creation-preview-placeholder{color:#8d96a9;font-size:12px;padding:24px;line-height:1.7;text-align:center}
.fy-creation-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff40;border-radius:50%;background:#080b12a8;color:#fff;font-size:18px;font-style:normal;pointer-events:none}
@media(max-width:760px){.custom-chat-media .fy-creation-preview,.custom-chat-media .fy-creation-preview>img{max-height:45dvh!important}}
html.fy-ui-shell[data-fy-micro="ready"] :is(.custom-chat-mode-tabs>button,.fy-mobile-nav>button):not(:disabled):active{scale:.975}