@bupple/vss-plugin-typography 1.0.0

package/dist/chunk-YI7CKNOM.js

@@ -0,0 +1,2169 @@
+// src/presets.ts
+var BASE = {
+  fontStyle: "normal",
+  textDecoration: [],
+  textTransform: "none",
+  verticalText: false,
+  backgroundColor: "transparent",
+  background: null,
+  shadow: null,
+  stroke: null,
+  glow: null,
+  curve: null
+};
+var TEXT_PRESETS = [
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // HEADINGS
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "heading-hero",
+    label: "Hero Title",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "Hero Title",
+      fontFamily: "Inter",
+      fontSize: 96,
+      fontWeight: 800,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.95,
+      letterSpacing: -3
+    }
+  },
+  {
+    id: "heading-display",
+    label: "Display",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "DISPLAY",
+      fontFamily: "Montserrat",
+      fontSize: 88,
+      fontWeight: 900,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: -2
+    }
+  },
+  {
+    id: "heading-elegant",
+    label: "Elegant",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "Elegant",
+      fontFamily: "Playfair Display",
+      fontSize: 80,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 2
+    }
+  },
+  {
+    id: "heading-subtitle",
+    label: "Subtitle",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "Subtitle Text",
+      fontFamily: "Inter",
+      fontSize: 48,
+      fontWeight: 400,
+      fontColor: "#cccccc",
+      textAlign: "center",
+      lineHeight: 1.3,
+      letterSpacing: 1
+    }
+  },
+  {
+    id: "heading-condensed",
+    label: "Condensed",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "CONDENSED",
+      fontFamily: "Bebas Neue",
+      fontSize: 92,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.9,
+      letterSpacing: 5
+    }
+  },
+  {
+    id: "heading-serif-bold",
+    label: "Serif Bold",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "Serif Bold",
+      fontFamily: "DM Serif Display",
+      fontSize: 76,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.05,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "heading-wide",
+    label: "Wide Track",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "WIDE TRACK",
+      fontFamily: "Raleway",
+      fontSize: 64,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.1,
+      letterSpacing: 12
+    }
+  },
+  {
+    id: "heading-impact",
+    label: "Impact",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "IMPACT",
+      fontFamily: "Anton",
+      fontSize: 100,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.9,
+      letterSpacing: 2
+    }
+  },
+  {
+    id: "heading-gradient-shadow",
+    label: "Shadow Title",
+    category: "headings",
+    style: {
+      ...BASE,
+      text: "SHADOW",
+      fontFamily: "Oswald",
+      fontSize: 84,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 4,
+      shadow: {
+        color: "#000000",
+        opacity: 70,
+        blur: 0,
+        distance: 6,
+        angle: 135
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // BODY & COPY
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "body-default",
+    label: "Body Text",
+    category: "body",
+    style: {
+      ...BASE,
+      text: "Body text goes here",
+      fontFamily: "Inter",
+      fontSize: 32,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      lineHeight: 1.6,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "body-serif",
+    label: "Serif Body",
+    category: "body",
+    style: {
+      ...BASE,
+      text: "Serif body text",
+      fontFamily: "Lora",
+      fontSize: 30,
+      fontWeight: 400,
+      fontColor: "#e8e8e8",
+      textAlign: "left",
+      lineHeight: 1.7,
+      letterSpacing: 0.3
+    }
+  },
+  {
+    id: "body-caption",
+    label: "Caption",
+    category: "body",
+    style: {
+      ...BASE,
+      text: "Caption text",
+      fontFamily: "Inter",
+      fontSize: 22,
+      fontWeight: 500,
+      fontColor: "#aaaaaa",
+      textAlign: "center",
+      lineHeight: 1.4,
+      letterSpacing: 0.5
+    }
+  },
+  {
+    id: "body-quote",
+    label: "Block Quote",
+    category: "body",
+    style: {
+      ...BASE,
+      text: '"Inspiring quote goes here"',
+      fontFamily: "Merriweather",
+      fontSize: 36,
+      fontWeight: 300,
+      fontColor: "#e0e0e0",
+      textAlign: "center",
+      lineHeight: 1.7,
+      letterSpacing: 0.2,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "body-label",
+    label: "Label",
+    category: "body",
+    style: {
+      ...BASE,
+      text: "LABEL",
+      fontFamily: "Inter",
+      fontSize: 18,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 3
+    }
+  },
+  {
+    id: "body-mono",
+    label: "Monospace",
+    category: "body",
+    style: {
+      ...BASE,
+      text: 'console.log("hello")',
+      fontFamily: "IBM Plex Mono",
+      fontSize: 24,
+      fontWeight: 400,
+      fontColor: "#a3e635",
+      textAlign: "left",
+      lineHeight: 1.5,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "body-footnote",
+    label: "Footnote",
+    category: "body",
+    style: {
+      ...BASE,
+      text: "Source: footnote",
+      fontFamily: "Inter",
+      fontSize: 16,
+      fontWeight: 400,
+      fontColor: "#888888",
+      textAlign: "left",
+      lineHeight: 1.4,
+      letterSpacing: 0.2,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "body-pull-quote",
+    label: "Pull Quote",
+    category: "body",
+    style: {
+      ...BASE,
+      text: '"Words can change the world"',
+      fontFamily: "Cormorant Garamond",
+      fontSize: 42,
+      fontWeight: 500,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.5,
+      letterSpacing: 1,
+      fontStyle: "italic"
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // MINIMAL
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "minimal-thin",
+    label: "Thin",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "Minimal",
+      fontFamily: "Raleway",
+      fontSize: 64,
+      fontWeight: 200,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 8
+    }
+  },
+  {
+    id: "minimal-whisper",
+    label: "Whisper",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "whisper",
+      fontFamily: "Inter",
+      fontSize: 48,
+      fontWeight: 300,
+      fontColor: "#999999",
+      textAlign: "center",
+      lineHeight: 1.3,
+      letterSpacing: 6,
+      textTransform: "lowercase"
+    }
+  },
+  {
+    id: "minimal-clean",
+    label: "Clean",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "Clean",
+      fontFamily: "DM Sans",
+      fontSize: 56,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 2
+    }
+  },
+  {
+    id: "minimal-spaced",
+    label: "Wide Spaced",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "SPACED",
+      fontFamily: "Josefin Sans",
+      fontSize: 44,
+      fontWeight: 300,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 16
+    }
+  },
+  {
+    id: "minimal-serif",
+    label: "Serif Quiet",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "Quiet",
+      fontFamily: "EB Garamond",
+      fontSize: 60,
+      fontWeight: 400,
+      fontColor: "#d4d4d4",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 4,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "minimal-hairline",
+    label: "Hairline",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "HAIRLINE",
+      fontFamily: "Montserrat",
+      fontSize: 52,
+      fontWeight: 100,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 10
+    }
+  },
+  {
+    id: "minimal-dash",
+    label: "Dash Accent",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "\u2014 Minimal \u2014",
+      fontFamily: "Cormorant Garamond",
+      fontSize: 40,
+      fontWeight: 300,
+      fontColor: "#cccccc",
+      textAlign: "center",
+      lineHeight: 1.4,
+      letterSpacing: 4
+    }
+  },
+  {
+    id: "minimal-small-caps",
+    label: "Small Caps",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "SMALL CAPS",
+      fontFamily: "Libre Baskerville",
+      fontSize: 28,
+      fontWeight: 400,
+      fontColor: "#e0e0e0",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.5,
+      letterSpacing: 6
+    }
+  },
+  {
+    id: "minimal-ghost",
+    label: "Ghost",
+    category: "minimal",
+    style: {
+      ...BASE,
+      text: "Ghost",
+      fontFamily: "Inter",
+      fontSize: 72,
+      fontWeight: 200,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 3,
+      stroke: { color: "#ffffff", width: 1 }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // MODERN
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "modern-bold",
+    label: "Bold Modern",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "MODERN",
+      fontFamily: "DM Sans",
+      fontSize: 76,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: -1
+    }
+  },
+  {
+    id: "modern-contrast",
+    label: "High Contrast",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "Contrast",
+      fontFamily: "Space Grotesk",
+      fontSize: 68,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.05,
+      letterSpacing: -2,
+      shadow: {
+        color: "#6366f1",
+        opacity: 60,
+        blur: 30,
+        distance: 0,
+        angle: 0
+      }
+    }
+  },
+  {
+    id: "modern-geo",
+    label: "Geometric",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "GEOMETRIC",
+      fontFamily: "Poppins",
+      fontSize: 64,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.1,
+      letterSpacing: 4
+    }
+  },
+  {
+    id: "modern-accent",
+    label: "Color Accent",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "Accent",
+      fontFamily: "Inter",
+      fontSize: 72,
+      fontWeight: 800,
+      fontColor: "#818cf8",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: -1
+    }
+  },
+  {
+    id: "modern-split",
+    label: "Split Tone",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "SPLIT",
+      fontFamily: "Sora",
+      fontSize: 80,
+      fontWeight: 800,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.95,
+      letterSpacing: 6,
+      stroke: { color: "#6366f1", width: 2 }
+    }
+  },
+  {
+    id: "modern-tight",
+    label: "Tight Stack",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "TIGHT\nSTACK",
+      fontFamily: "Inter",
+      fontSize: 68,
+      fontWeight: 900,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.85,
+      letterSpacing: -2
+    }
+  },
+  {
+    id: "modern-pill",
+    label: "Pill Label",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "NEW",
+      fontFamily: "Inter",
+      fontSize: 20,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 2,
+      textTransform: "uppercase",
+      background: {
+        color: "#6366f1",
+        opacity: 100,
+        borderRadius: 8,
+        height: 6,
+        width: 12,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "modern-underline",
+    label: "Underlined",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "Underlined",
+      fontFamily: "DM Sans",
+      fontSize: 56,
+      fontWeight: 500,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 0,
+      textDecoration: ["underline"]
+    }
+  },
+  {
+    id: "modern-glass",
+    label: "Glass Card",
+    category: "modern",
+    style: {
+      ...BASE,
+      text: "Glass Card",
+      fontFamily: "Inter",
+      fontSize: 36,
+      fontWeight: 500,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.3,
+      letterSpacing: 0.5,
+      background: {
+        color: "#ffffff",
+        opacity: 12,
+        borderRadius: 6,
+        height: 8,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // CREATIVE
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "creative-outlined",
+    label: "Outlined",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "OUTLINED",
+      fontFamily: "Inter",
+      fontSize: 72,
+      fontWeight: 800,
+      fontColor: "transparent",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 2,
+      stroke: { color: "#ffffff", width: 3 }
+    }
+  },
+  {
+    id: "creative-duotone",
+    label: "Duotone",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "DUOTONE",
+      fontFamily: "Montserrat",
+      fontSize: 76,
+      fontWeight: 900,
+      fontColor: "#f472b6",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 2,
+      shadow: {
+        color: "#6366f1",
+        opacity: 100,
+        blur: 0,
+        distance: 5,
+        angle: 135
+      }
+    }
+  },
+  {
+    id: "creative-pop",
+    label: "Pop Art",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "POP!",
+      fontFamily: "Bungee",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#FFD93D",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 2,
+      shadow: {
+        color: "#FF6B6B",
+        opacity: 100,
+        blur: 0,
+        distance: 6,
+        angle: 135
+      },
+      stroke: { color: "#000000", width: 3 }
+    }
+  },
+  {
+    id: "creative-stacked-shadow",
+    label: "Deep Shadow",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "DEEP",
+      fontFamily: "Anton",
+      fontSize: 88,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.95,
+      letterSpacing: 4,
+      shadow: {
+        color: "#000000",
+        opacity: 100,
+        blur: 0,
+        distance: 8,
+        angle: 135
+      }
+    }
+  },
+  {
+    id: "creative-brush",
+    label: "Brush Script",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "Creative",
+      fontFamily: "Sacramento",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "creative-graffiti",
+    label: "Graffiti",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "GRAFFITI",
+      fontFamily: "Permanent Marker",
+      fontSize: 72,
+      fontWeight: 400,
+      fontColor: "#f59e0b",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 2,
+      shadow: {
+        color: "#000000",
+        opacity: 80,
+        blur: 4,
+        distance: 3,
+        angle: 120
+      }
+    }
+  },
+  {
+    id: "creative-double-stroke",
+    label: "Double Stroke",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "DOUBLE",
+      fontFamily: "Poppins",
+      fontSize: 76,
+      fontWeight: 800,
+      fontColor: "#000000",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 3,
+      stroke: { color: "#ffffff", width: 4 }
+    }
+  },
+  {
+    id: "creative-wave",
+    label: "Wave Text",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "WAVY",
+      fontFamily: "Fredoka",
+      fontSize: 72,
+      fontWeight: 600,
+      fontColor: "#38bdf8",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 4,
+      curve: { mode: "wave", strength: 40 }
+    }
+  },
+  {
+    id: "creative-arc",
+    label: "Arc Text",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "CURVED TEXT",
+      fontFamily: "Inter",
+      fontSize: 48,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 4,
+      textTransform: "uppercase",
+      curve: { mode: "arc", strength: 50 }
+    }
+  },
+  {
+    id: "creative-retro-badge",
+    label: "Retro Badge",
+    category: "creative",
+    style: {
+      ...BASE,
+      text: "PREMIUM",
+      fontFamily: "Oswald",
+      fontSize: 32,
+      fontWeight: 500,
+      fontColor: "#d4af37",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 8,
+      stroke: { color: "#d4af37", width: 2 },
+      background: {
+        color: "#000000",
+        opacity: 80,
+        borderRadius: 4,
+        height: 8,
+        width: 12,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // CINEMATIC
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "cinema-title",
+    label: "Cinema Title",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "CINEMATIC",
+      fontFamily: "Oswald",
+      fontSize: 84,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 10
+    }
+  },
+  {
+    id: "cinema-dramatic",
+    label: "Dramatic",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "DRAMATIC",
+      fontFamily: "Anton",
+      fontSize: 92,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.9,
+      letterSpacing: 6,
+      shadow: {
+        color: "#000000",
+        opacity: 60,
+        blur: 24,
+        distance: 4,
+        angle: 90
+      }
+    }
+  },
+  {
+    id: "cinema-credits",
+    label: "Credits",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "Director Name",
+      fontFamily: "EB Garamond",
+      fontSize: 36,
+      fontWeight: 400,
+      fontColor: "#cccccc",
+      textAlign: "center",
+      lineHeight: 1.8,
+      letterSpacing: 5
+    }
+  },
+  {
+    id: "cinema-chapter",
+    label: "Chapter",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "CHAPTER ONE",
+      fontFamily: "Cormorant Garamond",
+      fontSize: 48,
+      fontWeight: 600,
+      fontColor: "#d4af37",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 8
+    }
+  },
+  {
+    id: "cinema-opening",
+    label: "Opening Crawl",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "A long time ago...",
+      fontFamily: "Libre Baskerville",
+      fontSize: 32,
+      fontWeight: 400,
+      fontColor: "#f5c518",
+      textAlign: "center",
+      lineHeight: 1.8,
+      letterSpacing: 1,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "cinema-location",
+    label: "Location",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "LOS ANGELES, CA",
+      fontFamily: "Roboto Condensed",
+      fontSize: 28,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 6
+    }
+  },
+  {
+    id: "cinema-subtitle-overlay",
+    label: "Subtitle Bar",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "Spoken dialogue here",
+      fontFamily: "Inter",
+      fontSize: 28,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.4,
+      letterSpacing: 0.5,
+      background: {
+        color: "#000000",
+        opacity: 60,
+        borderRadius: 4,
+        height: 6,
+        width: 8,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "cinema-epic",
+    label: "Epic",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "EPIC",
+      fontFamily: "Cinzel",
+      fontSize: 88,
+      fontWeight: 700,
+      fontColor: "#d4af37",
+      textAlign: "center",
+      lineHeight: 0.95,
+      letterSpacing: 12,
+      shadow: {
+        color: "#000000",
+        opacity: 80,
+        blur: 16,
+        distance: 0,
+        angle: 0
+      }
+    }
+  },
+  {
+    id: "cinema-noir",
+    label: "Film Noir",
+    category: "cinematic",
+    style: {
+      ...BASE,
+      text: "Film Noir",
+      fontFamily: "Playfair Display",
+      fontSize: 64,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 2,
+      fontStyle: "italic",
+      shadow: {
+        color: "#000000",
+        opacity: 90,
+        blur: 20,
+        distance: 2,
+        angle: 180
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // SOCIAL MEDIA
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "social-lower-third",
+    label: "Lower Third",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "Name Here",
+      fontFamily: "Inter",
+      fontSize: 36,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      lineHeight: 1.2,
+      letterSpacing: 0.5,
+      background: {
+        color: "#000000",
+        opacity: 80,
+        borderRadius: 0,
+        height: 5,
+        width: 5,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-hashtag",
+    label: "Hashtag",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "#trending",
+      fontFamily: "Poppins",
+      fontSize: 28,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.3,
+      letterSpacing: 0,
+      background: {
+        color: "#6366f1",
+        opacity: 100,
+        borderRadius: 6,
+        height: 5,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-callout",
+    label: "Callout",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "Important!",
+      fontFamily: "Inter",
+      fontSize: 40,
+      fontWeight: 700,
+      fontColor: "#000000",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 0,
+      background: {
+        color: "#FFEAA7",
+        opacity: 100,
+        borderRadius: 8,
+        height: 6,
+        width: 8,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-subscribe",
+    label: "Subscribe",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "Subscribe",
+      fontFamily: "Inter",
+      fontSize: 26,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.3,
+      letterSpacing: 0.5,
+      background: {
+        color: "#FF0000",
+        opacity: 100,
+        borderRadius: 8,
+        height: 6,
+        width: 12,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-handle",
+    label: "@Handle",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "@username",
+      fontFamily: "DM Sans",
+      fontSize: 30,
+      fontWeight: 500,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      lineHeight: 1.3,
+      letterSpacing: 0,
+      background: {
+        color: "#000000",
+        opacity: 50,
+        borderRadius: 4,
+        height: 4,
+        width: 6,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-like",
+    label: "Like Button",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "LIKE",
+      fontFamily: "Inter",
+      fontSize: 22,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 3,
+      background: {
+        color: "#ec4899",
+        opacity: 100,
+        borderRadius: 8,
+        height: 6,
+        width: 12,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-countdown",
+    label: "Countdown",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "03",
+      fontFamily: "Space Grotesk",
+      fontSize: 120,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 0,
+      glow: {
+        mode: "outer",
+        color: "#ffffff",
+        intensity: 20,
+        range: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-swipe-up",
+    label: "Swipe Up",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "SWIPE UP",
+      fontFamily: "Poppins",
+      fontSize: 24,
+      fontWeight: 600,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 4,
+      background: {
+        color: "#000000",
+        opacity: 40,
+        borderRadius: 4,
+        height: 6,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "social-price",
+    label: "Price Tag",
+    category: "social",
+    style: {
+      ...BASE,
+      text: "$99",
+      fontFamily: "Inter",
+      fontSize: 48,
+      fontWeight: 800,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: -1,
+      background: {
+        color: "#16a34a",
+        opacity: 100,
+        borderRadius: 6,
+        height: 6,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // NEON & GLOW
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "neon-cyan",
+    label: "Cyan Neon",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "NEON",
+      fontFamily: "Poppins",
+      fontSize: 72,
+      fontWeight: 700,
+      fontColor: "#00ffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 4,
+      glow: {
+        mode: "outer",
+        color: "#00ffff",
+        intensity: 50,
+        range: 20,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-pink",
+    label: "Hot Pink",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "GLOW",
+      fontFamily: "Montserrat",
+      fontSize: 76,
+      fontWeight: 800,
+      fontColor: "#ff69b4",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#ff69b4",
+        intensity: 60,
+        range: 24,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-green",
+    label: "Matrix Green",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "MATRIX",
+      fontFamily: "IBM Plex Mono",
+      fontSize: 64,
+      fontWeight: 700,
+      fontColor: "#00ff41",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#00ff41",
+        intensity: 40,
+        range: 16,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-purple",
+    label: "Purple Haze",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "HAZE",
+      fontFamily: "Orbitron",
+      fontSize: 68,
+      fontWeight: 700,
+      fontColor: "#a855f7",
+      textAlign: "center",
+      lineHeight: 1.05,
+      letterSpacing: 8,
+      glow: {
+        mode: "outer",
+        color: "#a855f7",
+        intensity: 55,
+        range: 22,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-warm",
+    label: "Warm Glow",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "WARM",
+      fontFamily: "Bebas Neue",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#f97316",
+      textAlign: "center",
+      lineHeight: 0.95,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#f97316",
+        intensity: 45,
+        range: 18,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-sign",
+    label: "Neon Sign",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "OPEN",
+      fontFamily: "Pacifico",
+      fontSize: 72,
+      fontWeight: 400,
+      fontColor: "#fb923c",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 2,
+      glow: {
+        mode: "outer",
+        color: "#fb923c",
+        intensity: 60,
+        range: 25,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-inner",
+    label: "Inner Glow",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "INNER",
+      fontFamily: "Space Grotesk",
+      fontSize: 72,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.05,
+      letterSpacing: 4,
+      glow: {
+        mode: "inner",
+        color: "#6366f1",
+        intensity: 60,
+        range: 15,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "neon-electric",
+    label: "Electric Blue",
+    category: "neon-glow",
+    style: {
+      ...BASE,
+      text: "ELECTRIC",
+      fontFamily: "Rajdhani",
+      fontSize: 76,
+      fontWeight: 700,
+      fontColor: "#38bdf8",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#38bdf8",
+        intensity: 50,
+        range: 20,
+        offsetY: 0,
+        offsetX: 0
+      },
+      stroke: { color: "#0ea5e9", width: 1 }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // RETRO & VINTAGE
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "retro-classic",
+    label: "Retro Bold",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "RETRO",
+      fontFamily: "Anton",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#FFD93D",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 4,
+      shadow: {
+        color: "#FF6B6B",
+        opacity: 100,
+        blur: 0,
+        distance: 5,
+        angle: 135
+      }
+    }
+  },
+  {
+    id: "retro-diner",
+    label: "Diner",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "DINER",
+      fontFamily: "Bungee Shade",
+      fontSize: 64,
+      fontWeight: 400,
+      fontColor: "#ff6b6b",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 4
+    }
+  },
+  {
+    id: "retro-typewriter",
+    label: "Typewriter",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "Typewriter",
+      fontFamily: "Special Elite",
+      fontSize: 40,
+      fontWeight: 400,
+      fontColor: "#d4c5a0",
+      textAlign: "left",
+      lineHeight: 1.6,
+      letterSpacing: 2
+    }
+  },
+  {
+    id: "retro-western",
+    label: "Western",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "WESTERN",
+      fontFamily: "Rye",
+      fontSize: 60,
+      fontWeight: 400,
+      fontColor: "#d4af37",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 4,
+      shadow: {
+        color: "#7c2d12",
+        opacity: 100,
+        blur: 0,
+        distance: 4,
+        angle: 135
+      }
+    }
+  },
+  {
+    id: "retro-disco",
+    label: "Disco",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "DISCO",
+      fontFamily: "Bungee",
+      fontSize: 72,
+      fontWeight: 400,
+      fontColor: "#f472b6",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 4,
+      shadow: {
+        color: "#7c3aed",
+        opacity: 100,
+        blur: 0,
+        distance: 5,
+        angle: 135
+      }
+    }
+  },
+  {
+    id: "retro-gazette",
+    label: "Gazette",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "The Daily",
+      fontFamily: "Playfair Display",
+      fontSize: 64,
+      fontWeight: 900,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 0,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "retro-vhs",
+    label: "VHS",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "PLAY \u25B6",
+      fontFamily: "VT323",
+      fontSize: 48,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      lineHeight: 1.3,
+      letterSpacing: 4,
+      glow: {
+        mode: "outer",
+        color: "#ffffff",
+        intensity: 15,
+        range: 6,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "retro-comic",
+    label: "Comic",
+    category: "retro-vintage",
+    style: {
+      ...BASE,
+      text: "BOOM!",
+      fontFamily: "Bangers",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#FFD93D",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 3,
+      stroke: { color: "#000000", width: 4 },
+      shadow: {
+        color: "#000000",
+        opacity: 100,
+        blur: 0,
+        distance: 4,
+        angle: 135
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // EDITORIAL
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "editorial-headline",
+    label: "Headline",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "Breaking News",
+      fontFamily: "Playfair Display",
+      fontSize: 64,
+      fontWeight: 900,
+      fontColor: "#ffffff",
+      textAlign: "left",
+      lineHeight: 1.05,
+      letterSpacing: -1
+    }
+  },
+  {
+    id: "editorial-byline",
+    label: "Byline",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "By Jane Smith",
+      fontFamily: "Inter",
+      fontSize: 20,
+      fontWeight: 400,
+      fontColor: "#999999",
+      textAlign: "left",
+      lineHeight: 1.4,
+      letterSpacing: 0.5,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "editorial-drop-cap",
+    label: "Drop Cap",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "A",
+      fontFamily: "Playfair Display",
+      fontSize: 120,
+      fontWeight: 900,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 0.85,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "editorial-pullquote",
+    label: "Editorial Quote",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: '"Words have power"',
+      fontFamily: "Crimson Text",
+      fontSize: 44,
+      fontWeight: 400,
+      fontColor: "#e0e0e0",
+      textAlign: "center",
+      lineHeight: 1.5,
+      letterSpacing: 0.5,
+      fontStyle: "italic"
+    }
+  },
+  {
+    id: "editorial-section",
+    label: "Section Header",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "OPINION",
+      fontFamily: "Inter",
+      fontSize: 16,
+      fontWeight: 700,
+      fontColor: "#ef4444",
+      textAlign: "left",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 4
+    }
+  },
+  {
+    id: "editorial-magazine",
+    label: "Magazine Title",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "VOGUE",
+      fontFamily: "Didact Gothic",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1,
+      letterSpacing: 16
+    }
+  },
+  {
+    id: "editorial-column",
+    label: "Column Text",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "The story continues with more details about the event.",
+      fontFamily: "Source Serif 4",
+      fontSize: 24,
+      fontWeight: 400,
+      fontColor: "#d4d4d4",
+      textAlign: "left",
+      lineHeight: 1.8,
+      letterSpacing: 0.2
+    }
+  },
+  {
+    id: "editorial-banner",
+    label: "Banner",
+    category: "editorial",
+    style: {
+      ...BASE,
+      text: "EXCLUSIVE",
+      fontFamily: "Inter",
+      fontSize: 22,
+      fontWeight: 800,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.2,
+      letterSpacing: 6,
+      background: {
+        color: "#dc2626",
+        opacity: 100,
+        borderRadius: 0,
+        height: 6,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // TECH & FUTURISTIC
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "tech-hud",
+    label: "HUD Display",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "TARGET ACQUIRED",
+      fontFamily: "Orbitron",
+      fontSize: 28,
+      fontWeight: 700,
+      fontColor: "#00ff41",
+      textAlign: "left",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 4,
+      glow: {
+        mode: "outer",
+        color: "#00ff41",
+        intensity: 20,
+        range: 8,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "tech-terminal",
+    label: "Terminal",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "> system online_",
+      fontFamily: "JetBrains Mono",
+      fontSize: 24,
+      fontWeight: 400,
+      fontColor: "#22c55e",
+      textAlign: "left",
+      lineHeight: 1.5,
+      letterSpacing: 1,
+      background: {
+        color: "#000000",
+        opacity: 90,
+        borderRadius: 8,
+        height: 8,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "tech-cyber",
+    label: "Cyberpunk",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "CYBER",
+      fontFamily: "Rajdhani",
+      fontSize: 80,
+      fontWeight: 700,
+      fontColor: "#f0abfc",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#d946ef",
+        intensity: 50,
+        range: 18,
+        offsetY: 0,
+        offsetX: 0
+      },
+      stroke: { color: "#d946ef", width: 1 }
+    }
+  },
+  {
+    id: "tech-data",
+    label: "Data Stream",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "01101001",
+      fontFamily: "Share Tech Mono",
+      fontSize: 36,
+      fontWeight: 400,
+      fontColor: "#38bdf8",
+      textAlign: "center",
+      lineHeight: 1.4,
+      letterSpacing: 6,
+      glow: {
+        mode: "outer",
+        color: "#38bdf8",
+        intensity: 25,
+        range: 8,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "tech-futura",
+    label: "Futuristic",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "FUTURE",
+      fontFamily: "Exo 2",
+      fontSize: 72,
+      fontWeight: 800,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1,
+      letterSpacing: 8,
+      stroke: { color: "#0ea5e9", width: 2 }
+    }
+  },
+  {
+    id: "tech-loading",
+    label: "Loading",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "LOADING...",
+      fontFamily: "IBM Plex Mono",
+      fontSize: 20,
+      fontWeight: 500,
+      fontColor: "#a3a3a3",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.3,
+      letterSpacing: 6
+    }
+  },
+  {
+    id: "tech-glitch",
+    label: "Glitch",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "GLITCH",
+      fontFamily: "Space Grotesk",
+      fontSize: 72,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1,
+      letterSpacing: 4,
+      shadow: { color: "#ef4444", opacity: 80, blur: 0, distance: 3, angle: 0 },
+      stroke: { color: "#3b82f6", width: 2 }
+    }
+  },
+  {
+    id: "tech-hologram",
+    label: "Hologram",
+    category: "tech",
+    style: {
+      ...BASE,
+      text: "HOLOGRAM",
+      fontFamily: "Orbitron",
+      fontSize: 56,
+      fontWeight: 400,
+      fontColor: "#67e8f9",
+      textAlign: "center",
+      textTransform: "uppercase",
+      lineHeight: 1.1,
+      letterSpacing: 8,
+      glow: {
+        mode: "outer",
+        color: "#22d3ee",
+        intensity: 35,
+        range: 14,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  // HANDWRITTEN & SCRIPT
+  // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+  {
+    id: "hand-cursive",
+    label: "Cursive",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "Beautiful",
+      fontFamily: "Dancing Script",
+      fontSize: 72,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "hand-casual",
+    label: "Casual",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "Hey there!",
+      fontFamily: "Caveat",
+      fontSize: 64,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 1
+    }
+  },
+  {
+    id: "hand-brush",
+    label: "Brush",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "Inspire",
+      fontFamily: "Sacramento",
+      fontSize: 80,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "hand-marker",
+    label: "Marker",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "NOTE THIS",
+      fontFamily: "Permanent Marker",
+      fontSize: 52,
+      fontWeight: 400,
+      fontColor: "#fbbf24",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 2
+    }
+  },
+  {
+    id: "hand-elegant-script",
+    label: "Elegant Script",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "With Love",
+      fontFamily: "Great Vibes",
+      fontSize: 72,
+      fontWeight: 400,
+      fontColor: "#f9a8d4",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "hand-chalk",
+    label: "Chalkboard",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "Today's Special",
+      fontFamily: "Amatic SC",
+      fontSize: 64,
+      fontWeight: 700,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 3
+    }
+  },
+  {
+    id: "hand-signature",
+    label: "Signature",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "John Doe",
+      fontFamily: "Alex Brush",
+      fontSize: 68,
+      fontWeight: 400,
+      fontColor: "#ffffff",
+      textAlign: "center",
+      lineHeight: 1.1,
+      letterSpacing: 0
+    }
+  },
+  {
+    id: "hand-notebook",
+    label: "Notebook",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "Dear diary...",
+      fontFamily: "Kalam",
+      fontSize: 36,
+      fontWeight: 400,
+      fontColor: "#1e3a5f",
+      textAlign: "left",
+      lineHeight: 1.8,
+      letterSpacing: 0.5,
+      background: {
+        color: "#fef9c3",
+        opacity: 90,
+        borderRadius: 4,
+        height: 10,
+        width: 10,
+        offsetY: 0,
+        offsetX: 0
+      }
+    }
+  },
+  {
+    id: "hand-invitation",
+    label: "Invitation",
+    category: "handwritten",
+    style: {
+      ...BASE,
+      text: "You're Invited",
+      fontFamily: "Tangerine",
+      fontSize: 72,
+      fontWeight: 700,
+      fontColor: "#d4af37",
+      textAlign: "center",
+      lineHeight: 1.2,
+      letterSpacing: 2
+    }
+  }
+];
+var TEXT_PRESET_CATEGORIES = [
+  {
+    id: "headings",
+    name: "Headings",
+    presets: TEXT_PRESETS.filter((p) => p.category === "headings")
+  },
+  {
+    id: "body",
+    name: "Body & Copy",
+    presets: TEXT_PRESETS.filter((p) => p.category === "body")
+  },
+  {
+    id: "minimal",
+    name: "Minimal",
+    presets: TEXT_PRESETS.filter((p) => p.category === "minimal")
+  },
+  {
+    id: "modern",
+    name: "Modern",
+    presets: TEXT_PRESETS.filter((p) => p.category === "modern")
+  },
+  {
+    id: "creative",
+    name: "Creative",
+    presets: TEXT_PRESETS.filter((p) => p.category === "creative")
+  },
+  {
+    id: "cinematic",
+    name: "Cinematic",
+    presets: TEXT_PRESETS.filter((p) => p.category === "cinematic")
+  },
+  {
+    id: "social",
+    name: "Social Media",
+    presets: TEXT_PRESETS.filter((p) => p.category === "social")
+  },
+  {
+    id: "neon-glow",
+    name: "Neon & Glow",
+    presets: TEXT_PRESETS.filter((p) => p.category === "neon-glow")
+  },
+  {
+    id: "retro-vintage",
+    name: "Retro & Vintage",
+    presets: TEXT_PRESETS.filter((p) => p.category === "retro-vintage")
+  },
+  {
+    id: "editorial",
+    name: "Editorial",
+    presets: TEXT_PRESETS.filter((p) => p.category === "editorial")
+  },
+  {
+    id: "tech",
+    name: "Tech & Futuristic",
+    presets: TEXT_PRESETS.filter((p) => p.category === "tech")
+  },
+  {
+    id: "handwritten",
+    name: "Handwritten & Script",
+    presets: TEXT_PRESETS.filter((p) => p.category === "handwritten")
+  }
+];
+var _categories = TEXT_PRESET_CATEGORIES;
+function setPresets(presets, categories) {
+  _categories = categories;
+}
+function getCategories() {
+  return _categories;
+}
+
+export { TEXT_PRESETS, TEXT_PRESET_CATEGORIES, getCategories, setPresets };