.site-identity { display:inline-flex; align-items:center; gap:10px; max-width:100%; min-width:0; vertical-align:middle; }
.site-identity__image { display:block; object-fit:contain; flex-shrink:0; }
.site-identity--square .site-identity__image { width:36px; height:36px; }
.site-identity--wide .site-identity__image { width:auto; height:40px; max-width:min(180px,48vw); }
.site-identity__fallback { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:10px; background:#1677d2; color:#fff; font-size:16px; }
.branding-form { max-width:850px; }
.branding-upload { padding:22px; border:2px dashed #95b3cb; border-radius:12px; background:#f6faff; }
.branding-upload.is-dragover { border-color:#115b9d; background:#e4f1fc; }
.branding-upload input { max-width:100%; }
.branding-preview { display:flex; align-items:center; gap:10px; min-height:100px; padding:20px; background:#fff; border:1px solid #ccddea; border-radius:10px; overflow-wrap:anywhere; }
.branding-preview img { object-fit:contain; max-width:100%; max-height:96px; }
.branding-preview--dark { background:#173b5f; color:#fff; }
.branding-preview [data-logo-preview] { max-width:180px; height:40px; }
@media(max-width:575.98px) { .branding-upload { padding:14px; } }