body .flow-lot.has-ui-thumb {
  grid-template-columns: 92px minmax(0, 1fr);
  column-gap: 11px;
  align-items: start;
}

body .flow-lot.has-ui-thumb > :not(.ui-lot-thumb):not(.flow-actions):not(.flow-edit-slot) {
  grid-column: 2;
}

body .flow-lot.has-ui-thumb > .flow-actions,
body .flow-lot.has-ui-thumb > .flow-edit-slot {
  grid-column: 1 / -1;
}

body .ui-lot-thumb {
  grid-column: 1;
  grid-row: 1 / span 5;
  display: grid;
  width: 92px;
  min-height: 116px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--max-line-strong);
  border-radius: 11px;
  background:
    radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--max-gold) 18%, transparent), transparent 34%),
    linear-gradient(145deg, var(--max-panel-soft), var(--max-bg));
  color: var(--max-gold);
  font-family: var(--max-serif);
  font-size: 22px;
}

body .ui-lot-thumb img {
  width: 100%;
  height: 100%;
  min-height: 116px;
  object-fit: cover;
}

body .ui-submit-preview {
  display: grid;
  grid-template-columns: minmax(116px, 38%) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin: 12px 0 14px;
  padding: 8px;
  border: 1px solid var(--max-line);
  border-radius: 14px;
  background: var(--max-panel);
}

body .ui-submit-preview-media {
  display: grid;
  min-height: 174px;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--max-line-strong);
  border-radius: 11px;
  background: linear-gradient(145deg, var(--max-panel-soft), var(--max-bg));
  color: var(--max-gold);
  font-family: var(--max-serif);
  font-size: 24px;
}

body .ui-submit-preview-media img {
  width: 100%;
  height: 100%;
  min-height: 174px;
  object-fit: cover;
}

body .ui-submit-preview-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body .ui-submit-preview-kicker {
  color: var(--max-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body .ui-submit-preview-copy strong {
  color: var(--max-text-strong);
  font-family: var(--max-serif);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.04;
}

body .ui-submit-preview-copy > span:not(.ui-submit-preview-kicker) {
  color: var(--max-muted);
  font-family: var(--max-serif);
  font-size: 12px;
}

body .ui-submit-preview-copy em {
  justify-self: start;
  padding: 4px 8px;
  border: 1px solid var(--max-line-strong);
  border-radius: 999px;
  color: var(--max-gold);
  font-family: var(--max-serif);
  font-size: 11px;
  font-style: normal;
}

@media (max-width: 380px) {
  body .flow-lot.has-ui-thumb {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  body .ui-lot-thumb {
    width: 78px;
    min-height: 104px;
  }

  body .ui-lot-thumb img {
    min-height: 104px;
  }

  body .ui-submit-preview {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 10px;
  }

  body .ui-submit-preview-media,
  body .ui-submit-preview-media img {
    min-height: 150px;
  }

  body .ui-submit-preview-copy strong {
    font-size: 19px;
  }
}

@media (min-width: 900px) {
  body .flow-lot.has-ui-thumb {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  body .ui-lot-thumb {
    width: 118px;
    min-height: 144px;
  }

  body .ui-lot-thumb img {
    min-height: 144px;
  }

  body .ui-submit-preview {
    grid-template-columns: 210px minmax(0, 1fr);
    padding: 12px;
  }

  body .ui-submit-preview-media,
  body .ui-submit-preview-media img {
    min-height: 300px;
  }

  body .ui-submit-preview-copy strong {
    font-size: 31px;
  }
}