.menu-root{display:inline-block;position:relative}.menu-trigger{border:2px solid var(--border-picker);border-radius:var(--radius-button);background-color:var(--surface-picker);min-height:40px;color:var(--text-picker);font-family:var(--font-body-family);font-size:14px;font-weight:var(--foundation-weight-medium);cursor:pointer;transition:border-color var(--foundation-duration-fast)var(--foundation-ease-out),background-color var(--foundation-duration-fast)var(--foundation-ease-out),box-shadow var(--foundation-duration-fast)var(--foundation-ease-out);outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;line-height:1.5;display:inline-flex}.menu-trigger:hover:not(:disabled):not([aria-expanded=true]){background-color:var(--surface-picker-hover);border-color:var(--border-picker-hover);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f}.menu-trigger:active:not(:disabled){background-color:var(--surface-picker-hover);border-color:var(--border-picker-focus)}.menu-trigger:focus-visible{border-color:var(--border-picker-focus);box-shadow:0 0 0 3px var(--surface-accent-muted),0 2px 4px #0000000a}.menu-trigger[aria-expanded=true]{background-color:var(--surface-picker-hover);border-color:var(--border-picker-focus);box-shadow:0 2px 8px #00000014,0 1px 4px #0000000f}.menu-trigger:disabled{cursor:not-allowed;opacity:.6;background-color:var(--surface-picker-disabled);border-color:var(--border-picker-disabled)}.menu-trigger:disabled:hover{box-shadow:none}.menu-trigger--sm{height:var(--control-height-sm);gap:6px;padding:6px 12px;font-size:13px}.menu-trigger--md{height:var(--control-height-md);gap:8px;padding:8px 16px;font-size:14px}.menu-trigger--lg{height:var(--control-height-lg);gap:10px;padding:10px 20px;font-size:15px}.menu-trigger-icon{transition:transform var(--foundation-duration-normal)var(--foundation-ease-smooth);flex-shrink:0;justify-content:center;align-items:center;display:flex}.menu-trigger[aria-expanded=true] .menu-trigger-icon{transform:rotate(180deg)}.menu-content{padding:6px}.menu-content--sm{padding:4px}.menu-content--lg{padding:8px}.menu-item-group{padding:4px 0}.menu-item-group-label{font-size:12px;font-weight:var(--foundation-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:6px 12px}.menu-item-group--sm .menu-item-group-label{padding:4px 10px;font-size:11px}.menu-item-group--lg .menu-item-group-label{padding:8px 14px;font-size:13px}.menu-separator{background-color:var(--border-subtle);height:1px;margin:6px 0}.menu-separator--sm{margin:4px 0}.menu-separator--lg{margin:8px 0}.menu-item-indicator{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.menu-item-indicator--sm{width:14px;height:14px}.menu-item-indicator--lg{width:18px;height:18px}.menu-item-command{font-size:12px;font-family:var(--font-mono-family,monospace);color:var(--text-subtle);opacity:.7;white-space:nowrap;margin-left:auto;padding-left:16px}.menu-root[data-color-palette=blue] .menu-trigger:focus-visible{box-shadow:0 0 0 3px #3b82f633}.menu-root[data-color-palette=red] .menu-trigger:focus-visible{box-shadow:0 0 0 3px #ef444433}.menu-root[data-color-palette=green] .menu-trigger:focus-visible{box-shadow:0 0 0 3px #22c55e33}@media (prefers-reduced-motion:reduce){.menu-trigger,.menu-trigger-icon{transition:background-color .15s,border-color .15s,color .15s!important;animation:none!important}}
.picker-wrapper{flex-direction:column;gap:6px;display:flex;position:relative}.picker-wrapper--disabled{cursor:not-allowed;opacity:.6}.picker-label{font-family:var(--font-body-family);font-size:var(--font-body-md-size);font-weight:var(--foundation-weight-semibold);line-height:var(--font-body-md-leading);color:var(--text-form-label);display:component;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:4px}.picker-wrapper--disabled .picker-label{color:var(--text-form-label-disabled);cursor:not-allowed}.picker-label__required{color:var(--text-form-label-required);margin-left:2px}.picker-description{font-family:var(--font-body-family);font-size:var(--font-body-sm-size);font-weight:var(--foundation-weight-normal);line-height:var(--font-body-sm-leading);color:var(--text-form-hint);margin-top:-2px;margin-bottom:6px}.picker-wrapper--disabled .picker-description{color:var(--text-form-label-disabled)}.picker{all:unset;box-sizing:border-box;border:2px solid var(--border-picker);border-radius:var(--radius-picker);background-color:var(--surface-picker);width:100%;min-height:40px;color:var(--text-picker);font-family:var(--font-body-family);font-size:14px;font-weight:var(--foundation-weight-normal);text-align:left;cursor:pointer;transition:border-color var(--foundation-duration-fast)var(--foundation-ease-out),background-color var(--foundation-duration-fast)var(--foundation-ease-out),box-shadow var(--foundation-duration-fast)var(--foundation-ease-out);outline:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;line-height:1.5;display:flex}.picker--sm{height:var(--control-height-sm);min-height:var(--control-height-sm);max-height:var(--control-height-sm);gap:6px;padding:0 8px;font-size:13px;line-height:1}.picker--md{height:var(--control-height-md);min-height:var(--control-height-md);max-height:var(--control-height-md);gap:8px;padding:0 12px;font-size:14px;line-height:1}.picker--lg{height:var(--control-height-lg);min-height:var(--control-height-lg);max-height:var(--control-height-lg);gap:10px;padding:0 16px;font-size:16px;line-height:1}.picker--compact{border:1px solid var(--border-picker);gap:6px;width:auto;min-width:120px;max-width:200px;min-height:32px;padding:4px 10px;font-size:13px}.picker--radius-sm{border-radius:var(--radius-picker-sm)}.picker--radius-lg{border-radius:var(--radius-picker-lg)}.picker:hover:not(:disabled):not(.picker--open){border-color:var(--border-picker-hover);background-color:var(--surface-picker-hover);box-shadow:0 2px 4px #0000000a,0 1px 2px #0000000f}.picker:active:not(:disabled){background-color:var(--surface-picker-hover);border-color:var(--border-picker-focus)}.picker:focus,.picker--open{border-color:var(--border-picker-focus);box-shadow:0 2px 8px #00000014,0 1px 4px #0000000f}.picker:disabled,.picker--disabled{border-color:var(--border-picker-disabled);background-color:var(--surface-picker-disabled);color:var(--text-picker-disabled);cursor:not-allowed}.picker--error{border-color:var(--border-picker-error)}.picker--success{border-color:var(--border-success)}.picker-value{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:inherit;flex:1;align-items:center;min-height:1.5em;display:flex;overflow:hidden}.picker-icon{color:var(--icon-picker);transition:transform var(--foundation-duration-normal)var(--foundation-ease-smooth),color var(--foundation-duration-fast)var(--foundation-ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.picker--open .picker-icon{color:var(--icon-picker-focus);transform:rotate(180deg)}.picker:disabled .picker-icon,.picker--disabled .picker-icon{color:var(--icon-picker-disabled)}.picker--loading .picker-icon{animation:pickerSpin 1s var(--foundation-ease-linear)infinite}@keyframes pickerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.picker-content{min-width:200px;padding:4px;overflow:hidden auto}.picker-content--radius-sm{border-radius:var(--radius-dropdown-sm)}.picker-content--radius-lg{border-radius:var(--radius-dropdown-lg)}.picker-search{border-bottom:1px solid var(--border-subtle);flex-shrink:0;margin-bottom:4px;padding:0 4px 4px}.picker-search-input{border:1px solid var(--border-input);border-radius:var(--radius-input);background-color:var(--surface-input);width:100%;color:var(--text-input);font-family:var(--font-body-family);transition:border-color var(--foundation-duration-fast)var(--foundation-ease-out),box-shadow var(--foundation-duration-fast)var(--foundation-ease-out);outline:none;padding:6px 10px;font-size:13px}.picker-search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--surface-accent-muted)}.picker-search-input::placeholder{color:var(--text-input-placeholder)}.picker-option-empty{text-align:center;color:var(--text-muted);justify-content:center;padding:24px 12px;font-style:italic}.picker-error{font-family:var(--font-body-family);font-size:var(--font-body-sm-size);font-weight:var(--foundation-weight-normal);line-height:var(--font-body-sm-leading);color:var(--text-form-error);margin-top:4px}.picker-success{font-family:var(--font-body-family);font-size:var(--font-body-sm-size);font-weight:var(--foundation-weight-normal);line-height:var(--font-body-sm-leading);color:var(--text-form-success);margin-top:4px}.picker:focus-visible{outline-offset:2px;box-shadow:0 0 0 3px var(--surface-accent-muted),0 2px 4px #0000000a;outline:2px solid #0000}@media (prefers-reduced-motion:reduce){.picker,.picker-icon,.picker-search-input{transition:background-color .15s,border-color .15s,color .15s!important;animation:none!important}}