/* Application-center-only integration; media and toolbar handlers remain native. */
@layer chat-pure-mode {
  /* The log already reserves toolbar space; do not add the compact chat's inset. */
  @media (max-width: 720px) {
    html.header-embedded-chat #bean-chat-overlay .bean-chat-agent-main {
      top: 0 !important;
    }
    html.header-embedded-chat #bean-chat-overlay .bean-platform-versions {
      margin-top: 4px !important;
    }
  }
  html.header-embedded-chat #bean-chat-overlay :is(.chat-text-floating,.agent-speech-card p) {
    scrollbar-width: none !important;
  }
  html.header-embedded-chat #bean-chat-overlay :is(.chat-text-floating,.agent-speech-card p)::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  /* Keep SVG lettering at its authored size instead of inheriting page copy sizing. */
  html.header-embedded-chat #bean-chat-overlay .bean-chat-language .language-letters text:first-child {
    font-size: 18px !important;
  }
  html.header-embedded-chat #bean-chat-overlay .bean-chat-language .language-letters text:last-child {
    font-size: 19px !important;
  }
}
@layer app-center-native-tools {
  /* Square cards belong exclusively to pure mode. */
  html.standalone-chat:not([data-chat-pure="true"]) .bean-platform-versions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  html.standalone-chat:not([data-chat-pure="true"]) .bean-platform-version {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 52px !important;
    text-align: left !important;
  }
  html.standalone-chat:not([data-chat-pure="true"]) .bean-platform-version-label {
    flex: 1 1 0 !important;
    width: auto !important;
    --app-font-size: 11px;
    overflow-wrap: normal !important;
  }
  @media (max-width: 720px) {
    html.standalone-chat:not([data-chat-pure="true"]) .bean-platform-versions {
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr)) !important;
    }
  }
  html.header-embedded-chat body {
    padding:0!important;overflow:hidden!important;
  }
  html.header-embedded-chat .download-page {
    --pure-edge:min(100vw,100dvh);
    width:100vw!important;height:100dvh!important;
  }
  html.header-embedded-chat #bean-chat-overlay {
    inset:0!important;width:100vw!important;height:100dvh!important;
    transform:none!important;aspect-ratio:auto!important;background-size:100% 100%,cover!important;
  }
  html.header-embedded-chat #bean-chat-overlay.is-expanded {
    border-radius:0!important;
  }
  /* This application center explicitly keeps its reference cues animated. */
  html.standalone-chat .app-hand-glyph {
    animation:reference-hand-tap 1.55s cubic-bezier(.22,1,.36,1) infinite!important;
  }
  html.standalone-chat .app-hand-ripple {
    animation:reference-hand-ripple 1.55s ease-out infinite!important;
  }
  html.standalone-chat #bean-chat-overlay.is-expanded {
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
    transform:none!important;aspect-ratio:auto!important;
  }
  .bean-platform-version[data-platform-version="simulator"] .bean-platform-version-icon {
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
}