.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)){
  grid-template-columns:minmax(520px,600px) minmax(0,1fr)!important;
  gap:26px!important;
  padding:20px!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-preview{
  position:relative!important;
  top:auto!important;
  width:min(100%,600px)!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  align-self:start!important;
  opacity:1!important;
  border-radius:14px!important;
  background:#020304!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) [data-rte-source-preview]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-card-copy{
  grid-column:2!important;
  grid-row:1!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-card-top{padding-bottom:10px!important}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-card-top h2{font-size:22px!important}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-meta{
  grid-template-columns:repeat(4,minmax(80px,1fr))!important;
  margin:10px 0 9px!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-meta span{min-height:48px!important;padding:8px 10px!important}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-actions{padding-top:10px!important;margin-top:9px!important}

/* Before a baseline exists the source player itself is the useful scrub surface.
   Do not duplicate it with the synthetic green/yellow range bar. The visual
   thumbnail timeline appears automatically once a vertical render exists. */
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-trim-track-simple,
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-trim-scale{
  display:none!important;
}
.rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-trim-values{
  margin-top:10px!important;
}

.rte-dismiss-button{
  margin-left:auto!important;
  color:#ff9b9b!important;
  border-color:rgba(255,96,96,.28)!important;
  background:rgba(255,72,72,.035)!important;
}
.rte-dismiss-button:hover{
  color:#ffd0d0!important;
  border-color:rgba(255,96,96,.5)!important;
  background:rgba(255,72,72,.08)!important;
}
.rte-card-removing{
  opacity:.18!important;
  transform:scale(.992);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}

@media(max-width:1400px){
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)){
    grid-template-columns:minmax(460px,520px) minmax(0,1fr)!important;
    gap:22px!important;
  }
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-preview{width:min(100%,520px)!important}
}
@media(max-width:1180px){
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)){
    grid-template-columns:minmax(400px,460px) minmax(0,1fr)!important;
  }
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-preview{width:min(100%,460px)!important}
}
@media(max-width:980px){
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)){grid-template-columns:1fr!important}
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-preview{
    grid-column:1!important;
    grid-row:1!important;
    width:min(100%,720px)!important;
    justify-self:center!important;
  }
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-card-copy{
    grid-column:1!important;
    grid-row:2!important;
  }
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)){padding:14px!important}
  .rte-card.rte-source-preview-mode:not(:has(.rte-preview > video)) .rte-preview{width:100%!important}
  .rte-dismiss-button{margin-left:0!important}
}
