/* oMATIC Minds v0.6.8.45 Image Studio collapsed-sidebar composer alignment.
   Loaded last. When the workspace sidebar is collapsed to the icon rail,
   align the composer to the same content lane as the generated Image Studio cards. */

@media (min-width: 641px) {
  body.om-image-studio-route.om-chat-sidebar-collapsed {
    --om-image-collapsed-rail-width: 54px !important;
    --om-image-collapsed-lane-max: 860px !important;
    --om-image-collapsed-lane-pad: 40px !important;
  }

  body.om-image-studio-route.om-chat-sidebar-collapsed .om-image-studio-composer-shell,
  body.om-image-studio-route.om-chat-sidebar-collapsed.om-image-composer-collapsed .om-image-studio-composer-shell,
  body.om-image-studio-route.om-chat-sidebar-collapsed .om-image-studio-composer-shell.is-collapsed {
    position: fixed !important;
    left: calc(
      var(--om-image-collapsed-rail-width, 54px)
      + (
        min(
          var(--om-image-collapsed-lane-max, 860px),
          calc(100vw - var(--om-image-collapsed-rail-width, 54px) - var(--om-image-collapsed-lane-pad, 40px))
        ) / 2
      )
      + 20px
    ) !important;
    right: auto !important;
    bottom: 22px !important;
    transform: translateX(-50%) !important;
    width: min(
      900px,
      calc(100vw - var(--om-image-collapsed-rail-width, 54px) - var(--om-image-collapsed-lane-pad, 40px))
    ) !important;
    max-width: min(
      900px,
      calc(100vw - var(--om-image-collapsed-rail-width, 54px) - var(--om-image-collapsed-lane-pad, 40px))
    ) !important;
    min-width: 0 !important;
  }

  body.om-image-studio-route.om-chat-sidebar-collapsed .om-image-studio-messages > .om-image-generation-grid,
  body.om-image-studio-route.om-chat-sidebar-collapsed.om-chat-shell-route .om-chat-messages > .om-image-generation-grid {
    width: min(
      var(--om-image-collapsed-lane-max, 860px),
      calc(100vw - var(--om-image-collapsed-rail-width, 54px) - var(--om-image-collapsed-lane-pad, 40px))
    ) !important;
    max-width: min(
      var(--om-image-collapsed-lane-max, 860px),
      calc(100vw - var(--om-image-collapsed-rail-width, 54px) - var(--om-image-collapsed-lane-pad, 40px))
    ) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Full/open sidebar keeps the previous centered-in-workspace composer behavior. */
@media (min-width: 641px) {
  body.om-image-studio-route:not(.om-chat-sidebar-collapsed) .om-image-studio-composer-shell {
    left: calc(312px + ((100vw - 312px) / 2)) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(900px, calc(100vw - 312px - 44px)) !important;
    max-width: min(900px, calc(100vw - 312px - 44px)) !important;
  }
}