.DemoBanner-module__-OLMeq__banner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--brand-soft) 60%, var(--surface));flex-wrap:wrap;display:flex}.DemoBanner-module__-OLMeq__banner[data-pending]{opacity:.85}.DemoBanner-module__-OLMeq__lead{align-items:center;gap:var(--space-3);min-width:0;display:flex}.DemoBanner-module__-OLMeq__icon{width:var(--space-5);height:var(--space-5);color:var(--brand-ink);flex:none}.DemoBanner-module__-OLMeq__text{gap:var(--space-px);flex-direction:column;min-width:0;display:flex}.DemoBanner-module__-OLMeq__title{font:var(--fw-semibold) var(--text-sm) / var(--leading-snug) var(--font-sans);color:var(--text)}.DemoBanner-module__-OLMeq__note{font:var(--fw-regular) var(--text-xs) / var(--leading-snug) var(--font-sans);color:var(--text-secondary)}.DemoBanner-module__-OLMeq__controls{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.DemoBanner-module__-OLMeq__switcher{align-items:center;gap:var(--space-2);display:flex}.DemoBanner-module__-OLMeq__switchLabel{font:var(--fw-medium) var(--text-xs) / 1 var(--font-sans);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.DemoBanner-module__-OLMeq__banner{transition:none}}