@pixldocs/canvas-renderer 0.5.68 → 0.5.71

package/dist/index.js

@@ -12123,865 +12123,12 @@ function paintRepeatableSections(config, repeatableSections) {
     }
   }
 }
-const FONT_WEIGHT_LABELS = {
-  300: "Light",
-  400: "Regular",
-  500: "Medium",
-  600: "SemiBold",
-  700: "Bold"
-};
-function resolveFontWeight(weight) {
-  if (weight <= 350) return 300;
-  if (weight <= 450) return 400;
-  if (weight <= 550) return 500;
-  if (weight <= 650) return 600;
-  return 700;
-}
-const FONT_FALLBACK_SYMBOLS = "Noto Sans";
-const FONT_FALLBACK_DEVANAGARI = "Hind";
-const FONT_FILES = {
-  "Playfair Display": {
-    regular: "PlayfairDisplay-Regular.ttf",
-    bold: "PlayfairDisplay-Bold.ttf",
-    italic: "PlayfairDisplay-Italic.ttf",
-    boldItalic: "PlayfairDisplay-BoldItalic.ttf"
-  },
-  "Merriweather": {
-    regular: "Merriweather-Regular.ttf",
-    bold: "Merriweather-Bold.ttf",
-    light: "Merriweather-Light.ttf",
-    italic: "Merriweather-Italic.ttf",
-    boldItalic: "Merriweather-BoldItalic.ttf",
-    lightItalic: "Merriweather-LightItalic.ttf"
-  },
-  "Lora": {
-    regular: "Lora-Regular.ttf",
-    bold: "Lora-Bold.ttf",
-    italic: "Lora-Italic.ttf",
-    boldItalic: "Lora-BoldItalic.ttf"
-  },
-  "Montserrat": {
-    regular: "Montserrat-Regular.ttf",
-    bold: "Montserrat-Bold.ttf",
-    light: "Montserrat-Light.ttf",
-    medium: "Montserrat-Medium.ttf",
-    semibold: "Montserrat-SemiBold.ttf",
-    italic: "Montserrat-Italic.ttf",
-    boldItalic: "Montserrat-BoldItalic.ttf",
-    lightItalic: "Montserrat-LightItalic.ttf",
-    mediumItalic: "Montserrat-MediumItalic.ttf",
-    semiboldItalic: "Montserrat-SemiBoldItalic.ttf"
-  },
-  "Open Sans": {
-    regular: "OpenSans-Regular.ttf",
-    bold: "OpenSans-Bold.ttf",
-    light: "OpenSans-Light.ttf",
-    semibold: "OpenSans-SemiBold.ttf",
-    italic: "OpenSans-Italic.ttf",
-    boldItalic: "OpenSans-BoldItalic.ttf",
-    lightItalic: "OpenSans-LightItalic.ttf",
-    semiboldItalic: "OpenSans-SemiBoldItalic.ttf"
-  },
-  "Roboto": {
-    regular: "Roboto-Regular.ttf",
-    bold: "Roboto-Bold.ttf",
-    light: "Roboto-Light.ttf",
-    medium: "Roboto-Medium.ttf",
-    italic: "Roboto-Italic.ttf",
-    boldItalic: "Roboto-BoldItalic.ttf",
-    lightItalic: "Roboto-LightItalic.ttf",
-    mediumItalic: "Roboto-MediumItalic.ttf"
-  },
-  "Lato": {
-    regular: "Lato-Regular.ttf",
-    bold: "Lato-Bold.ttf",
-    light: "Lato-Light.ttf",
-    italic: "Lato-Italic.ttf",
-    boldItalic: "Lato-BoldItalic.ttf",
-    lightItalic: "Lato-LightItalic.ttf"
-  },
-  "Raleway": {
-    regular: "Raleway-Regular.ttf",
-    bold: "Raleway-Bold.ttf",
-    light: "Raleway-Light.ttf",
-    medium: "Raleway-Medium.ttf",
-    semibold: "Raleway-SemiBold.ttf",
-    italic: "Raleway-Italic.ttf",
-    boldItalic: "Raleway-BoldItalic.ttf",
-    lightItalic: "Raleway-LightItalic.ttf"
-  },
-  "Poppins": {
-    regular: "Poppins-Regular.ttf",
-    bold: "Poppins-Bold.ttf",
-    light: "Poppins-Light.ttf",
-    medium: "Poppins-Medium.ttf",
-    semibold: "Poppins-SemiBold.ttf",
-    italic: "Poppins-Italic.ttf",
-    boldItalic: "Poppins-BoldItalic.ttf",
-    lightItalic: "Poppins-LightItalic.ttf",
-    mediumItalic: "Poppins-MediumItalic.ttf",
-    semiboldItalic: "Poppins-SemiBoldItalic.ttf"
-  },
-  "Inter": {
-    regular: "Inter-Regular.ttf",
-    bold: "Inter-Bold.ttf",
-    italic: "Inter-Italic.ttf",
-    boldItalic: "Inter-BoldItalic.ttf"
-  },
-  "Nunito": {
-    regular: "Nunito-Regular.ttf",
-    bold: "Nunito-Bold.ttf",
-    light: "Nunito-Light.ttf",
-    medium: "Nunito-Medium.ttf",
-    semibold: "Nunito-SemiBold.ttf",
-    italic: "Nunito-Italic.ttf",
-    boldItalic: "Nunito-BoldItalic.ttf"
-  },
-  "Source Sans Pro": {
-    regular: "SourceSansPro-Regular.ttf",
-    bold: "SourceSansPro-Bold.ttf",
-    light: "SourceSansPro-Light.ttf",
-    italic: "SourceSansPro-Italic.ttf",
-    boldItalic: "SourceSansPro-BoldItalic.ttf"
-  },
-  "Work Sans": {
-    regular: "WorkSans-Regular.ttf",
-    bold: "WorkSans-Bold.ttf",
-    italic: "WorkSans-Italic.ttf",
-    boldItalic: "WorkSans-BoldItalic.ttf"
-  },
-  "Oswald": { regular: "Oswald-Regular.ttf", bold: "Oswald-Bold.ttf" },
-  "Bebas Neue": { regular: "BebasNeue-Regular.ttf" },
-  "Abril Fatface": { regular: "AbrilFatface-Regular.ttf" },
-  "Dancing Script": { regular: "DancingScript-Regular.ttf", bold: "DancingScript-Bold.ttf" },
-  "Pacifico": { regular: "Pacifico-Regular.ttf" },
-  "Great Vibes": { regular: "GreatVibes-Regular.ttf" },
-  "DM Sans": {
-    regular: "DMSans-Regular.ttf",
-    bold: "DMSans-Bold.ttf",
-    light: "DMSans-Light.ttf",
-    medium: "DMSans-Medium.ttf",
-    semibold: "DMSans-SemiBold.ttf",
-    italic: "DMSans-RegularItalic.ttf",
-    boldItalic: "DMSans-BoldItalic.ttf",
-    lightItalic: "DMSans-LightItalic.ttf",
-    mediumItalic: "DMSans-MediumItalic.ttf",
-    semiboldItalic: "DMSans-SemiBoldItalic.ttf"
-  },
-  "Outfit": {
-    regular: "Outfit-Regular.ttf",
-    bold: "Outfit-Bold.ttf",
-    light: "Outfit-Light.ttf",
-    medium: "Outfit-Medium.ttf",
-    semibold: "Outfit-SemiBold.ttf"
-  },
-  "Figtree": {
-    regular: "Figtree-Regular.ttf",
-    bold: "Figtree-Bold.ttf",
-    light: "Figtree-Light.ttf",
-    medium: "Figtree-Medium.ttf",
-    semibold: "Figtree-SemiBold.ttf",
-    italic: "Figtree-RegularItalic.ttf",
-    boldItalic: "Figtree-BoldItalic.ttf",
-    lightItalic: "Figtree-LightItalic.ttf",
-    mediumItalic: "Figtree-MediumItalic.ttf",
-    semiboldItalic: "Figtree-SemiBoldItalic.ttf"
-  },
-  "Manrope": {
-    regular: "Manrope-Regular.ttf",
-    bold: "Manrope-Bold.ttf",
-    light: "Manrope-Light.ttf",
-    medium: "Manrope-Medium.ttf",
-    semibold: "Manrope-SemiBold.ttf"
-  },
-  "Space Grotesk": {
-    regular: "SpaceGrotesk-Regular.ttf",
-    bold: "SpaceGrotesk-Bold.ttf",
-    light: "SpaceGrotesk-Light.ttf",
-    medium: "SpaceGrotesk-Medium.ttf",
-    semibold: "SpaceGrotesk-SemiBold.ttf"
-  },
-  "League Spartan": {
-    regular: "LeagueSpartan-Regular.ttf",
-    bold: "LeagueSpartan-Bold.ttf",
-    light: "LeagueSpartan-Light.ttf",
-    medium: "LeagueSpartan-Medium.ttf",
-    semibold: "LeagueSpartan-SemiBold.ttf"
-  },
-  "EB Garamond": {
-    regular: "EBGaramond-Regular.ttf",
-    bold: "EBGaramond-Bold.ttf",
-    medium: "EBGaramond-Medium.ttf",
-    semibold: "EBGaramond-SemiBold.ttf",
-    italic: "EBGaramond-RegularItalic.ttf",
-    boldItalic: "EBGaramond-BoldItalic.ttf",
-    mediumItalic: "EBGaramond-MediumItalic.ttf",
-    semiboldItalic: "EBGaramond-SemiBoldItalic.ttf"
-  },
-  "Libre Baskerville": {
-    regular: "LibreBaskerville-Regular.ttf",
-    bold: "LibreBaskerville-Bold.ttf",
-    italic: "LibreBaskerville-RegularItalic.ttf",
-    boldItalic: "LibreBaskerville-BoldItalic.ttf"
-  },
-  "Crimson Text": {
-    regular: "CrimsonText-Regular.ttf",
-    bold: "CrimsonText-Bold.ttf",
-    italic: "CrimsonText-Italic.ttf",
-    boldItalic: "CrimsonText-BoldItalic.ttf"
-  },
-  "DM Serif Display": {
-    regular: "DMSerifDisplay-Regular.ttf",
-    italic: "DMSerifDisplay-Italic.ttf"
-  },
-  "Libre Franklin": {
-    regular: "LibreFranklin-Regular.ttf",
-    bold: "LibreFranklin-Bold.ttf",
-    light: "LibreFranklin-Light.ttf",
-    medium: "LibreFranklin-Medium.ttf",
-    semibold: "LibreFranklin-SemiBold.ttf",
-    italic: "LibreFranklin-RegularItalic.ttf",
-    boldItalic: "LibreFranklin-BoldItalic.ttf",
-    lightItalic: "LibreFranklin-LightItalic.ttf",
-    mediumItalic: "LibreFranklin-MediumItalic.ttf",
-    semiboldItalic: "LibreFranklin-SemiBoldItalic.ttf"
-  },
-  "Mulish": {
-    regular: "Mulish-Regular.ttf",
-    bold: "Mulish-Bold.ttf",
-    light: "Mulish-Light.ttf",
-    medium: "Mulish-Medium.ttf",
-    semibold: "Mulish-SemiBold.ttf",
-    italic: "Mulish-RegularItalic.ttf",
-    boldItalic: "Mulish-BoldItalic.ttf",
-    lightItalic: "Mulish-LightItalic.ttf",
-    mediumItalic: "Mulish-MediumItalic.ttf",
-    semiboldItalic: "Mulish-SemiBoldItalic.ttf"
-  },
-  "Quicksand": {
-    regular: "Quicksand-Regular.ttf",
-    bold: "Quicksand-Bold.ttf",
-    light: "Quicksand-Light.ttf",
-    medium: "Quicksand-Medium.ttf",
-    semibold: "Quicksand-SemiBold.ttf"
-  },
-  "Rubik": {
-    regular: "Rubik-Regular.ttf",
-    bold: "Rubik-Bold.ttf",
-    light: "Rubik-Light.ttf",
-    medium: "Rubik-Medium.ttf",
-    semibold: "Rubik-SemiBold.ttf",
-    italic: "Rubik-RegularItalic.ttf",
-    boldItalic: "Rubik-BoldItalic.ttf",
-    lightItalic: "Rubik-LightItalic.ttf",
-    mediumItalic: "Rubik-MediumItalic.ttf",
-    semiboldItalic: "Rubik-SemiBoldItalic.ttf"
-  },
-  "Karla": {
-    regular: "Karla-Regular.ttf",
-    bold: "Karla-Bold.ttf",
-    light: "Karla-Light.ttf",
-    medium: "Karla-Medium.ttf",
-    semibold: "Karla-SemiBold.ttf",
-    italic: "Karla-RegularItalic.ttf",
-    boldItalic: "Karla-BoldItalic.ttf",
-    lightItalic: "Karla-LightItalic.ttf",
-    mediumItalic: "Karla-MediumItalic.ttf",
-    semiboldItalic: "Karla-SemiBoldItalic.ttf"
-  },
-  "Plus Jakarta Sans": {
-    regular: "PlusJakartaSans-Regular.ttf",
-    bold: "PlusJakartaSans-Bold.ttf",
-    light: "PlusJakartaSans-Light.ttf",
-    medium: "PlusJakartaSans-Medium.ttf",
-    semibold: "PlusJakartaSans-SemiBold.ttf",
-    italic: "PlusJakartaSans-RegularItalic.ttf",
-    boldItalic: "PlusJakartaSans-BoldItalic.ttf",
-    lightItalic: "PlusJakartaSans-LightItalic.ttf",
-    mediumItalic: "PlusJakartaSans-MediumItalic.ttf",
-    semiboldItalic: "PlusJakartaSans-SemiBoldItalic.ttf"
-  },
-  "Sora": {
-    regular: "Sora-Regular.ttf",
-    bold: "Sora-Bold.ttf",
-    light: "Sora-Light.ttf",
-    medium: "Sora-Medium.ttf",
-    semibold: "Sora-SemiBold.ttf"
-  },
-  "Urbanist": {
-    regular: "Urbanist-Regular.ttf",
-    bold: "Urbanist-Bold.ttf",
-    light: "Urbanist-Light.ttf",
-    medium: "Urbanist-Medium.ttf",
-    semibold: "Urbanist-SemiBold.ttf",
-    italic: "Urbanist-RegularItalic.ttf",
-    boldItalic: "Urbanist-BoldItalic.ttf",
-    lightItalic: "Urbanist-LightItalic.ttf",
-    mediumItalic: "Urbanist-MediumItalic.ttf",
-    semiboldItalic: "Urbanist-SemiBoldItalic.ttf"
-  },
-  "Lexend": {
-    regular: "Lexend-Regular.ttf",
-    bold: "Lexend-Bold.ttf",
-    light: "Lexend-Light.ttf",
-    medium: "Lexend-Medium.ttf",
-    semibold: "Lexend-SemiBold.ttf"
-  },
-  "Albert Sans": {
-    regular: "AlbertSans-Regular.ttf",
-    bold: "AlbertSans-Bold.ttf",
-    light: "AlbertSans-Light.ttf",
-    medium: "AlbertSans-Medium.ttf",
-    semibold: "AlbertSans-SemiBold.ttf",
-    italic: "AlbertSans-RegularItalic.ttf",
-    boldItalic: "AlbertSans-BoldItalic.ttf",
-    lightItalic: "AlbertSans-LightItalic.ttf",
-    mediumItalic: "AlbertSans-MediumItalic.ttf",
-    semiboldItalic: "AlbertSans-SemiBoldItalic.ttf"
-  },
-  "Noto Sans": {
-    regular: "NotoSans-Regular.ttf",
-    bold: "NotoSans-Bold.ttf",
-    light: "NotoSans-Light.ttf",
-    medium: "NotoSans-Medium.ttf",
-    semibold: "NotoSans-SemiBold.ttf",
-    italic: "NotoSans-RegularItalic.ttf",
-    boldItalic: "NotoSans-BoldItalic.ttf",
-    lightItalic: "NotoSans-LightItalic.ttf",
-    mediumItalic: "NotoSans-MediumItalic.ttf",
-    semiboldItalic: "NotoSans-SemiBoldItalic.ttf"
-  },
-  "Cabin": {
-    regular: "Cabin-Regular.ttf",
-    bold: "Cabin-Bold.ttf",
-    medium: "Cabin-Medium.ttf",
-    semibold: "Cabin-SemiBold.ttf",
-    italic: "Cabin-RegularItalic.ttf",
-    boldItalic: "Cabin-BoldItalic.ttf",
-    mediumItalic: "Cabin-MediumItalic.ttf",
-    semiboldItalic: "Cabin-SemiBoldItalic.ttf"
-  },
-  "Barlow": {
-    regular: "Barlow-Regular.ttf",
-    bold: "Barlow-Bold.ttf",
-    light: "Barlow-Light.ttf",
-    medium: "Barlow-Medium.ttf",
-    semibold: "Barlow-SemiBold.ttf",
-    italic: "Barlow-Italic.ttf",
-    boldItalic: "Barlow-BoldItalic.ttf"
-  },
-  "Josefin Sans": {
-    regular: "JosefinSans-Regular.ttf",
-    bold: "JosefinSans-Bold.ttf",
-    light: "JosefinSans-Light.ttf",
-    medium: "JosefinSans-Medium.ttf",
-    semibold: "JosefinSans-SemiBold.ttf",
-    italic: "JosefinSans-RegularItalic.ttf",
-    boldItalic: "JosefinSans-BoldItalic.ttf",
-    lightItalic: "JosefinSans-LightItalic.ttf",
-    mediumItalic: "JosefinSans-MediumItalic.ttf",
-    semiboldItalic: "JosefinSans-SemiBoldItalic.ttf"
-  },
-  "Archivo": {
-    regular: "Archivo-Regular.ttf",
-    bold: "Archivo-Bold.ttf",
-    light: "Archivo-Light.ttf",
-    medium: "Archivo-Medium.ttf",
-    semibold: "Archivo-SemiBold.ttf",
-    italic: "Archivo-RegularItalic.ttf",
-    boldItalic: "Archivo-BoldItalic.ttf",
-    lightItalic: "Archivo-LightItalic.ttf",
-    mediumItalic: "Archivo-MediumItalic.ttf",
-    semiboldItalic: "Archivo-SemiBoldItalic.ttf"
-  },
-  "Overpass": {
-    regular: "Overpass-Regular.ttf",
-    bold: "Overpass-Bold.ttf",
-    light: "Overpass-Light.ttf",
-    medium: "Overpass-Medium.ttf",
-    semibold: "Overpass-SemiBold.ttf",
-    italic: "Overpass-RegularItalic.ttf",
-    boldItalic: "Overpass-BoldItalic.ttf",
-    lightItalic: "Overpass-LightItalic.ttf",
-    mediumItalic: "Overpass-MediumItalic.ttf",
-    semiboldItalic: "Overpass-SemiBoldItalic.ttf"
-  },
-  "Exo 2": {
-    regular: "Exo2-Regular.ttf",
-    bold: "Exo2-Bold.ttf",
-    light: "Exo2-Light.ttf",
-    medium: "Exo2-Medium.ttf",
-    semibold: "Exo2-SemiBold.ttf",
-    italic: "Exo2-RegularItalic.ttf",
-    boldItalic: "Exo2-BoldItalic.ttf",
-    lightItalic: "Exo2-LightItalic.ttf",
-    mediumItalic: "Exo2-MediumItalic.ttf",
-    semiboldItalic: "Exo2-SemiBoldItalic.ttf"
-  },
-  "Roboto Mono": {
-    regular: "RobotoMono-Regular.ttf",
-    bold: "RobotoMono-Bold.ttf",
-    light: "RobotoMono-Light.ttf",
-    medium: "RobotoMono-Medium.ttf",
-    semibold: "RobotoMono-SemiBold.ttf",
-    italic: "RobotoMono-RegularItalic.ttf",
-    boldItalic: "RobotoMono-BoldItalic.ttf",
-    lightItalic: "RobotoMono-LightItalic.ttf",
-    mediumItalic: "RobotoMono-MediumItalic.ttf",
-    semiboldItalic: "RobotoMono-SemiBoldItalic.ttf"
-  },
-  "Fira Code": {
-    regular: "FiraCode-Regular.ttf",
-    bold: "FiraCode-Bold.ttf",
-    light: "FiraCode-Light.ttf",
-    medium: "FiraCode-Medium.ttf",
-    semibold: "FiraCode-SemiBold.ttf"
-  },
-  "JetBrains Mono": {
-    regular: "JetBrainsMono-Regular.ttf",
-    bold: "JetBrainsMono-Bold.ttf",
-    light: "JetBrainsMono-Light.ttf",
-    medium: "JetBrainsMono-Medium.ttf",
-    semibold: "JetBrainsMono-SemiBold.ttf",
-    italic: "JetBrainsMono-RegularItalic.ttf",
-    boldItalic: "JetBrainsMono-BoldItalic.ttf",
-    lightItalic: "JetBrainsMono-LightItalic.ttf",
-    mediumItalic: "JetBrainsMono-MediumItalic.ttf",
-    semiboldItalic: "JetBrainsMono-SemiBoldItalic.ttf"
-  },
-  "Source Code Pro": {
-    regular: "SourceCodePro-Regular.ttf",
-    bold: "SourceCodePro-Bold.ttf",
-    light: "SourceCodePro-Light.ttf",
-    medium: "SourceCodePro-Medium.ttf",
-    semibold: "SourceCodePro-SemiBold.ttf",
-    italic: "SourceCodePro-RegularItalic.ttf",
-    boldItalic: "SourceCodePro-BoldItalic.ttf",
-    lightItalic: "SourceCodePro-LightItalic.ttf",
-    mediumItalic: "SourceCodePro-MediumItalic.ttf",
-    semiboldItalic: "SourceCodePro-SemiBoldItalic.ttf"
-  },
-  "IBM Plex Mono": {
-    regular: "IBMPlexMono-Regular.ttf",
-    bold: "IBMPlexMono-Bold.ttf"
-  },
-  "Space Mono": {
-    regular: "SpaceMono-Regular.ttf",
-    bold: "SpaceMono-Bold.ttf",
-    italic: "SpaceMono-Italic.ttf",
-    boldItalic: "SpaceMono-BoldItalic.ttf"
-  },
-  "Sacramento": { regular: "Sacramento-Regular.ttf" },
-  "Alex Brush": { regular: "AlexBrush-Regular.ttf" },
-  "Allura": { regular: "Allura-Regular.ttf" },
-  "Caveat": {
-    regular: "Caveat-Regular.ttf",
-    bold: "Caveat-Bold.ttf",
-    medium: "Caveat-Medium.ttf",
-    semibold: "Caveat-SemiBold.ttf"
-  },
-  "Lobster": { regular: "Lobster-Regular.ttf" },
-  "Comfortaa": {
-    regular: "Comfortaa-Regular.ttf",
-    bold: "Comfortaa-Bold.ttf",
-    light: "Comfortaa-Light.ttf",
-    medium: "Comfortaa-Medium.ttf",
-    semibold: "Comfortaa-SemiBold.ttf"
-  },
-  "Anton": { regular: "Anton-Regular.ttf" },
-  "Teko": {
-    regular: "Teko-Regular.ttf",
-    bold: "Teko-Bold.ttf",
-    light: "Teko-Light.ttf",
-    medium: "Teko-Medium.ttf",
-    semibold: "Teko-SemiBold.ttf"
-  },
-  "Noto Sans Devanagari": {
-    regular: "NotoSansDevanagari-Regular.ttf",
-    bold: "NotoSansDevanagari-Bold.ttf",
-    light: "NotoSansDevanagari-Light.ttf",
-    medium: "NotoSansDevanagari-Medium.ttf",
-    semibold: "NotoSansDevanagari-SemiBold.ttf"
-  },
-  "Hind": {
-    regular: "Hind-Regular.ttf",
-    bold: "Hind-Bold.ttf",
-    light: "Hind-Light.ttf",
-    medium: "Hind-Medium.ttf",
-    semibold: "Hind-SemiBold.ttf"
-  },
-  "Cinzel": { regular: "Cinzel-Regular.ttf", bold: "Cinzel-Bold.ttf" },
-  "Cormorant Garamond": {
-    regular: "CormorantGaramond-Regular.ttf",
-    bold: "CormorantGaramond-Bold.ttf",
-    light: "CormorantGaramond-Light.ttf",
-    medium: "CormorantGaramond-Medium.ttf",
-    semibold: "CormorantGaramond-SemiBold.ttf",
-    italic: "CormorantGaramond-Italic.ttf",
-    boldItalic: "CormorantGaramond-BoldItalic.ttf"
-  }
-};
-const WEIGHT_TO_KEYS = {
-  300: ["light", "regular"],
-  400: ["regular"],
-  500: ["medium", "regular"],
-  600: ["semibold", "bold", "regular"],
-  700: ["bold", "regular"]
-};
-const WEIGHT_TO_ITALIC_KEYS = {
-  300: ["lightItalic", "italic", "light", "regular"],
-  400: ["italic", "regular"],
-  500: ["mediumItalic", "italic", "medium", "regular"],
-  600: ["semiboldItalic", "boldItalic", "italic", "semibold", "bold", "regular"],
-  700: ["boldItalic", "italic", "bold", "regular"]
-};
-function getFontPathForWeight(files, weight, isItalic = false) {
-  const keys = isItalic ? WEIGHT_TO_ITALIC_KEYS[weight] : WEIGHT_TO_KEYS[weight];
-  if (!keys) return files.regular;
-  for (const k of keys) {
-    const path = files[k];
-    if (path) return path;
-  }
-  return files.regular;
-}
-function isItalicPath(files, path) {
-  return path === files.italic || path === files.boldItalic || path === files.lightItalic || path === files.mediumItalic || path === files.semiboldItalic;
-}
-function getJsPDFFontName(fontName) {
-  return fontName.replace(/\s+/g, "");
-}
-function getEmbeddedJsPDFFontName(fontName, weight, isItalic = false) {
-  const resolved = resolveFontWeight(weight);
-  const label = FONT_WEIGHT_LABELS[resolved];
-  const italicSuffix = isItalic ? "Italic" : "";
-  return `${getJsPDFFontName(fontName)}-${label}${italicSuffix}`;
-}
-function isFontAvailable(fontName) {
-  return fontName in FONT_FILES;
-}
-const ttfCache = /* @__PURE__ */ new Map();
-async function fetchTTFAsBase64(url) {
-  const cached = ttfCache.get(url);
-  if (cached) return cached;
-  try {
-    const res = await fetch(url);
-    if (!res.ok) return null;
-    const buf = await res.arrayBuffer();
-    const bytes = new Uint8Array(buf);
-    let binary = "";
-    for (let i = 0; i < bytes.length; i++) {
-      binary += String.fromCharCode(bytes[i]);
-    }
-    const b64 = btoa(binary);
-    ttfCache.set(url, b64);
-    return b64;
-  } catch {
-    return null;
-  }
-}
-async function embedFont(pdf, fontName, weight, fontBaseUrl, isItalic = false) {
-  const fontFiles = FONT_FILES[fontName];
-  if (!fontFiles) return false;
-  const baseUrl = fontBaseUrl.endsWith("/") ? fontBaseUrl : fontBaseUrl + "/";
-  const resolvedWeight = resolveFontWeight(weight);
-  const fontPath = getFontPathForWeight(fontFiles, resolvedWeight, isItalic);
-  if (!fontPath) return false;
-  const hasItalicFile = isItalic && isItalicPath(fontFiles, fontPath);
-  const jsPdfFontName = getEmbeddedJsPDFFontName(fontName, weight, hasItalicFile);
-  const label = FONT_WEIGHT_LABELS[resolvedWeight];
-  const italicSuffix = hasItalicFile ? "Italic" : "";
-  const fileName = `${getJsPDFFontName(fontName)}-${label}${italicSuffix}.ttf`;
-  const url = baseUrl + fontPath;
-  try {
-    const b64 = await fetchTTFAsBase64(url);
-    if (!b64) return false;
-    pdf.addFileToVFS(fileName, b64);
-    pdf.addFont(fileName, jsPdfFontName, "normal");
-    if (fontName !== jsPdfFontName) {
-      try {
-        pdf.addFont(fileName, fontName, "normal");
-      } catch {
-      }
-    }
-    return true;
-  } catch (e) {
-    console.warn(`[pdf-fonts] Failed to embed ${fontName} w${weight}:`, e);
-    return false;
-  }
-}
-async function embedFontsForConfig(pdf, config, fontBaseUrl) {
-  const fontKeys = /* @__PURE__ */ new Set();
-  const SEP = "";
-  const walkElements = (elements) => {
-    for (const el of elements) {
-      if (el.fontFamily) {
-        const w = resolveFontWeight(el.fontWeight ?? 400);
-        fontKeys.add(`${el.fontFamily}${SEP}${w}`);
-      }
-      if (el.styles && typeof el.styles === "object") {
-        for (const lineKey of Object.keys(el.styles)) {
-          const lineStyles = el.styles[lineKey];
-          if (lineStyles && typeof lineStyles === "object") {
-            for (const charKey of Object.keys(lineStyles)) {
-              const s = lineStyles[charKey];
-              if (s == null ? void 0 : s.fontFamily) {
-                const w = resolveFontWeight(s.fontWeight ?? 400);
-                fontKeys.add(`${s.fontFamily}${SEP}${w}`);
-              }
-            }
-          }
-        }
-      }
-      if (el.children) walkElements(el.children);
-      if (el.objects) walkElements(el.objects);
-    }
-  };
-  for (const page of (config == null ? void 0 : config.pages) || []) {
-    if (page.children) walkElements(page.children);
-    if (page.elements) walkElements(page.elements);
-  }
-  fontKeys.add(`${FONT_FALLBACK_SYMBOLS}${SEP}400`);
-  for (const w of [300, 400, 500, 600, 700]) {
-    fontKeys.add(`${FONT_FALLBACK_DEVANAGARI}${SEP}${w}`);
-  }
-  const embedded = /* @__PURE__ */ new Set();
-  const tasks = [];
-  for (const key of fontKeys) {
-    const sep = key.indexOf(SEP);
-    const fontName = key.slice(0, sep);
-    const weight = parseInt(key.slice(sep + 1), 10);
-    if (!isFontAvailable(fontName)) continue;
-    tasks.push(
-      embedFont(pdf, fontName, weight, fontBaseUrl).then((ok) => {
-        if (ok) embedded.add(key);
-      })
-    );
-  }
-  await Promise.all(tasks);
-  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants from config`);
-  return embedded;
-}
-function isDevanagari(char) {
-  const c = char.codePointAt(0) ?? 0;
-  return c >= 2304 && c <= 2431 || c >= 43232 && c <= 43263 || c >= 7376 && c <= 7423;
-}
-function containsDevanagari(text) {
-  if (!text) return false;
-  for (const char of text) {
-    if (isDevanagari(char)) return true;
-  }
-  return false;
-}
-function isBasicLatinOrLatin1(char) {
-  const c = char.codePointAt(0) ?? 0;
-  return c <= 591;
-}
-function classifyChar(char) {
-  if (isBasicLatinOrLatin1(char)) return "main";
-  if (isDevanagari(char)) return "devanagari";
-  return "symbol";
-}
-function splitIntoRuns(text) {
-  if (!text) return [];
-  const runs = [];
-  let currentType = null;
-  let currentText = "";
-  for (const char of text) {
-    const type = classifyChar(char);
-    if (type !== currentType && currentText) {
-      runs.push({ text: currentText, runType: currentType });
-      currentText = "";
-    }
-    currentType = type;
-    currentText += char;
-  }
-  if (currentText && currentType) {
-    runs.push({ text: currentText, runType: currentType });
-  }
-  return runs;
-}
-function rewriteSvgFontsForJsPDF(svgStr) {
-  var _a, _b;
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(svgStr, "image/svg+xml");
-  const textEls = doc.querySelectorAll("text, tspan, textPath");
-  const readStyleToken = (style, prop) => {
-    var _a2;
-    const match = style.match(new RegExp(`${prop}\\s*:\\s*([^;]+)`, "i"));
-    return ((_a2 = match == null ? void 0 : match[1]) == null ? void 0 : _a2.trim()) || null;
-  };
-  const resolveInheritedValue = (el, attr, styleProp = attr) => {
-    var _a2;
-    let current = el;
-    while (current) {
-      const attrVal = (_a2 = current.getAttribute(attr)) == null ? void 0 : _a2.trim();
-      if (attrVal) return attrVal;
-      const styleVal = readStyleToken(current.getAttribute("style") || "", styleProp);
-      if (styleVal) return styleVal;
-      current = current.parentElement;
-    }
-    return null;
-  };
-  const resolveWeightNum = (weightRaw) => {
-    const parsedWeight = Number.parseInt(weightRaw, 10);
-    return Number.isFinite(parsedWeight) ? parsedWeight : /bold/i.test(weightRaw) ? 700 : /medium/i.test(weightRaw) ? 500 : /semi/i.test(weightRaw) ? 600 : /light/i.test(weightRaw) ? 300 : 400;
-  };
-  const buildStyleString = (existingStyle, fontName) => {
-    const stylePairs = existingStyle.split(";").map((part) => part.trim()).filter(Boolean).filter((part) => !/^font-family\s*:/i.test(part) && !/^font-weight\s*:/i.test(part) && !/^font-style\s*:/i.test(part));
-    stylePairs.push(`font-family: ${fontName}`);
-    stylePairs.push(`font-weight: normal`);
-    stylePairs.push(`font-style: normal`);
-    return stylePairs.join("; ");
-  };
-  for (const el of textEls) {
-    const inlineStyle = el.getAttribute("style") || "";
-    const rawFf = resolveInheritedValue(el, "font-family");
-    if (!rawFf) continue;
-    const clean = (_a = rawFf.split(",")[0]) == null ? void 0 : _a.replace(/['"]/g, "").trim();
-    if (!isFontAvailable(clean)) continue;
-    const weightRaw = resolveInheritedValue(el, "font-weight") || "400";
-    const styleRaw = resolveInheritedValue(el, "font-style") || "normal";
-    const weight = resolveWeightNum(weightRaw);
-    const resolved = resolveFontWeight(weight);
-    const isItalic = /italic|oblique/i.test(styleRaw);
-    const jsPdfName = getEmbeddedJsPDFFontName(clean, resolved, isItalic);
-    el.setAttribute("data-source-font-family", clean);
-    el.setAttribute("data-source-font-weight", String(resolved));
-    el.setAttribute("data-source-font-style", isItalic ? "italic" : "normal");
-    const directText = Array.from(el.childNodes).filter((n) => n.nodeType === 3).map((n) => n.textContent || "").join("");
-    const hasDevanagari = containsDevanagari(directText);
-    if (hasDevanagari && directText.length > 0) {
-      const devanagariWeight = resolveFontWeight(weight);
-      const devanagariJsPdfName = getEmbeddedJsPDFFontName(FONT_FALLBACK_DEVANAGARI, devanagariWeight);
-      const symbolJsPdfName = isFontAvailable(FONT_FALLBACK_SYMBOLS) ? getEmbeddedJsPDFFontName(FONT_FALLBACK_SYMBOLS, 400) : jsPdfName;
-      const childNodes = Array.from(el.childNodes);
-      for (const node of childNodes) {
-        if (node.nodeType !== 3 || !node.textContent) continue;
-        const runs = splitIntoRuns(node.textContent);
-        if (runs.length <= 1 && ((_b = runs[0]) == null ? void 0 : _b.runType) !== "devanagari") continue;
-        const fragment = doc.createDocumentFragment();
-        for (const run of runs) {
-          const tspan = doc.createElementNS("http://www.w3.org/2000/svg", "tspan");
-          let runFont;
-          if (run.runType === "devanagari") {
-            runFont = devanagariJsPdfName;
-          } else if (run.runType === "symbol") {
-            runFont = symbolJsPdfName;
-          } else {
-            runFont = jsPdfName;
-          }
-          tspan.setAttribute("font-family", runFont);
-          tspan.setAttribute("font-weight", "normal");
-          tspan.setAttribute("font-style", "normal");
-          tspan.textContent = run.text;
-          fragment.appendChild(tspan);
-        }
-        el.replaceChild(fragment, node);
-      }
-      el.setAttribute("font-family", jsPdfName);
-      el.setAttribute("font-weight", "normal");
-      el.setAttribute("font-style", "normal");
-      el.setAttribute("style", buildStyleString(inlineStyle, jsPdfName));
-    } else {
-      el.setAttribute("font-family", jsPdfName);
-      el.setAttribute("font-weight", "normal");
-      el.setAttribute("font-style", "normal");
-      el.setAttribute("style", buildStyleString(inlineStyle, jsPdfName));
-    }
-  }
-  return new XMLSerializer().serializeToString(doc.documentElement);
-}
-function extractFontFamiliesFromSvgs(svgs) {
-  const families = /* @__PURE__ */ new Set();
-  const regex = /font-family[=:]\s*["']?([^"';},]+)/gi;
-  for (const svg of svgs) {
-    let m;
-    while ((m = regex.exec(svg)) !== null) {
-      const raw = m[1].trim().split(",")[0].trim().replace(/^['"]|['"]$/g, "");
-      if (raw && raw !== "serif" && raw !== "sans-serif" && raw !== "monospace") {
-        families.add(raw);
-      }
-    }
-  }
-  return families;
-}
-async function embedFontsInPdf(pdf, fontFamilies, fontBaseUrl) {
-  const embedded = /* @__PURE__ */ new Set();
-  const weights = [300, 400, 500, 600, 700];
-  const tasks = [];
-  for (const family of fontFamilies) {
-    if (!isFontAvailable(family)) {
-      console.warn(`[pdf-fonts] No TTF mapping for "${family}" — will use Helvetica fallback`);
-      continue;
-    }
-    for (const w of weights) {
-      tasks.push(
-        embedFont(pdf, family, w, fontBaseUrl).then((ok) => {
-          if (ok) embedded.add(`${family}${w}`);
-        })
-      );
-    }
-  }
-  await Promise.all(tasks);
-  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants for ${fontFamilies.size} families`);
-  return embedded;
-}
-const pdfFonts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  FONT_FALLBACK_DEVANAGARI,
-  FONT_FALLBACK_SYMBOLS,
-  FONT_FILES,
-  FONT_WEIGHT_LABELS,
-  embedFont,
-  embedFontsForConfig,
-  embedFontsInPdf,
-  extractFontFamiliesFromSvgs,
-  getEmbeddedJsPDFFontName,
-  getFontPathForWeight,
-  isFontAvailable,
-  resolveFontWeight,
-  rewriteSvgFontsForJsPDF
-}, Symbol.toStringTag, { value: "Module" }));
-function normalizeFontFamily(fontStack) {
-  const first = fontStack.split(",")[0].trim();
-  return first.replace(/^['"]|['"]$/g, "");
+function normalizeFontFamily(fontStack) {
+  const first = fontStack.split(",")[0].trim();
+  return first.replace(/^['"]|['"]$/g, "");
 }
 const loadedFonts = /* @__PURE__ */ new Set();
 const loadingPromises = /* @__PURE__ */ new Map();
-function getFontBaseUrl() {
-  if (typeof window === "undefined") return "/fonts/";
-  return `${window.location.origin}/fonts/`;
-}
-function injectLocalFontFaces(rawFontFamily) {
-  if (typeof document === "undefined") return false;
-  const fontFamily = normalizeFontFamily(rawFontFamily);
-  const files = FONT_FILES[fontFamily];
-  if (!files) return false;
-  const id = `pixldocs-local-font-${fontFamily.replace(/[^a-z0-9_-]+/gi, "-")}`;
-  if (document.getElementById(id)) return true;
-  const baseUrl = getFontBaseUrl();
-  const rules = [];
-  const seen = /* @__PURE__ */ new Set();
-  for (const weight of [300, 400, 500, 600, 700]) {
-    for (const italic of [false, true]) {
-      const resolvedWeight = resolveFontWeight(weight);
-      const file = getFontPathForWeight(files, resolvedWeight, italic);
-      if (!file) continue;
-      const key = `${file}|${weight}|${italic ? "italic" : "normal"}`;
-      if (seen.has(key)) continue;
-      seen.add(key);
-      rules.push(
-        `@font-face{font-family:${JSON.stringify(fontFamily)};src:url(${JSON.stringify(baseUrl + file)}) format("truetype");font-weight:${weight};font-style:${italic ? "italic" : "normal"};font-display:block;}`
-      );
-    }
-  }
-  if (rules.length === 0) return false;
-  const style = document.createElement("style");
-  style.id = id;
-  style.textContent = rules.join("\n");
-  document.head.appendChild(style);
-  return true;
-}
 function withTimeout(promise, timeoutMs = 4e3) {
   let timeoutId;
   return Promise.race([
@@ -13002,10 +12149,6 @@ async function loadGoogleFontCSS(rawFontFamily) {
   if (existing) return existing;
   const promise = (async () => {
     try {
-      if (injectLocalFontFaces(fontFamily)) {
-        loadedFonts.add(fontFamily);
-        return;
-      }
       const encoded = encodeURIComponent(fontFamily);
       const url = `https://fonts.googleapis.com/css?family=${encoded}:300,400,500,600,700&display=swap`;
       const link = document.createElement("link");
@@ -13128,7 +12271,7 @@ async function ensureFontsForResolvedConfig(config) {
   if (typeof document === "undefined") return;
   const descriptors = collectFontDescriptorsFromConfig(config);
   const families = new Set(descriptors.map((d) => d.family));
-  void withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 2500);
+  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 3500);
   if (document.fonts) {
     descriptors.forEach((d) => {
       const stylePrefix = d.style === "italic" ? "italic " : "";
@@ -13157,7 +12300,7 @@ function configHasAutoShrinkText$1(config) {
 }
 async function awaitFontsForConfig(config, maxWaitMs) {
   if (typeof document === "undefined" || !document.fonts) return;
-  void ensureFontsForResolvedConfig(config);
+  await ensureFontsForResolvedConfig(config);
   const descriptors = collectFontDescriptorsFromConfig(config);
   if (descriptors.length === 0) return;
   const loads = Promise.all(
@@ -13399,7 +12542,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.68";
+const PACKAGE_VERSION = "0.5.71";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -13711,638 +12854,1482 @@ class PixldocsRenderer {
     });
     return this.renderAllPages(resolved.config, options);
   }
-  // ─── Internal: render a page using the full PreviewCanvas engine ───
-  getExpectedImageCount(config, pageIndex) {
-    const page = config.pages[pageIndex];
-    if (!(page == null ? void 0 : page.children)) return 0;
-    let count = 0;
-    const walk = (nodes) => {
-      for (const node of nodes) {
-        if (!node || node.visible === false) continue;
-        const src = typeof node.src === "string" ? node.src.trim() : "";
-        const imageUrl = typeof node.imageUrl === "string" ? node.imageUrl.trim() : "";
-        if (node.type === "image" && (src || imageUrl)) count += 1;
-        if (Array.isArray(node.children) && node.children.length > 0) {
-          walk(node.children);
-        }
+  // ─── Internal: render a page using the full PreviewCanvas engine ───
+  getExpectedImageCount(config, pageIndex) {
+    const page = config.pages[pageIndex];
+    if (!(page == null ? void 0 : page.children)) return 0;
+    let count = 0;
+    const walk = (nodes) => {
+      for (const node of nodes) {
+        if (!node || node.visible === false) continue;
+        const src = typeof node.src === "string" ? node.src.trim() : "";
+        const imageUrl = typeof node.imageUrl === "string" ? node.imageUrl.trim() : "";
+        if (node.type === "image" && (src || imageUrl)) count += 1;
+        if (Array.isArray(node.children) && node.children.length > 0) {
+          walk(node.children);
+        }
+      }
+    };
+    walk(page.children);
+    return count;
+  }
+  waitForCanvasImages(container, expectedImageCount, maxWaitMs = 15e3, pollMs = 120) {
+    return new Promise((resolve) => {
+      const start = Date.now();
+      let stableFrames = 0;
+      let lastSummary = "";
+      const isRenderableImage = (value) => value instanceof HTMLImageElement && value.complete && value.naturalWidth > 0 && value.naturalHeight > 0;
+      const collectRenderableImages = (obj, seen) => {
+        if (!obj || typeof obj !== "object") return;
+        const candidates = [obj._element, obj._originalElement, obj._filteredEl, obj._cacheCanvasEl];
+        for (const candidate of candidates) {
+          if (isRenderableImage(candidate)) {
+            seen.add(candidate);
+          } else if (candidate instanceof HTMLImageElement) {
+            return false;
+          }
+        }
+        const nested = Array.isArray(obj._objects) ? obj._objects : Array.isArray(obj.objects) ? obj.objects : [];
+        for (const child of nested) {
+          if (collectRenderableImages(child, seen) === false) return false;
+        }
+        return true;
+      };
+      const getFabricCanvas = () => {
+        const registry2 = window.__fabricCanvasRegistry;
+        if (registry2 instanceof Map) {
+          for (const entry of registry2.values()) {
+            const canvas = entry == null ? void 0 : entry.canvas;
+            const el = (canvas == null ? void 0 : canvas.lowerCanvasEl) || (canvas == null ? void 0 : canvas.upperCanvasEl);
+            if (el && container.contains(el)) return canvas;
+          }
+        }
+        return null;
+      };
+      const settle = () => requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+      const getImageDebugInfo = (obj, bucket) => {
+        if (!obj || typeof obj !== "object") return;
+        const candidates = [obj._element, obj._originalElement, obj._filteredEl, obj._cacheCanvasEl];
+        for (const candidate of candidates) {
+          if (candidate instanceof HTMLImageElement) {
+            bucket.push({
+              id: obj.__docuforgeId || obj.id || "unknown",
+              src: (candidate.currentSrc || candidate.src || "").slice(0, 240),
+              complete: candidate.complete,
+              naturalWidth: candidate.naturalWidth,
+              naturalHeight: candidate.naturalHeight
+            });
+          }
+        }
+        const nested = Array.isArray(obj._objects) ? obj._objects : Array.isArray(obj.objects) ? obj.objects : [];
+        for (const child of nested) {
+          getImageDebugInfo(child, bucket);
+        }
+      };
+      const check = () => {
+        const elapsed = Date.now() - start;
+        const domImages = Array.from(container.querySelectorAll("img"));
+        const allDomLoaded = domImages.every((img) => img.complete && img.naturalWidth > 0 && img.naturalHeight > 0);
+        const fabricCanvas = getFabricCanvas();
+        const fabricObjects = fabricCanvas && typeof fabricCanvas.getObjects === "function" ? fabricCanvas.getObjects() : [];
+        const renderableImages = /* @__PURE__ */ new Set();
+        const fabricReady = fabricObjects.every((obj) => collectRenderableImages(obj, renderableImages) !== false);
+        const actualImageCount = Math.max(domImages.length, renderableImages.size);
+        const canvasReady = !!fabricCanvas && !!(fabricCanvas.lowerCanvasEl || fabricCanvas.upperCanvasEl);
+        const hasExpectedAssets = expectedImageCount === 0 ? true : actualImageCount >= expectedImageCount;
+        const ready = allDomLoaded && fabricReady && hasExpectedAssets;
+        const summary = `expected=${expectedImageCount} actual=${actualImageCount} dom=${domImages.length} fabricReady=${fabricReady} domReady=${allDomLoaded} canvasReady=${canvasReady}`;
+        if (summary !== lastSummary) {
+          lastSummary = summary;
+          console.log(`[canvas-renderer][asset-wait] ${summary}`);
+        }
+        if (ready) {
+          stableFrames += 1;
+          if (stableFrames >= 2) {
+            console.log(`[canvas-renderer][asset-wait] ready after ${elapsed}ms (${summary})`);
+            settle();
+            return;
+          }
+        } else {
+          stableFrames = 0;
+        }
+        if (elapsed >= maxWaitMs) {
+          const fabricImageDebug = [];
+          for (const obj of fabricObjects) {
+            getImageDebugInfo(obj, fabricImageDebug);
+          }
+          const domImageDebug = domImages.map((img, index) => ({
+            index,
+            src: (img.currentSrc || img.src || "").slice(0, 240),
+            complete: img.complete,
+            naturalWidth: img.naturalWidth,
+            naturalHeight: img.naturalHeight
+          }));
+          console.warn(`[canvas-renderer][asset-wait-timeout] elapsed=${elapsed}ms ${summary}`);
+          console.warn("[canvas-renderer][asset-wait-timeout][dom-images]", domImageDebug);
+          console.warn("[canvas-renderer][asset-wait-timeout][fabric-images]", fabricImageDebug);
+          settle();
+          return;
+        }
+        setTimeout(check, pollMs);
+      };
+      setTimeout(check, 0);
+    });
+  }
+  waitForCanvasScene(container, config, pageIndex, maxWaitMs = 8e3, pollMs = 50) {
+    return new Promise((resolve) => {
+      var _a, _b;
+      const start = Date.now();
+      const pageHasContent = (((_b = (_a = config.pages[pageIndex]) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ?? 0) > 0;
+      const settle = () => requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+      const check = () => {
+        const fabricCanvas = this.getFabricCanvasFromContainer(container);
+        const lowerCanvas = (fabricCanvas == null ? void 0 : fabricCanvas.lowerCanvasEl) || container.querySelector("canvas.lower-canvas, canvas");
+        const objectCount = typeof (fabricCanvas == null ? void 0 : fabricCanvas.getObjects) === "function" ? fabricCanvas.getObjects().length : 0;
+        const ready = !!lowerCanvas && (!pageHasContent || objectCount > 0);
+        if (ready) {
+          console.log(`[canvas-renderer][scene-wait] ready after ${Date.now() - start}ms (objects=${objectCount})`);
+          settle();
+          return;
+        }
+        if (Date.now() - start >= maxWaitMs) {
+          console.warn(`[canvas-renderer][scene-wait-timeout] elapsed=${Date.now() - start}ms objects=${objectCount} pageHasContent=${pageHasContent}`);
+          settle();
+          return;
+        }
+        setTimeout(check, pollMs);
+      };
+      setTimeout(check, 0);
+    });
+  }
+  async waitForRelevantFonts(config, maxWaitMs = 1800) {
+    if (typeof document === "undefined" || !document.fonts) return;
+    const descriptors = collectFontDescriptorsFromConfig(config);
+    if (descriptors.length === 0) return;
+    const loads = Promise.all(
+      descriptors.map((descriptor) => {
+        const stylePrefix = descriptor.style === "italic" ? "italic " : "";
+        const spec = `${stylePrefix}${descriptor.weight} 16px "${descriptor.family}"`;
+        return document.fonts.load(spec).catch(() => []);
+      })
+    ).then(() => void 0);
+    await Promise.race([
+      loads,
+      new Promise((resolve) => setTimeout(resolve, maxWaitMs))
+    ]);
+    await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
+  }
+  /**
+   * Block until the webfonts referenced by `config` have actually loaded
+   * (or `maxWaitMs` elapses). Used by the headless capture path BEFORE
+   * mounting `PreviewCanvas`, so the synchronous `createText` auto-shrink
+   * loop measures against final font metrics instead of fallback ones.
+   *
+   * Stronger than `ensureFontsForResolvedConfig` (which is fire-and-forget)
+   * — this awaits each `document.fonts.load(spec)` AND `document.fonts.ready`,
+   * racing the whole thing against `maxWaitMs` so a slow CDN can't hang the
+   * renderer.
+   */
+  async awaitFontsForConfig(config, maxWaitMs) {
+    if (typeof document === "undefined" || !document.fonts) return;
+    await ensureFontsForResolvedConfig(config);
+    await this.waitForRelevantFonts(config, maxWaitMs);
+    await Promise.race([
+      document.fonts.ready.catch(() => void 0).then(() => void 0),
+      new Promise((r) => setTimeout(r, Math.min(500, maxWaitMs)))
+    ]);
+  }
+  getNormalizedGradientStops(gradient) {
+    const stops = Array.isArray(gradient == null ? void 0 : gradient.stops) ? gradient.stops.map((stop) => ({
+      offset: Math.max(0, Math.min(1, Number((stop == null ? void 0 : stop.offset) ?? 0))),
+      color: String((stop == null ? void 0 : stop.color) ?? "#ffffff")
+    })).filter((stop) => Number.isFinite(stop.offset)).sort((a, b) => a.offset - b.offset) : [];
+    if (stops.length === 0) return [];
+    const normalized = [...stops];
+    if (normalized[0].offset > 0) {
+      normalized.unshift({ offset: 0, color: normalized[0].color });
+    }
+    if (normalized[normalized.length - 1].offset < 1) {
+      normalized.push({ offset: 1, color: normalized[normalized.length - 1].color });
+    }
+    return normalized;
+  }
+  paintPageBackground(ctx, page, width, height) {
+    var _a, _b;
+    const backgroundColor = ((_a = page == null ? void 0 : page.settings) == null ? void 0 : _a.backgroundColor) || "#ffffff";
+    const gradient = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.backgroundGradient;
+    ctx.clearRect(0, 0, width, height);
+    ctx.fillStyle = backgroundColor;
+    ctx.fillRect(0, 0, width, height);
+    const stops = this.getNormalizedGradientStops(gradient);
+    if (stops.length < 2) return;
+    try {
+      let canvasGradient = null;
+      if ((gradient == null ? void 0 : gradient.type) === "radial") {
+        const cx = Number.isFinite(gradient == null ? void 0 : gradient.cx) ? gradient.cx : 0.5;
+        const cy = Number.isFinite(gradient == null ? void 0 : gradient.cy) ? gradient.cy : 0.5;
+        const centerX = width * cx;
+        const centerY = height * cy;
+        const radius = Math.max(
+          Math.hypot(centerX, centerY),
+          Math.hypot(width - centerX, centerY),
+          Math.hypot(centerX, height - centerY),
+          Math.hypot(width - centerX, height - centerY)
+        );
+        canvasGradient = ctx.createRadialGradient(centerX, centerY, 0, centerX, centerY, radius);
+      } else if ((gradient == null ? void 0 : gradient.type) === "conic" && typeof ctx.createConicGradient === "function") {
+        const cx = Number.isFinite(gradient == null ? void 0 : gradient.cx) ? gradient.cx : 0.5;
+        const cy = Number.isFinite(gradient == null ? void 0 : gradient.cy) ? gradient.cy : 0.5;
+        const startAngle = (((gradient == null ? void 0 : gradient.angle) ?? 0) - 90) * Math.PI / 180;
+        canvasGradient = ctx.createConicGradient(startAngle, width * cx, height * cy);
+      } else {
+        const angleDeg = (gradient == null ? void 0 : gradient.angle) ?? 90;
+        const angleRad = angleDeg * Math.PI / 180;
+        const sinA = Math.sin(angleRad);
+        const cosA = Math.cos(angleRad);
+        const midX = width / 2;
+        const midY = height / 2;
+        const corners = [
+          [0, 0],
+          [width, 0],
+          [width, height],
+          [0, height]
+        ];
+        const projections = corners.map(([x, y]) => x * sinA - y * cosA);
+        const minProjection = Math.min(...projections);
+        const maxProjection = Math.max(...projections);
+        canvasGradient = ctx.createLinearGradient(
+          midX + minProjection * sinA,
+          midY - minProjection * cosA,
+          midX + maxProjection * sinA,
+          midY - maxProjection * cosA
+        );
       }
-    };
-    walk(page.children);
-    return count;
+      if (!canvasGradient) return;
+      stops.forEach((stop) => canvasGradient.addColorStop(stop.offset, stop.color));
+      ctx.fillStyle = canvasGradient;
+      ctx.fillRect(0, 0, width, height);
+    } catch {
+    }
   }
-  waitForCanvasImages(container, expectedImageCount, maxWaitMs = 15e3, pollMs = 120) {
-    return new Promise((resolve) => {
-      const start = Date.now();
-      let stableFrames = 0;
-      let lastSummary = "";
-      const isRenderableImage = (value) => value instanceof HTMLImageElement && value.complete && value.naturalWidth > 0 && value.naturalHeight > 0;
-      const collectRenderableImages = (obj, seen) => {
-        if (!obj || typeof obj !== "object") return;
-        const candidates = [obj._element, obj._originalElement, obj._filteredEl, obj._cacheCanvasEl];
-        for (const candidate of candidates) {
-          if (isRenderableImage(candidate)) {
-            seen.add(candidate);
-          } else if (candidate instanceof HTMLImageElement) {
-            return false;
-          }
-        }
-        const nested = Array.isArray(obj._objects) ? obj._objects : Array.isArray(obj.objects) ? obj.objects : [];
-        for (const child of nested) {
-          if (collectRenderableImages(child, seen) === false) return false;
+  async renderPageViaPreviewCanvas(config, pageIndex, pixelRatio, format, quality, options = {}) {
+    const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
+    const canvasWidth = config.canvas.width;
+    const canvasHeight = config.canvas.height;
+    const hasAutoShrink = configHasAutoShrinkText(config);
+    let firstMountSettled = false;
+    let lateFontSettleDetected = false;
+    if (typeof document !== "undefined" && document.fonts && hasAutoShrink) {
+      document.fonts.ready.then(() => {
+        if (firstMountSettled) lateFontSettleDetected = true;
+      }).catch(() => {
+      });
+    }
+    return new Promise((resolve, reject) => {
+      const container = document.createElement("div");
+      container.style.cssText = `
+        position: fixed; left: -99999px; top: -99999px;
+        width: ${canvasWidth}px; height: ${canvasHeight}px;
+        overflow: hidden; pointer-events: none; opacity: 0;
+      `;
+      document.body.appendChild(container);
+      const timeout = setTimeout(() => {
+        cleanup();
+        reject(new Error("Render timeout (30s)"));
+      }, 3e4);
+      let root;
+      let mountKey = 0;
+      const cleanup = () => {
+        clearTimeout(timeout);
+        try {
+          root.unmount();
+        } catch {
         }
-        return true;
+        container.remove();
       };
-      const getFabricCanvas = () => {
-        const registry2 = window.__fabricCanvasRegistry;
-        if (registry2 instanceof Map) {
-          for (const entry of registry2.values()) {
-            const canvas = entry == null ? void 0 : entry.canvas;
-            const el = (canvas == null ? void 0 : canvas.lowerCanvasEl) || (canvas == null ? void 0 : canvas.upperCanvasEl);
-            if (el && container.contains(el)) return canvas;
-          }
+      const remountWithFreshKey = async () => {
+        mountKey += 1;
+        try {
+          clearMeasurementCache();
+        } catch {
         }
-        return null;
-      };
-      const settle = () => requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
-      const getImageDebugInfo = (obj, bucket) => {
-        if (!obj || typeof obj !== "object") return;
-        const candidates = [obj._element, obj._originalElement, obj._filteredEl, obj._cacheCanvasEl];
-        for (const candidate of candidates) {
-          if (candidate instanceof HTMLImageElement) {
-            bucket.push({
-              id: obj.__docuforgeId || obj.id || "unknown",
-              src: (candidate.currentSrc || candidate.src || "").slice(0, 240),
-              complete: candidate.complete,
-              naturalWidth: candidate.naturalWidth,
-              naturalHeight: candidate.naturalHeight
-            });
-          }
+        try {
+          clearFabricCharCache();
+        } catch {
         }
-        const nested = Array.isArray(obj._objects) ? obj._objects : Array.isArray(obj.objects) ? obj.objects : [];
-        for (const child of nested) {
-          getImageDebugInfo(child, bucket);
+        try {
+          root.unmount();
+        } catch {
         }
+        root = createRoot(container);
+        await new Promise((settle) => {
+          const onReadyOnce = () => {
+            this.waitForCanvasScene(container, config, pageIndex).then(async () => {
+              const fabricInstance = this.getFabricCanvasFromContainer(container);
+              const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
+              await this.waitForCanvasImages(container, expectedImageCount);
+              await this.waitForStableTextMetrics(container, config);
+              await this.waitForCanvasScene(container, config, pageIndex);
+              if (!fabricInstance) return settle();
+              settle();
+            }).catch(() => settle());
+          };
+          root.render(
+            createElement(PreviewCanvas2, {
+              key: `remount-${mountKey}`,
+              config,
+              pageIndex,
+              zoom: pixelRatio,
+              absoluteZoom: true,
+              skipFontReadyWait: false,
+              onReady: onReadyOnce
+            })
+          );
+        });
       };
-      const check = () => {
-        const elapsed = Date.now() - start;
-        const domImages = Array.from(container.querySelectorAll("img"));
-        const allDomLoaded = domImages.every((img) => img.complete && img.naturalWidth > 0 && img.naturalHeight > 0);
-        const fabricCanvas = getFabricCanvas();
-        const fabricObjects = fabricCanvas && typeof fabricCanvas.getObjects === "function" ? fabricCanvas.getObjects() : [];
-        const renderableImages = /* @__PURE__ */ new Set();
-        const fabricReady = fabricObjects.every((obj) => collectRenderableImages(obj, renderableImages) !== false);
-        const actualImageCount = Math.max(domImages.length, renderableImages.size);
-        const canvasReady = !!fabricCanvas && !!(fabricCanvas.lowerCanvasEl || fabricCanvas.upperCanvasEl);
-        const hasExpectedAssets = expectedImageCount === 0 ? true : actualImageCount >= expectedImageCount;
-        const ready = allDomLoaded && fabricReady && hasExpectedAssets;
-        const summary = `expected=${expectedImageCount} actual=${actualImageCount} dom=${domImages.length} fabricReady=${fabricReady} domReady=${allDomLoaded} canvasReady=${canvasReady}`;
-        if (summary !== lastSummary) {
-          lastSummary = summary;
-          console.log(`[canvas-renderer][asset-wait] ${summary}`);
-        }
-        if (ready) {
-          stableFrames += 1;
-          if (stableFrames >= 2) {
-            console.log(`[canvas-renderer][asset-wait] ready after ${elapsed}ms (${summary})`);
-            settle();
-            return;
-          }
-        } else {
-          stableFrames = 0;
-        }
-        if (elapsed >= maxWaitMs) {
-          const fabricImageDebug = [];
-          for (const obj of fabricObjects) {
-            getImageDebugInfo(obj, fabricImageDebug);
+      const onReady = () => {
+        this.waitForCanvasScene(container, config, pageIndex).then(async () => {
+          try {
+            const fabricInstance = this.getFabricCanvasFromContainer(container);
+            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
+            await this.waitForCanvasImages(container, expectedImageCount);
+            await this.waitForStableTextMetrics(container, config);
+            await this.waitForCanvasScene(container, config, pageIndex);
+            firstMountSettled = true;
+            if (hasAutoShrink && lateFontSettleDetected) {
+              console.log("[canvas-renderer][parity] late font-settle detected — remounting for auto-shrink reflow");
+              await remountWithFreshKey();
+            }
+            const fabricCanvas = container.querySelector("canvas.upper-canvas, canvas");
+            const sourceCanvas = (fabricInstance == null ? void 0 : fabricInstance.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || fabricCanvas;
+            const fabricInstanceAfter = this.getFabricCanvasFromContainer(container) || fabricInstance;
+            const sourceCanvasAfter = (fabricInstanceAfter == null ? void 0 : fabricInstanceAfter.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || sourceCanvas;
+            if (!sourceCanvas) {
+              cleanup();
+              reject(new Error("No canvas element found after render"));
+              return;
+            }
+            const exportCanvas = document.createElement("canvas");
+            exportCanvas.width = sourceCanvasAfter.width;
+            exportCanvas.height = sourceCanvasAfter.height;
+            const exportCtx = exportCanvas.getContext("2d");
+            if (!exportCtx) {
+              cleanup();
+              reject(new Error("Failed to create export canvas"));
+              return;
+            }
+            exportCtx.save();
+            exportCtx.scale(sourceCanvasAfter.width / canvasWidth, sourceCanvasAfter.height / canvasHeight);
+            this.paintPageBackground(exportCtx, config.pages[pageIndex], canvasWidth, canvasHeight);
+            exportCtx.restore();
+            exportCtx.drawImage(sourceCanvasAfter, 0, 0);
+            const mimeType = format === "jpeg" ? "image/jpeg" : format === "webp" ? "image/webp" : "image/png";
+            const dataUrl = exportCanvas.toDataURL(mimeType, quality);
+            cleanup();
+            resolve(dataUrl);
+          } catch (err) {
+            cleanup();
+            reject(err);
           }
-          const domImageDebug = domImages.map((img, index) => ({
-            index,
-            src: (img.currentSrc || img.src || "").slice(0, 240),
-            complete: img.complete,
-            naturalWidth: img.naturalWidth,
-            naturalHeight: img.naturalHeight
-          }));
-          console.warn(`[canvas-renderer][asset-wait-timeout] elapsed=${elapsed}ms ${summary}`);
-          console.warn("[canvas-renderer][asset-wait-timeout][dom-images]", domImageDebug);
-          console.warn("[canvas-renderer][asset-wait-timeout][fabric-images]", fabricImageDebug);
-          settle();
-          return;
-        }
-        setTimeout(check, pollMs);
+        });
       };
-      setTimeout(check, 0);
+      root = createRoot(container);
+      root.render(
+        createElement(PreviewCanvas2, {
+          config,
+          pageIndex,
+          zoom: pixelRatio,
+          absoluteZoom: true,
+          skipFontReadyWait: false,
+          onReady
+        })
+      );
     });
   }
-  waitForCanvasScene(container, config, pageIndex, maxWaitMs = 8e3, pollMs = 50) {
-    return new Promise((resolve) => {
-      var _a, _b;
-      const start = Date.now();
-      const pageHasContent = (((_b = (_a = config.pages[pageIndex]) == null ? void 0 : _a.children) == null ? void 0 : _b.length) ?? 0) > 0;
-      const settle = () => requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
-      const check = () => {
-        const fabricCanvas = this.getFabricCanvasFromContainer(container);
-        const lowerCanvas = (fabricCanvas == null ? void 0 : fabricCanvas.lowerCanvasEl) || container.querySelector("canvas.lower-canvas, canvas");
-        const objectCount = typeof (fabricCanvas == null ? void 0 : fabricCanvas.getObjects) === "function" ? fabricCanvas.getObjects().length : 0;
-        const ready = !!lowerCanvas && (!pageHasContent || objectCount > 0);
-        if (ready) {
-          console.log(`[canvas-renderer][scene-wait] ready after ${Date.now() - start}ms (objects=${objectCount})`);
-          settle();
-          return;
-        }
-        if (Date.now() - start >= maxWaitMs) {
-          console.warn(`[canvas-renderer][scene-wait-timeout] elapsed=${Date.now() - start}ms objects=${objectCount} pageHasContent=${pageHasContent}`);
-          settle();
-          return;
+  // ─── Internal: capture SVG from a rendered Fabric canvas ───
+  //
+  // APPROACH: Use the SAME PreviewCanvas that renders perfect PNGs, then call
+  // Fabric's toSVG() on that canvas. This guarantees 100% layout parity —
+  // the SVG is a vector snapshot of exactly what's on screen.
+  //
+  // The trick: before calling toSVG(), we temporarily neutralize the viewport
+  // transform and retina scaling so Fabric emits coordinates in logical
+  // document space (e.g. 612x792) instead of inflated pixel space.
+  captureSvgViaPreviewCanvas(config, pageIndex, canvasWidth, canvasHeight) {
+    return new Promise(async (resolve, reject) => {
+      const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
+      const container = document.createElement("div");
+      container.style.cssText = `
+        position: fixed; left: -99999px; top: -99999px;
+        width: ${canvasWidth}px; height: ${canvasHeight}px;
+        overflow: hidden; pointer-events: none; opacity: 0;
+      `;
+      document.body.appendChild(container);
+      const timeout = setTimeout(() => {
+        cleanup();
+        reject(new Error("SVG render timeout (30s)"));
+      }, 3e4);
+      let root = null;
+      const mountKey = 0;
+      const cleanup = () => {
+        clearTimeout(timeout);
+        try {
+          root == null ? void 0 : root.unmount();
+        } catch {
         }
-        setTimeout(check, pollMs);
+        container.remove();
       };
-      setTimeout(check, 0);
+      const mountPreview = (readyHandler) => {
+        root = createRoot(container);
+        root.render(
+          createElement(PreviewCanvas2, {
+            key: `svg-capture-${mountKey}`,
+            config,
+            pageIndex,
+            zoom: 1,
+            absoluteZoom: true,
+            skipFontReadyWait: false,
+            onReady: readyHandler
+          })
+        );
+      };
+      const onReady = () => {
+        this.waitForCanvasScene(container, config, pageIndex).then(async () => {
+          var _a, _b;
+          try {
+            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
+            await this.waitForCanvasImages(container, expectedImageCount);
+            await this.waitForStableTextMetrics(container, config);
+            await this.waitForCanvasScene(container, config, pageIndex);
+            const fabricInstance = this.getFabricCanvasFromContainer(container);
+            if (!fabricInstance) {
+              cleanup();
+              reject(new Error("No Fabric canvas instance found for SVG capture"));
+              return;
+            }
+            const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
+            const prevSvgVPT = fabricInstance.svgViewportTransformation;
+            const prevRetina = fabricInstance.enableRetinaScaling;
+            const prevWidth = fabricInstance.width;
+            const prevHeight = fabricInstance.height;
+            fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
+            fabricInstance.svgViewportTransformation = false;
+            fabricInstance.enableRetinaScaling = false;
+            fabricInstance.setDimensions(
+              { width: canvasWidth, height: canvasHeight },
+              { cssOnly: false, backstoreOnly: false }
+            );
+            const rawSvgString = fabricInstance.toSVG();
+            const svgString = this.normalizeSvgDimensions(
+              rawSvgString,
+              canvasWidth,
+              canvasHeight
+            );
+            fabricInstance.enableRetinaScaling = prevRetina;
+            fabricInstance.setDimensions(
+              { width: prevWidth, height: prevHeight },
+              { cssOnly: false, backstoreOnly: false }
+            );
+            if (prevVPT) fabricInstance.viewportTransform = prevVPT;
+            fabricInstance.svgViewportTransformation = prevSvgVPT;
+            const page = config.pages[pageIndex];
+            const backgroundColor = ((_a = page == null ? void 0 : page.settings) == null ? void 0 : _a.backgroundColor) || "#ffffff";
+            const backgroundGradient = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.backgroundGradient;
+            cleanup();
+            resolve({
+              svg: svgString,
+              width: canvasWidth,
+              height: canvasHeight,
+              backgroundColor,
+              backgroundGradient
+            });
+          } catch (err) {
+            cleanup();
+            reject(err);
+          }
+        });
+      };
+      mountPreview(onReady);
     });
   }
-  async waitForRelevantFonts(config, maxWaitMs = 1800) {
-    if (typeof document === "undefined" || !document.fonts) return;
-    const descriptors = collectFontDescriptorsFromConfig(config);
-    if (descriptors.length === 0) return;
-    const loads = Promise.all(
-      descriptors.map((descriptor) => {
-        const stylePrefix = descriptor.style === "italic" ? "italic " : "";
-        const spec = `${stylePrefix}${descriptor.weight} 16px "${descriptor.family}"`;
-        return document.fonts.load(spec).catch(() => []);
-      })
-    ).then(() => void 0);
-    await Promise.race([
-      loads,
-      new Promise((resolve) => setTimeout(resolve, maxWaitMs))
-    ]);
-    await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
-  }
   /**
-   * Block until the webfonts referenced by `config` have actually loaded
-   * (or `maxWaitMs` elapses). Used by the headless capture path BEFORE
-   * mounting `PreviewCanvas`, so the synchronous `createText` auto-shrink
-   * loop measures against final font metrics instead of fallback ones.
-   *
-   * Stronger than `ensureFontsForResolvedConfig` (which is fire-and-forget)
-   * — this awaits each `document.fonts.load(spec)` AND `document.fonts.ready`,
-   * racing the whole thing against `maxWaitMs` so a slow CDN can't hang the
-   * renderer.
+   * Normalize the SVG's width/height/viewBox to match the logical page dimensions.
+   * Fabric's toSVG() may output dimensions scaled by the canvas element's actual
+   * pixel size (e.g., 2x due to devicePixelRatio), causing svg2pdf to render
+   * content at the wrong scale. This rewrites the root <svg> attributes to ensure
+   * the SVG coordinate system matches the intended page size exactly.
    */
-  async awaitFontsForConfig(config, maxWaitMs) {
-    if (typeof document === "undefined" || !document.fonts) return;
-    void ensureFontsForResolvedConfig(config);
-    await this.waitForRelevantFonts(config, maxWaitMs);
-    await Promise.race([
-      document.fonts.ready.catch(() => void 0).then(() => void 0),
-      new Promise((r) => setTimeout(r, Math.min(500, maxWaitMs)))
-    ]);
+  normalizeSvgDimensions(svg, targetWidth, targetHeight) {
+    const widthMatch = svg.match(/<svg[^>]*\bwidth="([^"]+)"/i);
+    const heightMatch = svg.match(/<svg[^>]*\bheight="([^"]+)"/i);
+    const svgWidth = widthMatch ? parseFloat(widthMatch[1]) : targetWidth;
+    const svgHeight = heightMatch ? parseFloat(heightMatch[1]) : targetHeight;
+    console.log(
+      `[canvas-renderer][svg-normalize] root ${svgWidth}x${svgHeight} → page ${targetWidth}x${targetHeight}`
+    );
+    let normalized = svg;
+    if (/\bwidth="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/(<svg[^>]*\b)width="[^"]*"/i, `$1width="${targetWidth}"`);
+    } else {
+      normalized = normalized.replace(/<svg\b/i, `<svg width="${targetWidth}"`);
+    }
+    if (/\bheight="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/(<svg[^>]*\b)height="[^"]*"/i, `$1height="${targetHeight}"`);
+    } else {
+      normalized = normalized.replace(/<svg\b/i, `<svg height="${targetHeight}"`);
+    }
+    const viewBox = `0 0 ${targetWidth} ${targetHeight}`;
+    if (/\bviewBox="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/viewBox="[^"]*"/i, `viewBox="${viewBox}"`);
+    } else {
+      normalized = normalized.replace(/<svg\b/i, `<svg viewBox="${viewBox}"`);
+    }
+    normalized = normalized.replace(/="undefined"/g, '="0"');
+    normalized = normalized.replace(/="NaN"/g, '="0"');
+    if (/\bx="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/(<svg[^>]*\b)x="[^"]*"/i, '$1x="0"');
+    } else {
+      normalized = normalized.replace(/<svg\b/i, '<svg x="0"');
+    }
+    if (/\by="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/(<svg[^>]*\b)y="[^"]*"/i, '$1y="0"');
+    } else {
+      normalized = normalized.replace(/<svg\b/i, '<svg y="0"');
+    }
+    normalized = normalized.replace(/\bpreserveAspectRatio="[^"]*"/i, 'preserveAspectRatio="none"');
+    if (!/\bpreserveAspectRatio="[^"]*"/i.test(normalized)) {
+      normalized = normalized.replace(/<svg\b/i, '<svg preserveAspectRatio="none"');
+    }
+    return normalized;
   }
-  getNormalizedGradientStops(gradient) {
-    const stops = Array.isArray(gradient == null ? void 0 : gradient.stops) ? gradient.stops.map((stop) => ({
-      offset: Math.max(0, Math.min(1, Number((stop == null ? void 0 : stop.offset) ?? 0))),
-      color: String((stop == null ? void 0 : stop.color) ?? "#ffffff")
-    })).filter((stop) => Number.isFinite(stop.offset)).sort((a, b) => a.offset - b.offset) : [];
-    if (stops.length === 0) return [];
-    const normalized = [...stops];
-    if (normalized[0].offset > 0) {
-      normalized.unshift({ offset: 0, color: normalized[0].color });
+  /**
+   * Find the Fabric.Canvas instance that belongs to a given container element,
+   * using the global __fabricCanvasRegistry (set by PageCanvas).
+   */
+  getFabricCanvasFromContainer(container) {
+    const registry2 = window.__fabricCanvasRegistry;
+    if (registry2 instanceof Map) {
+      for (const entry of registry2.values()) {
+        const canvas = (entry == null ? void 0 : entry.canvas) || entry;
+        if (!canvas || typeof canvas.toSVG !== "function") continue;
+        const el = canvas.lowerCanvasEl || canvas.upperCanvasEl;
+        if (el && container.contains(el)) return canvas;
+      }
     }
-    if (normalized[normalized.length - 1].offset < 1) {
-      normalized.push({ offset: 1, color: normalized[normalized.length - 1].color });
+    return null;
+  }
+  async waitForStableTextMetrics(container, config) {
+    var _a, _b, _c;
+    if (typeof document !== "undefined") {
+      void ensureFontsForResolvedConfig(config);
+      await this.waitForRelevantFonts(config);
     }
-    return normalized;
+    const fabricInstance = this.getFabricCanvasFromContainer(container);
+    if (!(fabricInstance == null ? void 0 : fabricInstance.getObjects)) return;
+    const waitForPaint = () => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
+    const primeCharBounds = (obj) => {
+      if (obj instanceof fabric.Textbox) {
+        const lines = obj._textLines;
+        if (Array.isArray(lines)) {
+          for (let i = 0; i < lines.length; i++) {
+            try {
+              obj.getLineWidth(i);
+            } catch {
+            }
+          }
+        }
+        obj.dirty = true;
+        return;
+      }
+      if (obj instanceof fabric.Group) {
+        obj.getObjects().forEach(primeCharBounds);
+        obj.dirty = true;
+      }
+    };
+    fabricInstance.getObjects().forEach(primeCharBounds);
+    (_a = fabricInstance.calcOffset) == null ? void 0 : _a.call(fabricInstance);
+    (_b = fabricInstance.renderAll) == null ? void 0 : _b.call(fabricInstance);
+    await waitForPaint();
+    (_c = fabricInstance.renderAll) == null ? void 0 : _c.call(fabricInstance);
+    await waitForPaint();
+  }
+}
+const FONT_WEIGHT_LABELS = {
+  300: "Light",
+  400: "Regular",
+  500: "Medium",
+  600: "SemiBold",
+  700: "Bold"
+};
+function resolveFontWeight(weight) {
+  if (weight <= 350) return 300;
+  if (weight <= 450) return 400;
+  if (weight <= 550) return 500;
+  if (weight <= 650) return 600;
+  return 700;
+}
+const FONT_FALLBACK_SYMBOLS = "Noto Sans";
+const FONT_FALLBACK_DEVANAGARI = "Hind";
+const FONT_FILES = {
+  "Playfair Display": {
+    regular: "PlayfairDisplay-Regular.ttf",
+    bold: "PlayfairDisplay-Bold.ttf",
+    italic: "PlayfairDisplay-Italic.ttf",
+    boldItalic: "PlayfairDisplay-BoldItalic.ttf"
+  },
+  "Merriweather": {
+    regular: "Merriweather-Regular.ttf",
+    bold: "Merriweather-Bold.ttf",
+    light: "Merriweather-Light.ttf",
+    italic: "Merriweather-Italic.ttf",
+    boldItalic: "Merriweather-BoldItalic.ttf",
+    lightItalic: "Merriweather-LightItalic.ttf"
+  },
+  "Lora": {
+    regular: "Lora-Regular.ttf",
+    bold: "Lora-Bold.ttf",
+    italic: "Lora-Italic.ttf",
+    boldItalic: "Lora-BoldItalic.ttf"
+  },
+  "Montserrat": {
+    regular: "Montserrat-Regular.ttf",
+    bold: "Montserrat-Bold.ttf",
+    light: "Montserrat-Light.ttf",
+    medium: "Montserrat-Medium.ttf",
+    semibold: "Montserrat-SemiBold.ttf",
+    italic: "Montserrat-Italic.ttf",
+    boldItalic: "Montserrat-BoldItalic.ttf",
+    lightItalic: "Montserrat-LightItalic.ttf",
+    mediumItalic: "Montserrat-MediumItalic.ttf",
+    semiboldItalic: "Montserrat-SemiBoldItalic.ttf"
+  },
+  "Open Sans": {
+    regular: "OpenSans-Regular.ttf",
+    bold: "OpenSans-Bold.ttf",
+    light: "OpenSans-Light.ttf",
+    semibold: "OpenSans-SemiBold.ttf",
+    italic: "OpenSans-Italic.ttf",
+    boldItalic: "OpenSans-BoldItalic.ttf",
+    lightItalic: "OpenSans-LightItalic.ttf",
+    semiboldItalic: "OpenSans-SemiBoldItalic.ttf"
+  },
+  "Roboto": {
+    regular: "Roboto-Regular.ttf",
+    bold: "Roboto-Bold.ttf",
+    light: "Roboto-Light.ttf",
+    medium: "Roboto-Medium.ttf",
+    italic: "Roboto-Italic.ttf",
+    boldItalic: "Roboto-BoldItalic.ttf",
+    lightItalic: "Roboto-LightItalic.ttf",
+    mediumItalic: "Roboto-MediumItalic.ttf"
+  },
+  "Lato": {
+    regular: "Lato-Regular.ttf",
+    bold: "Lato-Bold.ttf",
+    light: "Lato-Light.ttf",
+    italic: "Lato-Italic.ttf",
+    boldItalic: "Lato-BoldItalic.ttf",
+    lightItalic: "Lato-LightItalic.ttf"
+  },
+  "Raleway": {
+    regular: "Raleway-Regular.ttf",
+    bold: "Raleway-Bold.ttf",
+    light: "Raleway-Light.ttf",
+    medium: "Raleway-Medium.ttf",
+    semibold: "Raleway-SemiBold.ttf",
+    italic: "Raleway-Italic.ttf",
+    boldItalic: "Raleway-BoldItalic.ttf",
+    lightItalic: "Raleway-LightItalic.ttf"
+  },
+  "Poppins": {
+    regular: "Poppins-Regular.ttf",
+    bold: "Poppins-Bold.ttf",
+    light: "Poppins-Light.ttf",
+    medium: "Poppins-Medium.ttf",
+    semibold: "Poppins-SemiBold.ttf",
+    italic: "Poppins-Italic.ttf",
+    boldItalic: "Poppins-BoldItalic.ttf",
+    lightItalic: "Poppins-LightItalic.ttf",
+    mediumItalic: "Poppins-MediumItalic.ttf",
+    semiboldItalic: "Poppins-SemiBoldItalic.ttf"
+  },
+  "Inter": {
+    regular: "Inter-Regular.ttf",
+    bold: "Inter-Bold.ttf",
+    italic: "Inter-Italic.ttf",
+    boldItalic: "Inter-BoldItalic.ttf"
+  },
+  "Nunito": {
+    regular: "Nunito-Regular.ttf",
+    bold: "Nunito-Bold.ttf",
+    light: "Nunito-Light.ttf",
+    medium: "Nunito-Medium.ttf",
+    semibold: "Nunito-SemiBold.ttf",
+    italic: "Nunito-Italic.ttf",
+    boldItalic: "Nunito-BoldItalic.ttf"
+  },
+  "Source Sans Pro": {
+    regular: "SourceSansPro-Regular.ttf",
+    bold: "SourceSansPro-Bold.ttf",
+    light: "SourceSansPro-Light.ttf",
+    italic: "SourceSansPro-Italic.ttf",
+    boldItalic: "SourceSansPro-BoldItalic.ttf"
+  },
+  "Work Sans": {
+    regular: "WorkSans-Regular.ttf",
+    bold: "WorkSans-Bold.ttf",
+    italic: "WorkSans-Italic.ttf",
+    boldItalic: "WorkSans-BoldItalic.ttf"
+  },
+  "Oswald": { regular: "Oswald-Regular.ttf", bold: "Oswald-Bold.ttf" },
+  "Bebas Neue": { regular: "BebasNeue-Regular.ttf" },
+  "Abril Fatface": { regular: "AbrilFatface-Regular.ttf" },
+  "Dancing Script": { regular: "DancingScript-Regular.ttf", bold: "DancingScript-Bold.ttf" },
+  "Pacifico": { regular: "Pacifico-Regular.ttf" },
+  "Great Vibes": { regular: "GreatVibes-Regular.ttf" },
+  "DM Sans": {
+    regular: "DMSans-Regular.ttf",
+    bold: "DMSans-Bold.ttf",
+    light: "DMSans-Light.ttf",
+    medium: "DMSans-Medium.ttf",
+    semibold: "DMSans-SemiBold.ttf",
+    italic: "DMSans-RegularItalic.ttf",
+    boldItalic: "DMSans-BoldItalic.ttf",
+    lightItalic: "DMSans-LightItalic.ttf",
+    mediumItalic: "DMSans-MediumItalic.ttf",
+    semiboldItalic: "DMSans-SemiBoldItalic.ttf"
+  },
+  "Outfit": {
+    regular: "Outfit-Regular.ttf",
+    bold: "Outfit-Bold.ttf",
+    light: "Outfit-Light.ttf",
+    medium: "Outfit-Medium.ttf",
+    semibold: "Outfit-SemiBold.ttf"
+  },
+  "Figtree": {
+    regular: "Figtree-Regular.ttf",
+    bold: "Figtree-Bold.ttf",
+    light: "Figtree-Light.ttf",
+    medium: "Figtree-Medium.ttf",
+    semibold: "Figtree-SemiBold.ttf",
+    italic: "Figtree-RegularItalic.ttf",
+    boldItalic: "Figtree-BoldItalic.ttf",
+    lightItalic: "Figtree-LightItalic.ttf",
+    mediumItalic: "Figtree-MediumItalic.ttf",
+    semiboldItalic: "Figtree-SemiBoldItalic.ttf"
+  },
+  "Manrope": {
+    regular: "Manrope-Regular.ttf",
+    bold: "Manrope-Bold.ttf",
+    light: "Manrope-Light.ttf",
+    medium: "Manrope-Medium.ttf",
+    semibold: "Manrope-SemiBold.ttf"
+  },
+  "Space Grotesk": {
+    regular: "SpaceGrotesk-Regular.ttf",
+    bold: "SpaceGrotesk-Bold.ttf",
+    light: "SpaceGrotesk-Light.ttf",
+    medium: "SpaceGrotesk-Medium.ttf",
+    semibold: "SpaceGrotesk-SemiBold.ttf"
+  },
+  "League Spartan": {
+    regular: "LeagueSpartan-Regular.ttf",
+    bold: "LeagueSpartan-Bold.ttf",
+    light: "LeagueSpartan-Light.ttf",
+    medium: "LeagueSpartan-Medium.ttf",
+    semibold: "LeagueSpartan-SemiBold.ttf"
+  },
+  "EB Garamond": {
+    regular: "EBGaramond-Regular.ttf",
+    bold: "EBGaramond-Bold.ttf",
+    medium: "EBGaramond-Medium.ttf",
+    semibold: "EBGaramond-SemiBold.ttf",
+    italic: "EBGaramond-RegularItalic.ttf",
+    boldItalic: "EBGaramond-BoldItalic.ttf",
+    mediumItalic: "EBGaramond-MediumItalic.ttf",
+    semiboldItalic: "EBGaramond-SemiBoldItalic.ttf"
+  },
+  "Libre Baskerville": {
+    regular: "LibreBaskerville-Regular.ttf",
+    bold: "LibreBaskerville-Bold.ttf",
+    italic: "LibreBaskerville-RegularItalic.ttf",
+    boldItalic: "LibreBaskerville-BoldItalic.ttf"
+  },
+  "Crimson Text": {
+    regular: "CrimsonText-Regular.ttf",
+    bold: "CrimsonText-Bold.ttf",
+    italic: "CrimsonText-Italic.ttf",
+    boldItalic: "CrimsonText-BoldItalic.ttf"
+  },
+  "DM Serif Display": {
+    regular: "DMSerifDisplay-Regular.ttf",
+    italic: "DMSerifDisplay-Italic.ttf"
+  },
+  "Libre Franklin": {
+    regular: "LibreFranklin-Regular.ttf",
+    bold: "LibreFranklin-Bold.ttf",
+    light: "LibreFranklin-Light.ttf",
+    medium: "LibreFranklin-Medium.ttf",
+    semibold: "LibreFranklin-SemiBold.ttf",
+    italic: "LibreFranklin-RegularItalic.ttf",
+    boldItalic: "LibreFranklin-BoldItalic.ttf",
+    lightItalic: "LibreFranklin-LightItalic.ttf",
+    mediumItalic: "LibreFranklin-MediumItalic.ttf",
+    semiboldItalic: "LibreFranklin-SemiBoldItalic.ttf"
+  },
+  "Mulish": {
+    regular: "Mulish-Regular.ttf",
+    bold: "Mulish-Bold.ttf",
+    light: "Mulish-Light.ttf",
+    medium: "Mulish-Medium.ttf",
+    semibold: "Mulish-SemiBold.ttf",
+    italic: "Mulish-RegularItalic.ttf",
+    boldItalic: "Mulish-BoldItalic.ttf",
+    lightItalic: "Mulish-LightItalic.ttf",
+    mediumItalic: "Mulish-MediumItalic.ttf",
+    semiboldItalic: "Mulish-SemiBoldItalic.ttf"
+  },
+  "Quicksand": {
+    regular: "Quicksand-Regular.ttf",
+    bold: "Quicksand-Bold.ttf",
+    light: "Quicksand-Light.ttf",
+    medium: "Quicksand-Medium.ttf",
+    semibold: "Quicksand-SemiBold.ttf"
+  },
+  "Rubik": {
+    regular: "Rubik-Regular.ttf",
+    bold: "Rubik-Bold.ttf",
+    light: "Rubik-Light.ttf",
+    medium: "Rubik-Medium.ttf",
+    semibold: "Rubik-SemiBold.ttf",
+    italic: "Rubik-RegularItalic.ttf",
+    boldItalic: "Rubik-BoldItalic.ttf",
+    lightItalic: "Rubik-LightItalic.ttf",
+    mediumItalic: "Rubik-MediumItalic.ttf",
+    semiboldItalic: "Rubik-SemiBoldItalic.ttf"
+  },
+  "Karla": {
+    regular: "Karla-Regular.ttf",
+    bold: "Karla-Bold.ttf",
+    light: "Karla-Light.ttf",
+    medium: "Karla-Medium.ttf",
+    semibold: "Karla-SemiBold.ttf",
+    italic: "Karla-RegularItalic.ttf",
+    boldItalic: "Karla-BoldItalic.ttf",
+    lightItalic: "Karla-LightItalic.ttf",
+    mediumItalic: "Karla-MediumItalic.ttf",
+    semiboldItalic: "Karla-SemiBoldItalic.ttf"
+  },
+  "Plus Jakarta Sans": {
+    regular: "PlusJakartaSans-Regular.ttf",
+    bold: "PlusJakartaSans-Bold.ttf",
+    light: "PlusJakartaSans-Light.ttf",
+    medium: "PlusJakartaSans-Medium.ttf",
+    semibold: "PlusJakartaSans-SemiBold.ttf",
+    italic: "PlusJakartaSans-RegularItalic.ttf",
+    boldItalic: "PlusJakartaSans-BoldItalic.ttf",
+    lightItalic: "PlusJakartaSans-LightItalic.ttf",
+    mediumItalic: "PlusJakartaSans-MediumItalic.ttf",
+    semiboldItalic: "PlusJakartaSans-SemiBoldItalic.ttf"
+  },
+  "Sora": {
+    regular: "Sora-Regular.ttf",
+    bold: "Sora-Bold.ttf",
+    light: "Sora-Light.ttf",
+    medium: "Sora-Medium.ttf",
+    semibold: "Sora-SemiBold.ttf"
+  },
+  "Urbanist": {
+    regular: "Urbanist-Regular.ttf",
+    bold: "Urbanist-Bold.ttf",
+    light: "Urbanist-Light.ttf",
+    medium: "Urbanist-Medium.ttf",
+    semibold: "Urbanist-SemiBold.ttf",
+    italic: "Urbanist-RegularItalic.ttf",
+    boldItalic: "Urbanist-BoldItalic.ttf",
+    lightItalic: "Urbanist-LightItalic.ttf",
+    mediumItalic: "Urbanist-MediumItalic.ttf",
+    semiboldItalic: "Urbanist-SemiBoldItalic.ttf"
+  },
+  "Lexend": {
+    regular: "Lexend-Regular.ttf",
+    bold: "Lexend-Bold.ttf",
+    light: "Lexend-Light.ttf",
+    medium: "Lexend-Medium.ttf",
+    semibold: "Lexend-SemiBold.ttf"
+  },
+  "Albert Sans": {
+    regular: "AlbertSans-Regular.ttf",
+    bold: "AlbertSans-Bold.ttf",
+    light: "AlbertSans-Light.ttf",
+    medium: "AlbertSans-Medium.ttf",
+    semibold: "AlbertSans-SemiBold.ttf",
+    italic: "AlbertSans-RegularItalic.ttf",
+    boldItalic: "AlbertSans-BoldItalic.ttf",
+    lightItalic: "AlbertSans-LightItalic.ttf",
+    mediumItalic: "AlbertSans-MediumItalic.ttf",
+    semiboldItalic: "AlbertSans-SemiBoldItalic.ttf"
+  },
+  "Noto Sans": {
+    regular: "NotoSans-Regular.ttf",
+    bold: "NotoSans-Bold.ttf",
+    light: "NotoSans-Light.ttf",
+    medium: "NotoSans-Medium.ttf",
+    semibold: "NotoSans-SemiBold.ttf",
+    italic: "NotoSans-RegularItalic.ttf",
+    boldItalic: "NotoSans-BoldItalic.ttf",
+    lightItalic: "NotoSans-LightItalic.ttf",
+    mediumItalic: "NotoSans-MediumItalic.ttf",
+    semiboldItalic: "NotoSans-SemiBoldItalic.ttf"
+  },
+  "Cabin": {
+    regular: "Cabin-Regular.ttf",
+    bold: "Cabin-Bold.ttf",
+    medium: "Cabin-Medium.ttf",
+    semibold: "Cabin-SemiBold.ttf",
+    italic: "Cabin-RegularItalic.ttf",
+    boldItalic: "Cabin-BoldItalic.ttf",
+    mediumItalic: "Cabin-MediumItalic.ttf",
+    semiboldItalic: "Cabin-SemiBoldItalic.ttf"
+  },
+  "Barlow": {
+    regular: "Barlow-Regular.ttf",
+    bold: "Barlow-Bold.ttf",
+    light: "Barlow-Light.ttf",
+    medium: "Barlow-Medium.ttf",
+    semibold: "Barlow-SemiBold.ttf",
+    italic: "Barlow-Italic.ttf",
+    boldItalic: "Barlow-BoldItalic.ttf"
+  },
+  "Josefin Sans": {
+    regular: "JosefinSans-Regular.ttf",
+    bold: "JosefinSans-Bold.ttf",
+    light: "JosefinSans-Light.ttf",
+    medium: "JosefinSans-Medium.ttf",
+    semibold: "JosefinSans-SemiBold.ttf",
+    italic: "JosefinSans-RegularItalic.ttf",
+    boldItalic: "JosefinSans-BoldItalic.ttf",
+    lightItalic: "JosefinSans-LightItalic.ttf",
+    mediumItalic: "JosefinSans-MediumItalic.ttf",
+    semiboldItalic: "JosefinSans-SemiBoldItalic.ttf"
+  },
+  "Archivo": {
+    regular: "Archivo-Regular.ttf",
+    bold: "Archivo-Bold.ttf",
+    light: "Archivo-Light.ttf",
+    medium: "Archivo-Medium.ttf",
+    semibold: "Archivo-SemiBold.ttf",
+    italic: "Archivo-RegularItalic.ttf",
+    boldItalic: "Archivo-BoldItalic.ttf",
+    lightItalic: "Archivo-LightItalic.ttf",
+    mediumItalic: "Archivo-MediumItalic.ttf",
+    semiboldItalic: "Archivo-SemiBoldItalic.ttf"
+  },
+  "Overpass": {
+    regular: "Overpass-Regular.ttf",
+    bold: "Overpass-Bold.ttf",
+    light: "Overpass-Light.ttf",
+    medium: "Overpass-Medium.ttf",
+    semibold: "Overpass-SemiBold.ttf",
+    italic: "Overpass-RegularItalic.ttf",
+    boldItalic: "Overpass-BoldItalic.ttf",
+    lightItalic: "Overpass-LightItalic.ttf",
+    mediumItalic: "Overpass-MediumItalic.ttf",
+    semiboldItalic: "Overpass-SemiBoldItalic.ttf"
+  },
+  "Exo 2": {
+    regular: "Exo2-Regular.ttf",
+    bold: "Exo2-Bold.ttf",
+    light: "Exo2-Light.ttf",
+    medium: "Exo2-Medium.ttf",
+    semibold: "Exo2-SemiBold.ttf",
+    italic: "Exo2-RegularItalic.ttf",
+    boldItalic: "Exo2-BoldItalic.ttf",
+    lightItalic: "Exo2-LightItalic.ttf",
+    mediumItalic: "Exo2-MediumItalic.ttf",
+    semiboldItalic: "Exo2-SemiBoldItalic.ttf"
+  },
+  "Roboto Mono": {
+    regular: "RobotoMono-Regular.ttf",
+    bold: "RobotoMono-Bold.ttf",
+    light: "RobotoMono-Light.ttf",
+    medium: "RobotoMono-Medium.ttf",
+    semibold: "RobotoMono-SemiBold.ttf",
+    italic: "RobotoMono-RegularItalic.ttf",
+    boldItalic: "RobotoMono-BoldItalic.ttf",
+    lightItalic: "RobotoMono-LightItalic.ttf",
+    mediumItalic: "RobotoMono-MediumItalic.ttf",
+    semiboldItalic: "RobotoMono-SemiBoldItalic.ttf"
+  },
+  "Fira Code": {
+    regular: "FiraCode-Regular.ttf",
+    bold: "FiraCode-Bold.ttf",
+    light: "FiraCode-Light.ttf",
+    medium: "FiraCode-Medium.ttf",
+    semibold: "FiraCode-SemiBold.ttf"
+  },
+  "JetBrains Mono": {
+    regular: "JetBrainsMono-Regular.ttf",
+    bold: "JetBrainsMono-Bold.ttf",
+    light: "JetBrainsMono-Light.ttf",
+    medium: "JetBrainsMono-Medium.ttf",
+    semibold: "JetBrainsMono-SemiBold.ttf",
+    italic: "JetBrainsMono-RegularItalic.ttf",
+    boldItalic: "JetBrainsMono-BoldItalic.ttf",
+    lightItalic: "JetBrainsMono-LightItalic.ttf",
+    mediumItalic: "JetBrainsMono-MediumItalic.ttf",
+    semiboldItalic: "JetBrainsMono-SemiBoldItalic.ttf"
+  },
+  "Source Code Pro": {
+    regular: "SourceCodePro-Regular.ttf",
+    bold: "SourceCodePro-Bold.ttf",
+    light: "SourceCodePro-Light.ttf",
+    medium: "SourceCodePro-Medium.ttf",
+    semibold: "SourceCodePro-SemiBold.ttf",
+    italic: "SourceCodePro-RegularItalic.ttf",
+    boldItalic: "SourceCodePro-BoldItalic.ttf",
+    lightItalic: "SourceCodePro-LightItalic.ttf",
+    mediumItalic: "SourceCodePro-MediumItalic.ttf",
+    semiboldItalic: "SourceCodePro-SemiBoldItalic.ttf"
+  },
+  "IBM Plex Mono": {
+    regular: "IBMPlexMono-Regular.ttf",
+    bold: "IBMPlexMono-Bold.ttf"
+  },
+  "Space Mono": {
+    regular: "SpaceMono-Regular.ttf",
+    bold: "SpaceMono-Bold.ttf",
+    italic: "SpaceMono-Italic.ttf",
+    boldItalic: "SpaceMono-BoldItalic.ttf"
+  },
+  "Sacramento": { regular: "Sacramento-Regular.ttf" },
+  "Alex Brush": { regular: "AlexBrush-Regular.ttf" },
+  "Allura": { regular: "Allura-Regular.ttf" },
+  "Caveat": {
+    regular: "Caveat-Regular.ttf",
+    bold: "Caveat-Bold.ttf",
+    medium: "Caveat-Medium.ttf",
+    semibold: "Caveat-SemiBold.ttf"
+  },
+  "Lobster": { regular: "Lobster-Regular.ttf" },
+  "Comfortaa": {
+    regular: "Comfortaa-Regular.ttf",
+    bold: "Comfortaa-Bold.ttf",
+    light: "Comfortaa-Light.ttf",
+    medium: "Comfortaa-Medium.ttf",
+    semibold: "Comfortaa-SemiBold.ttf"
+  },
+  "Anton": { regular: "Anton-Regular.ttf" },
+  "Teko": {
+    regular: "Teko-Regular.ttf",
+    bold: "Teko-Bold.ttf",
+    light: "Teko-Light.ttf",
+    medium: "Teko-Medium.ttf",
+    semibold: "Teko-SemiBold.ttf"
+  },
+  "Noto Sans Devanagari": {
+    regular: "NotoSansDevanagari-Regular.ttf",
+    bold: "NotoSansDevanagari-Bold.ttf",
+    light: "NotoSansDevanagari-Light.ttf",
+    medium: "NotoSansDevanagari-Medium.ttf",
+    semibold: "NotoSansDevanagari-SemiBold.ttf"
+  },
+  "Hind": {
+    regular: "Hind-Regular.ttf",
+    bold: "Hind-Bold.ttf",
+    light: "Hind-Light.ttf",
+    medium: "Hind-Medium.ttf",
+    semibold: "Hind-SemiBold.ttf"
+  },
+  "Cinzel": { regular: "Cinzel-Regular.ttf", bold: "Cinzel-Bold.ttf" },
+  "Cormorant Garamond": {
+    regular: "CormorantGaramond-Regular.ttf",
+    bold: "CormorantGaramond-Bold.ttf",
+    light: "CormorantGaramond-Light.ttf",
+    medium: "CormorantGaramond-Medium.ttf",
+    semibold: "CormorantGaramond-SemiBold.ttf",
+    italic: "CormorantGaramond-Italic.ttf",
+    boldItalic: "CormorantGaramond-BoldItalic.ttf"
   }
-  paintPageBackground(ctx, page, width, height) {
-    var _a, _b;
-    const backgroundColor = ((_a = page == null ? void 0 : page.settings) == null ? void 0 : _a.backgroundColor) || "#ffffff";
-    const gradient = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.backgroundGradient;
-    ctx.clearRect(0, 0, width, height);
-    ctx.fillStyle = backgroundColor;
-    ctx.fillRect(0, 0, width, height);
-    const stops = this.getNormalizedGradientStops(gradient);
-    if (stops.length < 2) return;
-    try {
-      let canvasGradient = null;
-      if ((gradient == null ? void 0 : gradient.type) === "radial") {
-        const cx = Number.isFinite(gradient == null ? void 0 : gradient.cx) ? gradient.cx : 0.5;
-        const cy = Number.isFinite(gradient == null ? void 0 : gradient.cy) ? gradient.cy : 0.5;
-        const centerX = width * cx;
-        const centerY = height * cy;
-        const radius = Math.max(
-          Math.hypot(centerX, centerY),
-          Math.hypot(width - centerX, centerY),
-          Math.hypot(centerX, height - centerY),
-          Math.hypot(width - centerX, height - centerY)
-        );
-        canvasGradient = ctx.createRadialGradient(centerX, centerY, 0, centerX, centerY, radius);
-      } else if ((gradient == null ? void 0 : gradient.type) === "conic" && typeof ctx.createConicGradient === "function") {
-        const cx = Number.isFinite(gradient == null ? void 0 : gradient.cx) ? gradient.cx : 0.5;
-        const cy = Number.isFinite(gradient == null ? void 0 : gradient.cy) ? gradient.cy : 0.5;
-        const startAngle = (((gradient == null ? void 0 : gradient.angle) ?? 0) - 90) * Math.PI / 180;
-        canvasGradient = ctx.createConicGradient(startAngle, width * cx, height * cy);
-      } else {
-        const angleDeg = (gradient == null ? void 0 : gradient.angle) ?? 90;
-        const angleRad = angleDeg * Math.PI / 180;
-        const sinA = Math.sin(angleRad);
-        const cosA = Math.cos(angleRad);
-        const midX = width / 2;
-        const midY = height / 2;
-        const corners = [
-          [0, 0],
-          [width, 0],
-          [width, height],
-          [0, height]
-        ];
-        const projections = corners.map(([x, y]) => x * sinA - y * cosA);
-        const minProjection = Math.min(...projections);
-        const maxProjection = Math.max(...projections);
-        canvasGradient = ctx.createLinearGradient(
-          midX + minProjection * sinA,
-          midY - minProjection * cosA,
-          midX + maxProjection * sinA,
-          midY - maxProjection * cosA
-        );
-      }
-      if (!canvasGradient) return;
-      stops.forEach((stop) => canvasGradient.addColorStop(stop.offset, stop.color));
-      ctx.fillStyle = canvasGradient;
-      ctx.fillRect(0, 0, width, height);
-    } catch {
-    }
+};
+const WEIGHT_TO_KEYS = {
+  300: ["light", "regular"],
+  400: ["regular"],
+  500: ["medium", "regular"],
+  600: ["semibold", "bold", "regular"],
+  700: ["bold", "regular"]
+};
+const WEIGHT_TO_ITALIC_KEYS = {
+  300: ["lightItalic", "italic", "light", "regular"],
+  400: ["italic", "regular"],
+  500: ["mediumItalic", "italic", "medium", "regular"],
+  600: ["semiboldItalic", "boldItalic", "italic", "semibold", "bold", "regular"],
+  700: ["boldItalic", "italic", "bold", "regular"]
+};
+function getFontPathForWeight(files, weight, isItalic = false) {
+  const keys = isItalic ? WEIGHT_TO_ITALIC_KEYS[weight] : WEIGHT_TO_KEYS[weight];
+  if (!keys) return files.regular;
+  for (const k of keys) {
+    const path = files[k];
+    if (path) return path;
   }
-  async renderPageViaPreviewCanvas(config, pageIndex, pixelRatio, format, quality, options = {}) {
-    const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
-    const canvasWidth = config.canvas.width;
-    const canvasHeight = config.canvas.height;
-    const hasAutoShrink = configHasAutoShrinkText(config);
-    let firstMountSettled = false;
-    let lateFontSettleDetected = false;
-    if (typeof document !== "undefined" && document.fonts && hasAutoShrink) {
-      document.fonts.ready.then(() => {
-        if (firstMountSettled) lateFontSettleDetected = true;
-      }).catch(() => {
-      });
-    }
-    return new Promise((resolve, reject) => {
-      const container = document.createElement("div");
-      container.style.cssText = `
-        position: fixed; left: -99999px; top: -99999px;
-        width: ${canvasWidth}px; height: ${canvasHeight}px;
-        overflow: hidden; pointer-events: none; opacity: 0;
-      `;
-      document.body.appendChild(container);
-      const timeout = setTimeout(() => {
-        cleanup();
-        reject(new Error("Render timeout (30s)"));
-      }, 3e4);
-      let root;
-      let mountKey = 0;
-      const cleanup = () => {
-        clearTimeout(timeout);
-        try {
-          root.unmount();
-        } catch {
-        }
-        container.remove();
-      };
-      const remountWithFreshKey = async () => {
-        mountKey += 1;
-        try {
-          clearMeasurementCache();
-        } catch {
-        }
-        try {
-          clearFabricCharCache();
-        } catch {
-        }
-        try {
-          root.unmount();
-        } catch {
-        }
-        root = createRoot(container);
-        await new Promise((settle) => {
-          const onReadyOnce = () => {
-            this.waitForCanvasScene(container, config, pageIndex).then(async () => {
-              const fabricInstance = this.getFabricCanvasFromContainer(container);
-              const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
-              await this.waitForCanvasImages(container, expectedImageCount);
-              await this.waitForStableTextMetrics(container, config);
-              await this.waitForCanvasScene(container, config, pageIndex);
-              if (!fabricInstance) return settle();
-              settle();
-            }).catch(() => settle());
-          };
-          root.render(
-            createElement(PreviewCanvas2, {
-              key: `remount-${mountKey}`,
-              config,
-              pageIndex,
-              zoom: pixelRatio,
-              absoluteZoom: true,
-              skipFontReadyWait: false,
-              onReady: onReadyOnce
-            })
-          );
-        });
-      };
-      const onReady = () => {
-        this.waitForCanvasScene(container, config, pageIndex).then(async () => {
-          try {
-            const fabricInstance = this.getFabricCanvasFromContainer(container);
-            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
-            await this.waitForCanvasImages(container, expectedImageCount);
-            await this.waitForStableTextMetrics(container, config);
-            await this.waitForCanvasScene(container, config, pageIndex);
-            firstMountSettled = true;
-            if (hasAutoShrink && lateFontSettleDetected) {
-              console.log("[canvas-renderer][parity] late font-settle detected — remounting for auto-shrink reflow");
-              await remountWithFreshKey();
-            }
-            const fabricCanvas = container.querySelector("canvas.upper-canvas, canvas");
-            const sourceCanvas = (fabricInstance == null ? void 0 : fabricInstance.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || fabricCanvas;
-            const fabricInstanceAfter = this.getFabricCanvasFromContainer(container) || fabricInstance;
-            const sourceCanvasAfter = (fabricInstanceAfter == null ? void 0 : fabricInstanceAfter.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || sourceCanvas;
-            if (!sourceCanvas) {
-              cleanup();
-              reject(new Error("No canvas element found after render"));
-              return;
-            }
-            const exportCanvas = document.createElement("canvas");
-            exportCanvas.width = sourceCanvasAfter.width;
-            exportCanvas.height = sourceCanvasAfter.height;
-            const exportCtx = exportCanvas.getContext("2d");
-            if (!exportCtx) {
-              cleanup();
-              reject(new Error("Failed to create export canvas"));
-              return;
-            }
-            exportCtx.save();
-            exportCtx.scale(sourceCanvasAfter.width / canvasWidth, sourceCanvasAfter.height / canvasHeight);
-            this.paintPageBackground(exportCtx, config.pages[pageIndex], canvasWidth, canvasHeight);
-            exportCtx.restore();
-            exportCtx.drawImage(sourceCanvasAfter, 0, 0);
-            const mimeType = format === "jpeg" ? "image/jpeg" : format === "webp" ? "image/webp" : "image/png";
-            const dataUrl = exportCanvas.toDataURL(mimeType, quality);
-            cleanup();
-            resolve(dataUrl);
-          } catch (err) {
-            cleanup();
-            reject(err);
-          }
-        });
-      };
-      root = createRoot(container);
-      root.render(
-        createElement(PreviewCanvas2, {
-          config,
-          pageIndex,
-          zoom: pixelRatio,
-          absoluteZoom: true,
-          skipFontReadyWait: false,
-          onReady
-        })
-      );
-    });
+  return files.regular;
+}
+function isItalicPath(files, path) {
+  return path === files.italic || path === files.boldItalic || path === files.lightItalic || path === files.mediumItalic || path === files.semiboldItalic;
+}
+function getJsPDFFontName(fontName) {
+  return fontName.replace(/\s+/g, "");
+}
+function getEmbeddedJsPDFFontName(fontName, weight, isItalic = false) {
+  const resolved = resolveFontWeight(weight);
+  const label = FONT_WEIGHT_LABELS[resolved];
+  const italicSuffix = isItalic ? "Italic" : "";
+  return `${getJsPDFFontName(fontName)}-${label}${italicSuffix}`;
+}
+function isFontAvailable(fontName) {
+  return fontName in FONT_FILES;
+}
+const ttfCache = /* @__PURE__ */ new Map();
+async function fetchTTFAsBase64(url) {
+  const cached = ttfCache.get(url);
+  if (cached) return cached;
+  try {
+    const res = await fetch(url);
+    if (!res.ok) return null;
+    const buf = await res.arrayBuffer();
+    const bytes = new Uint8Array(buf);
+    let binary = "";
+    for (let i = 0; i < bytes.length; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    const b64 = btoa(binary);
+    ttfCache.set(url, b64);
+    return b64;
+  } catch {
+    return null;
   }
-  // ─── Internal: capture SVG from a rendered Fabric canvas ───
-  //
-  // APPROACH: Use the SAME PreviewCanvas that renders perfect PNGs, then call
-  // Fabric's toSVG() on that canvas. This guarantees 100% layout parity —
-  // the SVG is a vector snapshot of exactly what's on screen.
-  //
-  // The trick: before calling toSVG(), we temporarily neutralize the viewport
-  // transform and retina scaling so Fabric emits coordinates in logical
-  // document space (e.g. 612x792) instead of inflated pixel space.
-  captureSvgViaPreviewCanvas(config, pageIndex, canvasWidth, canvasHeight) {
-    return new Promise(async (resolve, reject) => {
-      const { PreviewCanvas: PreviewCanvas2 } = await Promise.resolve().then(() => PreviewCanvas$1);
-      const hasAutoShrink = configHasAutoShrinkText(config);
-      const container = document.createElement("div");
-      container.style.cssText = `
-        position: fixed; left: -99999px; top: -99999px;
-        width: ${canvasWidth}px; height: ${canvasHeight}px;
-        overflow: hidden; pointer-events: none; opacity: 0;
-      `;
-      document.body.appendChild(container);
-      const timeout = setTimeout(() => {
-        cleanup();
-        reject(new Error("SVG render timeout (30s)"));
-      }, 3e4);
-      let root = null;
-      let mountKey = 0;
-      let didPreviewParityRemount = false;
-      const cleanup = () => {
-        clearTimeout(timeout);
-        try {
-          root == null ? void 0 : root.unmount();
-        } catch {
-        }
-        container.remove();
-      };
-      const mountPreview = (readyHandler) => {
-        root = createRoot(container);
-        root.render(
-          createElement(PreviewCanvas2, {
-            key: `svg-capture-${mountKey}`,
-            config,
-            pageIndex,
-            zoom: 1,
-            absoluteZoom: true,
-            skipFontReadyWait: false,
-            onReady: readyHandler
-          })
-        );
-      };
-      const remountForPreviewParity = async () => {
-        if (didPreviewParityRemount) return;
-        didPreviewParityRemount = true;
-        mountKey += 1;
-        try {
-          clearMeasurementCache();
-        } catch {
-        }
-        try {
-          clearFabricCharCache();
-        } catch {
-        }
-        try {
-          root == null ? void 0 : root.unmount();
-        } catch {
-        }
-        await new Promise((settle) => {
-          mountPreview(() => {
-            this.waitForCanvasScene(container, config, pageIndex).then(async () => {
-              const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
-              await this.waitForCanvasImages(container, expectedImageCount);
-              await this.waitForStableTextMetrics(container, config);
-              await this.waitForCanvasScene(container, config, pageIndex);
-              settle();
-            }).catch(() => settle());
-          });
-        });
-      };
-      const onReady = () => {
-        this.waitForCanvasScene(container, config, pageIndex).then(async () => {
-          var _a, _b;
-          try {
-            const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
-            await this.waitForCanvasImages(container, expectedImageCount);
-            await this.waitForStableTextMetrics(container, config);
-            await this.waitForCanvasScene(container, config, pageIndex);
-            if (hasAutoShrink && !didPreviewParityRemount) {
-              console.log("[canvas-renderer][svg-parity] remounting once to match PixldocsPreview auto-shrink stabilization");
-              await remountForPreviewParity();
-            }
-            const fabricInstance = this.getFabricCanvasFromContainer(container);
-            if (!fabricInstance) {
-              cleanup();
-              reject(new Error("No Fabric canvas instance found for SVG capture"));
-              return;
+}
+async function embedFont(pdf, fontName, weight, fontBaseUrl, isItalic = false) {
+  const fontFiles = FONT_FILES[fontName];
+  if (!fontFiles) return false;
+  const baseUrl = fontBaseUrl.endsWith("/") ? fontBaseUrl : fontBaseUrl + "/";
+  const resolvedWeight = resolveFontWeight(weight);
+  const fontPath = getFontPathForWeight(fontFiles, resolvedWeight, isItalic);
+  if (!fontPath) return false;
+  const hasItalicFile = isItalic && isItalicPath(fontFiles, fontPath);
+  const jsPdfFontName = getEmbeddedJsPDFFontName(fontName, weight, hasItalicFile);
+  const label = FONT_WEIGHT_LABELS[resolvedWeight];
+  const italicSuffix = hasItalicFile ? "Italic" : "";
+  const fileName = `${getJsPDFFontName(fontName)}-${label}${italicSuffix}.ttf`;
+  const url = baseUrl + fontPath;
+  try {
+    const b64 = await fetchTTFAsBase64(url);
+    if (!b64) return false;
+    pdf.addFileToVFS(fileName, b64);
+    pdf.addFont(fileName, jsPdfFontName, "normal");
+    if (fontName !== jsPdfFontName) {
+      try {
+        pdf.addFont(fileName, fontName, "normal");
+      } catch {
+      }
+    }
+    return true;
+  } catch (e) {
+    console.warn(`[pdf-fonts] Failed to embed ${fontName} w${weight}:`, e);
+    return false;
+  }
+}
+async function embedFontsForConfig(pdf, config, fontBaseUrl) {
+  const fontKeys = /* @__PURE__ */ new Set();
+  const SEP = "";
+  const walkElements = (elements) => {
+    for (const el of elements) {
+      if (el.fontFamily) {
+        const w = resolveFontWeight(el.fontWeight ?? 400);
+        fontKeys.add(`${el.fontFamily}${SEP}${w}`);
+      }
+      if (el.styles && typeof el.styles === "object") {
+        for (const lineKey of Object.keys(el.styles)) {
+          const lineStyles = el.styles[lineKey];
+          if (lineStyles && typeof lineStyles === "object") {
+            for (const charKey of Object.keys(lineStyles)) {
+              const s = lineStyles[charKey];
+              if (s == null ? void 0 : s.fontFamily) {
+                const w = resolveFontWeight(s.fontWeight ?? 400);
+                fontKeys.add(`${s.fontFamily}${SEP}${w}`);
+              }
             }
-            const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
-            const prevSvgVPT = fabricInstance.svgViewportTransformation;
-            const prevRetina = fabricInstance.enableRetinaScaling;
-            const prevWidth = fabricInstance.width;
-            const prevHeight = fabricInstance.height;
-            fabricInstance.viewportTransform = [1, 0, 0, 1, 0, 0];
-            fabricInstance.svgViewportTransformation = false;
-            fabricInstance.enableRetinaScaling = false;
-            fabricInstance.setDimensions(
-              { width: canvasWidth, height: canvasHeight },
-              { cssOnly: false, backstoreOnly: false }
-            );
-            const rawSvgString = fabricInstance.toSVG();
-            const svgString = this.normalizeSvgDimensions(
-              rawSvgString,
-              canvasWidth,
-              canvasHeight
-            );
-            fabricInstance.enableRetinaScaling = prevRetina;
-            fabricInstance.setDimensions(
-              { width: prevWidth, height: prevHeight },
-              { cssOnly: false, backstoreOnly: false }
-            );
-            if (prevVPT) fabricInstance.viewportTransform = prevVPT;
-            fabricInstance.svgViewportTransformation = prevSvgVPT;
-            const page = config.pages[pageIndex];
-            const backgroundColor = ((_a = page == null ? void 0 : page.settings) == null ? void 0 : _a.backgroundColor) || "#ffffff";
-            const backgroundGradient = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.backgroundGradient;
-            cleanup();
-            resolve({
-              svg: svgString,
-              width: canvasWidth,
-              height: canvasHeight,
-              backgroundColor,
-              backgroundGradient
-            });
-          } catch (err) {
-            cleanup();
-            reject(err);
           }
-        });
-      };
-      mountPreview(onReady);
-    });
+        }
+      }
+      if (el.children) walkElements(el.children);
+      if (el.objects) walkElements(el.objects);
+    }
+  };
+  for (const page of (config == null ? void 0 : config.pages) || []) {
+    if (page.children) walkElements(page.children);
+    if (page.elements) walkElements(page.elements);
   }
-  /**
-   * Normalize the SVG's width/height/viewBox to match the logical page dimensions.
-   * Fabric's toSVG() may output dimensions scaled by the canvas element's actual
-   * pixel size (e.g., 2x due to devicePixelRatio), causing svg2pdf to render
-   * content at the wrong scale. This rewrites the root <svg> attributes to ensure
-   * the SVG coordinate system matches the intended page size exactly.
-   */
-  normalizeSvgDimensions(svg, targetWidth, targetHeight) {
-    const widthMatch = svg.match(/<svg[^>]*\bwidth="([^"]+)"/i);
-    const heightMatch = svg.match(/<svg[^>]*\bheight="([^"]+)"/i);
-    const svgWidth = widthMatch ? parseFloat(widthMatch[1]) : targetWidth;
-    const svgHeight = heightMatch ? parseFloat(heightMatch[1]) : targetHeight;
-    console.log(
-      `[canvas-renderer][svg-normalize] root ${svgWidth}x${svgHeight} → page ${targetWidth}x${targetHeight}`
+  fontKeys.add(`${FONT_FALLBACK_SYMBOLS}${SEP}400`);
+  for (const w of [300, 400, 500, 600, 700]) {
+    fontKeys.add(`${FONT_FALLBACK_DEVANAGARI}${SEP}${w}`);
+  }
+  const embedded = /* @__PURE__ */ new Set();
+  const tasks = [];
+  for (const key of fontKeys) {
+    const sep = key.indexOf(SEP);
+    const fontName = key.slice(0, sep);
+    const weight = parseInt(key.slice(sep + 1), 10);
+    if (!isFontAvailable(fontName)) continue;
+    tasks.push(
+      embedFont(pdf, fontName, weight, fontBaseUrl).then((ok) => {
+        if (ok) embedded.add(key);
+      })
     );
-    let normalized = svg;
-    if (/\bwidth="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/(<svg[^>]*\b)width="[^"]*"/i, `$1width="${targetWidth}"`);
-    } else {
-      normalized = normalized.replace(/<svg\b/i, `<svg width="${targetWidth}"`);
-    }
-    if (/\bheight="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/(<svg[^>]*\b)height="[^"]*"/i, `$1height="${targetHeight}"`);
-    } else {
-      normalized = normalized.replace(/<svg\b/i, `<svg height="${targetHeight}"`);
-    }
-    const viewBox = `0 0 ${targetWidth} ${targetHeight}`;
-    if (/\bviewBox="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/viewBox="[^"]*"/i, `viewBox="${viewBox}"`);
-    } else {
-      normalized = normalized.replace(/<svg\b/i, `<svg viewBox="${viewBox}"`);
+  }
+  await Promise.all(tasks);
+  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants from config`);
+  return embedded;
+}
+function isDevanagari(char) {
+  const c = char.codePointAt(0) ?? 0;
+  return c >= 2304 && c <= 2431 || c >= 43232 && c <= 43263 || c >= 7376 && c <= 7423;
+}
+function containsDevanagari(text) {
+  if (!text) return false;
+  for (const char of text) {
+    if (isDevanagari(char)) return true;
+  }
+  return false;
+}
+function isBasicLatinOrLatin1(char) {
+  const c = char.codePointAt(0) ?? 0;
+  return c <= 591;
+}
+function classifyChar(char) {
+  if (isBasicLatinOrLatin1(char)) return "main";
+  if (isDevanagari(char)) return "devanagari";
+  return "symbol";
+}
+function splitIntoRuns(text) {
+  if (!text) return [];
+  const runs = [];
+  let currentType = null;
+  let currentText = "";
+  for (const char of text) {
+    const type = classifyChar(char);
+    if (type !== currentType && currentText) {
+      runs.push({ text: currentText, runType: currentType });
+      currentText = "";
     }
-    normalized = normalized.replace(/="undefined"/g, '="0"');
-    normalized = normalized.replace(/="NaN"/g, '="0"');
-    if (/\bx="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/(<svg[^>]*\b)x="[^"]*"/i, '$1x="0"');
-    } else {
-      normalized = normalized.replace(/<svg\b/i, '<svg x="0"');
+    currentType = type;
+    currentText += char;
+  }
+  if (currentText && currentType) {
+    runs.push({ text: currentText, runType: currentType });
+  }
+  return runs;
+}
+function rewriteSvgFontsForJsPDF(svgStr) {
+  var _a, _b;
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(svgStr, "image/svg+xml");
+  const textEls = doc.querySelectorAll("text, tspan, textPath");
+  const readStyleToken = (style, prop) => {
+    var _a2;
+    const match = style.match(new RegExp(`${prop}\\s*:\\s*([^;]+)`, "i"));
+    return ((_a2 = match == null ? void 0 : match[1]) == null ? void 0 : _a2.trim()) || null;
+  };
+  const resolveInheritedValue = (el, attr, styleProp = attr) => {
+    var _a2;
+    let current = el;
+    while (current) {
+      const attrVal = (_a2 = current.getAttribute(attr)) == null ? void 0 : _a2.trim();
+      if (attrVal) return attrVal;
+      const styleVal = readStyleToken(current.getAttribute("style") || "", styleProp);
+      if (styleVal) return styleVal;
+      current = current.parentElement;
     }
-    if (/\by="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/(<svg[^>]*\b)y="[^"]*"/i, '$1y="0"');
+    return null;
+  };
+  const resolveWeightNum = (weightRaw) => {
+    const parsedWeight = Number.parseInt(weightRaw, 10);
+    return Number.isFinite(parsedWeight) ? parsedWeight : /bold/i.test(weightRaw) ? 700 : /medium/i.test(weightRaw) ? 500 : /semi/i.test(weightRaw) ? 600 : /light/i.test(weightRaw) ? 300 : 400;
+  };
+  const buildStyleString = (existingStyle, fontName) => {
+    const stylePairs = existingStyle.split(";").map((part) => part.trim()).filter(Boolean).filter((part) => !/^font-family\s*:/i.test(part) && !/^font-weight\s*:/i.test(part) && !/^font-style\s*:/i.test(part));
+    stylePairs.push(`font-family: ${fontName}`);
+    stylePairs.push(`font-weight: normal`);
+    stylePairs.push(`font-style: normal`);
+    return stylePairs.join("; ");
+  };
+  for (const el of textEls) {
+    const inlineStyle = el.getAttribute("style") || "";
+    const rawFf = resolveInheritedValue(el, "font-family");
+    if (!rawFf) continue;
+    const clean = (_a = rawFf.split(",")[0]) == null ? void 0 : _a.replace(/['"]/g, "").trim();
+    if (!isFontAvailable(clean)) continue;
+    const weightRaw = resolveInheritedValue(el, "font-weight") || "400";
+    const styleRaw = resolveInheritedValue(el, "font-style") || "normal";
+    const weight = resolveWeightNum(weightRaw);
+    const resolved = resolveFontWeight(weight);
+    const isItalic = /italic|oblique/i.test(styleRaw);
+    const jsPdfName = getEmbeddedJsPDFFontName(clean, resolved, isItalic);
+    el.setAttribute("data-source-font-family", clean);
+    el.setAttribute("data-source-font-weight", String(resolved));
+    el.setAttribute("data-source-font-style", isItalic ? "italic" : "normal");
+    const directText = Array.from(el.childNodes).filter((n) => n.nodeType === 3).map((n) => n.textContent || "").join("");
+    const hasDevanagari = containsDevanagari(directText);
+    if (hasDevanagari && directText.length > 0) {
+      const devanagariWeight = resolveFontWeight(weight);
+      const devanagariJsPdfName = getEmbeddedJsPDFFontName(FONT_FALLBACK_DEVANAGARI, devanagariWeight);
+      const symbolJsPdfName = isFontAvailable(FONT_FALLBACK_SYMBOLS) ? getEmbeddedJsPDFFontName(FONT_FALLBACK_SYMBOLS, 400) : jsPdfName;
+      const childNodes = Array.from(el.childNodes);
+      for (const node of childNodes) {
+        if (node.nodeType !== 3 || !node.textContent) continue;
+        const runs = splitIntoRuns(node.textContent);
+        if (runs.length <= 1 && ((_b = runs[0]) == null ? void 0 : _b.runType) !== "devanagari") continue;
+        const fragment = doc.createDocumentFragment();
+        for (const run of runs) {
+          const tspan = doc.createElementNS("http://www.w3.org/2000/svg", "tspan");
+          let runFont;
+          if (run.runType === "devanagari") {
+            runFont = devanagariJsPdfName;
+          } else if (run.runType === "symbol") {
+            runFont = symbolJsPdfName;
+          } else {
+            runFont = jsPdfName;
+          }
+          tspan.setAttribute("font-family", runFont);
+          tspan.setAttribute("font-weight", "normal");
+          tspan.setAttribute("font-style", "normal");
+          tspan.textContent = run.text;
+          fragment.appendChild(tspan);
+        }
+        el.replaceChild(fragment, node);
+      }
+      el.setAttribute("font-family", jsPdfName);
+      el.setAttribute("font-weight", "normal");
+      el.setAttribute("font-style", "normal");
+      el.setAttribute("style", buildStyleString(inlineStyle, jsPdfName));
     } else {
-      normalized = normalized.replace(/<svg\b/i, '<svg y="0"');
-    }
-    normalized = normalized.replace(/\bpreserveAspectRatio="[^"]*"/i, 'preserveAspectRatio="none"');
-    if (!/\bpreserveAspectRatio="[^"]*"/i.test(normalized)) {
-      normalized = normalized.replace(/<svg\b/i, '<svg preserveAspectRatio="none"');
+      el.setAttribute("font-family", jsPdfName);
+      el.setAttribute("font-weight", "normal");
+      el.setAttribute("font-style", "normal");
+      el.setAttribute("style", buildStyleString(inlineStyle, jsPdfName));
     }
-    return normalized;
   }
-  /**
-   * Find the Fabric.Canvas instance that belongs to a given container element,
-   * using the global __fabricCanvasRegistry (set by PageCanvas).
-   */
-  getFabricCanvasFromContainer(container) {
-    const registry2 = window.__fabricCanvasRegistry;
-    if (registry2 instanceof Map) {
-      for (const entry of registry2.values()) {
-        const canvas = (entry == null ? void 0 : entry.canvas) || entry;
-        if (!canvas || typeof canvas.toSVG !== "function") continue;
-        const el = canvas.lowerCanvasEl || canvas.upperCanvasEl;
-        if (el && container.contains(el)) return canvas;
+  return new XMLSerializer().serializeToString(doc.documentElement);
+}
+function extractFontFamiliesFromSvgs(svgs) {
+  const families = /* @__PURE__ */ new Set();
+  const regex = /font-family[=:]\s*["']?([^"';},]+)/gi;
+  for (const svg of svgs) {
+    let m;
+    while ((m = regex.exec(svg)) !== null) {
+      const raw = m[1].trim().split(",")[0].trim().replace(/^['"]|['"]$/g, "");
+      if (raw && raw !== "serif" && raw !== "sans-serif" && raw !== "monospace") {
+        families.add(raw);
       }
     }
-    return null;
   }
-  async waitForStableTextMetrics(container, config) {
-    var _a, _b, _c;
-    if (typeof document !== "undefined") {
-      void ensureFontsForResolvedConfig(config);
-      await this.waitForRelevantFonts(config);
+  return families;
+}
+async function embedFontsInPdf(pdf, fontFamilies, fontBaseUrl) {
+  const embedded = /* @__PURE__ */ new Set();
+  const weights = [300, 400, 500, 600, 700];
+  const tasks = [];
+  for (const family of fontFamilies) {
+    if (!isFontAvailable(family)) {
+      console.warn(`[pdf-fonts] No TTF mapping for "${family}" — will use Helvetica fallback`);
+      continue;
     }
-    const fabricInstance = this.getFabricCanvasFromContainer(container);
-    if (!(fabricInstance == null ? void 0 : fabricInstance.getObjects)) return;
-    const waitForPaint = () => new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
-    const primeCharBounds = (obj) => {
-      if (obj instanceof fabric.Textbox) {
-        const lines = obj._textLines;
-        if (Array.isArray(lines)) {
-          for (let i = 0; i < lines.length; i++) {
-            try {
-              obj.getLineWidth(i);
-            } catch {
-            }
-          }
-        }
-        obj.dirty = true;
-        return;
-      }
-      if (obj instanceof fabric.Group) {
-        obj.getObjects().forEach(primeCharBounds);
-        obj.dirty = true;
-      }
+    for (const w of weights) {
+      tasks.push(
+        embedFont(pdf, family, w, fontBaseUrl).then((ok) => {
+          if (ok) embedded.add(`${family}${w}`);
+        })
+      );
+    }
+  }
+  await Promise.all(tasks);
+  console.log(`[pdf-fonts] Embedded ${embedded.size} font variants for ${fontFamilies.size} families`);
+  return embedded;
+}
+const pdfFonts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FONT_FALLBACK_DEVANAGARI,
+  FONT_FALLBACK_SYMBOLS,
+  FONT_FILES,
+  FONT_WEIGHT_LABELS,
+  embedFont,
+  embedFontsForConfig,
+  embedFontsInPdf,
+  extractFontFamiliesFromSvgs,
+  getEmbeddedJsPDFFontName,
+  getFontPathForWeight,
+  isFontAvailable,
+  resolveFontWeight,
+  rewriteSvgFontsForJsPDF
+}, Symbol.toStringTag, { value: "Module" }));
+function dumpSvgTextDiagnostics(svgStr, pageIndex, tag, stage, maxItems = 30) {
+  try {
+    if (typeof DOMParser === "undefined") return;
+    const doc = new DOMParser().parseFromString(svgStr, "image/svg+xml");
+    if (doc.querySelector("parsererror")) {
+      console.warn(`${tag} page=${pageIndex} stage=${stage} parse-error`);
+      return;
+    }
+    const root = doc.documentElement;
+    const svgWidth = root == null ? void 0 : root.getAttribute("width");
+    const svgHeight = root == null ? void 0 : root.getAttribute("height");
+    const svgViewBox = root == null ? void 0 : root.getAttribute("viewBox");
+    const texts = Array.from(doc.querySelectorAll("text"));
+    const summary = {
+      page: pageIndex,
+      stage,
+      svgLen: svgStr.length,
+      svgWidth,
+      svgHeight,
+      svgViewBox,
+      textCount: texts.length
     };
-    fabricInstance.getObjects().forEach(primeCharBounds);
-    (_a = fabricInstance.calcOffset) == null ? void 0 : _a.call(fabricInstance);
-    (_b = fabricInstance.renderAll) == null ? void 0 : _b.call(fabricInstance);
-    await waitForPaint();
-    (_c = fabricInstance.renderAll) == null ? void 0 : _c.call(fabricInstance);
-    await waitForPaint();
+    console.log(`${tag} ${stage} page=${pageIndex} summary`, summary);
+    const sample = texts.slice(0, maxItems).map((t, idx) => {
+      var _a, _b;
+      const tspans = Array.from(t.querySelectorAll("tspan"));
+      const tspanInfo = tspans.slice(0, 4).map((s) => ({
+        x: s.getAttribute("x"),
+        y: s.getAttribute("y"),
+        text: (s.textContent || "").slice(0, 40)
+      }));
+      let containerWidth = null;
+      let cursor = t.parentElement;
+      while (cursor && !containerWidth) {
+        containerWidth = (_a = cursor.getAttribute) == null ? void 0 : _a.call(cursor, "width");
+        cursor = cursor.parentElement;
+        if (cursor && ((_b = cursor.tagName) == null ? void 0 : _b.toLowerCase()) === "svg") break;
+      }
+      return {
+        idx,
+        x: t.getAttribute("x"),
+        y: t.getAttribute("y"),
+        fontSize: t.getAttribute("font-size"),
+        fontFamily: t.getAttribute("font-family"),
+        fontWeight: t.getAttribute("font-weight"),
+        textAnchor: t.getAttribute("text-anchor"),
+        transform: t.getAttribute("transform"),
+        style: (t.getAttribute("style") || "").slice(0, 120),
+        ancestorWidth: containerWidth,
+        textContent: (t.textContent || "").slice(0, 60),
+        tspanCount: tspans.length,
+        tspanSample: tspanInfo
+      };
+    });
+    console.log(`${tag} ${stage} page=${pageIndex} text-sample (first ${sample.length}/${texts.length})`, sample);
+  } catch (err) {
+    console.warn(`${tag} ${stage} page=${pageIndex} dump threw`, err);
   }
 }
 const SVG_DRAWABLE_TAGS = /* @__PURE__ */ new Set([
@@ -15640,6 +15627,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
   const { title, stripPageBackground } = options;
   const firstPage = svgResults[0];
   const orientation = firstPage.width > firstPage.height ? "landscape" : "portrait";
+  const PARITY_TAG = "[canvas-renderer][parity-diag][pkg-pdf]";
+  console.log(`${PARITY_TAG} pkg-version=0.5.71 pages=${svgResults.length}`);
+  try {
+    for (let pi = 0; pi < svgResults.length; pi++) {
+      dumpSvgTextDiagnostics(svgResults[pi].svg, pi, PARITY_TAG, "STAGE-1-raw-toSVG");
+    }
+  } catch (e) {
+    console.warn(`${PARITY_TAG} dump failed`, e);
+  }
   const pdf = new jsPDF({
     orientation,
     unit: "px",
@@ -15669,6 +15665,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
       stripPageBackground: shouldStripBg
     });
     if (processedSvg) {
+      try {
+        dumpSvgTextDiagnostics(
+          new XMLSerializer().serializeToString(processedSvg),
+          i,
+          PARITY_TAG,
+          "STAGE-2-after-prepareLiveCanvasSvgForPdf"
+        );
+      } catch {
+      }
       await convertTextDecorationsToLines(processedSvg);
       if (shouldOutlineText) {
         try {
@@ -15690,6 +15695,15 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
       const reParser = new DOMParser();
       const reDoc = reParser.parseFromString(rewrittenSvg, "image/svg+xml");
       processedSvg = reDoc.documentElement;
+      try {
+        dumpSvgTextDiagnostics(
+          rewrittenSvg,
+          i,
+          PARITY_TAG,
+          "STAGE-3-after-rewriteSvgFontsForJsPDF"
+        );
+      } catch {
+      }
     }
     if (processedSvg) {
       pdf.setFillColor(0, 0, 0);
@@ -15713,7 +15727,8 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
 }
 const pdfExport = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  assemblePdfFromSvgs
+  assemblePdfFromSvgs,
+  dumpSvgTextDiagnostics
 }, Symbol.toStringTag, { value: "Module" }));
 function collectImageUrls(config) {
   const urls = [];
@@ -15817,6 +15832,7 @@ export {
   collectFontsFromConfig,
   collectImageUrls,
   configHasAutoShrinkText$1 as configHasAutoShrinkText,
+  dumpSvgTextDiagnostics,
   embedFont,
   embedFontsForConfig,
   embedFontsInPdf,