/* ANIA Pro responsive system 2.67.2
 * Scoped to the application root to avoid interference from the WordPress theme.
 */
#fx-mllm-app{
  --fx-space-1:.25rem;--fx-space-2:.5rem;--fx-space-3:.75rem;--fx-space-4:1rem;--fx-space-5:1.25rem;--fx-space-6:1.5rem;
  --fx-touch:44px;--fx-app-height:100dvh;--fx-safe-top:env(safe-area-inset-top,0px);--fx-safe-right:env(safe-area-inset-right,0px);--fx-safe-bottom:env(safe-area-inset-bottom,0px);--fx-safe-left:env(safe-area-inset-left,0px);
  --fx-layer-header:30;--fx-layer-overlay:100;--fx-layer-drawer:110;--fx-layer-dropdown:130;--fx-layer-modal:160;--fx-layer-toast:180;
  width:100%!important;height:var(--fx-app-height)!important;min-height:100svh!important;min-width:0!important;
}
@supports not (height:100dvh){#fx-mllm-app{--fx-app-height:100vh}}
#fx-mllm-app .fx-layout,#fx-mllm-app .fx-main,#fx-mllm-app .fx-sidebar,#fx-mllm-app .fx-panel{height:var(--fx-app-height)!important;min-height:0!important;min-width:0!important}
#fx-mllm-app .fx-main{grid-template-rows:auto minmax(0,1fr)!important}
#fx-mllm-app .fx-topbar{min-width:0!important;padding-top:max(10px,var(--fx-safe-top))!important;padding-right:max(18px,var(--fx-safe-right))!important}
#fx-mllm-app .fx-sidebar{padding-top:max(16px,var(--fx-safe-top))!important;padding-left:max(14px,var(--fx-safe-left))!important;padding-bottom:max(16px,var(--fx-safe-bottom))!important}
#fx-mllm-app .fx-panel{padding-right:var(--fx-safe-right)!important;padding-bottom:var(--fx-safe-bottom)!important}
#fx-mllm-app .fx-chat{min-width:0!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges!important}
#fx-mllm-app .fx-chat-inner,#fx-mllm-app .fx-message,#fx-mllm-app .fx-msg-body,#fx-mllm-app .fx-markdown{min-width:0!important;max-width:100%!important}
#fx-mllm-app .fx-markdown img,#fx-mllm-app .fx-msg-body img,#fx-mllm-app video{max-width:100%!important;height:auto!important}
#fx-mllm-app .fx-markdown pre{max-width:100%!important;overflow:auto!important;overscroll-behavior-inline:contain!important}
#fx-mllm-app .fx-markdown table{width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-gutter:stable!important}
#fx-mllm-app .fx-markdown td,#fx-mllm-app .fx-markdown th{white-space:normal!important;overflow-wrap:anywhere!important;min-width:8rem!important}
#fx-mllm-app .fx-composer-wrap{padding-right:max(18px,var(--fx-safe-right))!important;padding-bottom:max(14px,var(--fx-safe-bottom))!important;padding-left:max(18px,var(--fx-safe-left))!important}
#fx-mllm-app .fx-composer{max-width:100%!important;min-width:0!important}
#fx-mllm-app .fx-composer-bottom,#fx-mllm-app .fx-composer-bottom>div{min-width:0!important}
#fx-mllm-app .fx-prompt-field,#fx-mllm-app .fx-prompt-field textarea{min-width:0!important;max-width:100%!important}
#fx-mllm-app .fx-modal{padding:max(12px,var(--fx-safe-top)) max(12px,var(--fx-safe-right)) max(12px,var(--fx-safe-bottom)) max(12px,var(--fx-safe-left))!important;z-index:var(--fx-layer-modal)!important}
#fx-mllm-app .fx-modal-card{max-width:calc(100vw - max(24px,var(--fx-safe-left) + var(--fx-safe-right)))!important;max-height:calc(var(--fx-app-height) - max(24px,var(--fx-safe-top) + var(--fx-safe-bottom)))!important;min-width:0!important;display:flex!important;flex-direction:column!important}
#fx-mllm-app .fx-modal-body{min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important}
#fx-mllm-app .fx-modal-footer{flex-wrap:wrap!important;padding-bottom:max(13px,var(--fx-safe-bottom))!important}
#fx-mllm-app .fx-context-menu,#fx-mllm-app .fx-model-list,#fx-mllm-app [role="listbox"]{max-width:calc(100vw - 20px)!important;max-height:min(70dvh,32rem)!important;overflow:auto!important}
#fx-mllm-app .fx-artifacts,#fx-mllm-app .fx-suggestions{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))!important}
#fx-mllm-app .fx-source,#fx-mllm-app .fx-legis-item,#fx-mllm-app .fx-artifact-card{min-width:0!important;overflow-wrap:anywhere!important}
#fx-mllm-app .fx-panel-content{scrollbar-gutter:stable!important}

/* Laptop: prioritize the conversation and compact secondary panels. */
@media (min-width:1024px) and (max-width:1279px){
  #fx-mllm-app .fx-layout{grid-template-columns:232px minmax(520px,1fr) 0!important}
  #fx-mllm-app.panel-open .fx-layout{grid-template-columns:232px minmax(520px,1fr) clamp(300px,26vw,340px)!important}
  #fx-mllm-app .fx-topbar{grid-template-columns:minmax(150px,1fr) minmax(220px,310px) minmax(150px,1fr)!important;gap:10px!important;padding-inline:12px!important}
  #fx-mllm-app .fx-chat{padding-inline:clamp(16px,2vw,24px)!important}
}

/* Tablet and mobile: both side panels become independent drawers. */
@media (max-width:1023px){
  #fx-mllm-app .fx-layout,#fx-mllm-app.panel-open .fx-layout{display:block!important;width:100%!important}
  #fx-mllm-app .fx-main{width:100%!important;height:var(--fx-app-height)!important}
  #fx-mllm-app .fx-sidebar,#fx-mllm-app .fx-panel{position:fixed!important;top:0!important;bottom:0!important;height:var(--fx-app-height)!important;z-index:var(--fx-layer-drawer)!important;box-shadow:0 24px 80px rgba(0,0,0,.26)!important;transition:transform .2s ease,visibility .2s ease!important}
  #fx-mllm-app .fx-sidebar{left:0!important;width:min(22rem,88vw)!important;transform:translateX(-105%)!important;visibility:hidden!important}
  #fx-mllm-app.menu-open .fx-sidebar{transform:translateX(0)!important;visibility:visible!important}
  #fx-mllm-app .fx-panel{right:0!important;left:auto!important;width:min(28rem,94vw)!important;transform:translateX(105%)!important;visibility:hidden!important;border-left:1px solid var(--line)!important}
  #fx-mllm-app.panel-open .fx-panel{transform:translateX(0)!important;visibility:visible!important}
  #fx-mllm-app::before,#fx-mllm-app::after{content:none!important}
  #fx-mllm-app .fx-drawer-overlay{position:fixed!important;inset:0!important;z-index:var(--fx-layer-overlay)!important;display:block!important;background:rgba(17,17,19,.42)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:auto!important}
  #fx-mllm-app .fx-drawer-overlay[hidden]{display:none!important}
  #fx-mllm-app .fx-sidebar,#fx-mllm-app .fx-panel{pointer-events:auto!important;filter:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important}
  #fx-mllm-app.menu-open .fx-sidebar,#fx-mllm-app.panel-open .fx-panel{z-index:calc(var(--fx-layer-drawer) + 1)!important;pointer-events:auto!important;opacity:1!important;filter:none!important}
  #fx-mllm-app.menu-open .fx-sidebar *,#fx-mllm-app.panel-open .fx-panel *{pointer-events:auto!important}
  #fx-mllm-app .fx-topbar{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding-inline:max(10px,var(--fx-safe-left)) max(10px,var(--fx-safe-right))!important}
  #fx-mllm-app .fx-model-selector{grid-column:1/-1!important;grid-row:2!important;max-width:none!important;width:100%!important}
  #fx-mllm-app .fx-top-actions{grid-column:2!important;grid-row:1!important}
  #fx-mllm-app .fx-chat{padding:clamp(18px,3vw,28px) clamp(12px,3vw,24px) calc(var(--composer-clearance,180px) + var(--fx-safe-bottom))!important}
  #fx-mllm-app .fx-welcome{min-height:calc(var(--fx-app-height) - 18rem)!important}
}

@media (max-width:767px){
  #fx-mllm-app{font-size:15px!important}
  #fx-mllm-app .fx-topbar{padding-top:max(8px,var(--fx-safe-top))!important}
  #fx-mllm-app .fx-top-actions .fx-online,#fx-mllm-app .fx-title-meta{display:none!important}
  #fx-mllm-app .fx-title-stack{max-width:none!important;width:100%!important}
  #fx-mllm-app .fx-chat{padding-inline:10px!important}
  #fx-mllm-app .fx-chat-inner{width:100%!important}
  #fx-mllm-app .fx-message,#fx-mllm-app .fx-processing{max-width:100%!important;column-gap:8px!important}
  #fx-mllm-app .fx-message:not(.user),#fx-mllm-app .fx-processing{grid-template-columns:34px minmax(0,1fr)!important}
  #fx-mllm-app .fx-message.user{margin-left:clamp(1.5rem,8vw,3.5rem)!important}
  #fx-mllm-app .fx-msg-body{overflow-wrap:anywhere!important}
  #fx-mllm-app .fx-msg-actions{flex-wrap:wrap!important}
  #fx-mllm-app .fx-composer-wrap{padding-inline:max(8px,var(--fx-safe-left)) max(8px,var(--fx-safe-right))!important}
  #fx-mllm-app .fx-composer{border-radius:18px!important;padding:10px!important}
  #fx-mllm-app .fx-composer-bottom{align-items:flex-end!important;gap:8px!important}
  #fx-mllm-app .fx-composer-bottom>div{display:flex!important;flex:1 1 auto!important;gap:4px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  #fx-mllm-app .fx-composer-bottom>div::-webkit-scrollbar{display:none!important}
  #fx-mllm-app .fx-tool{flex:0 0 auto!important;min-width:var(--fx-touch)!important;padding-inline:10px!important}
  #fx-mllm-app .fx-tool span{display:none!important}
  #fx-mllm-app .fx-send{flex:0 0 var(--fx-touch)!important;width:var(--fx-touch)!important;height:var(--fx-touch)!important}
  #fx-mllm-app .fx-modal{align-items:stretch!important;padding:0!important}
  #fx-mllm-app .fx-modal-card,#fx-mllm-app .fx-modal-card.fx-modal-card-wide,#fx-mllm-app .fx-modal-card.fx-modal-card-model,#fx-mllm-app .fx-modal-card.fx-modal-card-compact,#fx-mllm-app .fx-modal-card.fx-modal-card-debug{width:100%!important;max-width:100%!important;height:var(--fx-app-height)!important;max-height:var(--fx-app-height)!important;border-radius:0!important;border-inline:0!important}
  #fx-mllm-app .fx-modal-header{padding-top:max(16px,var(--fx-safe-top))!important}
  #fx-mllm-app .fx-modal-footer{display:grid!important;grid-template-columns:1fr!important}
  #fx-mllm-app .fx-modal-footer>*{width:100%!important;min-width:0!important}
  #fx-mllm-app .fx-settings-grid,#fx-mllm-app .fx-switches,#fx-mllm-app .fx-model-list,#fx-mllm-app .fx-improve-compare{grid-template-columns:1fr!important}
  #fx-mllm-app .fx-panel{width:100vw!important;max-width:100vw!important}
  #fx-mllm-app .fx-panel>header{padding-top:max(12px,var(--fx-safe-top))!important}
}

@media (max-width:479px){
  #fx-mllm-app .fx-sidebar{width:min(20rem,94vw)!important}
  #fx-mllm-app .fx-topbar{grid-template-columns:minmax(0,1fr) auto!important}
  #fx-mllm-app .fx-model-selector{min-height:44px!important;padding:5px 9px!important}
  #fx-mllm-app .fx-welcome h1{font-size:clamp(1.8rem,10vw,2.45rem)!important}
  #fx-mllm-app .fx-welcome p{font-size:.92rem!important}
  #fx-mllm-app .fx-message:not(.user),#fx-mllm-app .fx-processing{grid-template-columns:1fr!important}
  #fx-mllm-app .fx-message:not(.user) .fx-msg-avatar,#fx-mllm-app .fx-processing>.fx-msg-avatar{display:none!important}
  #fx-mllm-app .fx-message.user{margin-left:1rem!important}
  #fx-mllm-app .fx-processing-card{max-width:100%!important}
  #fx-mllm-app .fx-file-chips{grid-template-columns:1fr!important}
}

@media (min-width:1280px){
  #fx-mllm-app{--fx-left-sidebar-width:clamp(240px,17vw,288px);--fx-right-panel-width:clamp(310px,20vw,380px)}
  #fx-mllm-app .fx-layout{grid-template-columns:var(--fx-left-sidebar-width) minmax(560px,1fr) 0!important}
  #fx-mllm-app.panel-open .fx-layout{grid-template-columns:var(--fx-left-sidebar-width) minmax(560px,1fr) var(--fx-right-panel-width)!important}
  #fx-mllm-app .fx-topbar{grid-template-columns:minmax(180px,1fr) minmax(240px,340px) minmax(180px,1fr)!important}
  #fx-mllm-app .fx-composer-bottom>div{flex-wrap:wrap!important}
}

@media (min-width:1600px){
  #fx-mllm-app .fx-layout{grid-template-columns:clamp(250px,16vw,288px) minmax(620px,1fr) 0!important}
  #fx-mllm-app.panel-open .fx-layout{grid-template-columns:clamp(250px,16vw,288px) minmax(620px,1fr) clamp(320px,19vw,380px)!important}
  #fx-mllm-app .fx-chat-inner{width:min(1040px,100%)!important}
}
@media (min-width:2560px){#fx-mllm-app .fx-chat-inner{width:min(1180px,100%)!important}}

@media (orientation:landscape) and (max-height:600px){
  #fx-mllm-app .fx-topbar{padding-block:6px!important}
  #fx-mllm-app .fx-model-selector{min-height:42px!important}
  #fx-mllm-app .fx-welcome-mark{display:none!important}
  #fx-mllm-app .fx-modal-card{max-height:var(--fx-app-height)!important}
}
@media (max-width:1023px), (hover:none) and (pointer:coarse){
  #fx-mllm-app button,#fx-mllm-app [role="button"],#fx-mllm-app input,#fx-mllm-app select{min-height:var(--fx-touch)!important}
  #fx-mllm-app .fx-msg-icon,#fx-mllm-app .fx-icon,#fx-mllm-app .fx-modal-close,#fx-mllm-app .fx-source-delete,#fx-mllm-app .fx-file-chip>button{min-width:var(--fx-touch)!important;min-height:var(--fx-touch)!important}
}
@media (hover:none) and (pointer:coarse){
  #fx-mllm-app .fx-msg-icon::after,#fx-mllm-app .fx-control-tooltip{display:none!important}
  #fx-mllm-app button:hover{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  #fx-mllm-app *,#fx-mllm-app *::before,#fx-mllm-app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (forced-colors:active){
  #fx-mllm-app .fx-sidebar,#fx-mllm-app .fx-panel,#fx-mllm-app .fx-composer,#fx-mllm-app .fx-modal-card{border:1px solid CanvasText!important}
  #fx-mllm-app .fx-icon,#fx-mllm-app .fx-tool,#fx-mllm-app .fx-send{forced-color-adjust:auto!important}
}