/* Official Cody Live mark. Keep the wordmark to its right at every size. */
.cody-live-brand { flex-shrink: 0; white-space: nowrap; }
.cody-live-mark {
  display: block;
  flex: 0 0 auto;
  width: var(--cody-live-mark-size, 36px);
  height: auto;
  aspect-ratio: 99 / 93.07;
  object-fit: contain;
}

@media (max-width: 640px) {
  .studio-brand { --cody-live-mark-size: 30px; }
  .studio-brand > span:last-child { display: flex; }
  .studio-brand small { display: none; }
  .studio-brand strong,
  body.studio-product-ui .studio-brand strong { font-size: 14px; }
  body.studio-product-ui .studio-brand { gap: 7px; }
  body.studio-product-ui .studio-topbar { column-gap: 6px; }
  body.studio-product-ui .profile-menu > summary { min-width: 0; gap: 5px; padding: 4px; }
  body.studio-product-ui .profile-chevron { margin-right: 0; }
}