/* The type menu is teleported from the composer to the page body. */
body:has(.jc-studio:is(.studio-image, .studio-video)) > .creation-kind-popover {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  row-gap: 12px;
}

.jc-studio:is(.studio-image, .studio-video) > .creator-nav-shell {
  & > .creator-navigation {
    row-gap: 12px;
    padding-block-end: 21px;
  }
  & > .creator-history-section {
    padding-block-start: 23px;
  }
  & .ch-sidebar {
    row-gap: 8px;
  }
  & .ch-sidebar > .ch-nav-button[data-key="history"] {
    margin-block-start: 4px;
  }
}

/* When the fixed sections would consume the rail, scroll its contents together. */
@media (max-height: 440px) {
  .jc-studio:is(.studio-image, .studio-video) > .creator-nav-shell {
    overflow-y: auto;
    & > .creator-history-section.ch-enabled {
      flex: none;
    }
  }
}