.seg--pill{background:var(--surface-sunken);border-radius:var(--radius-full);gap:.15rem;padding:.2rem;display:inline-flex}.seg--pill .seg__opt{min-height:var(--hit-min);border-radius:var(--radius-full);color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;flex:auto;padding:0 1rem;font-weight:600}.seg--pill .seg__opt.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg--chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.seg--chips .seg__opt{min-height:var(--hit-min);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart);padding:0 .95rem;font-weight:500}.seg--chips .seg__opt.is-active{background:var(--brand);color:var(--on-brand);border-color:var(--brand);font-weight:600}.seg--chips .seg__opt:disabled{cursor:not-allowed;color:var(--ink-muted);box-shadow:none;opacity:.6;background:0 0;border-style:dashed}@media (hover:hover){.seg--pill .seg__opt:hover:not(.is-active){color:var(--ink)}.seg--chips .seg__opt:hover:not(.is-active):not(:disabled){border-color:var(--border-strong)}}