.uc-label { display: block; font-weight: 600; font-size: .925rem; margin-bottom: 8px; color: var(--ink-2); }
.uc-groups { display: flex; flex-wrap: wrap; gap: 6px; }
.uc-groups button { font: inherit; font-size: .875rem; font-weight: 600; padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line); background: #fff; color: var(--ink-2); cursor: pointer; }
.uc-groups button:hover { border-color: var(--brand); color: var(--brand); }
.uc-groups button[aria-selected="true"] { background: var(--brand); border-color: var(--brand); color: #fff; }
.uc-row { display: grid; grid-template-columns: 1fr; gap: 0 12px; align-items: end; }
.uc-swap { justify-self: center; margin-bottom: 14px; width: 46px; padding: 0; }
.uc-swap .icon { transform: rotate(90deg); }
@media (min-width: 760px) {
  .uc-row { grid-template-columns: 1fr 1.3fr auto 1.3fr; }
  .uc-swap .icon { transform: none; }
}
.uc-value { font-size: 1.15rem; font-weight: 600; }
.uc-all { margin-top: 14px; }
.uc-all summary { cursor: pointer; font-weight: 600; color: var(--brand); padding: 6px 0; }