.dropdown{display:inline-flex;position:relative}.dropdown__trigger{border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dropdown__trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.dropdown__menu{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:180px;max-height:400px;box-shadow:var(--shadow-lg);z-index:1000;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.dropdown__menu--right{left:auto;right:0}.dropdown__separator{background:var(--border-subtle);height:1px;margin:4px 0}.dropdown__item{border-radius:var(--radius-xs);width:100%;color:var(--text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:6px 10px;display:flex}.dropdown__item:hover,.dropdown__item--active{background:var(--bg-hover)}.dropdown__item-icon{width:16px;color:var(--text-secondary);align-items:center;display:flex}.dropdown__item-label{flex:1}.dropdown__item-shortcut{font-size:var(--font-size-2xs);color:var(--text-tertiary);font-family:var(--font-mono)}