.dropdown-backdrop{z-index:998;cursor:pointer;background:0 0;position:fixed;inset:0}.dropdown-arrow{transition:var(--transition-button);color:var(--text-secondary);filter:drop-shadow(0 1px 2px #0000001a);font-size:.8rem}.dropdown-arrow.open{color:var(--accent-primary);transform:rotate(180deg)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{height:var(--dropdown-height);padding:var(--input-padding);border:var(--dropdown-border);border-radius:var(--border-radius-lg);background:var(--dropdown-background);color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:var(--transition-fast);cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.dropdown-trigger.centered{text-align:center;justify-content:center}.dropdown-trigger:hover{background:var(--dropdown-background-hover);border-color:var(--dropdown-border-hover)}.dropdown-menu{z-index:var(--z-dropdown);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);min-width:240px;max-height:calc(100vh - (var(--dd-margin)*2));max-height:min(var(--dd-max),calc(100vh - (var(--dd-margin)*2)));padding:6px 0;position:absolute;top:calc(100% + 8px);left:50%;right:auto;overflow:auto;transform:translate(-50%)}.dropdown-menu.floating{will-change:top,left;max-width:calc(100vw - 24px);transform:none!important}@media (max-width:480px){.dropdown-menu,.dropdown-menu.floating{max-width:calc(100vw - 24px)}}.dropdown-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:8px 12px;font-size:.85rem}.dropdown-divider{background:var(--border-color);border:none;height:1px;margin:6px 0}.dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);transition:var(--transition-fast);background:0 0;border:none;padding:10px 12px;display:block}.dropdown-item:hover{background:var(--surface-3)}.dropdown-item.active{background:var(--accent-primary);color:#0b0d10}:root{--dd-gap:8px;--dd-margin:12px;--dd-min:200px;--dd-max:420px}.dropdown-trigger{anchor-name:--dd-anchor}@supports (position-anchor:--a){.dropdown-menu:not(.floating),.user-dropdown .dropdown-menu:not(.floating){position-anchor:--dd-anchor;top:anchor(--dd-anchor bottom);left:anchor(--dd-anchor center);max-width:calc(100vw - (var(--dd-margin)*2));min-width:min(var(--dd-min),calc(100vw - (var(--dd-margin)*2)));max-height:calc(100vh - (var(--dd-margin)*2));max-height:min(var(--dd-max),calc(100vh - (var(--dd-margin)*2)));margin-top:var(--dd-gap);will-change:top,left;position:fixed;right:auto;transform:translate(-50%)}@supports (position-try:flip-inline){.dropdown-menu:not(.floating),.user-dropdown .dropdown-menu:not(.floating){position-try:flip-inline,flip-block;position-try-order:most-width}}.scale-type-dropdown .dropdown-menu.scale-type-grid:not(.floating){position-anchor:--dd-anchor;top:anchor(--dd-anchor bottom);left:anchor(--dd-anchor center);max-width:calc(100vw - (var(--dd-margin)*2));min-width:min(320px,calc(100vw - (var(--dd-margin)*2)));max-height:calc(100vh - (var(--dd-margin)*2));max-height:min(var(--dd-max),calc(100vh - (var(--dd-margin)*2)));margin-top:var(--dd-gap);will-change:top,left;position:fixed;right:auto;transform:translate(-50%)}}