.option-group{display:grid;gap:.6rem}.option-group__label{font-size:.8rem;color:var(--muted-foreground)}.option-group__label strong{color:#fff;font-weight:600}
.swatch-list{display:flex;flex-wrap:wrap;gap:.6rem}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);padding:0;position:relative;transition:.2s;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}.swatch:hover{transform:translateY(-2px)}.swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,108,255,.35)}
.pill-list{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:#fff;font-size:.8rem;transition:.2s}.pill:hover{border-color:var(--accent)}.pill.is-active{background:var(--accent);border-color:var(--accent)}