@emailens/engine 0.8.5 → 0.8.6

package/dist/index.cjs

@@ -82,9 +82,11 @@ __export(index_exports, {
   contrastRatio: () => contrastRatio,
   createSession: () => createSession,
   diffResults: () => diffResults,
+  downlevelCSS: () => downlevelCSS,
   errorWarnings: () => errorWarnings,
   estimateAiFixTokens: () => estimateAiFixTokens,
   extractInboxPreview: () => extractInboxPreview,
+  formatRgb: () => formatRgb,
   generateAiFix: () => generateAiFix,
   generateCompatibilityScore: () => generateCompatibilityScore,
   generateFixPrompt: () => generateFixPrompt,
@@ -96,6 +98,7 @@ __export(index_exports, {
   relativeLuminance: () => relativeLuminance,
   simulateDarkMode: () => simulateDarkMode,
   structuralWarnings: () => structuralWarnings,
+  toPlainText: () => toPlainText,
   transformForAllClients: () => transformForAllClients,
   transformForClient: () => transformForClient,
   validateLinks: () => validateLinks,
@@ -217,8 +220,8 @@ function getClient(id) {
 }
 
 // src/transform.ts
-var cheerio = __toESM(require("cheerio"), 1);
-var csstree = __toESM(require("css-tree"), 1);
+var cheerio2 = __toESM(require("cheerio"), 1);
+var csstree2 = __toESM(require("css-tree"), 1);
 
 // src/rules/css-support.ts
 var CSS_SUPPORT = {
@@ -4743,6 +4746,48 @@ h1 {
   Shortened content...
   <a href="https://example.com/full">Read more</a>
 </div>`
+  },
+  // ── padding (Outlook MSO font-width trick) ─────────────────────────────
+  "padding::outlook": {
+    language: "html",
+    description: "Use MSO font-width trick for reliable button padding in Outlook",
+    before: `<a href="https://example.com"
+  style="background-color: #6d28d9; color: #fff;
+         padding: 12px 32px; display: inline-block;
+         text-decoration: none;">
+  Click Here
+</a>`,
+    after: `<!--[if mso]>
+<table role="presentation" cellpadding="0" cellspacing="0" border="0"
+  style="border-collapse: collapse;">
+  <tr>
+    <td style="background-color: #6d28d9; padding: 0;
+               mso-padding-alt: 12px 32px;">
+      <!--[if mso]>
+      <i style="letter-spacing: 32px; mso-font-width: -100%;
+                mso-text-raise: 18pt;" hidden>&#8202;</i>
+      <![endif]-->
+      <a href="https://example.com"
+        style="background-color: #6d28d9; color: #fff;
+               mso-text-raise: 9pt; text-decoration: none;
+               font-family: Arial, sans-serif; font-size: 14px;
+               font-weight: bold;">Click Here</a>
+      <!--[if mso]>
+      <i style="letter-spacing: 32px; mso-font-width: -100%;"
+         hidden>&#8202;</i>
+      <![endif]-->
+    </td>
+  </tr>
+</table>
+<![endif]-->
+<!--[if !mso]><!-->
+<a href="https://example.com"
+  style="background-color: #6d28d9; color: #fff;
+         padding: 12px 32px; display: inline-block;
+         text-decoration: none;">
+  Click Here
+</a>
+<!--<![endif]-->`
   }
 };
 
@@ -5285,6 +5330,35 @@ var JSX_FIX_DATABASE = {
     Content \u2014 padding on inner element
   </div>
 </div>`
+  },
+  // ── padding (Outlook MSO font-width trick, JSX) ───────────────────────
+  "padding::outlook::jsx": {
+    language: "jsx",
+    description: "Use React Email Button component which handles MSO padding automatically",
+    before: `<a
+  href="https://example.com"
+  style={{ backgroundColor: "#6d28d9", color: "#fff",
+           padding: "12px 32px", display: "inline-block",
+           textDecoration: "none" }}>
+  Click Here
+</a>`,
+    after: `import { Button } from "@react-email/components";
+
+{/* The Button component automatically handles MSO padding
+    via the mso-font-width + &#8202; technique */}
+<Button
+  href="https://example.com"
+  style={{
+    backgroundColor: "#6d28d9",
+    color: "#fff",
+    padding: "12px 32px",
+    borderRadius: "6px",
+    textDecoration: "none",
+    fontWeight: "bold",
+  }}
+>
+  Click Here
+</Button>`
   }
 };
 
@@ -5582,7 +5656,9 @@ var HTML_SUGGESTION_DATABASE = {
   "transition": "CSS transitions are not supported in email.",
   "box-sizing": "Account for padding in your width calculations (use padding on a nested element).",
   "object-fit": "Use width/height attributes on <img> directly.",
-  "display": "Use tables for layout in email clients."
+  "display": "Use tables for layout in email clients.",
+  // ── padding ─────────────────────────────────────────────────────────────
+  "padding::outlook": "Outlook ignores padding on <a> tags. Use the MSO font-width trick with &#8202; hair spaces, or use VML. React Email's <Button> handles this automatically."
 };
 
 // src/fix-snippets/jsx-suggestions.ts
@@ -5627,7 +5703,9 @@ var JSX_SUGGESTION_DATABASE = {
   // ── word-break ────────────────────────────────────────────────────────
   "word-break::jsx": "Wrap long text in a <table><tr><td> element. Outlook ignores wordBreak but respects table cell widths.",
   // ── overflow-wrap ─────────────────────────────────────────────────────
-  "overflow-wrap::jsx": "Wrap text in a <table><tr><td> element. Outlook ignores overflowWrap but respects table cell widths."
+  "overflow-wrap::jsx": "Wrap text in a <table><tr><td> element. Outlook ignores overflowWrap but respects table cell widths.",
+  // ── padding ─────────────────────────────────────────────────────────────
+  "padding::outlook::jsx": "Use React Email's <Button> component which automatically generates MSO-compatible padding using the mso-font-width trick."
 };
 
 // src/fix-snippets/mjml-suggestions.ts
@@ -5849,1103 +5927,1647 @@ function serializeStyle(map) {
   return parts.join("; ");
 }
 
-// src/constants.ts
-var MAX_HTML_SIZE = 2 * 1024 * 1024;
-var GENERIC_LINK_TEXT = /* @__PURE__ */ new Set([
-  "click here",
-  "here",
-  "read more",
-  "learn more",
-  "more",
-  "link",
-  "this link",
-  "click",
-  "tap here",
-  "this"
-]);
-var GMAIL_CLIP_THRESHOLD = 102 * 1024;
-var GMAIL_CLIP_WARNING_THRESHOLD = 90 * 1024;
-var CLIENT_DISPLAY_LIMITS = [
-  { client: "Gmail (Web)", subjectLimit: 70, preheaderLimit: 90 },
-  { client: "Gmail (Mobile)", subjectLimit: 40, preheaderLimit: 45 },
-  { client: "Outlook (Web)", subjectLimit: 60, preheaderLimit: 90 },
-  { client: "Outlook (Desktop)", subjectLimit: 55, preheaderLimit: 35 },
-  { client: "Apple Mail (macOS)", subjectLimit: 78, preheaderLimit: 140 },
-  { client: "Apple Mail (iOS)", subjectLimit: 41, preheaderLimit: 90 },
-  { client: "Yahoo Mail", subjectLimit: 46, preheaderLimit: 100 },
-  { client: "Samsung Email", subjectLimit: 40, preheaderLimit: 70 }
-];
-var TEMPLATE_VARIABLE_PATTERNS = [
-  [/\{\{[\s\S]*?\}\}/g, "Handlebars/Mustache"],
-  // {{var}}
-  [/\$\{[^}]+\}/g, "ES template literal"],
-  // ${var}
-  [/<%=?\s*[^%]+%>/g, "ERB/EJS"],
-  // <% %> / <%= %>
-  [/\*\|[A-Z_][A-Z0-9_]*\|\*/g, "Mailchimp merge tag"],
-  // *|TAG|*
-  [/%%[A-Za-z_][A-Za-z0-9_]*%%/g, "Salesforce AMPscript"],
-  // %%tag%%
-  [/\{[A-Za-z_][A-Za-z0-9_.]{2,}\}/g, "Single-brace merge field"]
-  // {merge_field} (3+ char names)
-];
-var EMPTY_SPAM = { score: 100, level: "low", issues: [] };
-var EMPTY_LINKS = {
-  totalLinks: 0,
-  issues: [],
-  breakdown: { https: 0, http: 0, mailto: 0, tel: 0, anchor: 0, javascript: 0, protocolRelative: 0, other: 0 }
-};
-var EMPTY_ACCESSIBILITY = { score: 100, issues: [] };
-var EMPTY_IMAGES = { total: 0, totalDataUriBytes: 0, issues: [], images: [] };
-var EMPTY_INBOX_PREVIEW = { subject: null, preheader: null, subjectLength: 0, preheaderLength: 0, truncation: [], issues: [] };
-var EMPTY_SIZE = { htmlBytes: 0, humanSize: "0 B", clipped: false, issues: [] };
-var EMPTY_TEMPLATE = { unresolvedCount: 0, issues: [] };
-var EMPTY_DELIVERABILITY = { domain: "", checks: [], score: 0, issues: [] };
+// src/downlevel.ts
+var cheerio = __toESM(require("cheerio"), 1);
+var csstree = __toESM(require("css-tree"), 1);
 
-// src/transform.ts
-function inlineStyles($) {
-  const styleBlocks = [];
-  $("style").each((_, el) => {
-    styleBlocks.push($(el).text());
-  });
-  if (styleBlocks.length === 0) return;
-  for (const block of styleBlocks) {
-    let ast;
-    try {
-      ast = csstree.parse(block, { parseCustomProperty: true });
-    } catch (e) {
-      continue;
-    }
-    csstree.walk(ast, {
-      visit: "Rule",
-      enter(node) {
-        if (node.type !== "Rule" || node.prelude.type !== "SelectorList") return;
-        const declarations = csstree.generate(node.block);
-        const declText = declarations.slice(1, -1).trim();
-        if (!declText) return;
-        const selectorText = csstree.generate(node.prelude);
-        if (selectorText.includes(":hover") || selectorText.includes(":focus") || selectorText.includes(":active") || selectorText.includes("::")) {
-          return;
-        }
-        try {
-          $(selectorText).each((_, el) => {
-            const existing = $(el).attr("style") || "";
-            $(el).attr("style", existing ? `${existing}; ${declText}` : declText);
-          });
-        } catch (e) {
-        }
-      }
-    });
-  }
-}
-function makeWarning(base, prop, clientId, framework) {
-  const sug = getSuggestion(prop, clientId, framework);
-  const fix = getCodeFix(prop, clientId, framework);
-  const isFallback = framework && ((sug == null ? void 0 : sug.isGenericFallback) || fix && isCodeFixGenericFallback(prop, clientId, framework));
-  return __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, base), sug ? { suggestion: sug.text } : {}), fix ? { fix } : {}), isFallback ? { fixIsGenericFallback: true } : {}), {
-    fixType: STRUCTURAL_FIX_PROPERTIES.has(prop) ? "structural" : "css"
-  });
-}
-function detectAnimations($) {
-  let found = false;
-  $("[style]").each((_, el) => {
-    const style = $(el).attr("style") || "";
-    const props = parseInlineStyle(style);
-    props.forEach((_2, prop) => {
-      if (prop === "animation" || prop === "transition" || prop.startsWith("animation-") || prop.startsWith("transition-")) {
-        found = true;
-      }
-    });
-  });
-  if (!found) {
-    $("style").each((_, el) => {
-      try {
-        const ast = csstree.parse($(el).text());
-        csstree.walk(ast, {
-          enter(node) {
-            if (node.type === "Declaration") {
-              const prop = node.property.toLowerCase();
-              if (prop === "animation" || prop === "transition" || prop.startsWith("animation-") || prop.startsWith("transition-")) {
-                found = true;
-              }
-            }
-          }
-        });
-      } catch (e) {
-      }
-    });
-  }
-  return found;
-}
-function gmailAdditionalChecks($, clientId, _html, framework) {
-  const warnings = [];
-  let hasAtFontFace = false;
-  $("style").each((_, el) => {
-    try {
-      const ast = csstree.parse($(el).text());
-      csstree.walk(ast, {
-        enter(node) {
-          if (node.type === "Atrule" && node.name === "font-face") {
-            hasAtFontFace = true;
-          }
-        }
-      });
-    } catch (e) {
-    }
-  });
-  if (hasAtFontFace) {
-    warnings.push(makeWarning({
-      severity: "warning",
-      client: clientId,
-      property: "@font-face",
-      message: "Gmail does not support custom web fonts."
-    }, "@font-face", clientId, framework));
-  }
-  return warnings;
-}
-function gmailPostChecks($, clientId, _html, framework) {
-  const warnings = [];
-  $("*").contents().filter(function() {
-    return this.type === "comment";
-  }).each(function() {
-    const commentText = this.data || "";
-    if (commentText.includes("<style") || commentText.includes("[if mso]") || commentText.includes("[if gte mso")) {
-      $(this).remove();
-    }
-  });
-  const styleSug = getSuggestion("<style>:partial", clientId, framework);
-  warnings.push({
-    severity: "info",
-    client: clientId,
-    property: "<style>",
-    message: "Gmail partially supports <style> blocks (head only, 16KB limit). Inlining recommended for safety.",
-    suggestion: styleSug.text
-  });
-  return warnings;
-}
-function outlookWindowsAdditionalChecks($, clientId, _html, framework) {
-  const warnings = [];
-  if ($("[style*='border-radius']").length > 0) {
-    warnings.push(makeWarning({
-      severity: "warning",
-      client: clientId,
-      property: "border-radius",
-      message: "Outlook Classic ignores border-radius. Buttons and containers will have sharp corners."
-    }, "border-radius", clientId, framework));
-  }
-  if ($("[style*='max-width']").length > 0) {
-    warnings.push(makeWarning({
-      severity: "warning",
-      client: clientId,
-      property: "max-width",
-      message: "Outlook Classic ignores max-width."
-    }, "max-width", clientId, framework));
-  }
-  const hasDivLayout = $("div[style*='display']").length > 0 || $("div[style*='flex']").length > 0 || $("div[style*='grid']").length > 0;
-  if (hasDivLayout) {
-    warnings.push(makeWarning({
-      severity: "error",
-      client: clientId,
-      property: "display:flex",
-      message: "Outlook Classic uses Microsoft Word for rendering. Flexbox and Grid layouts will break."
-    }, "display:flex", clientId, framework));
-  }
-  if ($("[style*='background-image']").length > 0 || $("[style*='background:']").filter(
-    (_, el) => ($(el).attr("style") || "").includes("url(")
-  ).length > 0) {
-    warnings.push(makeWarning({
-      severity: "warning",
-      client: clientId,
-      property: "background-image",
-      message: "Outlook Classic requires VML for background images."
-    }, "background-image", clientId, framework));
-  }
-  return warnings;
-}
-function appleMailAdditionalChecks($, clientId) {
-  const warnings = [];
-  const imgsWithTransparentBg = $("img").filter((_, el) => {
-    const src = $(el).attr("src") || "";
-    return src.endsWith(".png") || src.endsWith(".svg");
-  });
-  if (imgsWithTransparentBg.length > 0) {
-    warnings.push({
-      severity: "info",
-      client: clientId,
-      property: "dark-mode",
-      message: "PNG/SVG images with transparent backgrounds may become invisible in Apple Mail dark mode.",
-      suggestion: "Add a white background or padding around images, or use dark-mode-friendly image variants."
-    });
+// src/color-utils.ts
+var NAMED_COLORS = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 111, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+};
+function parseAlpha(raw) {
+  if (raw === void 0) return 1;
+  const s = raw.trim();
+  if (s.endsWith("%")) {
+    return Math.min(1, Math.max(0, parseFloat(s) / 100));
   }
-  return warnings;
+  return Math.min(1, Math.max(0, parseFloat(s)));
 }
-function yahooAdditionalChecks($, clientId, _html, framework) {
-  const warnings = [];
-  warnings.push({
-    severity: "info",
-    client: clientId,
-    property: "class",
-    message: "Yahoo Mail rewrites CSS class names with a prefix. Class-based selectors in <style> blocks will still work but the names change."
-  });
-  if ($("[style*='background']").filter(
-    (_, el) => ($(el).attr("style") || "").includes("url(")
-  ).length > 0) {
-    warnings.push(makeWarning({
-      severity: "warning",
-      client: clientId,
-      property: "background-image",
-      message: "Yahoo Mail has inconsistent support for CSS background images."
-    }, "background-image", clientId, framework));
-  }
-  return warnings;
+function clamp255(n) {
+  return Math.round(Math.min(255, Math.max(0, n)));
 }
-function thunderbirdAdditionalChecks($, clientId) {
-  if (detectAnimations($)) {
-    return [{
-      severity: "info",
-      client: clientId,
-      property: "animation",
-      message: "Thunderbird does not support CSS animations or transitions."
-    }];
+function hslToRgb(h, s, l) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const hp = h / 60;
+  const x = c * (1 - Math.abs(hp % 2 - 1));
+  const m = l - c / 2;
+  let r1 = 0, g1 = 0, b1 = 0;
+  if (hp >= 0 && hp < 1) {
+    r1 = c;
+    g1 = x;
+    b1 = 0;
+  } else if (hp >= 1 && hp < 2) {
+    r1 = x;
+    g1 = c;
+    b1 = 0;
+  } else if (hp >= 2 && hp < 3) {
+    r1 = 0;
+    g1 = c;
+    b1 = x;
+  } else if (hp >= 3 && hp < 4) {
+    r1 = 0;
+    g1 = x;
+    b1 = c;
+  } else if (hp >= 4 && hp < 5) {
+    r1 = x;
+    g1 = 0;
+    b1 = c;
+  } else {
+    r1 = c;
+    g1 = 0;
+    b1 = x;
   }
-  return [];
+  return [
+    clamp255((r1 + m) * 255),
+    clamp255((g1 + m) * 255),
+    clamp255((b1 + m) * 255)
+  ];
 }
-function heyAdditionalChecks(_$, clientId, html) {
-  const warnings = [];
-  if (!html.includes("prefers-color-scheme")) {
-    warnings.push({
-      severity: "info",
-      client: clientId,
-      property: "dark-mode",
-      message: "HEY Mail supports @media (prefers-color-scheme: dark). Consider adding dark mode styles.",
-      suggestion: "Add a @media (prefers-color-scheme: dark) block to optimize for HEY's audience."
-    });
+function hwbToRgb(h, w, b) {
+  if (w + b >= 1) {
+    const gray = clamp255(w / (w + b) * 255);
+    return [gray, gray, gray];
   }
-  return warnings;
+  const [r0, g0, b0] = hslToRgb(h, 1, 0.5);
+  return [
+    clamp255(r0 / 255 * (1 - w - b) * 255 + w * 255),
+    clamp255(g0 / 255 * (1 - w - b) * 255 + w * 255),
+    clamp255(b0 / 255 * (1 - w - b) * 255 + w * 255)
+  ];
 }
-function superhumanAdditionalChecks($, clientId, html) {
-  const warnings = [];
-  if (detectAnimations($)) {
-    warnings.push({
-      severity: "info",
-      client: clientId,
-      property: "animation",
-      message: "Superhuman may honor OS-level 'reduce motion' preferences, disabling animations.",
-      suggestion: "Use @media (prefers-reduced-motion: reduce) to provide static fallbacks."
-    });
-  }
-  warnings.push({
-    severity: "info",
-    client: clientId,
-    property: "<style>",
-    message: "Superhuman uses Chromium rendering with excellent CSS support. Flexbox, Grid, CSS variables, and modern properties all work."
-  });
-  return warnings;
+function linearToGamma(c) {
+  if (c <= 31308e-7) return 12.92 * c;
+  return 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
 }
-var EMPTY_SET = /* @__PURE__ */ new Set();
-var CLIENT_CONFIGS = {
-  "gmail-web": {
-    id: "gmail-web",
-    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
-    stripMode: "strip",
-    valueStrips: [
-      { prop: "display", pattern: /grid/ },
-      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
-    ],
-    inlineAndStripStyles: true,
-    stripExternalStylesheets: true,
-    stripForms: true,
-    stripSvg: true,
-    additionalChecks: gmailAdditionalChecks
-  },
-  "gmail-android": {
-    id: "gmail-android",
-    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
-    stripMode: "strip",
-    valueStrips: [
-      { prop: "display", pattern: /grid/ },
-      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
-    ],
-    inlineAndStripStyles: true,
-    stripExternalStylesheets: true,
-    stripForms: true,
-    stripSvg: true,
-    additionalChecks: gmailAdditionalChecks
-  },
-  "gmail-ios": {
-    id: "gmail-ios",
-    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
-    stripMode: "strip",
-    valueStrips: [
-      { prop: "display", pattern: /grid/ },
-      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
-    ],
-    inlineAndStripStyles: true,
-    stripExternalStylesheets: true,
-    stripForms: true,
-    stripSvg: true,
-    additionalChecks: gmailAdditionalChecks
-  },
-  "outlook-windows": {
-    id: "outlook-windows",
-    strippedProperties: /* @__PURE__ */ new Set(["position", "transform", "animation", "transition"]),
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false
-  },
-  "outlook-windows-legacy": {
-    id: "outlook-windows-legacy",
-    strippedProperties: OUTLOOK_WORD_UNSUPPORTED,
-    stripMode: "strip",
-    valueStrips: [
-      { prop: "background", pattern: /linear-gradient|radial-gradient/ },
-      { prop: "background-image", pattern: /linear-gradient|radial-gradient/ }
-    ],
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false,
-    additionalChecks: outlookWindowsAdditionalChecks
-  },
-  "outlook-web": {
-    id: "outlook-web",
-    strippedProperties: /* @__PURE__ */ new Set(["position", "transform", "animation", "transition"]),
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false
-  },
-  "apple-mail-macos": {
-    id: "apple-mail-macos",
-    strippedProperties: EMPTY_SET,
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false,
-    additionalChecks: appleMailAdditionalChecks
-  },
-  "apple-mail-ios": {
-    id: "apple-mail-ios",
-    strippedProperties: EMPTY_SET,
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false,
-    additionalChecks: appleMailAdditionalChecks
-  },
-  "yahoo-mail": {
-    id: "yahoo-mail",
-    strippedProperties: /* @__PURE__ */ new Set(["position", "box-shadow", "transform", "animation", "transition", "opacity"]),
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false,
-    additionalChecks: yahooAdditionalChecks
-  },
-  "samsung-mail": {
-    id: "samsung-mail",
-    strippedProperties: /* @__PURE__ */ new Set(["box-shadow", "transform", "animation", "transition", "opacity"]),
-    stripMode: "info",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false
-  },
-  "thunderbird": {
-    id: "thunderbird",
-    strippedProperties: EMPTY_SET,
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: false,
-    stripForms: false,
-    stripSvg: false,
-    additionalChecks: thunderbirdAdditionalChecks
-  },
-  "hey-mail": {
-    id: "hey-mail",
-    strippedProperties: /* @__PURE__ */ new Set(["transform", "animation", "transition"]),
-    stripMode: "strip",
-    valueStrips: [
-      { prop: "position", pattern: /fixed|sticky/ }
-    ],
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: true,
-    stripForms: true,
-    stripSvg: false,
-    additionalChecks: heyAdditionalChecks
-  },
-  "superhuman": {
-    id: "superhuman",
-    strippedProperties: EMPTY_SET,
-    stripMode: "strip",
-    inlineAndStripStyles: false,
-    stripExternalStylesheets: true,
-    stripForms: true,
-    stripSvg: false,
-    additionalChecks: superhumanAdditionalChecks
+function oklchToRgb(L, C, H) {
+  const hRad = H * Math.PI / 180;
+  const a = C * Math.cos(hRad);
+  const b = C * Math.sin(hRad);
+  const l_ = L + 0.3963377774 * a + 0.2158037573 * b;
+  const m_ = L - 0.1055613458 * a - 0.0638541728 * b;
+  const s_ = L - 0.0894841775 * a - 1.291485548 * b;
+  const l = l_ * l_ * l_;
+  const m = m_ * m_ * m_;
+  const s = s_ * s_ * s_;
+  const rLin = 4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s;
+  const gLin = -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s;
+  const bLin = -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s;
+  return [
+    clamp255(linearToGamma(rLin) * 255),
+    clamp255(linearToGamma(gLin) * 255),
+    clamp255(linearToGamma(bLin) * 255)
+  ];
+}
+function parseColor(value) {
+  if (!value) return null;
+  const v = value.trim().toLowerCase();
+  if (v === "inherit" || v === "currentcolor" || v === "initial" || v === "unset" || v.startsWith("var(")) {
+    return null;
   }
-};
-function applyTransform(html, config, framework) {
-  const $ = cheerio.load(html);
-  const warnings = [];
-  const clientId = config.id;
-  if (config.additionalChecks && config.inlineAndStripStyles) {
-    warnings.push(...config.additionalChecks($, clientId, html, framework));
+  if (v === "transparent") {
+    return { r: 0, g: 0, b: 0, a: 0 };
   }
-  if (config.inlineAndStripStyles) {
-    inlineStyles($);
-    $("style").remove();
+  const named = NAMED_COLORS[v];
+  if (named) {
+    return { r: named[0], g: named[1], b: named[2], a: 1 };
   }
-  if (config.stripExternalStylesheets) {
-    if ($("link[rel='stylesheet']").length > 0) {
-      warnings.push(makeWarning({
-        severity: "error",
-        client: clientId,
-        property: "<link>",
-        message: `${clientId} does not load external stylesheets.`
-      }, "<link>", clientId, framework));
-      $("link[rel='stylesheet']").remove();
+  if (v.startsWith("#")) {
+    const hex = v.slice(1);
+    if (hex.length === 3) {
+      return {
+        r: parseInt(hex[0] + hex[0], 16),
+        g: parseInt(hex[1] + hex[1], 16),
+        b: parseInt(hex[2] + hex[2], 16),
+        a: 1
+      };
     }
+    if (hex.length === 4) {
+      return {
+        r: parseInt(hex[0] + hex[0], 16),
+        g: parseInt(hex[1] + hex[1], 16),
+        b: parseInt(hex[2] + hex[2], 16),
+        a: parseInt(hex[3] + hex[3], 16) / 255
+      };
+    }
+    if (hex.length === 6) {
+      return {
+        r: parseInt(hex.slice(0, 2), 16),
+        g: parseInt(hex.slice(2, 4), 16),
+        b: parseInt(hex.slice(4, 6), 16),
+        a: 1
+      };
+    }
+    if (hex.length === 8) {
+      return {
+        r: parseInt(hex.slice(0, 2), 16),
+        g: parseInt(hex.slice(2, 4), 16),
+        b: parseInt(hex.slice(4, 6), 16),
+        a: parseInt(hex.slice(6, 8), 16) / 255
+      };
+    }
+    return null;
   }
-  if (config.stripForms && $("form").length > 0) {
-    warnings.push(makeWarning({
-      severity: "error",
-      client: clientId,
-      property: "<form>",
-      message: `${clientId} removes form elements.`
-    }, "<form>", clientId, framework));
-    $("form").each((_, el) => {
-      $(el).replaceWith($(el).html() || "");
-    });
-  }
-  if (config.stripSvg && $("svg").length > 0) {
-    warnings.push(makeWarning({
-      severity: "error",
-      client: clientId,
-      property: "<svg>",
-      message: `${clientId} does not support inline SVG elements.`
-    }, "<svg>", clientId, framework));
-    $("svg").each((_, el) => {
-      $(el).replaceWith('<img alt="[SVG not supported]" />');
-    });
-  }
-  if (config.strippedProperties.size > 0 || config.valueStrips && config.valueStrips.length > 0) {
-    $("[style]").each((_, el) => {
-      const style = $(el).attr("style") || "";
-      const props = parseInlineStyle(style);
-      const removed = [];
-      props.forEach((value, prop) => {
-        var _a;
-        if (config.strippedProperties.has(prop)) {
-          if (config.stripMode === "strip") {
-            removed.push(prop);
-            props.delete(prop);
-          } else {
-            warnings.push(makeWarning({
-              severity: "info",
-              client: clientId,
-              property: prop,
-              message: `${clientId} has limited support for "${prop}".`
-            }, prop, clientId, framework));
-          }
-          return;
-        }
-        for (const vs of (_a = config.valueStrips) != null ? _a : []) {
-          if (prop === vs.prop && vs.pattern.test(value)) {
-            removed.push(prop);
-            props.delete(prop);
-            return;
-          }
-        }
-      });
-      if (removed.length > 0) {
-        $(el).attr("style", serializeStyle(props));
-        for (const prop of removed) {
-          warnings.push(makeWarning({
-            severity: "warning",
-            client: clientId,
-            property: prop,
-            message: `${clientId} strips "${prop}" from styles.`
-          }, prop, clientId, framework));
-        }
-      }
-    });
+  const rgbComma = v.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+%?))?\s*\)$/);
+  if (rgbComma) {
+    return {
+      r: Math.min(255, parseInt(rgbComma[1], 10)),
+      g: Math.min(255, parseInt(rgbComma[2], 10)),
+      b: Math.min(255, parseInt(rgbComma[3], 10)),
+      a: rgbComma[4] !== void 0 ? parseAlpha(rgbComma[4]) : 1
+    };
   }
-  if (config.inlineAndStripStyles) {
-    warnings.push(...gmailPostChecks($, clientId, html, framework));
+  const rgbSpace = v.match(/^rgba?\(\s*(\d+)\s+(\d+)\s+(\d+)(?:\s*\/\s*([\d.]+%?))?\s*\)$/);
+  if (rgbSpace) {
+    return {
+      r: Math.min(255, parseInt(rgbSpace[1], 10)),
+      g: Math.min(255, parseInt(rgbSpace[2], 10)),
+      b: Math.min(255, parseInt(rgbSpace[3], 10)),
+      a: rgbSpace[4] !== void 0 ? parseAlpha(rgbSpace[4]) : 1
+    };
   }
-  if (config.additionalChecks && !config.inlineAndStripStyles) {
-    warnings.push(...config.additionalChecks($, clientId, html, framework));
+  const hslComma = v.match(/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+%?))?\s*\)$/);
+  if (hslComma) {
+    const h = (parseFloat(hslComma[1]) % 360 + 360) % 360;
+    const s = Math.min(100, parseFloat(hslComma[2])) / 100;
+    const l = Math.min(100, parseFloat(hslComma[3])) / 100;
+    const [r, g, b] = hslToRgb(h, s, l);
+    return { r, g, b, a: hslComma[4] !== void 0 ? parseAlpha(hslComma[4]) : 1 };
+  }
+  const hslSpace = v.match(/^hsla?\(\s*([\d.]+)\s+([\d.]+)%\s+([\d.]+)%(?:\s*\/\s*([\d.]+%?))?\s*\)$/);
+  if (hslSpace) {
+    const h = (parseFloat(hslSpace[1]) % 360 + 360) % 360;
+    const s = Math.min(100, parseFloat(hslSpace[2])) / 100;
+    const l = Math.min(100, parseFloat(hslSpace[3])) / 100;
+    const [r, g, b] = hslToRgb(h, s, l);
+    return { r, g, b, a: hslSpace[4] !== void 0 ? parseAlpha(hslSpace[4]) : 1 };
+  }
+  const hwbMatch = v.match(/^hwb\(\s*([\d.]+)\s+([\d.]+)%\s+([\d.]+)%(?:\s*\/\s*([\d.]+%?))?\s*\)$/);
+  if (hwbMatch) {
+    const h = (parseFloat(hwbMatch[1]) % 360 + 360) % 360;
+    const w = Math.min(100, parseFloat(hwbMatch[2])) / 100;
+    const bk = Math.min(100, parseFloat(hwbMatch[3])) / 100;
+    const [r, g, b] = hwbToRgb(h, w, bk);
+    return { r, g, b, a: hwbMatch[4] !== void 0 ? parseAlpha(hwbMatch[4]) : 1 };
+  }
+  const oklchMatch = v.match(/^oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+%?))?\s*\)$/);
+  if (oklchMatch) {
+    const L = Math.min(1, Math.max(0, parseFloat(oklchMatch[1])));
+    const C = Math.max(0, parseFloat(oklchMatch[2]));
+    const H = (parseFloat(oklchMatch[3]) % 360 + 360) % 360;
+    const [r, g, b] = oklchToRgb(L, C, H);
+    return { r, g, b, a: oklchMatch[4] !== void 0 ? parseAlpha(oklchMatch[4]) : 1 };
   }
-  return { clientId, html: $.html(), warnings };
+  return null;
 }
-function transformForClient(html, clientId, framework) {
-  if (!html || !html.trim()) {
-    return { clientId, html: html || "", warnings: [] };
-  }
-  if (html.length > MAX_HTML_SIZE) {
-    throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
-  }
-  const config = CLIENT_CONFIGS[clientId];
-  if (!config) {
-    return {
-      clientId,
-      html,
-      warnings: [
-        {
-          severity: "info",
-          client: clientId,
-          property: "unknown",
-          message: `No transformation rules available for client "${clientId}".`
-        }
-      ]
-    };
-  }
-  return applyTransform(html, config, framework);
+function formatRgb(rgba) {
+  const r = clamp255(rgba.r);
+  const g = clamp255(rgba.g);
+  const b = clamp255(rgba.b);
+  if (rgba.a < 1) {
+    return `rgba(${r}, ${g}, ${b}, ${rgba.a})`;
+  }
+  return `rgb(${r}, ${g}, ${b})`;
 }
-function transformForAllClients(html, framework) {
-  return Object.keys(CLIENT_CONFIGS).map(
-    (clientId) => transformForClient(html, clientId, framework)
-  );
+function relativeLuminance(r, g, b) {
+  const [rs, gs, bs] = [r, g, b].map((c) => {
+    const s = c / 255;
+    return s <= 0.04045 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+}
+function contrastRatio(l1, l2) {
+  const lighter = Math.max(l1, l2);
+  const darker = Math.min(l1, l2);
+  return (lighter + 0.05) / (darker + 0.05);
+}
+function wcagGrade(ratio) {
+  if (ratio >= 7) return "AAA";
+  if (ratio >= 4.5) return "AA";
+  if (ratio >= 3) return "AA Large";
+  return "Fail";
+}
+function alphaBlend(fg, bgR, bgG, bgB) {
+  const a = fg.a;
+  return [
+    Math.round(fg.r * a + bgR * (1 - a)),
+    Math.round(fg.g * a + bgG * (1 - a)),
+    Math.round(fg.b * a + bgB * (1 - a))
+  ];
 }
 
-// src/analyze.ts
-var cheerio2 = __toESM(require("cheerio"), 1);
-var csstree2 = __toESM(require("css-tree"), 1);
-var HTML_ELEMENT_SELECTORS = {
-  "<style>": "style",
-  "<link>": "link[rel='stylesheet']",
-  "<svg>": "svg",
-  "<video>": "video",
-  "<form>": "form, input, button[type='submit']",
-  "<audio>": "audio",
-  "<picture>": "picture",
-  "<dialog>": "dialog",
-  "<meter>": "meter",
-  "<progress>": "progress",
-  "<select>": "select",
-  "<textarea>": "textarea",
-  "<marquee>": "marquee",
-  "<object>": "object",
-  "<base>": "base"
-};
-var HTML_ELEMENT_SEVERITY = {
-  "<style>": "error",
-  "<link>": "error",
-  "<svg>": "error",
-  "<form>": "error",
-  "<video>": "warning",
-  "<audio>": "warning",
-  "<picture>": "warning",
-  "<dialog>": "warning",
-  "<marquee>": "warning",
-  "<meter>": "warning",
-  "<progress>": "warning",
-  "<select>": "warning",
-  "<textarea>": "warning",
-  "<object>": "warning",
-  "<base>": "warning"
-};
-var HTML_ELEMENT_MESSAGES = {
-  "<style>": (n) => `${n} strips <style> blocks. Styles must be inlined.`,
-  "<link>": (n) => `${n} does not support external stylesheets.`,
-  "<svg>": (n) => `${n} does not support inline SVG.`,
-  "<video>": (n) => `${n} does not support <video> elements.`,
-  "<form>": (n) => `${n} strips form elements.`
+// src/downlevel.ts
+var LOGICAL_PROPERTY_MAP = {
+  "padding-inline": ["padding-left", "padding-right"],
+  "padding-block": ["padding-top", "padding-bottom"],
+  "margin-inline": ["margin-left", "margin-right"],
+  "margin-block": ["margin-top", "margin-bottom"],
+  "inset-inline": ["left", "right"],
+  "inset-block": ["top", "bottom"],
+  "border-inline": ["border-left", "border-right"],
+  "border-block": ["border-top", "border-bottom"]
 };
-var COMPOUND_DETECTORS = [
-  { key: "display:flex", property: "display", valueIncludes: "flex" },
-  { key: "display:grid", property: "display", valueIncludes: "grid" },
-  { key: "display:none", property: "display", valueIncludes: "none" }
-];
-var CSS_FUNCTION_DETECTORS = CSS_FUNCTION_FEATURES.map((fn) => ({
-  key: fn,
-  pattern: `${fn}(`
-  // require opening paren — matches "min(" but not "Minion"
-}));
-function analyzeEmailFromDom($, framework) {
-  const warnings = [];
-  const seenWarnings = /* @__PURE__ */ new Set();
-  function addWarning(w) {
-    const key = `${w.client}:${w.property}:${w.severity}:${w.selector || ""}`;
-    if (!seenWarnings.has(key)) {
-      seenWarnings.add(key);
-      warnings.push(w);
+var MODERN_COLOR_RE = /\b(oklch|hsl|hsla|hwb|rgba?)\s*\(/g;
+function extractFunctionCall(str, fnStart, openParenIndex) {
+  let depth = 0;
+  for (let i = openParenIndex; i < str.length; i++) {
+    if (str[i] === "(") depth++;
+    else if (str[i] === ")") {
+      depth--;
+      if (depth === 0) {
+        return str.slice(fnStart, i + 1);
+      }
     }
   }
-  function describeSelector(el) {
-    var _a;
-    const $el = $(el);
-    const tag = ((_a = el.tagName) == null ? void 0 : _a.toLowerCase()) || "";
-    const cls = $el.attr("class");
-    const id = $el.attr("id");
-    if (id) return `${tag}#${id}`;
-    if (cls) return `${tag}.${cls.split(/\s+/)[0]}`;
-    const href = $el.attr("href");
-    if (href) return `${tag}[href]`;
-    return tag;
+  return null;
+}
+function isSpaceSyntaxRgb(args) {
+  const inner = args.trim();
+  return !inner.includes(",") && /^\d/.test(inner);
+}
+function convertModernColors(value) {
+  let result = value;
+  let match;
+  MODERN_COLOR_RE.lastIndex = 0;
+  const replacements = [];
+  while ((match = MODERN_COLOR_RE.exec(result)) !== null) {
+    const fnName = match[1].toLowerCase();
+    const fnStart = match.index;
+    const openParen = fnStart + match[0].length - 1;
+    const fullCall = extractFunctionCall(result, fnStart, openParen);
+    if (!fullCall) continue;
+    if (fnName === "rgb" || fnName === "rgba") {
+      const argsStr = fullCall.slice(fullCall.indexOf("(") + 1, -1);
+      if (!isSpaceSyntaxRgb(argsStr)) continue;
+    }
+    const parsed = parseColor(fullCall);
+    if (parsed) {
+      replacements.push({
+        start: fnStart,
+        end: fnStart + fullCall.length,
+        replacement: formatRgb(parsed)
+      });
+    }
   }
-  for (const feature of HTML_ELEMENT_FEATURES) {
-    const selector = HTML_ELEMENT_SELECTORS[feature];
-    if (!selector) continue;
-    if ($(selector).length === 0) continue;
-    const supportData = CSS_SUPPORT[feature];
-    if (!supportData) continue;
-    const baseSeverity = HTML_ELEMENT_SEVERITY[feature] || "warning";
-    for (const client of EMAIL_CLIENTS) {
-      const support = supportData[client.id];
-      if (support === "unsupported") {
-        const msgFn = HTML_ELEMENT_MESSAGES[feature];
-        const message = msgFn ? msgFn(client.name) : `${client.name} does not support ${feature}.`;
-        const sug = getSuggestion(feature, client.id, framework);
-        const fix = getCodeFix(feature, client.id, framework);
-        addWarning(__spreadValues({
-          severity: baseSeverity,
-          client: client.id,
-          property: feature,
-          message,
-          suggestion: sug.text,
-          fix,
-          fixType: getFixType(feature)
-        }, framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(feature, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
-      } else if (support === "partial" && feature === "<style>") {
-        const sug = getSuggestion("<style>:partial", client.id, framework);
-        const fix = getCodeFix("<style>", client.id, framework);
-        addWarning(__spreadValues({
-          severity: "warning",
-          client: client.id,
-          property: "<style>",
-          message: `${client.name} has partial <style> support (head only, with limitations). Inline styles recommended.`,
-          suggestion: sug.text,
-          fix,
-          fixType: getFixType("<style>")
-        }, framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback("<style>", client.id, framework)) ? { fixIsGenericFallback: true } : {}));
+  for (let i = replacements.length - 1; i >= 0; i--) {
+    const r = replacements[i];
+    result = result.slice(0, r.start) + r.replacement + result.slice(r.end);
+  }
+  return result;
+}
+function convertLogicalProperty(prop, value) {
+  const mapping = LOGICAL_PROPERTY_MAP[prop];
+  if (!mapping) return null;
+  const parts = value.trim().split(/\s+/);
+  const [first, second] = mapping;
+  if (parts.length >= 2) {
+    return [
+      [first, parts[0]],
+      [second, parts[1]]
+    ];
+  }
+  return [
+    [first, parts[0]],
+    [second, parts[0]]
+  ];
+}
+var CALC_INFINITY_RE = /calc\(\s*infinity\s*\*\s*1(px|em|rem|%|vh|vw)\s*\)/gi;
+var CALC_INFINITY_SIMPLE_RE = /calc\(\s*infinity\s*\)/gi;
+function resolveCalcInfinity(value) {
+  let result = value.replace(CALC_INFINITY_RE, (_match, unit) => {
+    return `9999${unit}`;
+  });
+  result = result.replace(CALC_INFINITY_SIMPLE_RE, "9999px");
+  return result;
+}
+function unnestCSSRules(css) {
+  let result = "";
+  let i = 0;
+  while (i < css.length) {
+    const atMediaInside = findNestedAtRule(css, i);
+    if (atMediaInside) {
+      result += css.slice(i, atMediaInside.outerStart);
+      if (atMediaInside.preamble) {
+        result += `${atMediaInside.selector}{${atMediaInside.preamble}}`;
       }
+      result += `${atMediaInside.atRule}{${atMediaInside.selector}{${atMediaInside.body}}}`;
+      i = atMediaInside.outerEnd;
+    } else {
+      result += css.slice(i);
+      break;
     }
   }
-  const parsedAtRules = /* @__PURE__ */ new Set();
-  const parsedProperties = /* @__PURE__ */ new Set();
-  const propertyLines = /* @__PURE__ */ new Map();
-  const detectedCssFunctions = /* @__PURE__ */ new Set();
-  const detectedPseudoClasses = /* @__PURE__ */ new Set();
-  const detectedPseudoElements = /* @__PURE__ */ new Set();
-  $("style").each((_, el) => {
-    const cssText = $(el).text();
-    try {
-      const ast = csstree2.parse(cssText, { parseCustomProperty: true, positions: true });
-      csstree2.walk(ast, {
-        enter(node) {
-          if (node.type === "Atrule") {
-            parsedAtRules.add(`@${node.name}`);
-          }
-          if (node.type === "PseudoClassSelector") {
-            detectedPseudoClasses.add(`:${node.name}`);
-          }
-          if (node.type === "PseudoElementSelector") {
-            detectedPseudoElements.add(`::${node.name}`);
+  return result;
+}
+function findNestedAtRule(css, startPos) {
+  for (let i = startPos; i < css.length; i++) {
+    if (css[i] === "{") {
+      const selector = css.slice(startPos, i).trim();
+      if (!selector || selector.startsWith("@")) {
+        const closeIdx2 = findMatchingBrace(css, i);
+        if (closeIdx2 === -1) return null;
+        const rest = findNestedAtRule(css, closeIdx2 + 1);
+        if (rest) return rest;
+        return null;
+      }
+      const innerStart = i + 1;
+      const closeIdx = findMatchingBrace(css, i);
+      if (closeIdx === -1) return null;
+      const innerContent = css.slice(innerStart, closeIdx).trim();
+      const atMatch = innerContent.match(/@(media|supports)\s/);
+      if (atMatch && atMatch.index !== void 0) {
+        const atPos = atMatch.index;
+        const atBraceIdx = innerContent.indexOf("{", atPos);
+        if (atBraceIdx === -1) continue;
+        const atRule = innerContent.slice(atPos, atBraceIdx).trim();
+        const atCloseIdx = findMatchingBrace(innerContent, atBraceIdx);
+        if (atCloseIdx === -1) continue;
+        const body = innerContent.slice(atBraceIdx + 1, atCloseIdx).trim();
+        const beforeAt = innerContent.slice(0, atPos).trim();
+        return __spreadValues({
+          outerStart: findSelectorStart(css, i, startPos),
+          outerEnd: closeIdx + 1,
+          selector,
+          atRule,
+          body
+        }, beforeAt ? { preamble: beforeAt } : {});
+      }
+    }
+  }
+  return null;
+}
+function findSelectorStart(css, braceIdx, minPos) {
+  let i = braceIdx - 1;
+  while (i >= minPos && css[i] !== "}" && css[i] !== ";") {
+    i--;
+  }
+  return i + 1;
+}
+function findMatchingBrace(css, openIdx) {
+  let depth = 0;
+  for (let i = openIdx; i < css.length; i++) {
+    if (css[i] === "{") depth++;
+    else if (css[i] === "}") {
+      depth--;
+      if (depth === 0) return i;
+    }
+  }
+  return -1;
+}
+function convertRangeMediaQueries(css) {
+  return css.replace(
+    /\(\s*width\s*(>=?|<=?)\s*([\d.]+\w*)\s*\)/g,
+    (_match, op, value) => {
+      if (op === ">=" || op === ">") {
+        return `(min-width: ${value})`;
+      }
+      return `(max-width: ${value})`;
+    }
+  );
+}
+var UNIVERSAL_SELECTORS = /* @__PURE__ */ new Set([":root", "*", "html"]);
+function selectorsCouldMatch(defSelector, useSelector) {
+  if (defSelector === useSelector) return true;
+  if (UNIVERSAL_SELECTORS.has(defSelector)) return true;
+  return false;
+}
+function resolveCSSVariables(ast) {
+  const varDefs = [];
+  csstree.walk(ast, {
+    visit: "Rule",
+    enter(rule) {
+      if (rule.type !== "Rule" || !rule.prelude || !rule.block) return;
+      const selector = csstree.generate(rule.prelude);
+      rule.block.children.forEach((node) => {
+        if (node.type === "Declaration" && node.property.startsWith("--")) {
+          varDefs.push({
+            selector,
+            varName: node.property,
+            value: csstree.generate(node.value)
+          });
+        }
+      });
+    }
+  });
+  if (varDefs.length === 0) return;
+  csstree.walk(ast, {
+    visit: "Rule",
+    enter(rule) {
+      if (rule.type !== "Rule" || !rule.prelude || !rule.block) return;
+      const useSelector = csstree.generate(rule.prelude);
+      csstree.walk(rule.block, {
+        visit: "Function",
+        enter(node, item, list) {
+          if (node.name !== "var" || !list) return;
+          const args = [];
+          if (node.children) {
+            node.children.forEach((child) => {
+              args.push(csstree.generate(child));
+            });
           }
-          if (node.type === "Declaration") {
-            const prop = node.property.toLowerCase();
-            parsedProperties.add(prop);
-            if (node.loc && !propertyLines.has(prop)) {
-              propertyLines.set(prop, node.loc.start.line);
+          const fullArgs = args.join("");
+          const commaIdx = fullArgs.indexOf(",");
+          const varName = commaIdx !== -1 ? fullArgs.slice(0, commaIdx).trim() : fullArgs.trim();
+          const fallback = commaIdx !== -1 ? fullArgs.slice(commaIdx + 1).trim() : null;
+          let resolved = null;
+          for (const def of varDefs) {
+            if (def.varName === varName && def.selector === useSelector) {
+              resolved = def.value;
+              break;
             }
-            const valueStr = csstree2.generate(node.value);
-            for (const det of COMPOUND_DETECTORS) {
-              if (prop === det.property && valueStr.includes(det.valueIncludes)) {
-                parsedProperties.add(det.key);
-                if (node.loc && !propertyLines.has(det.key)) {
-                  propertyLines.set(det.key, node.loc.start.line);
-                }
+          }
+          if (!resolved) {
+            for (const def of varDefs) {
+              if (def.varName === varName && selectorsCouldMatch(def.selector, useSelector)) {
+                resolved = def.value;
+                break;
               }
             }
-            for (const fn of CSS_FUNCTION_DETECTORS) {
-              if (valueStr.includes(fn.pattern)) {
-                detectedCssFunctions.add(fn.key);
-                if (node.loc && !propertyLines.has(fn.key)) {
-                  propertyLines.set(fn.key, node.loc.start.line);
-                }
-              }
+          }
+          if (!resolved && fallback) {
+            resolved = fallback;
+          }
+          if (resolved && item) {
+            const replacement = csstree.parse(resolved, {
+              context: "value"
+            });
+            if (replacement.children) {
+              replacement.children.forEach((child) => {
+                list.insertData(child, item);
+              });
+              list.remove(item);
             }
           }
         }
       });
-    } catch (e) {
     }
   });
-  for (const atRule of AT_RULE_FEATURES) {
-    if (!parsedAtRules.has(atRule)) continue;
-    checkPropertySupport(atRule, addWarning, framework);
-  }
-  const cssPropertiesToCheck = Object.keys(CSS_SUPPORT).filter(
-    (k) => !k.startsWith("<") && !k.startsWith("@")
-  );
-  $("[style]").each((_, el) => {
-    const style = $(el).attr("style") || "";
-    const props = parseStyleProperties(style);
-    const selector = describeSelector(el);
-    for (const prop of props) {
-      for (const det of COMPOUND_DETECTORS) {
-        if (prop === det.property) {
-          const value2 = getStyleValue(style, prop);
-          if (value2 == null ? void 0 : value2.includes(det.valueIncludes)) {
-            checkPropertySupport(det.key, addWarning, framework, selector);
+}
+function sanitizeDeclarations(ast) {
+  csstree.walk(ast, {
+    visit: "Declaration",
+    enter(decl) {
+      if (decl.property.startsWith("--")) return;
+      if (decl.value.type === "Value") {
+        const raw = csstree.generate(decl.value);
+        let converted = convertModernColors(raw);
+        converted = resolveCalcInfinity(converted);
+        if (converted !== raw) {
+          try {
+            const newValue = csstree.parse(converted, {
+              context: "value"
+            });
+            decl.value = newValue;
+          } catch (e) {
           }
         }
       }
-      if (cssPropertiesToCheck.includes(prop)) {
-        checkPropertySupport(prop, addWarning, framework, selector);
+    }
+  });
+  csstree.walk(ast, {
+    visit: "Rule",
+    enter(rule) {
+      if (rule.type !== "Rule" || !rule.block) return;
+      const toInsert = [];
+      rule.block.children.forEach(function(node, item) {
+        if (node.type !== "Declaration") return;
+        const mapping = LOGICAL_PROPERTY_MAP[node.property];
+        if (!mapping) return;
+        const valueStr = csstree.generate(node.value);
+        const parts = valueStr.trim().split(/\s+/);
+        const [first, second] = mapping;
+        const val1 = parts[0];
+        const val2 = parts.length >= 2 ? parts[1] : parts[0];
+        toInsert.push(
+          { property: first, value: val1, important: !!node.important, item },
+          { property: second, value: val2, important: !!node.important, item }
+        );
+      });
+      for (const { property, value, important, item } of toInsert) {
+        try {
+          const newDecl = {
+            type: "Declaration",
+            important,
+            property,
+            value: csstree.parse(value, { context: "value" })
+          };
+          rule.block.children.insertData(newDecl, item);
+        } catch (e) {
+        }
       }
-      const value = getStyleValue(style, prop);
-      if (value) {
-        for (const fn of CSS_FUNCTION_DETECTORS) {
-          if (value.includes(fn.pattern)) {
-            checkPropertySupport(fn.key, addWarning, framework, selector);
-          }
+      const removed = /* @__PURE__ */ new Set();
+      for (const { item } of toInsert) {
+        if (!removed.has(item)) {
+          removed.add(item);
+          rule.block.children.remove(item);
         }
       }
     }
   });
-  for (const prop of parsedProperties) {
-    if (prop.includes(":")) continue;
-    if (!cssPropertiesToCheck.includes(prop)) continue;
-    checkPropertySupport(prop, addWarning, framework, void 0, propertyLines.get(prop));
-  }
-  for (const compound of COMPOUND_VALUE_FEATURES) {
-    if (compound.startsWith(":") || compound.startsWith("::")) continue;
-    if (parsedProperties.has(compound)) {
-      checkPropertySupport(compound, addWarning, framework, void 0, propertyLines.get(compound));
+}
+function downlevelCSS(html) {
+  const $ = cheerio.load(html);
+  $("style").each((_, el) => {
+    let css = $(el).text();
+    css = unnestCSSRules(css);
+    css = convertRangeMediaQueries(css);
+    try {
+      const ast = csstree.parse(css, { parseCustomProperty: true });
+      resolveCSSVariables(ast);
+      sanitizeDeclarations(ast);
+      $(el).text(csstree.generate(ast));
+    } catch (e) {
+      $(el).text(css);
     }
-  }
-  for (const pseudo of detectedPseudoClasses) {
-    if (CSS_SUPPORT[pseudo]) {
-      checkPropertySupport(pseudo, addWarning, framework);
+  });
+  $("[style]").each((_, el) => {
+    const style = $(el).attr("style") || "";
+    const props = parseInlineStyle(style);
+    let changed = false;
+    const newProps = /* @__PURE__ */ new Map();
+    props.forEach((value, prop) => {
+      const converted = convertModernColors(value);
+      if (converted !== value) changed = true;
+      const physical = convertLogicalProperty(prop, converted);
+      if (physical) {
+        changed = true;
+        for (const [p, v] of physical) {
+          newProps.set(p, v);
+        }
+      } else {
+        const calcFixed = resolveCalcInfinity(converted);
+        if (calcFixed !== converted) changed = true;
+        newProps.set(prop, calcFixed);
+      }
+    });
+    if (changed) {
+      $(el).attr("style", serializeStyle(newProps));
     }
-  }
-  for (const pseudo of detectedPseudoElements) {
-    if (CSS_SUPPORT[pseudo]) {
-      checkPropertySupport(pseudo, addWarning, framework);
+  });
+  return $.html();
+}
+
+// src/constants.ts
+var MAX_HTML_SIZE = 2 * 1024 * 1024;
+var GENERIC_LINK_TEXT = /* @__PURE__ */ new Set([
+  "click here",
+  "here",
+  "read more",
+  "learn more",
+  "more",
+  "link",
+  "this link",
+  "click",
+  "tap here",
+  "this"
+]);
+var GMAIL_CLIP_THRESHOLD = 102 * 1024;
+var GMAIL_CLIP_WARNING_THRESHOLD = 90 * 1024;
+var CLIENT_DISPLAY_LIMITS = [
+  { client: "Gmail (Web)", subjectLimit: 70, preheaderLimit: 90 },
+  { client: "Gmail (Mobile)", subjectLimit: 40, preheaderLimit: 45 },
+  { client: "Outlook (Web)", subjectLimit: 60, preheaderLimit: 90 },
+  { client: "Outlook (Desktop)", subjectLimit: 55, preheaderLimit: 35 },
+  { client: "Apple Mail (macOS)", subjectLimit: 78, preheaderLimit: 140 },
+  { client: "Apple Mail (iOS)", subjectLimit: 41, preheaderLimit: 90 },
+  { client: "Yahoo Mail", subjectLimit: 46, preheaderLimit: 100 },
+  { client: "Samsung Email", subjectLimit: 40, preheaderLimit: 70 }
+];
+var TEMPLATE_VARIABLE_PATTERNS = [
+  [/\{\{[\s\S]*?\}\}/g, "Handlebars/Mustache"],
+  // {{var}}
+  [/\$\{[^}]+\}/g, "ES template literal"],
+  // ${var}
+  [/<%=?\s*[^%]+%>/g, "ERB/EJS"],
+  // <% %> / <%= %>
+  [/\*\|[A-Z_][A-Z0-9_]*\|\*/g, "Mailchimp merge tag"],
+  // *|TAG|*
+  [/%%[A-Za-z_][A-Za-z0-9_]*%%/g, "Salesforce AMPscript"],
+  // %%tag%%
+  [/\{[A-Za-z_][A-Za-z0-9_.]{2,}\}/g, "Single-brace merge field"]
+  // {merge_field} (3+ char names)
+];
+var EMPTY_SPAM = { score: 100, level: "low", issues: [] };
+var EMPTY_LINKS = {
+  totalLinks: 0,
+  issues: [],
+  breakdown: { https: 0, http: 0, mailto: 0, tel: 0, anchor: 0, javascript: 0, protocolRelative: 0, other: 0 }
+};
+var EMPTY_ACCESSIBILITY = { score: 100, issues: [] };
+var EMPTY_IMAGES = { total: 0, totalDataUriBytes: 0, issues: [], images: [] };
+var EMPTY_INBOX_PREVIEW = { subject: null, preheader: null, subjectLength: 0, preheaderLength: 0, truncation: [], issues: [] };
+var EMPTY_SIZE = { htmlBytes: 0, humanSize: "0 B", clipped: false, issues: [] };
+var EMPTY_TEMPLATE = { unresolvedCount: 0, issues: [] };
+var EMPTY_DELIVERABILITY = { domain: "", checks: [], score: 0, issues: [] };
+
+// src/transform.ts
+function hasPseudoSelector(selector) {
+  return new RegExp("(?<![[\\w])::?[a-z][\\w-]*(?:\\(|(?=[^(]))", "i").test(selector);
+}
+function addImportantToDeclarations(node) {
+  csstree2.walk(node, {
+    visit: "Declaration",
+    enter(decl) {
+      if (decl.type !== "Declaration") return;
+      if (decl.important) return;
+      decl.important = true;
     }
-  }
-  for (const fn of detectedCssFunctions) {
-    checkPropertySupport(fn, addWarning, framework, void 0, propertyLines.get(fn));
-  }
-  const severityOrder = { error: 0, warning: 1, info: 2 };
-  warnings.sort((a, b) => severityOrder[a.severity] - severityOrder[b.severity]);
-  return warnings;
+  });
 }
-function analyzeEmail(html, framework) {
-  if (!html || !html.trim()) {
-    return [];
-  }
-  if (html.length > MAX_HTML_SIZE) {
-    throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
+function inlineStyles($) {
+  const styleBlocks = [];
+  $("style").each((_, el) => {
+    styleBlocks.push($(el).text());
+  });
+  if (styleBlocks.length === 0) return "";
+  const preserved = [];
+  for (const block of styleBlocks) {
+    let ast;
+    try {
+      ast = csstree2.parse(block, { parseCustomProperty: true });
+    } catch (e) {
+      continue;
+    }
+    csstree2.walk(ast, {
+      visit: "Atrule",
+      enter(node) {
+        if (node.type !== "Atrule") return;
+        const name = node.name.toLowerCase();
+        if (name === "media" || name === "supports" || name === "keyframes" || name === "-webkit-keyframes" || name === "font-face") {
+          if (name === "media" || name === "supports") {
+            addImportantToDeclarations(node);
+          }
+          preserved.push(csstree2.generate(node));
+          return this.skip;
+        }
+      }
+    });
+    csstree2.walk(ast, {
+      visit: "Rule",
+      enter(node) {
+        if (node.type !== "Rule" || node.prelude.type !== "SelectorList") return;
+        const declarations = csstree2.generate(node.block);
+        const declText = declarations.slice(1, -1).trim();
+        if (!declText) return;
+        const selectorText = csstree2.generate(node.prelude);
+        if (hasPseudoSelector(selectorText)) {
+          preserved.push(csstree2.generate(node));
+          return;
+        }
+        try {
+          $(selectorText).each((_, el) => {
+            const existing = $(el).attr("style") || "";
+            $(el).attr("style", existing ? `${existing}; ${declText}` : declText);
+          });
+        } catch (e) {
+        }
+      }
+    });
   }
-  const $ = cheerio2.load(html);
-  return analyzeEmailFromDom($, framework);
+  return preserved.join("\n");
 }
-function getFixType(prop) {
-  return STRUCTURAL_FIX_PROPERTIES.has(prop) ? "structural" : "css";
+function makeWarning(base, prop, clientId, framework) {
+  const sug = getSuggestion(prop, clientId, framework);
+  const fix = getCodeFix(prop, clientId, framework);
+  const isFallback = framework && ((sug == null ? void 0 : sug.isGenericFallback) || fix && isCodeFixGenericFallback(prop, clientId, framework));
+  return __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, base), sug ? { suggestion: sug.text } : {}), fix ? { fix } : {}), isFallback ? { fixIsGenericFallback: true } : {}), {
+    fixType: STRUCTURAL_FIX_PROPERTIES.has(prop) ? "structural" : "css"
+  });
 }
-function checkPropertySupport(prop, addWarning, framework, selector, line) {
-  const supportData = CSS_SUPPORT[prop];
-  if (!supportData) return;
-  const fixType = getFixType(prop);
-  for (const client of EMAIL_CLIENTS) {
-    const support = supportData[client.id] || "unknown";
-    if (support === "unsupported") {
-      const sug = getSuggestion(prop, client.id, framework);
-      const fix = getCodeFix(prop, client.id, framework);
-      addWarning(__spreadValues(__spreadValues(__spreadValues({
-        severity: "warning",
-        client: client.id,
-        property: prop,
-        message: `${client.name} does not support "${prop}".`,
-        suggestion: sug.text,
-        fix,
-        fixType
-      }, selector ? { selector } : {}), line !== void 0 ? { line } : {}), framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(prop, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
-    } else if (support === "partial") {
-      const sug = getSuggestion(prop, client.id, framework);
-      const fix = getCodeFix(prop, client.id, framework);
-      addWarning(__spreadValues(__spreadValues(__spreadValues({
-        severity: "info",
-        client: client.id,
-        property: prop,
-        message: `${client.name} has partial support for "${prop}".`,
-        suggestion: sug.text,
-        fix,
-        fixType
-      }, selector ? { selector } : {}), line !== void 0 ? { line } : {}), framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(prop, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
-    }
+function detectAnimations($) {
+  let found = false;
+  $("[style]").each((_, el) => {
+    const style = $(el).attr("style") || "";
+    const props = parseInlineStyle(style);
+    props.forEach((_2, prop) => {
+      if (prop === "animation" || prop === "transition" || prop.startsWith("animation-") || prop.startsWith("transition-")) {
+        found = true;
+      }
+    });
+  });
+  if (!found) {
+    $("style").each((_, el) => {
+      try {
+        const ast = csstree2.parse($(el).text());
+        csstree2.walk(ast, {
+          enter(node) {
+            if (node.type === "Declaration") {
+              const prop = node.property.toLowerCase();
+              if (prop === "animation" || prop === "transition" || prop.startsWith("animation-") || prop.startsWith("transition-")) {
+                found = true;
+              }
+            }
+          }
+        });
+      } catch (e) {
+      }
+    });
   }
+  return found;
 }
-function generateCompatibilityScore(warnings) {
-  const result = {};
-  for (const client of EMAIL_CLIENTS) {
-    const clientWarnings = warnings.filter((w) => w.client === client.id);
-    const errorProps = new Set(clientWarnings.filter((w) => w.severity === "error").map((w) => w.property));
-    const warnProps = new Set(clientWarnings.filter((w) => w.severity === "warning").map((w) => w.property));
-    const infoProps = new Set(clientWarnings.filter((w) => w.severity === "info").map((w) => w.property));
-    const errors = errorProps.size;
-    const warns = warnProps.size;
-    const info = infoProps.size;
-    const score = Math.max(0, Math.min(100, 100 - errors * 10 - warns * 3));
-    result[client.id] = { score, errors, warnings: warns, info };
+function gmailAdditionalChecks($, clientId, _html, framework) {
+  const warnings = [];
+  let hasAtFontFace = false;
+  $("style").each((_, el) => {
+    try {
+      const ast = csstree2.parse($(el).text());
+      csstree2.walk(ast, {
+        enter(node) {
+          if (node.type === "Atrule" && node.name === "font-face") {
+            hasAtFontFace = true;
+          }
+        }
+      });
+    } catch (e) {
+    }
+  });
+  if (hasAtFontFace) {
+    warnings.push(makeWarning({
+      severity: "warning",
+      client: clientId,
+      property: "@font-face",
+      message: "Gmail does not support custom web fonts."
+    }, "@font-face", clientId, framework));
   }
-  return result;
+  return warnings;
 }
-function warningsForClient(warnings, clientId) {
-  return warnings.filter((w) => w.client === clientId);
+function gmailPostChecks($, clientId, _html, framework) {
+  const warnings = [];
+  $("*").contents().filter(function() {
+    return this.type === "comment";
+  }).each(function() {
+    const commentText = this.data || "";
+    if (commentText.includes("<style") || commentText.includes("[if mso]") || commentText.includes("[if gte mso")) {
+      $(this).remove();
+    }
+  });
+  const styleSug = getSuggestion("<style>:partial", clientId, framework);
+  warnings.push({
+    severity: "info",
+    client: clientId,
+    property: "<style>",
+    message: "Gmail partially supports <style> blocks (head only, 16KB limit). Inlining recommended for safety.",
+    suggestion: styleSug.text
+  });
+  return warnings;
 }
-function errorWarnings(warnings) {
-  return warnings.filter((w) => w.severity === "error");
+function outlookWindowsAdditionalChecks($, clientId, _html, framework) {
+  const warnings = [];
+  if ($("[style*='border-radius']").length > 0) {
+    warnings.push(makeWarning({
+      severity: "warning",
+      client: clientId,
+      property: "border-radius",
+      message: "Outlook Classic ignores border-radius. Buttons and containers will have sharp corners."
+    }, "border-radius", clientId, framework));
+  }
+  if ($("[style*='max-width']").length > 0) {
+    warnings.push(makeWarning({
+      severity: "warning",
+      client: clientId,
+      property: "max-width",
+      message: "Outlook Classic ignores max-width."
+    }, "max-width", clientId, framework));
+  }
+  const hasDivLayout = $("div[style*='display']").length > 0 || $("div[style*='flex']").length > 0 || $("div[style*='grid']").length > 0;
+  if (hasDivLayout) {
+    warnings.push(makeWarning({
+      severity: "error",
+      client: clientId,
+      property: "display:flex",
+      message: "Outlook Classic uses Microsoft Word for rendering. Flexbox and Grid layouts will break."
+    }, "display:flex", clientId, framework));
+  }
+  if ($("[style*='background-image']").length > 0 || $("[style*='background:']").filter(
+    (_, el) => ($(el).attr("style") || "").includes("url(")
+  ).length > 0) {
+    warnings.push(makeWarning({
+      severity: "warning",
+      client: clientId,
+      property: "background-image",
+      message: "Outlook Classic requires VML for background images."
+    }, "background-image", clientId, framework));
+  }
+  return warnings;
 }
-function structuralWarnings(warnings) {
-  return warnings.filter((w) => w.fixType === "structural");
+function appleMailAdditionalChecks($, clientId) {
+  const warnings = [];
+  const imgsWithTransparentBg = $("img").filter((_, el) => {
+    const src = $(el).attr("src") || "";
+    return src.endsWith(".png") || src.endsWith(".svg");
+  });
+  if (imgsWithTransparentBg.length > 0) {
+    warnings.push({
+      severity: "info",
+      client: clientId,
+      property: "dark-mode",
+      message: "PNG/SVG images with transparent backgrounds may become invisible in Apple Mail dark mode.",
+      suggestion: "Add a white background or padding around images, or use dark-mode-friendly image variants."
+    });
+  }
+  return warnings;
 }
-
-// src/dark-mode.ts
-var cheerio3 = __toESM(require("cheerio"), 1);
-var csstree3 = __toESM(require("css-tree"), 1);
-
-// src/color-utils.ts
-var NAMED_COLORS = {
-  aliceblue: [240, 248, 255],
-  antiquewhite: [250, 235, 215],
-  aqua: [0, 255, 255],
-  aquamarine: [127, 255, 212],
-  azure: [240, 255, 255],
-  beige: [245, 245, 220],
-  bisque: [255, 228, 196],
-  black: [0, 0, 0],
-  blanchedalmond: [255, 235, 205],
-  blue: [0, 0, 255],
-  blueviolet: [138, 43, 226],
-  brown: [165, 42, 42],
-  burlywood: [222, 184, 135],
-  cadetblue: [95, 158, 160],
-  chartreuse: [127, 255, 0],
-  chocolate: [210, 105, 30],
-  coral: [255, 127, 80],
-  cornflowerblue: [100, 149, 237],
-  cornsilk: [255, 248, 220],
-  crimson: [220, 20, 60],
-  cyan: [0, 255, 255],
-  darkblue: [0, 0, 139],
-  darkcyan: [0, 139, 139],
-  darkgoldenrod: [184, 134, 11],
-  darkgray: [169, 169, 169],
-  darkgreen: [0, 100, 0],
-  darkgrey: [169, 169, 169],
-  darkkhaki: [189, 183, 107],
-  darkmagenta: [139, 0, 139],
-  darkolivegreen: [85, 107, 47],
-  darkorange: [255, 140, 0],
-  darkorchid: [153, 50, 204],
-  darkred: [139, 0, 0],
-  darksalmon: [233, 150, 122],
-  darkseagreen: [143, 188, 143],
-  darkslateblue: [72, 61, 139],
-  darkslategray: [47, 79, 79],
-  darkslategrey: [47, 79, 79],
-  darkturquoise: [0, 206, 209],
-  darkviolet: [148, 0, 211],
-  deeppink: [255, 20, 147],
-  deepskyblue: [0, 191, 255],
-  dimgray: [105, 105, 105],
-  dimgrey: [105, 105, 105],
-  dodgerblue: [30, 144, 255],
-  firebrick: [178, 34, 34],
-  floralwhite: [255, 250, 240],
-  forestgreen: [34, 139, 34],
-  fuchsia: [255, 0, 255],
-  gainsboro: [220, 220, 220],
-  ghostwhite: [248, 248, 255],
-  gold: [255, 215, 0],
-  goldenrod: [218, 165, 32],
-  gray: [128, 128, 128],
-  green: [0, 128, 0],
-  greenyellow: [173, 255, 47],
-  grey: [128, 128, 128],
-  honeydew: [240, 255, 240],
-  hotpink: [255, 105, 180],
-  indianred: [205, 92, 92],
-  indigo: [75, 0, 130],
-  ivory: [255, 255, 240],
-  khaki: [240, 230, 140],
-  lavender: [230, 230, 250],
-  lavenderblush: [255, 240, 245],
-  lawngreen: [124, 252, 0],
-  lemonchiffon: [255, 250, 205],
-  lightblue: [173, 216, 230],
-  lightcoral: [240, 128, 128],
-  lightcyan: [224, 255, 255],
-  lightgoldenrodyellow: [250, 250, 210],
-  lightgray: [211, 211, 211],
-  lightgreen: [144, 238, 144],
-  lightgrey: [211, 211, 211],
-  lightpink: [255, 182, 193],
-  lightsalmon: [255, 160, 122],
-  lightseagreen: [32, 178, 170],
-  lightskyblue: [135, 206, 250],
-  lightslategray: [119, 136, 153],
-  lightslategrey: [119, 136, 153],
-  lightsteelblue: [176, 196, 222],
-  lightyellow: [255, 255, 224],
-  lime: [0, 255, 0],
-  limegreen: [50, 205, 50],
-  linen: [250, 240, 230],
-  magenta: [255, 0, 255],
-  maroon: [128, 0, 0],
-  mediumaquamarine: [102, 205, 170],
-  mediumblue: [0, 0, 205],
-  mediumorchid: [186, 85, 211],
-  mediumpurple: [147, 111, 219],
-  mediumseagreen: [60, 179, 113],
-  mediumslateblue: [123, 104, 238],
-  mediumspringgreen: [0, 250, 154],
-  mediumturquoise: [72, 209, 204],
-  mediumvioletred: [199, 21, 133],
-  midnightblue: [25, 25, 112],
-  mintcream: [245, 255, 250],
-  mistyrose: [255, 228, 225],
-  moccasin: [255, 228, 181],
-  navajowhite: [255, 222, 173],
-  navy: [0, 0, 128],
-  oldlace: [253, 245, 230],
-  olive: [128, 128, 0],
-  olivedrab: [107, 142, 35],
-  orange: [255, 165, 0],
-  orangered: [255, 69, 0],
-  orchid: [218, 112, 214],
-  palegoldenrod: [238, 232, 170],
-  palegreen: [152, 251, 152],
-  paleturquoise: [175, 238, 238],
-  palevioletred: [219, 112, 147],
-  papayawhip: [255, 239, 213],
-  peachpuff: [255, 218, 185],
-  peru: [205, 133, 63],
-  pink: [255, 192, 203],
-  plum: [221, 160, 221],
-  powderblue: [176, 224, 230],
-  purple: [128, 0, 128],
-  rebeccapurple: [102, 51, 153],
-  red: [255, 0, 0],
-  rosybrown: [188, 143, 143],
-  royalblue: [65, 105, 225],
-  saddlebrown: [139, 69, 19],
-  salmon: [250, 128, 114],
-  sandybrown: [244, 164, 96],
-  seagreen: [46, 139, 87],
-  seashell: [255, 245, 238],
-  sienna: [160, 82, 45],
-  silver: [192, 192, 192],
-  skyblue: [135, 206, 235],
-  slateblue: [106, 90, 205],
-  slategray: [112, 128, 144],
-  slategrey: [112, 128, 144],
-  snow: [255, 250, 250],
-  springgreen: [0, 255, 127],
-  steelblue: [70, 130, 180],
-  tan: [210, 180, 140],
-  teal: [0, 128, 128],
-  thistle: [216, 191, 216],
-  tomato: [255, 99, 71],
-  turquoise: [64, 224, 208],
-  violet: [238, 130, 238],
-  wheat: [245, 222, 179],
-  white: [255, 255, 255],
-  whitesmoke: [245, 245, 245],
-  yellow: [255, 255, 0],
-  yellowgreen: [154, 205, 50]
-};
-function parseColor(value) {
-  if (!value) return null;
-  const v = value.trim().toLowerCase();
-  if (v === "inherit" || v === "currentcolor" || v === "initial" || v === "unset" || v.startsWith("var(")) {
-    return null;
+function yahooAdditionalChecks($, clientId, _html, framework) {
+  const warnings = [];
+  warnings.push({
+    severity: "info",
+    client: clientId,
+    property: "class",
+    message: "Yahoo Mail rewrites CSS class names with a prefix. Class-based selectors in <style> blocks will still work but the names change."
+  });
+  if ($("[style*='background']").filter(
+    (_, el) => ($(el).attr("style") || "").includes("url(")
+  ).length > 0) {
+    warnings.push(makeWarning({
+      severity: "warning",
+      client: clientId,
+      property: "background-image",
+      message: "Yahoo Mail has inconsistent support for CSS background images."
+    }, "background-image", clientId, framework));
   }
-  if (v === "transparent") {
-    return { r: 0, g: 0, b: 0, a: 0 };
+  return warnings;
+}
+function thunderbirdAdditionalChecks($, clientId) {
+  if (detectAnimations($)) {
+    return [{
+      severity: "info",
+      client: clientId,
+      property: "animation",
+      message: "Thunderbird does not support CSS animations or transitions."
+    }];
+  }
+  return [];
+}
+function heyAdditionalChecks(_$, clientId, html) {
+  const warnings = [];
+  if (!html.includes("prefers-color-scheme")) {
+    warnings.push({
+      severity: "info",
+      client: clientId,
+      property: "dark-mode",
+      message: "HEY Mail supports @media (prefers-color-scheme: dark). Consider adding dark mode styles.",
+      suggestion: "Add a @media (prefers-color-scheme: dark) block to optimize for HEY's audience."
+    });
+  }
+  return warnings;
+}
+function superhumanAdditionalChecks($, clientId, html) {
+  const warnings = [];
+  if (detectAnimations($)) {
+    warnings.push({
+      severity: "info",
+      client: clientId,
+      property: "animation",
+      message: "Superhuman may honor OS-level 'reduce motion' preferences, disabling animations.",
+      suggestion: "Use @media (prefers-reduced-motion: reduce) to provide static fallbacks."
+    });
+  }
+  warnings.push({
+    severity: "info",
+    client: clientId,
+    property: "<style>",
+    message: "Superhuman uses Chromium rendering with excellent CSS support. Flexbox, Grid, CSS variables, and modern properties all work."
+  });
+  return warnings;
+}
+var EMPTY_SET = /* @__PURE__ */ new Set();
+var CLIENT_CONFIGS = {
+  "gmail-web": {
+    id: "gmail-web",
+    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
+    stripMode: "strip",
+    valueStrips: [
+      { prop: "display", pattern: /grid/ },
+      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
+    ],
+    inlineAndStripStyles: true,
+    stripExternalStylesheets: true,
+    stripForms: true,
+    stripSvg: true,
+    additionalChecks: gmailAdditionalChecks
+  },
+  "gmail-android": {
+    id: "gmail-android",
+    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
+    stripMode: "strip",
+    valueStrips: [
+      { prop: "display", pattern: /grid/ },
+      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
+    ],
+    inlineAndStripStyles: true,
+    stripExternalStylesheets: true,
+    stripForms: true,
+    stripSvg: true,
+    additionalChecks: gmailAdditionalChecks
+  },
+  "gmail-ios": {
+    id: "gmail-ios",
+    strippedProperties: GMAIL_STRIPPED_PROPERTIES,
+    stripMode: "strip",
+    valueStrips: [
+      { prop: "display", pattern: /grid/ },
+      { prop: "background", pattern: /linear-gradient|radial-gradient/ }
+    ],
+    inlineAndStripStyles: true,
+    stripExternalStylesheets: true,
+    stripForms: true,
+    stripSvg: true,
+    additionalChecks: gmailAdditionalChecks
+  },
+  "outlook-windows": {
+    id: "outlook-windows",
+    strippedProperties: /* @__PURE__ */ new Set(["position", "transform", "animation", "transition"]),
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false
+  },
+  "outlook-windows-legacy": {
+    id: "outlook-windows-legacy",
+    strippedProperties: OUTLOOK_WORD_UNSUPPORTED,
+    stripMode: "strip",
+    valueStrips: [
+      { prop: "background", pattern: /linear-gradient|radial-gradient/ },
+      { prop: "background-image", pattern: /linear-gradient|radial-gradient/ }
+    ],
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false,
+    additionalChecks: outlookWindowsAdditionalChecks
+  },
+  "outlook-web": {
+    id: "outlook-web",
+    strippedProperties: /* @__PURE__ */ new Set(["position", "transform", "animation", "transition"]),
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false
+  },
+  "apple-mail-macos": {
+    id: "apple-mail-macos",
+    strippedProperties: EMPTY_SET,
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false,
+    additionalChecks: appleMailAdditionalChecks
+  },
+  "apple-mail-ios": {
+    id: "apple-mail-ios",
+    strippedProperties: EMPTY_SET,
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false,
+    additionalChecks: appleMailAdditionalChecks
+  },
+  "yahoo-mail": {
+    id: "yahoo-mail",
+    strippedProperties: /* @__PURE__ */ new Set(["position", "box-shadow", "transform", "animation", "transition", "opacity"]),
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false,
+    additionalChecks: yahooAdditionalChecks
+  },
+  "samsung-mail": {
+    id: "samsung-mail",
+    strippedProperties: /* @__PURE__ */ new Set(["box-shadow", "transform", "animation", "transition", "opacity"]),
+    stripMode: "info",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false
+  },
+  "thunderbird": {
+    id: "thunderbird",
+    strippedProperties: EMPTY_SET,
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: false,
+    stripForms: false,
+    stripSvg: false,
+    additionalChecks: thunderbirdAdditionalChecks
+  },
+  "hey-mail": {
+    id: "hey-mail",
+    strippedProperties: /* @__PURE__ */ new Set(["transform", "animation", "transition"]),
+    stripMode: "strip",
+    valueStrips: [
+      { prop: "position", pattern: /fixed|sticky/ }
+    ],
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: true,
+    stripForms: true,
+    stripSvg: false,
+    additionalChecks: heyAdditionalChecks
+  },
+  "superhuman": {
+    id: "superhuman",
+    strippedProperties: EMPTY_SET,
+    stripMode: "strip",
+    inlineAndStripStyles: false,
+    stripExternalStylesheets: true,
+    stripForms: true,
+    stripSvg: false,
+    additionalChecks: superhumanAdditionalChecks
+  }
+};
+function applyTransform(html, config, framework) {
+  const $ = cheerio2.load(html);
+  const warnings = [];
+  const clientId = config.id;
+  if (config.additionalChecks && config.inlineAndStripStyles) {
+    warnings.push(...config.additionalChecks($, clientId, html, framework));
+  }
+  if (config.inlineAndStripStyles) {
+    const preserved = inlineStyles($);
+    $("style").remove();
+    if (preserved.trim()) {
+      const head = $("head");
+      if (head.length > 0) {
+        head.append(`<style>${preserved}</style>`);
+      } else {
+        $("body").prepend(`<style>${preserved}</style>`);
+      }
+    }
+  }
+  if (config.stripExternalStylesheets) {
+    if ($("link[rel='stylesheet']").length > 0) {
+      warnings.push(makeWarning({
+        severity: "error",
+        client: clientId,
+        property: "<link>",
+        message: `${clientId} does not load external stylesheets.`
+      }, "<link>", clientId, framework));
+      $("link[rel='stylesheet']").remove();
+    }
+  }
+  if (config.stripForms && $("form").length > 0) {
+    warnings.push(makeWarning({
+      severity: "error",
+      client: clientId,
+      property: "<form>",
+      message: `${clientId} removes form elements.`
+    }, "<form>", clientId, framework));
+    $("form").each((_, el) => {
+      $(el).replaceWith($(el).html() || "");
+    });
+  }
+  if (config.stripSvg && $("svg").length > 0) {
+    warnings.push(makeWarning({
+      severity: "error",
+      client: clientId,
+      property: "<svg>",
+      message: `${clientId} does not support inline SVG elements.`
+    }, "<svg>", clientId, framework));
+    $("svg").each((_, el) => {
+      $(el).replaceWith('<img alt="[SVG not supported]" />');
+    });
+  }
+  if (config.strippedProperties.size > 0 || config.valueStrips && config.valueStrips.length > 0) {
+    $("[style]").each((_, el) => {
+      const style = $(el).attr("style") || "";
+      const props = parseInlineStyle(style);
+      const removed = [];
+      props.forEach((value, prop) => {
+        var _a;
+        if (config.strippedProperties.has(prop)) {
+          if (config.stripMode === "strip") {
+            removed.push(prop);
+            props.delete(prop);
+          } else {
+            warnings.push(makeWarning({
+              severity: "info",
+              client: clientId,
+              property: prop,
+              message: `${clientId} has limited support for "${prop}".`
+            }, prop, clientId, framework));
+          }
+          return;
+        }
+        for (const vs of (_a = config.valueStrips) != null ? _a : []) {
+          if (prop === vs.prop && vs.pattern.test(value)) {
+            removed.push(prop);
+            props.delete(prop);
+            return;
+          }
+        }
+      });
+      if (removed.length > 0) {
+        $(el).attr("style", serializeStyle(props));
+        for (const prop of removed) {
+          warnings.push(makeWarning({
+            severity: "warning",
+            client: clientId,
+            property: prop,
+            message: `${clientId} strips "${prop}" from styles.`
+          }, prop, clientId, framework));
+        }
+      }
+    });
+  }
+  if (config.inlineAndStripStyles) {
+    warnings.push(...gmailPostChecks($, clientId, html, framework));
+  }
+  if (config.additionalChecks && !config.inlineAndStripStyles) {
+    warnings.push(...config.additionalChecks($, clientId, html, framework));
+  }
+  return { clientId, html: $.html(), warnings };
+}
+function transformForClient(html, clientId, framework) {
+  if (!html || !html.trim()) {
+    return { clientId, html: html || "", warnings: [] };
+  }
+  if (html.length > MAX_HTML_SIZE) {
+    throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
+  }
+  const config = CLIENT_CONFIGS[clientId];
+  if (!config) {
+    return {
+      clientId,
+      html,
+      warnings: [
+        {
+          severity: "info",
+          client: clientId,
+          property: "unknown",
+          message: `No transformation rules available for client "${clientId}".`
+        }
+      ]
+    };
+  }
+  const downleveled = downlevelCSS(html);
+  return applyTransform(downleveled, config, framework);
+}
+function transformForAllClients(html, framework) {
+  if (!html || !html.trim()) {
+    return Object.keys(CLIENT_CONFIGS).map((clientId) => ({
+      clientId,
+      html: html || "",
+      warnings: []
+    }));
+  }
+  if (html.length > MAX_HTML_SIZE) {
+    throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
+  }
+  const downleveled = downlevelCSS(html);
+  return Object.keys(CLIENT_CONFIGS).map(
+    (clientId) => applyTransform(downleveled, CLIENT_CONFIGS[clientId], framework)
+  );
+}
+
+// src/analyze.ts
+var cheerio3 = __toESM(require("cheerio"), 1);
+var csstree3 = __toESM(require("css-tree"), 1);
+var HTML_ELEMENT_SELECTORS = {
+  "<style>": "style",
+  "<link>": "link[rel='stylesheet']",
+  "<svg>": "svg",
+  "<video>": "video",
+  "<form>": "form, input, button[type='submit']",
+  "<audio>": "audio",
+  "<picture>": "picture",
+  "<dialog>": "dialog",
+  "<meter>": "meter",
+  "<progress>": "progress",
+  "<select>": "select",
+  "<textarea>": "textarea",
+  "<marquee>": "marquee",
+  "<object>": "object",
+  "<base>": "base"
+};
+var HTML_ELEMENT_SEVERITY = {
+  "<style>": "error",
+  "<link>": "error",
+  "<svg>": "error",
+  "<form>": "error",
+  "<video>": "warning",
+  "<audio>": "warning",
+  "<picture>": "warning",
+  "<dialog>": "warning",
+  "<marquee>": "warning",
+  "<meter>": "warning",
+  "<progress>": "warning",
+  "<select>": "warning",
+  "<textarea>": "warning",
+  "<object>": "warning",
+  "<base>": "warning"
+};
+var HTML_ELEMENT_MESSAGES = {
+  "<style>": (n) => `${n} strips <style> blocks. Styles must be inlined.`,
+  "<link>": (n) => `${n} does not support external stylesheets.`,
+  "<svg>": (n) => `${n} does not support inline SVG.`,
+  "<video>": (n) => `${n} does not support <video> elements.`,
+  "<form>": (n) => `${n} strips form elements.`
+};
+var COMPOUND_DETECTORS = [
+  { key: "display:flex", property: "display", valueIncludes: "flex" },
+  { key: "display:grid", property: "display", valueIncludes: "grid" },
+  { key: "display:none", property: "display", valueIncludes: "none" }
+];
+var CSS_FUNCTION_DETECTORS = CSS_FUNCTION_FEATURES.map((fn) => ({
+  key: fn,
+  pattern: `${fn}(`
+  // require opening paren — matches "min(" but not "Minion"
+}));
+function analyzeEmailFromDom($, framework) {
+  const warnings = [];
+  const seenWarnings = /* @__PURE__ */ new Set();
+  function addWarning(w) {
+    const key = `${w.client}:${w.property}:${w.severity}:${w.selector || ""}`;
+    if (!seenWarnings.has(key)) {
+      seenWarnings.add(key);
+      warnings.push(w);
+    }
+  }
+  function describeSelector(el) {
+    var _a;
+    const $el = $(el);
+    const tag = ((_a = el.tagName) == null ? void 0 : _a.toLowerCase()) || "";
+    const cls = $el.attr("class");
+    const id = $el.attr("id");
+    if (id) return `${tag}#${id}`;
+    if (cls) return `${tag}.${cls.split(/\s+/)[0]}`;
+    const href = $el.attr("href");
+    if (href) return `${tag}[href]`;
+    return tag;
+  }
+  for (const feature of HTML_ELEMENT_FEATURES) {
+    const selector = HTML_ELEMENT_SELECTORS[feature];
+    if (!selector) continue;
+    if ($(selector).length === 0) continue;
+    const supportData = CSS_SUPPORT[feature];
+    if (!supportData) continue;
+    const baseSeverity = HTML_ELEMENT_SEVERITY[feature] || "warning";
+    for (const client of EMAIL_CLIENTS) {
+      const support = supportData[client.id];
+      if (support === "unsupported") {
+        const msgFn = HTML_ELEMENT_MESSAGES[feature];
+        const message = msgFn ? msgFn(client.name) : `${client.name} does not support ${feature}.`;
+        const sug = getSuggestion(feature, client.id, framework);
+        const fix = getCodeFix(feature, client.id, framework);
+        addWarning(__spreadValues({
+          severity: baseSeverity,
+          client: client.id,
+          property: feature,
+          message,
+          suggestion: sug.text,
+          fix,
+          fixType: getFixType(feature)
+        }, framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(feature, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
+      } else if (support === "partial" && feature === "<style>") {
+        const sug = getSuggestion("<style>:partial", client.id, framework);
+        const fix = getCodeFix("<style>", client.id, framework);
+        addWarning(__spreadValues({
+          severity: "warning",
+          client: client.id,
+          property: "<style>",
+          message: `${client.name} has partial <style> support (head only, with limitations). Inline styles recommended.`,
+          suggestion: sug.text,
+          fix,
+          fixType: getFixType("<style>")
+        }, framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback("<style>", client.id, framework)) ? { fixIsGenericFallback: true } : {}));
+      }
+    }
+  }
+  const parsedAtRules = /* @__PURE__ */ new Set();
+  const parsedProperties = /* @__PURE__ */ new Set();
+  const propertyLines = /* @__PURE__ */ new Map();
+  const detectedCssFunctions = /* @__PURE__ */ new Set();
+  const detectedPseudoClasses = /* @__PURE__ */ new Set();
+  const detectedPseudoElements = /* @__PURE__ */ new Set();
+  $("style").each((_, el) => {
+    const cssText = $(el).text();
+    try {
+      const ast = csstree3.parse(cssText, { parseCustomProperty: true, positions: true });
+      csstree3.walk(ast, {
+        enter(node) {
+          if (node.type === "Atrule") {
+            parsedAtRules.add(`@${node.name}`);
+          }
+          if (node.type === "PseudoClassSelector") {
+            detectedPseudoClasses.add(`:${node.name}`);
+          }
+          if (node.type === "PseudoElementSelector") {
+            detectedPseudoElements.add(`::${node.name}`);
+          }
+          if (node.type === "Declaration") {
+            const prop = node.property.toLowerCase();
+            parsedProperties.add(prop);
+            if (node.loc && !propertyLines.has(prop)) {
+              propertyLines.set(prop, node.loc.start.line);
+            }
+            const valueStr = csstree3.generate(node.value);
+            for (const det of COMPOUND_DETECTORS) {
+              if (prop === det.property && valueStr.includes(det.valueIncludes)) {
+                parsedProperties.add(det.key);
+                if (node.loc && !propertyLines.has(det.key)) {
+                  propertyLines.set(det.key, node.loc.start.line);
+                }
+              }
+            }
+            for (const fn of CSS_FUNCTION_DETECTORS) {
+              if (valueStr.includes(fn.pattern)) {
+                detectedCssFunctions.add(fn.key);
+                if (node.loc && !propertyLines.has(fn.key)) {
+                  propertyLines.set(fn.key, node.loc.start.line);
+                }
+              }
+            }
+          }
+        }
+      });
+    } catch (e) {
+    }
+  });
+  for (const atRule of AT_RULE_FEATURES) {
+    if (!parsedAtRules.has(atRule)) continue;
+    checkPropertySupport(atRule, addWarning, framework);
   }
-  const named = NAMED_COLORS[v];
-  if (named) {
-    return { r: named[0], g: named[1], b: named[2], a: 1 };
+  const cssPropertiesToCheck = Object.keys(CSS_SUPPORT).filter(
+    (k) => !k.startsWith("<") && !k.startsWith("@")
+  );
+  $("[style]").each((_, el) => {
+    const style = $(el).attr("style") || "";
+    const props = parseStyleProperties(style);
+    const selector = describeSelector(el);
+    for (const prop of props) {
+      for (const det of COMPOUND_DETECTORS) {
+        if (prop === det.property) {
+          const value2 = getStyleValue(style, prop);
+          if (value2 == null ? void 0 : value2.includes(det.valueIncludes)) {
+            checkPropertySupport(det.key, addWarning, framework, selector);
+          }
+        }
+      }
+      if (cssPropertiesToCheck.includes(prop)) {
+        checkPropertySupport(prop, addWarning, framework, selector);
+      }
+      const value = getStyleValue(style, prop);
+      if (value) {
+        for (const fn of CSS_FUNCTION_DETECTORS) {
+          if (value.includes(fn.pattern)) {
+            checkPropertySupport(fn.key, addWarning, framework, selector);
+          }
+        }
+      }
+    }
+  });
+  for (const prop of parsedProperties) {
+    if (prop.includes(":")) continue;
+    if (!cssPropertiesToCheck.includes(prop)) continue;
+    checkPropertySupport(prop, addWarning, framework, void 0, propertyLines.get(prop));
   }
-  if (v.startsWith("#")) {
-    const hex = v.slice(1);
-    if (hex.length === 3) {
-      return {
-        r: parseInt(hex[0] + hex[0], 16),
-        g: parseInt(hex[1] + hex[1], 16),
-        b: parseInt(hex[2] + hex[2], 16),
-        a: 1
-      };
+  for (const compound of COMPOUND_VALUE_FEATURES) {
+    if (compound.startsWith(":") || compound.startsWith("::")) continue;
+    if (parsedProperties.has(compound)) {
+      checkPropertySupport(compound, addWarning, framework, void 0, propertyLines.get(compound));
     }
-    if (hex.length === 6) {
-      return {
-        r: parseInt(hex.slice(0, 2), 16),
-        g: parseInt(hex.slice(2, 4), 16),
-        b: parseInt(hex.slice(4, 6), 16),
-        a: 1
-      };
+  }
+  for (const pseudo of detectedPseudoClasses) {
+    if (CSS_SUPPORT[pseudo]) {
+      checkPropertySupport(pseudo, addWarning, framework);
     }
-    if (hex.length === 8) {
-      return {
-        r: parseInt(hex.slice(0, 2), 16),
-        g: parseInt(hex.slice(2, 4), 16),
-        b: parseInt(hex.slice(4, 6), 16),
-        a: parseInt(hex.slice(6, 8), 16) / 255
-      };
+  }
+  for (const pseudo of detectedPseudoElements) {
+    if (CSS_SUPPORT[pseudo]) {
+      checkPropertySupport(pseudo, addWarning, framework);
     }
-    return null;
   }
-  const rgbMatch = v.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)(?:\s*,\s*([\d.]+))?\s*\)$/);
-  if (rgbMatch) {
-    return {
-      r: Math.min(255, parseInt(rgbMatch[1], 10)),
-      g: Math.min(255, parseInt(rgbMatch[2], 10)),
-      b: Math.min(255, parseInt(rgbMatch[3], 10)),
-      a: rgbMatch[4] !== void 0 ? Math.min(1, parseFloat(rgbMatch[4])) : 1
-    };
+  for (const fn of detectedCssFunctions) {
+    checkPropertySupport(fn, addWarning, framework, void 0, propertyLines.get(fn));
   }
-  return null;
+  const severityOrder = { error: 0, warning: 1, info: 2 };
+  warnings.sort((a, b) => severityOrder[a.severity] - severityOrder[b.severity]);
+  return warnings;
 }
-function relativeLuminance(r, g, b) {
-  const [rs, gs, bs] = [r, g, b].map((c) => {
-    const s = c / 255;
-    return s <= 0.04045 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+function analyzeEmail(html, framework) {
+  if (!html || !html.trim()) {
+    return [];
+  }
+  if (html.length > MAX_HTML_SIZE) {
+    throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
+  }
+  const $ = cheerio3.load(html);
+  return analyzeEmailFromDom($, framework);
 }
-function contrastRatio(l1, l2) {
-  const lighter = Math.max(l1, l2);
-  const darker = Math.min(l1, l2);
-  return (lighter + 0.05) / (darker + 0.05);
+function getFixType(prop) {
+  return STRUCTURAL_FIX_PROPERTIES.has(prop) ? "structural" : "css";
 }
-function wcagGrade(ratio) {
-  if (ratio >= 7) return "AAA";
-  if (ratio >= 4.5) return "AA";
-  if (ratio >= 3) return "AA Large";
-  return "Fail";
+function checkPropertySupport(prop, addWarning, framework, selector, line) {
+  const supportData = CSS_SUPPORT[prop];
+  if (!supportData) return;
+  const fixType = getFixType(prop);
+  for (const client of EMAIL_CLIENTS) {
+    const support = supportData[client.id] || "unknown";
+    if (support === "unsupported") {
+      const sug = getSuggestion(prop, client.id, framework);
+      const fix = getCodeFix(prop, client.id, framework);
+      addWarning(__spreadValues(__spreadValues(__spreadValues({
+        severity: "warning",
+        client: client.id,
+        property: prop,
+        message: `${client.name} does not support "${prop}".`,
+        suggestion: sug.text,
+        fix,
+        fixType
+      }, selector ? { selector } : {}), line !== void 0 ? { line } : {}), framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(prop, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
+    } else if (support === "partial") {
+      const sug = getSuggestion(prop, client.id, framework);
+      const fix = getCodeFix(prop, client.id, framework);
+      addWarning(__spreadValues(__spreadValues(__spreadValues({
+        severity: "info",
+        client: client.id,
+        property: prop,
+        message: `${client.name} has partial support for "${prop}".`,
+        suggestion: sug.text,
+        fix,
+        fixType
+      }, selector ? { selector } : {}), line !== void 0 ? { line } : {}), framework && (sug.isGenericFallback || fix && isCodeFixGenericFallback(prop, client.id, framework)) ? { fixIsGenericFallback: true } : {}));
+    }
+  }
 }
-function alphaBlend(fg, bgR, bgG, bgB) {
-  const a = fg.a;
-  return [
-    Math.round(fg.r * a + bgR * (1 - a)),
-    Math.round(fg.g * a + bgG * (1 - a)),
-    Math.round(fg.b * a + bgB * (1 - a))
-  ];
+function generateCompatibilityScore(warnings) {
+  const result = {};
+  for (const client of EMAIL_CLIENTS) {
+    const clientWarnings = warnings.filter((w) => w.client === client.id);
+    const errorProps = new Set(clientWarnings.filter((w) => w.severity === "error").map((w) => w.property));
+    const warnProps = new Set(clientWarnings.filter((w) => w.severity === "warning").map((w) => w.property));
+    const infoProps = new Set(clientWarnings.filter((w) => w.severity === "info").map((w) => w.property));
+    const errors = errorProps.size;
+    const warns = warnProps.size;
+    const info = infoProps.size;
+    const score = Math.max(0, Math.min(100, 100 - errors * 10 - warns * 3));
+    result[client.id] = { score, errors, warnings: warns, info };
+  }
+  return result;
+}
+function warningsForClient(warnings, clientId) {
+  return warnings.filter((w) => w.client === clientId);
+}
+function errorWarnings(warnings) {
+  return warnings.filter((w) => w.severity === "error");
+}
+function structuralWarnings(warnings) {
+  return warnings.filter((w) => w.fixType === "structural");
 }
 
 // src/dark-mode.ts
+var cheerio4 = __toESM(require("cheerio"), 1);
+var csstree4 = __toESM(require("css-tree"), 1);
 var LIGHT_THRESHOLD = 0.7;
 var DARK_THRESHOLD = 0.15;
 function simulateDarkMode(html, clientId) {
@@ -6955,7 +7577,7 @@ function simulateDarkMode(html, clientId) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio3.load(html);
+  const $ = cheerio4.load(html);
   const warnings = [];
   $("img").each((_, el) => {
     const src = $(el).attr("src") || "";
@@ -7152,35 +7774,35 @@ function applyColorInversion($, mode) {
   $("style").each((_, el) => {
     const cssText = $(el).text();
     try {
-      const ast = csstree3.parse(cssText, { parseCustomProperty: true });
+      const ast = csstree4.parse(cssText, { parseCustomProperty: true });
       let modified = false;
-      csstree3.walk(ast, {
+      csstree4.walk(ast, {
         enter(node) {
           if (node.type !== "Declaration") return;
           const prop = node.property.toLowerCase();
           if (!COLOR_PROPS.has(prop) && prop !== "background") return;
-          const valueStr = csstree3.generate(node.value);
+          const valueStr = csstree4.generate(node.value);
           if (prop === "background") {
             const bgColor = extractBackgroundColor(valueStr);
             if (bgColor) {
               const inverted = invertColor(bgColor, mode);
               if (inverted) {
                 const newValue = valueStr.replace(bgColor, inverted);
-                node.value = csstree3.parse(newValue, { context: "value" });
+                node.value = csstree4.parse(newValue, { context: "value" });
                 modified = true;
               }
             }
           } else {
             const inverted = invertColor(valueStr, mode);
             if (inverted) {
-              node.value = csstree3.parse(inverted, { context: "value" });
+              node.value = csstree4.parse(inverted, { context: "value" });
               modified = true;
             }
           }
         }
       });
       if (modified) {
-        $(el).text(csstree3.generate(ast));
+        $(el).text(csstree4.generate(ast));
       }
     } catch (e) {
     }
@@ -7492,7 +8114,7 @@ function extractCode(response) {
 }
 
 // src/spam-scorer.ts
-var cheerio4 = __toESM(require("cheerio"), 1);
+var cheerio5 = __toESM(require("cheerio"), 1);
 var SPAM_TRIGGER_PHRASES = [
   "act now",
   "limited time",
@@ -7923,12 +8545,12 @@ function analyzeSpam(html, options) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio4.load(html);
+  const $ = cheerio5.load(html);
   return analyzeSpamFromDom($, options);
 }
 
 // src/link-validator.ts
-var cheerio5 = __toESM(require("cheerio"), 1);
+var cheerio6 = __toESM(require("cheerio"), 1);
 function classifyHref(href) {
   if (!href || !href.trim()) return "empty";
   const h = href.trim().toLowerCase();
@@ -8124,12 +8746,12 @@ function validateLinks(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio5.load(html);
+  const $ = cheerio6.load(html);
   return validateLinksFromDom($);
 }
 
 // src/accessibility-checker.ts
-var cheerio6 = __toESM(require("cheerio"), 1);
+var cheerio7 = __toESM(require("cheerio"), 1);
 var RULE_PENALTY_CAPS = {
   "img-missing-alt": 3,
   "link-generic-text": 3,
@@ -8432,12 +9054,12 @@ function checkAccessibility(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio6.load(html);
+  const $ = cheerio7.load(html);
   return checkAccessibilityFromDom($);
 }
 
 // src/image-analyzer.ts
-var cheerio7 = __toESM(require("cheerio"), 1);
+var cheerio8 = __toESM(require("cheerio"), 1);
 var DATA_URI_WARN_BYTES = 100 * 1024;
 var TOTAL_DATA_URI_WARN_BYTES = 500 * 1024;
 var HIGH_IMAGE_COUNT = 10;
@@ -8601,12 +9223,12 @@ function analyzeImages(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio7.load(html);
+  const $ = cheerio8.load(html);
   return analyzeImagesFromDom($);
 }
 
 // src/inbox-preview.ts
-var cheerio8 = __toESM(require("cheerio"), 1);
+var cheerio9 = __toESM(require("cheerio"), 1);
 var MAX_SUBJECT_LENGTH = 60;
 var MAX_PREHEADER_LENGTH = 100;
 var MIN_PREHEADER_LENGTH = 30;
@@ -8626,7 +9248,7 @@ function extractInboxPreview(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio8.load(html);
+  const $ = cheerio9.load(html);
   return extractInboxPreviewFromDom($);
 }
 function extractInboxPreviewFromDom($) {
@@ -8794,7 +9416,7 @@ function getFirstVisibleText($, body) {
 }
 
 // src/size-checker.ts
-var cheerio9 = __toESM(require("cheerio"), 1);
+var cheerio10 = __toESM(require("cheerio"), 1);
 function humanizeBytes(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   const kb = bytes / 1024;
@@ -8832,12 +9454,12 @@ function checkSize(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio9.load(html);
+  const $ = cheerio10.load(html);
   return checkSizeFromDom($, html);
 }
 
 // src/template-checker.ts
-var cheerio10 = __toESM(require("cheerio"), 1);
+var cheerio11 = __toESM(require("cheerio"), 1);
 function checkTemplateVariablesFromDom($) {
   const issues = [];
   const seen = /* @__PURE__ */ new Set();
@@ -8900,12 +9522,12 @@ function checkTemplateVariables(html) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio10.load(html);
+  const $ = cheerio11.load(html);
   return checkTemplateVariablesFromDom($);
 }
 
 // src/audit.ts
-var cheerio11 = __toESM(require("cheerio"), 1);
+var cheerio12 = __toESM(require("cheerio"), 1);
 function auditEmail(html, options) {
   var _a;
   if (!html || !html.trim()) {
@@ -8925,7 +9547,7 @@ function auditEmail(html, options) {
   }
   const framework = options == null ? void 0 : options.framework;
   const skip = new Set((_a = options == null ? void 0 : options.skip) != null ? _a : []);
-  const $ = cheerio11.load(html);
+  const $ = cheerio12.load(html);
   const warnings = skip.has("compatibility") ? [] : analyzeEmailFromDom($, framework);
   const scores = skip.has("compatibility") ? {} : generateCompatibilityScore(warnings);
   const spam = skip.has("spam") ? EMPTY_SPAM : analyzeSpamFromDom($, options == null ? void 0 : options.spam);
@@ -8938,8 +9560,53 @@ function auditEmail(html, options) {
   return { compatibility: { warnings, scores }, spam, links, accessibility, images, inboxPreview, size, templateVariables };
 }
 
+// src/plain-text.ts
+var cheerio13 = __toESM(require("cheerio"), 1);
+function toPlainText(html) {
+  const $ = cheerio13.load(html);
+  $("style, script").remove();
+  $("[data-skip-in-text='true']").remove();
+  $("hr").replaceWith("\n---\n");
+  $("br").replaceWith("\n");
+  $("img").each((_, el) => {
+    const alt = $(el).attr("alt");
+    $(el).replaceWith(alt ? alt : "");
+  });
+  $("a").each((_, el) => {
+    const $el = $(el);
+    const href = $el.attr("href") || "";
+    const text2 = $el.text().trim();
+    if (!href || href === text2) {
+      $el.replaceWith(text2 || href);
+    } else if (!text2) {
+      $el.replaceWith(href);
+    } else {
+      $el.replaceWith(`${text2} (${href})`);
+    }
+  });
+  $("li").each((_, el) => {
+    const $el = $(el);
+    const text2 = $el.text().trim();
+    $el.replaceWith(`
+- ${text2}
+`);
+  });
+  const blockTags = "p, div, h1, h2, h3, h4, h5, h6, tr, blockquote, ul, ol";
+  $(blockTags).each((_, el) => {
+    const $el = $(el);
+    $el.prepend("\n\n");
+    $el.append("\n\n");
+  });
+  let text = $("body").text();
+  if (!text.trim()) {
+    text = $.root().text();
+  }
+  text = text.replace(/\n{3,}/g, "\n\n");
+  return text.trim();
+}
+
 // src/session.ts
-var cheerio12 = __toESM(require("cheerio"), 1);
+var cheerio14 = __toESM(require("cheerio"), 1);
 function createSession(html, options) {
   if (!html || !html.trim()) {
     const fw = options == null ? void 0 : options.framework;
@@ -8973,7 +9640,7 @@ function createSession(html, options) {
   if (html.length > MAX_HTML_SIZE) {
     throw new Error(`HTML input exceeds ${MAX_HTML_SIZE / 1024}KB limit.`);
   }
-  const $ = cheerio12.load(html);
+  const $ = cheerio14.load(html);
   const framework = options == null ? void 0 : options.framework;
   return {
     html,
@@ -9066,9 +9733,11 @@ var CompileError = class extends Error {
   contrastRatio,
   createSession,
   diffResults,
+  downlevelCSS,
   errorWarnings,
   estimateAiFixTokens,
   extractInboxPreview,
+  formatRgb,
   generateAiFix,
   generateCompatibilityScore,
   generateFixPrompt,
@@ -9080,6 +9749,7 @@ var CompileError = class extends Error {
   relativeLuminance,
   simulateDarkMode,
   structuralWarnings,
+  toPlainText,
   transformForAllClients,
   transformForClient,
   validateLinks,