.site-logo-preview {
  min-height: 120px;
  display: grid;
  place-items: center;
  padding: 1rem;
  border: 1px dashed #aebfc6;
  border-radius: 14px;
  background: #f5f9f9;
}
.site-logo-preview img {
  display: block;
  width: auto;
  max-width: min(420px, 100%);
  height: auto;
  max-height: 110px;
  object-fit: contain;
}
.site-logo-preview.empty { color: var(--muted); }
.site-logo-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.site-logo-actions button { flex: 1 1 220px; }
.site-logo-actions .secondary-button { background: #fff; color: var(--ink); border: 1px solid #bdcdd2; }
.site-logo-actions button:disabled { cursor: not-allowed; opacity: .55; }