Then there is the
RO.IDE solution. I use a simple variant of this RO.IDE concept along with the CssSweet plugin to edit a minified .css file using resources. The .css file is generated automatically, no external editors or FTP required, just MODX.
http://modxcookbook.com/making-the-cookbook/making-addons/csssweet.html
Create a "stylesheet" context, set its resources to be of type CSS by default along with a few other context settings.
Resources in that context are used to contain the CSS directives. A slightly modified CssSweet plugin using the OnDocFormSave event aggregates all of the "stylesheet" resources using only the 'content' field, minifies the result, and writes it to your .css file.
Resources can be organized as you like, and each resource can have as little or as much CSS as you please. I tend to use one resource for each logical block of directives, one for the masthead, one for the main menu, one for the footer, and so forth.
The plugin could be modified to write to a CSS resource instead of a file, but I tend to be conservative and prefer to have a .css file, even if I never do edit the file directly.