CSS Minifier/Beautifier

A CSS minifier/beautifier reformats stylesheets for readability (beautify) or strips whitespace and comments to shrink file size (minify). Many simple implementations do this with blind regex find-and-replace, which can corrupt content inside string literals (e.g. content: "a;b") or inside url() — including query strings and data URIs like url(data:image/svg+xml;base64,...). toco.tools's CSS minifier instead tokenizes the source with a real character scanner that understands string literals, comments, and url() before building a structural tree of selectors and declarations, so those hazards are handled correctly. Bang comments (/*! ... */), typically used for license headers, always survive minification verbatim. Quoted attribute-selector values (a[title="x y"]) and nested at-rules — @media, @supports, @font-face, @keyframes, @import, @charset — are all supported. The minifier only applies optimisations that are provably safe: stripping comments, collapsing whitespace, removing whitespace around structural characters, dropping the trailing semicolon before a closing brace, removing empty rules, shortening #aabbcc-style hex colors to #abc, and dropping the leading zero in decimals like 0.5 → .5. It deliberately does not strip units from zero values (unsafe for properties like flex-basis) or reorder/merge properties (which can change cascade behaviour) — this tool prioritises never breaking your stylesheet over squeezing out the last few bytes. Malformed CSS produces a clear error rather than a silently broken result. Everything runs entirely in your browser; nothing is ever sent anywhere.