/* oMATIC Minds v0.6.8.48 Image Studio mobile generation grid height cap.
   Loaded last. Reduces the mobile generation grid height that was growing to roughly
   1100px+ and adds the requested side padding to generated cards. */

@media (max-width: 640px) {
  body.om-image-studio-route .om-image-generation-grid,
  body.om-image-studio-route .om-image-studio-messages > .om-image-generation-grid,
  body.om-image-studio-route.om-chat-shell-route .om-chat-messages > .om-image-generation-grid,
  body.om-image-phone-composer-closed.om-image-studio-route .om-image-studio-messages > .om-image-generation-grid,
  body.om-image-phone-composer-closed.om-image-studio-route.om-chat-shell-route .om-chat-messages > .om-image-generation-grid {
    min-height: 0 !important;
    height: 550px !important;
    max-height: 550px !important;
    overflow: visible !important;
    padding-top: 10px !important;
    padding-bottom: 96px !important;
    box-sizing: border-box !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
  }

  body.om-image-studio-route .om-image-generation-card,
  body.om-image-studio-route .om-image-generation-card.chatgpt-style,
  body.om-image-phone-composer-closed.om-image-studio-route .om-image-generation-card,
  body.om-image-phone-composer-closed.om-image-studio-route .om-image-generation-card.chatgpt-style {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 150px 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    transform: none !important;
    justify-self: auto !important;
    align-self: center !important;
    box-sizing: border-box !important;
  }

  /* Closed composer needs less grid tail because only the small Show typing tool tab remains. */
  body.om-image-phone-composer-closed.om-image-studio-route .om-image-generation-grid,
  body.om-image-phone-composer-closed.om-image-studio-route .om-image-studio-messages > .om-image-generation-grid,
  body.om-image-phone-composer-closed.om-image-studio-route.om-chat-shell-route .om-chat-messages > .om-image-generation-grid {
    height: 550px !important;
    max-height: 550px !important;
    padding-bottom: 80px !important;
  }
}