.sort-dropdown{position:relative;width:100%}.sort-dropdown-trigger{appearance:none;border:1px solid hsl(var(--border));border-radius:10px;background:var(--panel);background:hsl(from var(--panel) h s l/1);color:var(--text);width:100%;padding:10px 20px 10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.sort-dropdown-trigger.is-placeholder{color:hsl(var(--muted));font-weight:500}.sort-dropdown-trigger:hover{border-color:hsl(var(--electric-blue)/.55)}.sort-dropdown-trigger:focus-visible{outline:none;border-color:hsl(var(--electric-blue)/.7)}.sort-dropdown-label{pointer-events:none}.sort-dropdown-icon{flex-shrink:0;width:16px;height:16px;color:var(--muted);transition:transform .2s ease,color .2s ease}.sort-dropdown.is-open .sort-dropdown-icon{transform:rotate(180deg);color:var(--text)}.sort-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:8px;list-style:none;border-radius:12px;border:1px solid hsl(var(--border));background:var(--panel);background:hsl(from var(--panel) h s l/1);display:grid;gap:4px;z-index:6}.sort-dropdown-option{width:100%;border:none;background:transparent;color:var(--muted);text-align:left;padding:10px 12px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s ease,color .2s ease}.sort-dropdown-option:focus-visible,.sort-dropdown-option:hover{outline:none;color:var(--text);background:linear-gradient(90deg,hsl(var(--electric-blue)/.18),hsl(var(--magenta)/.18))}.sort-dropdown-option.is-active{color:var(--text);background:linear-gradient(90deg,hsl(var(--electric-blue)/.26),hsl(var(--magenta)/.26))}