/* uc-spinner. A loading indicator. Consumes only --uc-* (theme + brand aware). Pure CSS, no JS:
   a border ring with the accent arc, spinning. Honors prefers-reduced-motion (slows). Size scales
   with font-size; .uc-spinner--sm/--lg override. Markup: <span class="uc-spinner" role="status"
   aria-label="Loading"></span> (role/label only if it conveys status; aria-hidden if decorative). */
.uc-spinner{display:inline-block;width:1em;height:1em;font-size:18px;vertical-align:-.125em;border:2px solid var(--uc-border);border-top-color:var(--uc-accent);border-radius:50%;animation:uc-spin .7s linear infinite}
.uc-spinner--sm{font-size:14px}
.uc-spinner--lg{font-size:28px}
@keyframes uc-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.uc-spinner{animation-duration:1.6s}}