/* Brand-detail inputs follow the motion studio's paired, dark workspace. */
#commerceView .commerce-workspace { padding: 18px; }
#commerceView .section-kicker { min-height: 38px; display: flex; align-items: center; gap: 10px; margin: 0 2px 12px; }
#commerceView .section-kicker > div { min-width: 0; }
#commerceView .section-kicker .eyebrow { margin-bottom: 3px; color: #a8a8ae; font-size: 9px; }
#commerceView .section-kicker h2 { color: #f7f7f8; }
#commerceView .section-kicker .step-number { color: #d2aa67; }
#commerceView .commerce-upload-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  min-height: 440px;
  gap: 10px;
}
#commerceView #commerceProductDropzone { grid-row: 1 / -1; min-height: 0; }
#commerceView .commerce-upload-grid .commerce-dropzone { min-height: 0; }
#commerceView .commerce-upload-grid .dropzone-empty { text-align: center; }
#commerceView .commerce-upload-grid .dropzone-empty strong { font-size: 14px; }
#commerceView .commerce-upload-grid .media-preview img { object-fit: contain; background: #111216; }

@media (max-width: 900px) {
  #commerceView .commerce-upload-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 420px; }
}

@media (max-width: 680px) {
  #commerceView .commerce-workspace { padding: 12px; }
  #commerceView .commerce-upload-grid { min-height: 0; gap: 8px; }
  #commerceView #commerceProductDropzone { grid-column: 1 / -1; grid-row: auto; min-height: 230px; }
  #commerceView .commerce-upload-grid .commerce-dropzone { min-height: 132px; }
  #commerceView .commerce-upload-grid .dropzone-empty strong { font-size: 12px; }
  #commerceView .commerce-upload-grid .dropzone-empty > span:last-child { font-size: 9px; }
}