@use '../../../styles/Mixins/' as *;

.text-to-image-workarea {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 1rem;
}

.text-to-image-panel {
  display: grid;
  row-gap: 1rem;
  grid-auto-rows: max-content;
  height: $app-content-height;
  overflow-y: scroll;
  @include HideScrollbar;
}

.text-to-image-display {
  display: grid;
  grid-template-areas: 'text-to-image-display';

  .current-image-display,
  .current-image-display-placeholder {
    grid-area: text-to-image-display;
  }

  .image-gallery-area {
    grid-area: text-to-image-display;
    z-index: 2;
    place-self: end;
    margin: 1rem;
  }
}