:where(.button,.chip,.chip__remove,.preset-chips,.status-chip,.kbd,.segmented,.segmented__option,.slider,.slider__thumb,.toggle,.toggle__thumb,.checkbox,.checkbox__box,.radio-card,.radio-card__dot,.text-input,.text-input__control,.search-input,.composer,.composer__input,.composer__send,.color-picker__swatch,.color-field__hex,.color-field__chip,.font-picker,.font-picker__row,.select__trigger,.select__menu,.select__option,.tooltip,.icon-button__badge){box-sizing:border-box}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{display:block;flex:0 0 auto}.button.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-6);height:var(--size-control);padding:0 var(--sp-12);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink);font:var(--fw-medium) var(--fs-13) /1 var(--font-ui);white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.button.button:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.button__icon{display:inline-flex;margin-inline:-2px}.button.button--block{display:flex;width:100%}.button.button--h28{height:var(--size-control-sm);padding:0 var(--sp-10);border-radius:var(--r-control);font-size:var(--fs-12)}.button.button--h30{height:var(--size-control-md);padding:0 var(--sp-12)}.button.button--h32{height:var(--size-control);padding:0 var(--sp-12)}.button.button--h34{height:var(--size-control-lg);padding:0 var(--sp-16);border-radius:var(--r-group);font-size:var(--fs-14)}.button.button--h36{height:var(--size-control-xl);padding:0 var(--sp-14);border-radius:var(--r-group)}.button.button--h38{height:38px;padding:0 18px;border-radius:var(--r-group);font-size:var(--fs-14)}.button.button--h40{height:var(--size-input);padding:0 18px;border-radius:var(--r-md);font-size:var(--fs-14)}.button.button--primary{background:var(--brand);color:var(--on-brand,#fff);border-color:transparent}.button.button--primary.button--h34,.button.button--primary.button--h36,.button.button--primary.button--h38{font-weight:var(--fw-semibold)}.button.button--primary.button--h36{padding:0 18px}.button.button--primary:is(:hover,[data-force~=hover] *):not(:disabled,[aria-disabled=true]){background:var(--brand-hover)}.button.button--primary:is(:active,[data-force~=active] *):not(:disabled,[aria-disabled=true]){background:var(--brand-press)}.button.button--secondary{background:var(--surface);border-color:var(--line-2);color:var(--ink)}.button.button--secondary:is(:hover,[data-force~=hover] *):not(:disabled,[aria-disabled=true]){border-color:var(--brand);color:var(--brand-text)}.button.button--secondary:is(:active,[data-force~=active] *):not(:disabled,[aria-disabled=true]){background:var(--brand-soft)}.button.button--secondary[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.button.button--ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.button.button--ghost.button--h28,.button.button--ghost.button--h30,.button.button--ghost.button--h32{padding:0 var(--sp-10)}.button.button--ghost.button--h34,.button.button--ghost.button--h36,.button.button--ghost.button--h38,.button.button--ghost.button--h40{padding:0 var(--sp-14)}.button.button--ghost:is(:hover,[data-force~=hover] *):not(:disabled,[aria-disabled=true]){background:var(--surface-3);color:var(--ink)}.button.button--ghost:is(:active,[data-force~=active] *):not(:disabled,[aria-disabled=true]){background:var(--line)}.button.button--ghost[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-text)}.button.button--danger{background:var(--surface);border-color:var(--line-2);color:var(--error)}.button.button--danger:is(:hover,[data-force~=hover] *):not(:disabled,[aria-disabled=true]){border-color:var(--error);background:var(--error-soft)}.button.button--danger:is(:active,[data-force~=active] *):not(:disabled,[aria-disabled=true]){background:var(--error-soft);border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}.button.button:disabled,.button.button[aria-disabled=true]{cursor:not-allowed;background:var(--surface-3);border-color:transparent;color:var(--ink-3)}.button.button--ghost:disabled,.button.button--ghost[aria-disabled=true]{background:transparent;opacity:var(--opacity-disabled)}.button.button--icon{padding:0;aspect-ratio:1}.button.button--icon.button--h28{width:var(--size-control-sm)}.button.button--icon.button--h30{width:var(--size-control-md)}.button.button--icon.button--h32{width:var(--size-control)}.button.button--icon.button--h34{width:var(--size-control-lg)}.button.button--icon.button--h36{width:var(--size-control-xl);border-radius:var(--r-md)}.button.button--icon.button--h38{width:38px}.button.button--icon.button--h40{width:var(--size-input)}.icon-button{position:relative}.icon-button__badge{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:var(--r-round);background:var(--brand);box-shadow:var(--ring-gap)}.kbd.kbd{display:inline-block;flex:0 0 auto;margin:0;font:var(--fw-medium) var(--fs-11) /16px var(--font-mono);color:var(--ink-3);background:none;border:0;border-radius:0;padding:0;white-space:nowrap}.kbd.kbd--boxed{padding:0 5px;border:1px solid var(--line-2);border-radius:var(--r-xs)}.kbd.kbd--inverse{color:inherit;opacity:var(--opacity-muted)}.chip.chip{display:inline-flex;align-items:center;gap:var(--sp-6);height:var(--size-control-sm);padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:var(--fw-medium) var(--fs-12) /1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.chip.chip:is(:focus-visible,[data-force~=focus] *),.chip__remove.chip__remove:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.chip.chip--h30{height:var(--size-control-md);padding:0 var(--sp-12);font-size:var(--fs-13)}.chip.chip--h32{height:var(--size-control);padding:0 var(--sp-14);font-size:var(--fs-13)}.chip.chip--preset{height:var(--size-control-md);padding:0 var(--sp-12);font-size:var(--fs-13)}.chip.chip--preset:is(:hover,[data-force~=hover] *):not(:disabled,.chip--selected),.chip.chip--suggestion:is(:hover,[data-force~=hover] *):not(:disabled){border-color:var(--brand);color:var(--brand-text);background:var(--brand-soft)}.chip.chip--preset:is(:active,[data-force~=active] *):not(:disabled),.chip.chip--suggestion:is(:active,[data-force~=active] *):not(:disabled){background:var(--brand-soft-2)}.chip.chip--selected{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}.chip.chip--disabled,.chip.chip:disabled{cursor:not-allowed;background:var(--surface-2);border-color:var(--line);color:var(--ink-3)}.chip__icon{display:inline-flex;margin-left:-2px}.chip.chip--removable{gap:var(--sp-4);height:var(--size-control-sm);padding:0 var(--sp-3) 0 11px;cursor:default}.chip__remove.chip__remove{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-3);cursor:pointer}.chip__remove.chip__remove:is(:hover,[data-force~=hover] *):not(:disabled){background:var(--surface-3);color:var(--ink)}.chip__remove.chip__remove:disabled{cursor:not-allowed}.preset-chips{display:flex;gap:var(--sp-6)}.preset-chips--wrap{flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:var(--sp-6);height:var(--size-control-xs);padding:0 9px;border-radius:var(--r-pill);font:var(--fw-medium) var(--fs-12) /1 var(--font-ui);white-space:nowrap}.status-chip__dot{width:7px;height:7px;border-radius:var(--r-round);background:currentColor}.status-chip__dot--pulse{animation:aibud-breathe var(--dur-breathe) var(--ease-in-out) infinite}.status-chip--success{background:var(--success-soft);color:var(--success)}.status-chip--neutral{background:var(--surface-3);color:var(--ink-3)}.status-chip--warning{background:var(--warning-soft);color:var(--warning)}.status-chip--error{background:var(--error-soft);color:var(--error)}.status-chip--brand{background:var(--brand-soft);color:var(--brand-text)}.segmented{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-group);background:var(--surface-3)}.segmented--wrap{flex-wrap:wrap}.segmented .segmented__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-6);height:var(--size-control-sm);padding:0 var(--sp-10);border:0;border-radius:var(--r-control);background:transparent;color:var(--ink-3);font:var(--fw-medium) var(--fs-12) /1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.segmented--h30 .segmented__option{height:var(--size-control-md);padding:0 var(--sp-12);font-size:var(--fs-13)}.segmented .segmented__option:is(:hover,[data-force~=hover] *):not(:disabled,.segmented__option--on){color:var(--ink);background:color-mix(in srgb,var(--surface) 50%,transparent)}.segmented .segmented__option:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:0}.segmented .segmented__option--on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-control)}.segmented .segmented__option:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.segmented__icon{display:inline-flex}.segmented .segmented__kbd{margin:0 var(--sp-6) 0 var(--sp-4)}.slider-field{display:flex;align-items:center;gap:var(--sp-12);min-width:0;flex:1 1 auto}.slider{position:relative;flex:1 1;min-width:60px;height:20px;cursor:pointer;touch-action:none;border-radius:var(--r-pill)}.slider:focus-visible{outline:none}.slider__fill,.slider__track{position:absolute;top:8px;left:0;height:4px;border-radius:var(--r-2xs)}.slider__track{right:0;background:var(--line-2)}.slider__fill{background:var(--brand)}.slider__thumb{position:absolute;top:2px;width:16px;height:16px;margin-left:-8px;border-radius:var(--r-round);background:var(--surface);border:2px solid var(--brand);box-shadow:var(--sh-1);transition:transform var(--dur-fast) var(--ease-standard)}.slider:is(:active,[data-force~=active] *) .slider__thumb,.slider:is(:hover,[data-force~=hover] *) .slider__thumb{transform:scale(1.12)}.slider:is(:focus-visible,[data-force~=focus] *) .slider__thumb{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.slider__value{width:40px;flex:0 0 auto;text-align:right;font:var(--fw-medium) var(--fs-12) /1 var(--font-mono);color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slider-field--disabled .slider{cursor:not-allowed}.slider-field--disabled .slider__fill{background:var(--line-2)}.slider-field--disabled .slider__thumb{border-color:var(--line-2);transform:none}.slider-field--disabled .slider__value{color:var(--ink-3)}.switch-row{display:flex;align-items:center;gap:var(--sp-12)}.switch-row--bare{display:inline-flex}.switch-row__text{flex:1 1 auto;min-width:0}.switch-row__label{display:block;font:var(--type-label);color:var(--ink);cursor:pointer}.switch-row__desc{display:block;font:var(--type-caption);color:var(--ink-3)}.toggle.toggle{display:flex;flex:0 0 auto;justify-content:flex-start;align-items:center;width:36px;height:20px;padding:var(--sp-2);border:0;border-radius:var(--r-pill);background:var(--line-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.toggle.toggle--on{background:var(--brand)}.toggle.toggle:is(:hover,[data-force~=hover] *):not(:disabled){background:color-mix(in srgb,var(--line-2) 80%,var(--ink-3))}.toggle.toggle--on:is(:hover,[data-force~=hover] *):not(:disabled){background:var(--brand-hover)}.toggle.toggle:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.toggle__thumb{width:16px;height:16px;border-radius:var(--r-round);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform var(--dur-fast) var(--ease-standard)}.toggle--on .toggle__thumb{transform:translateX(16px)}.toggle.toggle:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.switch-row--disabled .switch-row__label{cursor:not-allowed;color:var(--ink-3)}.checkbox{position:relative;display:inline-flex;align-items:flex-start;gap:var(--sp-10);cursor:pointer;font:var(--type-label);color:var(--ink)}.checkbox__input{position:absolute;inset:0;width:18px;height:18px;margin:1px 0 0;opacity:0;cursor:inherit}.checkbox__box{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;margin-top:1px;border-radius:var(--r-thumb);border:1.5px solid var(--line-2);background:var(--surface);color:var(--on-brand,#fff);transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.checkbox__box .icon{opacity:0}.checkbox__dash{width:8px;height:2px;border-radius:1px;background:currentColor}.checkbox:is(:hover,[data-force~=hover] *) .checkbox__input:not(:disabled)+.checkbox__box{border-color:var(--brand)}.checkbox__input:checked+.checkbox__box,.checkbox__input:indeterminate+.checkbox__box{background:var(--brand);border-color:var(--brand)}.checkbox__input:checked+.checkbox__box .icon{opacity:1}.checkbox__input:is(:focus-visible,[data-force~=focus] *)+.checkbox__box{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.checkbox__text{display:flex;flex-direction:column;min-width:0;line-height:20px}.checkbox__desc{font:var(--type-caption);color:var(--ink-3)}.checkbox--disabled{cursor:not-allowed;color:var(--ink-3)}.checkbox--disabled .checkbox__box{background:var(--surface-3);border-color:var(--line)}.checkbox--disabled .checkbox__input:checked+.checkbox__box{background:var(--line-2);border-color:var(--line-2)}.radio-group{display:flex;flex-direction:column;gap:var(--sp-6);margin:0;padding:0;border:0;min-width:0}.radio-group__legend{padding:0;margin-bottom:var(--sp-8);font:var(--type-label-strong);color:var(--ink-2)}.radio-card{position:relative;display:flex;align-items:center;gap:var(--sp-10);width:100%;min-height:var(--size-input);padding:var(--sp-8) var(--sp-10);border:1px solid var(--line);border-radius:var(--r-group);background:var(--surface);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.radio-card:is(:hover,[data-force~=hover] *):not(.radio-card--disabled,.radio-card--checked){border-color:var(--line-2);background:var(--surface-2)}.radio-card--checked{border-color:var(--brand);background:var(--brand-soft)}.radio-card__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.radio-card__dot{flex:0 0 auto;width:18px;height:18px;border-radius:var(--r-round);border:1.5px solid var(--line-2);background:var(--surface);transition:border-width var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.radio-card--checked .radio-card__dot{border:5px solid var(--brand)}.radio-card:has(.radio-card__input:is(:focus-visible,[data-force~=focus] *)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.radio-card__text{flex:1 1;min-width:0;display:flex;flex-direction:column}.radio-card__label{font:var(--type-label);color:var(--ink)}.radio-card__desc{font:var(--type-caption);color:var(--ink-3)}.radio-card__badge{height:20px;padding:0 7px;border-radius:var(--r-chip);background:var(--brand-soft);color:var(--brand-text);font:var(--fw-medium) var(--fs-11) /20px var(--font-ui);white-space:nowrap}.radio-card--checked .radio-card__badge{background:var(--surface)}.radio-card--disabled{cursor:not-allowed;background:var(--surface-2)}.radio-card--disabled .radio-card__label{color:var(--ink-3)}.radio-card--disabled .radio-card__dot{background:var(--surface-3);border-color:var(--line)}.field{display:flex;flex-direction:column;gap:var(--sp-6);min-width:0}.field__label{font:var(--type-label-strong);color:var(--ink-2)}.field__hint{color:var(--ink-3)}.field__error,.field__hint{margin:0;font:var(--type-caption)}.field__error{color:var(--error)}.text-input{display:flex;align-items:center;gap:var(--sp-8);height:var(--size-input);padding:0 var(--sp-12);border:1px solid var(--line-2);border-radius:var(--r-group);background:var(--surface);color:var(--ink-3);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.text-input--h32{height:var(--size-control);padding:0 var(--sp-10);border-radius:var(--r-sm)}.text-input:is(:hover,[data-force~=hover] *):not(.text-input--disabled){border-color:color-mix(in srgb,var(--line-2) 60%,var(--ink-3))}.text-input:is(:focus-within,[data-force~=focus] *){border-color:var(--brand)}.text-input:has(.text-input__control:is(:focus-visible,[data-force~=focus] *)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.text-input--invalid,.text-input--invalid:is(:hover,[data-force~=hover] *):not(.text-input--disabled){border-color:var(--error)}.text-input--invalid:is(:focus-within,[data-force~=focus] *){border-color:var(--error)}.text-input--disabled{background:var(--surface-2);border-color:var(--line);cursor:not-allowed}.text-input .text-input__control{flex:1 1;min-width:0;height:100%;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:var(--fw-regular) var(--fs-14) /1.4 var(--font-ui)}.text-input--h32 .text-input__control{font-size:var(--fs-13)}.text-input--mono .text-input__control{font-family:var(--font-mono)}.text-input .text-input__control::placeholder{color:var(--ink-3);opacity:1}.text-input .text-input__control:disabled{color:var(--ink-3);cursor:not-allowed}.text-input__icon,.text-input__trailing{display:inline-flex;flex:0 0 auto}.search-input{display:flex;align-items:center;gap:var(--sp-8);height:var(--size-control);max-width:100%;padding:0 var(--sp-8) 0 var(--sp-10);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-3);transition:border-color var(--dur-fast) var(--ease-standard)}.search-input:is(:hover,[data-force~=hover] *):not(.search-input--disabled){border-color:var(--line-2)}.search-input:is(:focus-within,[data-force~=focus] *){border-color:var(--brand)}.search-input:has(.search-input__control:is(:focus-visible,[data-force~=focus] *)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.search-input .search-input__control{flex:1 1;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:var(--fw-regular) var(--fs-13) /1.4 var(--font-ui);-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input .search-input__control::-webkit-search-cancel-button{display:none}.search-input .search-input__control::placeholder{color:var(--ink-3);opacity:1}.search-input--disabled{background:var(--surface-2);cursor:not-allowed}.search-input--disabled .search-input__control{cursor:not-allowed}.search-input__clear.search-input__clear{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:var(--r-xs);background:transparent;color:var(--ink-3);cursor:pointer}.search-input__clear.search-input__clear:is(:hover,[data-force~=hover] *){background:var(--surface-3);color:var(--ink)}.search-input__clear.search-input__clear:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:0}.composer-field{flex-direction:column;min-width:0}.composer,.composer-field{display:flex;gap:var(--sp-8)}.composer{align-items:flex-end;padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-14);border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--sh-1);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.composer:is(:hover,[data-force~=hover] *):not(.composer--off){border-color:color-mix(in srgb,var(--line-2) 60%,var(--brand))}.composer:is(:focus-within,[data-force~=focus] *){border-color:var(--brand)}.composer:has(.composer__input:is(:focus-visible,[data-force~=focus] *)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.composer .composer__input{flex:1 1;min-width:0;resize:none;margin:0;padding:var(--sp-4) 0;border:0;outline:none;background:transparent;color:var(--ink);font:var(--fw-regular) var(--fs-14) /21px var(--font-ui);overflow-y:hidden}.composer .composer__input::placeholder{color:var(--ink-3);opacity:1}.composer__actions{display:flex;align-items:center;gap:var(--sp-8);flex:0 0 auto}.composer .composer__send{display:grid;place-items:center;width:var(--size-control-lg);height:var(--size-control-lg);flex:0 0 auto;padding:0;border:0;border-radius:var(--r-group);background:var(--brand);color:var(--on-brand,#fff);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.composer .composer__send:is(:hover,[data-force~=hover] *):not(:disabled){background:var(--brand-hover)}.composer .composer__send:is(:active,[data-force~=active] *):not(:disabled){background:var(--brand-press)}.composer .composer__send:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.composer .composer__send[aria-disabled=true]{cursor:default}.composer .composer__send:disabled{cursor:not-allowed;background:var(--surface-3);color:var(--ink-3)}.composer--hero{align-items:center;padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-16)}.composer--hero .composer__input{font-size:var(--fs-15);line-height:21px;padding:7px 0}.composer--hero .composer__send{width:var(--size-control-xl);height:var(--size-control-xl);border-radius:var(--r-md)}.composer--off{background:var(--surface-2);box-shadow:none;opacity:.8}.composer--off .composer__input{cursor:not-allowed}.composer__off-note{margin:0;font:var(--type-caption);color:var(--ink-3)}.tooltip-anchor{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:var(--z-popover);display:inline-flex;align-items:center;gap:var(--sp-8);max-width:260px;padding:5px var(--sp-8);border-radius:var(--r-sm);background:var(--ink);color:var(--surface);box-shadow:var(--sh-2);font:var(--fw-medium) var(--fs-12) /1.4 var(--font-ui);white-space:nowrap;pointer-events:none;animation:tooltip-in var(--dur-fast) var(--ease-out)}.tooltip--bottom{top:calc(100% + 6px)}.tooltip--top{bottom:calc(100% + 6px)}.tooltip--center{left:50%;transform:translateX(-50%)}.tooltip--start{left:0}.tooltip--end{right:0}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.color-field{display:flex;flex-direction:column;gap:var(--sp-8);min-width:0}.color-picker{display:flex;align-items:center;gap:var(--sp-6);flex-wrap:wrap}.color-picker .color-picker__swatch{width:var(--size-control-xs);height:var(--size-control-xs);padding:0;border-radius:var(--r-control);border:1px solid var(--swatch-border);box-shadow:none;cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.color-picker .color-picker__swatch:is(:hover,[data-force~=hover] *):not(:disabled,.color-picker__swatch--on){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--line-2)}.color-picker .color-picker__swatch--on{box-shadow:var(--ring-brand)}.color-picker .color-picker__swatch:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:4px}.color-picker .color-picker__swatch:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.color-picker__divider{width:1px;height:18px;margin:0 var(--sp-2);background:var(--line-2)}.color-field__row{display:flex;align-items:center;gap:var(--sp-12);flex-wrap:wrap}.color-field__hex{display:flex;align-items:center;gap:var(--sp-6);height:var(--size-control);width:116px;padding:0 var(--sp-8) 0 var(--sp-6);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-3)}.color-field__hex:is(:focus-within,[data-force~=focus] *){border-color:var(--brand)}.color-field__hex:has(.color-field__hex-input:is(:focus-visible,[data-force~=focus] *)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.color-field__hex--invalid,.color-field__hex--invalid:is(:focus-within,[data-force~=focus] *){border-color:var(--error)}.color-field__chip{width:18px;height:18px;flex:0 0 auto;border-radius:var(--r-thumb);border:1px solid var(--swatch-border)}.color-field__hash{font:var(--type-mono)}.color-field .color-field__hex-input{flex:1 1;min-width:0;padding:0;border:0;outline:none;background:transparent;color:var(--ink);font:var(--type-mono);text-transform:uppercase}.color-field__opacity{display:flex;align-items:center;gap:var(--sp-12);flex:1 1 180px;min-width:0}.color-field__opacity-label{font:var(--type-caption);color:var(--ink-3)}.font-picker{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md)}.font-picker--single{grid-template-columns:1fr}.font-picker .font-picker__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);width:100%;height:var(--size-control-xl);padding:0 var(--sp-10);border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.font-picker .font-picker__row:is(:hover,[data-force~=hover] *):not(.font-picker__row--on){background:var(--surface-3)}.font-picker .font-picker__row:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:0}.font-picker .font-picker__row--on{background:var(--brand-soft);color:var(--brand-text)}.font-picker__name{font-size:var(--fs-16);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select{position:relative;display:inline-flex;flex-direction:column;gap:var(--sp-6);min-width:0}.select__label{font:var(--type-label-strong);color:var(--ink-2)}.select .select__trigger{display:flex;align-items:center;gap:var(--sp-8);height:var(--size-input);padding:0 var(--sp-10) 0 var(--sp-12);border:1px solid var(--line-2);border-radius:var(--r-group);background:var(--surface);color:var(--ink);font:var(--fw-regular) var(--fs-14) /1 var(--font-ui);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.select--compact .select__trigger{height:var(--size-control);gap:var(--sp-6);padding:0 var(--sp-8) 0 var(--sp-10);border-color:var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font:var(--fw-medium) var(--fs-13) /1 var(--font-ui)}.select .select__trigger:is(:hover,[data-force~=hover] *):not(:disabled){border-color:var(--brand)}.select--compact .select__trigger:is(:hover,[data-force~=hover] *):not(:disabled){border-color:var(--line);background:var(--surface-3)}.select .select__trigger:is(:focus-visible,[data-force~=focus] *){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.select--open .select__trigger{border-color:var(--brand)}.select--compact.select--open .select__trigger{border-color:var(--line-2);background:var(--surface-3)}.select .select__trigger:disabled{cursor:not-allowed;background:var(--surface-3);border-color:transparent;color:var(--ink-3)}.select__value{display:inline-flex;align-items:center;gap:var(--sp-6);flex:1 1 auto;min-width:0;overflow:hidden}.select__value--placeholder{color:var(--ink-3)}.select__text{overflow:hidden;text-overflow:ellipsis}.select__meta{font:var(--type-mono);color:var(--brand-text)}.select__chevron{color:var(--ink-3);transition:transform var(--dur-base) var(--ease-standard)}.select--open .select__chevron{transform:rotate(180deg)}.select__menu{position:absolute;top:calc(100% + 8px);z-index:var(--z-popover);min-width:100%;max-height:360px;overflow-y:auto;padding:var(--sp-8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.select__menu--start{left:0}.select__menu--end{right:0}.select__menu-title{padding:var(--sp-6) var(--sp-10);font:var(--type-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--ink-3)}.select__list{margin:0;padding:0;list-style:none;outline:none}.select__list:is(:focus-visible,[data-force~=focus] *){outline:none}.select__option{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-8) var(--sp-10);border-radius:var(--r-sm);color:var(--ink);cursor:pointer}.select__option--active{background:var(--surface-3)}.select__list:is(:focus-visible,[data-force~=focus] *) .select__option--active{box-shadow:inset 0 0 0 2px var(--brand)}.select__option--disabled{cursor:not-allowed;color:var(--ink-3)}.select__option-meta{flex:0 0 30px;font:var(--type-mono);color:var(--brand-text)}.select__option-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.select__option-label{font:var(--fw-medium) var(--fs-14) /1.4 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select__option--disabled .select__option-label{color:var(--ink-3)}.select__option-desc{font:var(--type-caption);color:var(--ink-3)}.select__option-check{color:var(--brand-text)}@media (prefers-reduced-motion:reduce){.button.button,.checkbox__box,.chip.chip,.color-picker .color-picker__swatch,.composer,.composer .composer__send,.font-picker .font-picker__row,.radio-card,.radio-card__dot,.search-input,.segmented .segmented__option,.select .select__trigger,.select__chevron,.slider__thumb,.text-input,.toggle.toggle,.toggle__thumb{transition:none}.status-chip__dot--pulse,.tooltip{animation:none}.slider:is(:active,[data-force~=active] *) .slider__thumb,.slider:is(:hover,[data-force~=hover] *) .slider__thumb{transform:none}}@media (hover:none),(pointer:coarse){.kbd,.segmented__kbd{display:none}}