.chip,.int-chip{--chip-py:4px;--chip-px:10px;--chip-fs:var(--text-xs);--chip-r:var(--radius-full);display:inline-flex;align-items:center;gap:4px;padding:var(--chip-py) var(--chip-px);font-family:inherit;font-size:var(--chip-fs);font-weight:var(--weight-medium);line-height:1.35;white-space:nowrap;border:1px solid transparent;border-radius:var(--chip-r);background:var(--color-stroke-light);color:var(--color-ink)}.chip.toggle,.int-chip{cursor:pointer;padding:var(--chip-py) var(--chip-px);border:1px solid var(--color-stroke);border-radius:var(--chip-r);background:var(--color-panel);color:var(--color-muted);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.chip.toggle:hover:not(:disabled),.int-chip:hover:not(:disabled){border-color:var(--color-muted);color:var(--color-ink)}.chip.toggle.active,.chip.toggle.on,.chip.toggle[aria-pressed=true],.int-chip.active,.int-chip.on,.int-chip[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--color-accent-text) 45%,transparent);color:var(--color-accent-text);font-weight:var(--weight-semibold)}.int-chip.active,.int-chip.on,.int-chip[aria-pressed=true]{background:transparent;border-color:var(--color-accent);color:var(--color-accent-text)}.int-chip.active:hover:not(:disabled),.int-chip.on:hover:not(:disabled),.int-chip[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-color:var(--color-accent-hover);color:var(--color-accent-text)}.chip.toggle.active:hover:not(:disabled),.chip.toggle[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 22%,transparent);color:var(--color-accent-text)}.chip.toggle:focus-visible,.int-chip:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 35%,transparent)}.chip.toggle:disabled,.int-chip:disabled{opacity:.5;cursor:not-allowed}.chip-lg{--chip-py:7px;--chip-px:14px;--chip-fs:var(--text-sm)}.chip-xs{--chip-py:1px;--chip-px:6px}.chip-square{--chip-r:var(--radius-sm)}.chip.toggle.info.active,.chip.toggle.info[aria-pressed=true]{background:var(--color-info-light);border-color:var(--color-info);color:var(--color-info-dark)}.chip.toggle.danger.active,.chip.toggle.danger[aria-pressed=true]{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error-dark)}.chip.toggle.tri[aria-pressed=mixed],.chip.toggle.tri[aria-pressed=true]{background:var(--color-panel)}.chip.toggle.tri[aria-pressed=true]{border-color:var(--color-success-text);color:var(--color-success-text)}.chip.toggle.tri[aria-pressed=true]>svg{color:var(--color-success-text)}.chip.toggle.tri[aria-pressed=mixed]{border-color:var(--color-warning);color:var(--color-warning-text)}.chip.toggle.tri[aria-pressed=mixed]>svg{color:var(--color-warning)}.chip.toggle.tri[aria-pressed=true]:hover:not(:disabled){background:var(--color-panel-alt);border-color:var(--color-success-text);color:var(--color-success-text)}.chip.toggle.tri[aria-pressed=mixed]:hover:not(:disabled){background:var(--color-panel-alt);border-color:var(--color-warning);color:var(--color-warning-text)}.switch{--switch-w:44px;--switch-h:24px;--switch-knob:18px;--switch-pad:3px;--switch-on:var(--color-success);position:relative;flex-shrink:0;width:var(--switch-w);height:var(--switch-h);padding:0;border:none;background:var(--color-stroke);cursor:pointer;transition:background .25s cubic-bezier(.22,1,.36,1),box-shadow var(--transition-base);box-shadow:inset 0 0 0 1px var(--color-stroke)}.switch,.switch:after{border-radius:var(--radius-full)}.switch:after{content:"";position:absolute;top:var(--switch-pad);left:var(--switch-pad);width:var(--switch-knob);height:var(--switch-knob);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.04);transition:transform .28s cubic-bezier(.22,1,.36,1)}.switch[aria-checked=true]{background:var(--switch-on);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--switch-on) 45%,transparent)}.switch[aria-checked=true]:after{transform:translateX(calc(var(--switch-w) - var(--switch-knob) - var(--switch-pad) * 2))}.switch:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--color-stroke),0 0 0 3px color-mix(in srgb,var(--color-accent) 35%,transparent)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch.accent{--switch-on:var(--color-accent)}.switch-sm{--switch-w:36px;--switch-h:20px;--switch-knob:16px;--switch-pad:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.segmented{display:inline-flex;border:1px solid var(--color-stroke);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-panel)}.segmented>button{padding:6px 12px;border:none;background:transparent;color:var(--color-muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:1.35;white-space:nowrap;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.segmented>button+button{border-left:1px solid var(--color-stroke)}.segmented>button:hover:not(:disabled):not([aria-pressed=true]){background:var(--color-stroke-light);color:var(--color-ink)}.segmented>button[aria-pressed=true]{background:var(--color-accent);color:var(--color-ink);font-weight:var(--weight-semibold)}.segmented>button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 55%,transparent)}.segmented>button:disabled{opacity:.5;cursor:not-allowed}.segmented-vertical{flex-direction:column}.segmented-vertical>button+button{border-left:none;border-top:1px solid var(--color-stroke)}