.composer-purpose-row { position: relative; z-index: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 7px 14px; margin: 0 0 10px; }
.composer-purpose-switch { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #e5d8bd; border-radius: 999px; background: #f5efdf; }
html.white-controls body.master-edition .composer-purpose-switch button { min-height: 32px; padding: 5px 13px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #8a775a; box-shadow: none; font-size: 12px; line-height: 1.5; cursor: pointer; }
html.white-controls body.master-edition .composer-purpose-switch button[aria-pressed="true"] { background: #fffdf6; color: #674c24; border-color: #e4d4b5; box-shadow: 0 2px 5px #71572c10; }
.composer-purpose-switch button:focus-visible { outline: 2px solid #ad8542; outline-offset: 2px; }
.composer-purpose-switch button:disabled { opacity: .5; cursor: default; }
.composer-purpose-note { margin: 0; color: #8a775a; font-size: 11px; line-height: 1.6; }
html.white-controls body.master-edition .composer.is-submitting { border-color: #bca16d; }
@media (max-width: 600px) {
  .composer-purpose-row { gap: 6px; }
  .composer-purpose-note { flex-basis: 100%; }
  html.white-controls body.master-edition .composer-purpose-switch button { min-height: 36px; }
}