.brand-with-mark{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.brand-mark{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}
.brand-mark--product{width:34px;height:34px}
.brand-mark--badge{width:28px;height:28px}
.brand-with-mark small{margin-left:6px}
.community-head .brand-mark{width:40px;height:40px}
.product-detail h3,.campaign-pitch>.eyebrow,.board-toolbar>span{display:flex;align-items:center;gap:8px}
.campaign-tabbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.campaign-tabbar .campaign-tabs{margin:0;flex:1;min-width:0;overflow-x:auto}
.campaign-tabbar .campaign-tabs button{white-space:nowrap;flex-shrink:0}
.workflow-playback{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px}
.workflow-playback:hover{color:var(--accent);border-color:var(--accent)}
.workflow-playback svg{width:18px;height:18px;pointer-events:none}
.workflow-playback[hidden]{display:none}
@media(max-width:700px){.brand-mark{width:44px;height:44px}.brand-mark--product{width:30px;height:30px}.brand-mark--badge{width:24px;height:24px}.brand-with-mark{gap:6px}}