.logo-preview { margin: 20px 0; padding: 16px; border: 1px solid #cbd8ce; border-radius: 12px; background: #f6f8f5; }
.logo-preview[hidden] { display: none; }
.logo-preview-tabs { display: flex; gap: 10px; }
.logo-preview-tabs button { flex: 1; min-height: 48px; padding: 12px; border: 1px solid #183e34; border-radius: 6px; background: white; color: #183e34; font: inherit; cursor: pointer; }
.logo-preview-tabs button[aria-pressed="true"] { background: #183e34; color: white; }
.logo-preview-tabs button:focus-visible { outline: 3px solid #b94832; outline-offset: 3px; }
.logo-preview-stage { max-width: 420px; margin: 12px auto; }
.logo-preview-stage svg { display: block; width: 100%; height: auto; }
.logo-preview-message { font-weight: bold; }
.logo-preview-note { font-size: 14px; line-height: 1.5; }