/* Same five-bar geometry and accent as BrandMark in the UXP and CEP panels. */
.soundx-brand-mark {
  display: inline-block;
  inline-size: var(--soundx-mark-size, 32px);
  block-size: var(--soundx-mark-size, 32px);
  flex: 0 0 auto;
  background: url("./soundx-mark.svg") center / contain no-repeat;
  vertical-align: middle;
}
.soundx-brand-mark.is-small { --soundx-mark-size: 18px; }
.soundx-brand-mark.is-large { --soundx-mark-size: 48px; }
.soundx-brand-mark.is-footer { --soundx-mark-size: 26px; }
.status-footer-brand { display: inline-flex; align-items: center; gap: 10px; }