/* Same quiet, document-like welcome workspace; media is reviewed, not fetched. */
.welcome-media { padding: 24px; margin-bottom: 20px; scroll-margin-top: 16px; }
.welcome-media fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.welcome-media-step { border-top: 1px solid var(--line); padding: 22px 0; }
.welcome-media-step h4 { margin: 0 0 8px; font-size: 1rem; }
.welcome-media-step form, .welcome-media-bound { margin-top: 16px; }
.welcome-media-preview { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; margin-top: 16px; }
.welcome-media-preview figure { margin: 0; min-width: 0; }
.welcome-media-preview img { width: 100%; max-height: 360px; object-fit: contain; background: var(--canvas); border: 1px solid var(--line); border-radius: 8px; }
.welcome-media-preview figcaption { font-size: .8125rem; color: var(--muted); margin-top: 8px; overflow-wrap: anywhere; }
.welcome-media-review { margin: 18px 0; }
.welcome-media-manifest { padding-left: 22px; }
.welcome-media-manifest li { margin: 12px 0; }
.welcome-media-manifest span { display: block; margin-top: 4px; }
#welcome-media-status { margin-top: 12px; overflow-wrap: anywhere; }
@media (max-width: 540px) {
  .welcome-media { padding: 16px; }
  .welcome-media .form-actions { align-items: stretch; flex-direction: column; }
  .welcome-media button { white-space: normal; }
}