.branding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.branding-asset{min-width:0}.branding-swatch{height:140px;background:#f7f9fc;border:1px solid #e6eaf0;border-radius:10px;padding:16px;display:grid;place-items:center}.branding-swatch.dark{background:#0b1f33}.branding-swatch img{width:100%;height:100%;object-fit:contain}.branding-editor{margin:24px 0;display:grid;gap:16px}.branding-editor label{max-width:560px}.branding-editor button{justify-self:start}.branding-preview img{display:block;width:auto;max-width:100%;max-height:200px;object-fit:contain;background:linear-gradient(90deg,#fff 50%,#0b1f33 50%);border:1px solid #e6eaf0;border-radius:10px;padding:16px}.branding-preview[hidden]{display:none}@media(max-width:900px){.branding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.branding-grid{grid-template-columns:1fr}}
.branding-swatch{display:flex;justify-content:center;align-items:center;overflow:hidden}.branding-swatch img{display:block;width:100%;height:106px;max-height:106px;object-fit:contain;min-width:0}.branding-editor .error:empty,.branding-editor [role=status]:empty{display:none}