.branding-settings{margin:12px 0;border:1px solid var(--ts-ui-line,#cad3df);border-radius:12px;padding:12px;background:var(--ts-ui-surface,#fff);color:var(--ts-ui-ink,#172539)}
.branding-settings summary{cursor:pointer;font-weight:700;min-height:32px}
.branding-body{display:grid;gap:10px;max-width:680px;padding-top:10px}
.branding-body label{display:grid;gap:5px;font-size:.9rem}
.branding-body input,.branding-body select,.branding-body button{max-width:100%;min-height:44px}
.branding-body output{font-size:.8rem;opacity:.8}
.branding-body p{margin:0}.branding-hint{font-size:.8rem;opacity:.8}
.branding-previews{display:flex;flex-wrap:wrap;align-items:end;gap:16px}
.branding-previews>div{display:grid;gap:5px;font-size:.8rem}.branding-previews img{object-fit:contain;border-radius:6px}
.branding-preview-sidebar{display:flex;align-items:center;gap:8px;min-height:64px;padding:8px;background:var(--surface,#263735);color:var(--text,#fff);border:1px solid var(--ts-ui-line,#cad3df);border-radius:10px}
.branding-preview-sidebar[data-style="mark"] [data-brand-name]{display:none}
.branding-preview-sidebar [data-brand-grimble] svg{width:42px;height:46px;object-fit:contain}
.sidebar .brand[data-brand-configured="true"] .brand-mark-img{width:var(--brand-size);height:var(--brand-size);object-fit:contain;transform:translate(var(--brand-x),var(--brand-y));filter:drop-shadow(0 0 calc(8px * var(--brand-glow-effective, 0)) color-mix(in srgb,var(--accent,#a99bdd) 65%,transparent))}
.sidebar .brand[data-brand-style="mark"]>div{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html[data-brand-motion="on"] .sidebar .brand[data-brand-configured="true"] .brand-mark-img{animation:brand-breathe 6s ease-in-out infinite}
@keyframes brand-breathe{0%,100%{opacity:1}50%{opacity:calc(1 - .13 * var(--brand-animation-effective,0))}}
@media(prefers-reduced-motion:reduce){.sidebar .brand .brand-mark-img{animation:none!important}}