CSS Inliner for Email

Moves the CSS from <style> blocks and an optional Additional CSS field into style attributes, the format email clients such as Gmail and Outlook render reliably. The cascade is resolved with real specificity, source order and !important handling, and media queries, @font-face and :hover rules are kept in a <style> block because they cannot be inlined.

1. 1.Paste a full email document or a fragment, upload an .html file or load an example.
2. 2.Optionally paste extra CSS, such as a linked stylesheet, into Additional CSS.
3. 3.Choose the output form and format; open Advanced to change what is kept or which HTML attributes are added.
4. 4.Review the warnings, then check the HTML tab or the Email Preview at desktop and mobile widths.
5. 5.Copy the HTML or download email-inlined.html.

Everything runs in your browser with the juice library; nothing is uploaded and linked stylesheets or @import files are never fetched. The preview runs in a sandboxed frame without scripts, and remote images load only when you allow them. Rendering in a browser does not guarantee Gmail or Outlook rendering. HTML and options are saved in this browser; clear site data to remove them.