.publish-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:14px; margin:14px 0 24px; }
.publish-card { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; overflow:hidden; }
.publish-card h3 { margin:0; overflow-wrap:anywhere; }
.publish-description { color:var(--text-muted); line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.publish-media { display:block; width:100%; max-height:380px; object-fit:contain; border-radius:10px; background:#080d17; }
.publish-preview { width:100%; min-height:270px; border:1px solid var(--border-color); border-radius:10px; background:#fff; }
.publish-subheading { margin:22px 0 6px; font-size:1.05rem; }
.publish-status { min-height:1.3em; color:var(--success); font-size:.88rem; }
.publish-status.error { color:#f87171; }
.publish-review { margin-top:22px; }
.publish-actions { display:flex; gap:8px; flex-wrap:wrap; }
.publish-review[hidden] { display:none; }
@media(max-width:640px) {
  .publish-grid { grid-template-columns:minmax(0,1fr); }
  .publish-card { padding:14px; }
  .publish-preview { min-height:220px; }
}