.tl-pending-media {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 8px;
}
.tl-pending-media-item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 6px;
  background: var(--nen-phu, #f2eeeb);
}
.tl-pending-media-item:only-child {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9;
  max-height: 240px;
}
.tl-pending-media-item > :is(img, video) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tl-pending-media-item:only-child > :is(img, video) { object-fit: contain; }
.tl-pending-media-more {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgb(0 0 0 / 52%);
  color: white;
  font-size: 1.3rem;
  font-weight: 600;
}