@lacspace/logo 1.2.1 → 1.3.0

package/dist/index.cjs

@@ -2,42 +2,720 @@
 
 // src/data/palettes.json
 var palettes_default = [
-  { id: "midnight-azure", name: "Midnight Azure", mood: ["tech", "trust", "bold", "corporate"], bg: "#0b1020", surface: "#141a2e", primary: "#3b82f6", accent: "#22d3ee", on: "#eef4ff", from: "#0BB9D9", to: "#3B82F6" },
-  { id: "electric-violet", name: "Electric Violet", mood: ["tech", "creative", "bold", "future"], bg: "#0c0a1a", surface: "#171235", primary: "#7c3aed", accent: "#3b82f6", on: "#f3efff", from: "#3B82F6", to: "#7C3AED" },
-  { id: "sunset-flame", name: "Sunset Flame", mood: ["warm", "bold", "food", "energy"], bg: "#1a0d08", surface: "#2a140b", primary: "#f97316", accent: "#ef4444", on: "#fff4ec", from: "#F97316", to: "#EF4444" },
-  { id: "forest-verdant", name: "Forest Verdant", mood: ["eco", "calm", "organic", "health"], bg: "#08140f", surface: "#0f2119", primary: "#22c55e", accent: "#84cc16", on: "#eefef4", from: "#22C55E", to: "#84CC16" },
-  { id: "royal-gold", name: "Royal Gold", mood: ["luxe", "heritage", "premium", "elegant"], bg: "#12100a", surface: "#1e1a10", primary: "#d4af37", accent: "#b08d2b", on: "#fbf6e6", from: "#E7C767", to: "#B08D2B" },
-  { id: "rose-blush", name: "Rose Blush", mood: ["playful", "beauty", "warm", "friendly"], bg: "#1a0d14", surface: "#2a1420", primary: "#f472b6", accent: "#fb7185", on: "#fff0f7", from: "#F472B6", to: "#FB7185" },
-  { id: "ocean-teal", name: "Ocean Teal", mood: ["calm", "trust", "medical", "clean"], bg: "#06141a", surface: "#0b2029", primary: "#14b8a6", accent: "#06b6d4", on: "#e8fdfb", from: "#14B8A6", to: "#06B6D4" },
-  { id: "slate-mono", name: "Slate Mono", mood: ["minimal", "mono", "corporate", "modern"], bg: "#0a0a0b", surface: "#17181b", primary: "#e5e7eb", accent: "#9ca3af", on: "#f8fafc", from: "#E5E7EB", to: "#9CA3AF" },
-  { id: "ink-noir", name: "Ink Noir", mood: ["minimal", "mono", "luxe", "bold"], bg: "#0a0a0a", surface: "#161616", primary: "#fafafa", accent: "#d4d4d4", on: "#ffffff", from: "#FAFAFA", to: "#A3A3A3" },
-  { id: "coral-crush", name: "Coral Crush", mood: ["playful", "food", "warm", "energy"], bg: "#1a0f0c", surface: "#2a1712", primary: "#fb7185", accent: "#fbbf24", on: "#fff3ee", from: "#FB7185", to: "#FBBF24" },
-  { id: "deep-indigo", name: "Deep Indigo", mood: ["finance", "trust", "corporate", "tech"], bg: "#0a0d1a", surface: "#12172b", primary: "#6366f1", accent: "#818cf8", on: "#eef0ff", from: "#6366F1", to: "#818CF8" },
-  { id: "emerald-lux", name: "Emerald Lux", mood: ["luxe", "finance", "premium", "eco"], bg: "#06140d", surface: "#0c2117", primary: "#10b981", accent: "#d4af37", on: "#eafef4", from: "#10B981", to: "#D4AF37" },
-  { id: "cyber-lime", name: "Cyber Lime", mood: ["tech", "bold", "future", "energy"], bg: "#0a0f08", surface: "#141d0d", primary: "#a3e635", accent: "#22d3ee", on: "#f4ffe6", from: "#A3E635", to: "#22D3EE" },
-  { id: "berry-wine", name: "Berry Wine", mood: ["luxe", "beauty", "warm", "premium"], bg: "#160a12", surface: "#25121f", primary: "#be185d", accent: "#9333ea", on: "#fdeef6", from: "#BE185D", to: "#9333EA" },
-  { id: "sky-fresh", name: "Sky Fresh", mood: ["clean", "friendly", "calm", "medical"], bg: "#081018", surface: "#0f1d2b", primary: "#0ea5e9", accent: "#38bdf8", on: "#eef8ff", from: "#0EA5E9", to: "#38BDF8" },
-  { id: "terra-clay", name: "Terra Clay", mood: ["organic", "warm", "earthy", "heritage"], bg: "#150f0a", surface: "#241a11", primary: "#c2703d", accent: "#a3762b", on: "#fbf1e6", from: "#C2703D", to: "#A3762B" },
-  { id: "grape-soda", name: "Grape Soda", mood: ["playful", "creative", "bold", "friendly"], bg: "#100a1a", surface: "#1c122b", primary: "#8b5cf6", accent: "#ec4899", on: "#f4efff", from: "#8B5CF6", to: "#EC4899" },
-  { id: "mint-clean", name: "Mint Clean", mood: ["clean", "eco", "health", "calm"], bg: "#08140f", surface: "#0f231b", primary: "#34d399", accent: "#a7f3d0", on: "#effef7", from: "#34D399", to: "#A7F3D0" },
-  { id: "crimson-bold", name: "Crimson Bold", mood: ["bold", "energy", "sport", "food"], bg: "#160809", surface: "#260d0f", primary: "#dc2626", accent: "#f59e0b", on: "#fff0ee", from: "#DC2626", to: "#F59E0B" },
-  { id: "steel-blue", name: "Steel Blue", mood: ["corporate", "trust", "industrial", "tech"], bg: "#0a0e12", surface: "#141b22", primary: "#64748b", accent: "#0ea5e9", on: "#eef3f8", from: "#64748B", to: "#0EA5E9" },
-  { id: "amber-glow", name: "Amber Glow", mood: ["warm", "friendly", "energy", "food"], bg: "#161005", surface: "#261c0a", primary: "#f59e0b", accent: "#fcd34d", on: "#fff8e8", from: "#F59E0B", to: "#FCD34D" },
-  { id: "aqua-marine", name: "Aqua Marine", mood: ["calm", "clean", "travel", "fresh"], bg: "#06131a", surface: "#0b2029", primary: "#06b6d4", accent: "#2dd4bf", on: "#e8fcff", from: "#06B6D4", to: "#2DD4BF" },
-  { id: "plum-noir", name: "Plum Noir", mood: ["luxe", "creative", "mono", "elegant"], bg: "#0d0912", surface: "#181020", primary: "#a855f7", accent: "#6b7280", on: "#f2ecfb", from: "#A855F7", to: "#6B7280" },
-  { id: "graphite-orange", name: "Graphite Orange", mood: ["industrial", "bold", "sport", "modern"], bg: "#0b0b0d", surface: "#17181c", primary: "#f97316", accent: "#e5e7eb", on: "#fafafa", from: "#F97316", to: "#E5E7EB" },
-  { id: "teal-gold", name: "Teal Gold", mood: ["luxe", "finance", "premium", "corporate"], bg: "#06130f", surface: "#0b201a", primary: "#0f9d8f", accent: "#d4af37", on: "#eafcf7", from: "#0F9D8F", to: "#D4AF37" },
-  { id: "sunrise-coral", name: "Sunrise Coral", mood: ["warm", "food", "friendly", "energy"], bg: "#1a0e0a", surface: "#2a1710", primary: "#ff7a59", accent: "#ffd166", on: "#fff3ee", from: "#FF7A59", to: "#FFD166" },
-  { id: "deep-forest", name: "Deep Forest", mood: ["eco", "heritage", "calm", "organic"], bg: "#071310", surface: "#0d201b", primary: "#2f855a", accent: "#a3b18a", on: "#eafaf2", from: "#2F855A", to: "#A3B18A" },
-  { id: "neon-magenta", name: "Neon Magenta", mood: ["creative", "bold", "playful", "future"], bg: "#120a12", surface: "#201220", primary: "#e91e8c", accent: "#22d3ee", on: "#ffeef8", from: "#E91E8C", to: "#22D3EE" },
-  { id: "arctic-blue", name: "Arctic Blue", mood: ["clean", "medical", "tech", "calm"], bg: "#07101a", surface: "#0d1d2b", primary: "#2b8fe0", accent: "#8ed1fc", on: "#eef7ff", from: "#2B8FE0", to: "#8ED1FC" },
-  { id: "charcoal-lime", name: "Charcoal Lime", mood: ["industrial", "tech", "bold", "sport"], bg: "#0c0d0a", surface: "#171a12", primary: "#c6f135", accent: "#64748b", on: "#f6ffe6", from: "#C6F135", to: "#64748B" },
-  { id: "lavender-dream", name: "Lavender Dream", mood: ["beauty", "playful", "calm", "friendly"], bg: "#100c18", surface: "#1b1528", primary: "#a78bfa", accent: "#f0abfc", on: "#f4efff", from: "#A78BFA", to: "#F0ABFC" },
-  { id: "ruby-noir", name: "Ruby Noir", mood: ["luxe", "beauty", "bold", "premium"], bg: "#140708", surface: "#220d10", primary: "#e11d48", accent: "#f59e0b", on: "#ffeef1", from: "#E11D48", to: "#F59E0B" },
-  { id: "honey-amber", name: "Honey Amber", mood: ["warm", "food", "heritage", "friendly"], bg: "#161006", surface: "#241a0a", primary: "#e0a92e", accent: "#c2703d", on: "#fff7e6", from: "#E0A92E", to: "#C2703D" },
-  { id: "cobalt-electric", name: "Cobalt Electric", mood: ["tech", "bold", "future", "trust"], bg: "#080b1a", surface: "#101630", primary: "#2f5cff", accent: "#22d3ee", on: "#eef1ff", from: "#2F5CFF", to: "#22D3EE" },
-  { id: "sage-earth", name: "Sage Earth", mood: ["eco", "organic", "calm", "health"], bg: "#0d120c", surface: "#171f14", primary: "#78a662", accent: "#c9a26b", on: "#f1f8ea", from: "#78A662", to: "#C9A26B" },
-  { id: "peach-cream", name: "Peach Cream", mood: ["playful", "beauty", "friendly", "kids"], bg: "#1a1210", surface: "#2a1e18", primary: "#ff9e80", accent: "#ffcfa3", on: "#fff4ee", from: "#FF9E80", to: "#FFCFA3" }
+  {
+    id: "midnight-azure",
+    name: "Midnight Azure",
+    mood: [
+      "tech",
+      "trust",
+      "bold",
+      "corporate"
+    ],
+    bg: "#0b1020",
+    surface: "#141a2e",
+    primary: "#3b82f6",
+    accent: "#22d3ee",
+    on: "#eef4ff",
+    from: "#0BB9D9",
+    to: "#3B82F6"
+  },
+  {
+    id: "electric-violet",
+    name: "Electric Violet",
+    mood: [
+      "tech",
+      "creative",
+      "bold",
+      "future"
+    ],
+    bg: "#0c0a1a",
+    surface: "#171235",
+    primary: "#7c3aed",
+    accent: "#3b82f6",
+    on: "#f3efff",
+    from: "#3B82F6",
+    to: "#7C3AED"
+  },
+  {
+    id: "sunset-flame",
+    name: "Sunset Flame",
+    mood: [
+      "warm",
+      "bold",
+      "food",
+      "energy"
+    ],
+    bg: "#1a0d08",
+    surface: "#2a140b",
+    primary: "#f97316",
+    accent: "#ef4444",
+    on: "#fff4ec",
+    from: "#F97316",
+    to: "#EF4444"
+  },
+  {
+    id: "forest-verdant",
+    name: "Forest Verdant",
+    mood: [
+      "eco",
+      "calm",
+      "organic",
+      "health"
+    ],
+    bg: "#08140f",
+    surface: "#0f2119",
+    primary: "#22c55e",
+    accent: "#84cc16",
+    on: "#eefef4",
+    from: "#22C55E",
+    to: "#84CC16"
+  },
+  {
+    id: "royal-gold",
+    name: "Royal Gold",
+    mood: [
+      "luxe",
+      "heritage",
+      "premium",
+      "elegant"
+    ],
+    bg: "#12100a",
+    surface: "#1e1a10",
+    primary: "#d4af37",
+    accent: "#b08d2b",
+    on: "#fbf6e6",
+    from: "#E7C767",
+    to: "#B08D2B"
+  },
+  {
+    id: "rose-blush",
+    name: "Rose Blush",
+    mood: [
+      "playful",
+      "beauty",
+      "warm",
+      "friendly"
+    ],
+    bg: "#1a0d14",
+    surface: "#2a1420",
+    primary: "#f472b6",
+    accent: "#fb7185",
+    on: "#fff0f7",
+    from: "#F472B6",
+    to: "#FB7185"
+  },
+  {
+    id: "ocean-teal",
+    name: "Ocean Teal",
+    mood: [
+      "calm",
+      "trust",
+      "medical",
+      "clean"
+    ],
+    bg: "#06141a",
+    surface: "#0b2029",
+    primary: "#14b8a6",
+    accent: "#06b6d4",
+    on: "#e8fdfb",
+    from: "#14B8A6",
+    to: "#06B6D4"
+  },
+  {
+    id: "slate-mono",
+    name: "Slate Mono",
+    mood: [
+      "minimal",
+      "mono",
+      "corporate",
+      "modern"
+    ],
+    bg: "#0a0a0b",
+    surface: "#17181b",
+    primary: "#e5e7eb",
+    accent: "#9ca3af",
+    on: "#f8fafc",
+    from: "#E5E7EB",
+    to: "#9CA3AF"
+  },
+  {
+    id: "ink-noir",
+    name: "Ink Noir",
+    mood: [
+      "minimal",
+      "mono",
+      "luxe",
+      "bold"
+    ],
+    bg: "#0a0a0a",
+    surface: "#161616",
+    primary: "#fafafa",
+    accent: "#d4d4d4",
+    on: "#ffffff",
+    from: "#FAFAFA",
+    to: "#A3A3A3"
+  },
+  {
+    id: "coral-crush",
+    name: "Coral Crush",
+    mood: [
+      "playful",
+      "food",
+      "warm",
+      "energy"
+    ],
+    bg: "#1a0f0c",
+    surface: "#2a1712",
+    primary: "#fb7185",
+    accent: "#fbbf24",
+    on: "#fff3ee",
+    from: "#FB7185",
+    to: "#FBBF24"
+  },
+  {
+    id: "deep-indigo",
+    name: "Deep Indigo",
+    mood: [
+      "finance",
+      "trust",
+      "corporate",
+      "tech"
+    ],
+    bg: "#0a0d1a",
+    surface: "#12172b",
+    primary: "#6366f1",
+    accent: "#818cf8",
+    on: "#eef0ff",
+    from: "#6366F1",
+    to: "#818CF8"
+  },
+  {
+    id: "emerald-lux",
+    name: "Emerald Lux",
+    mood: [
+      "luxe",
+      "finance",
+      "premium",
+      "eco"
+    ],
+    bg: "#06140d",
+    surface: "#0c2117",
+    primary: "#10b981",
+    accent: "#d4af37",
+    on: "#eafef4",
+    from: "#10B981",
+    to: "#D4AF37"
+  },
+  {
+    id: "cyber-lime",
+    name: "Cyber Lime",
+    mood: [
+      "tech",
+      "bold",
+      "future",
+      "energy"
+    ],
+    bg: "#0a0f08",
+    surface: "#141d0d",
+    primary: "#a3e635",
+    accent: "#22d3ee",
+    on: "#f4ffe6",
+    from: "#A3E635",
+    to: "#22D3EE"
+  },
+  {
+    id: "berry-wine",
+    name: "Berry Wine",
+    mood: [
+      "luxe",
+      "beauty",
+      "warm",
+      "premium"
+    ],
+    bg: "#160a12",
+    surface: "#25121f",
+    primary: "#be185d",
+    accent: "#9333ea",
+    on: "#fdeef6",
+    from: "#BE185D",
+    to: "#9333EA"
+  },
+  {
+    id: "sky-fresh",
+    name: "Sky Fresh",
+    mood: [
+      "clean",
+      "friendly",
+      "calm",
+      "medical"
+    ],
+    bg: "#081018",
+    surface: "#0f1d2b",
+    primary: "#0ea5e9",
+    accent: "#38bdf8",
+    on: "#eef8ff",
+    from: "#0EA5E9",
+    to: "#38BDF8"
+  },
+  {
+    id: "terra-clay",
+    name: "Terra Clay",
+    mood: [
+      "organic",
+      "warm",
+      "earthy",
+      "heritage"
+    ],
+    bg: "#150f0a",
+    surface: "#241a11",
+    primary: "#c2703d",
+    accent: "#a3762b",
+    on: "#fbf1e6",
+    from: "#C2703D",
+    to: "#A3762B"
+  },
+  {
+    id: "grape-soda",
+    name: "Grape Soda",
+    mood: [
+      "playful",
+      "creative",
+      "bold",
+      "friendly"
+    ],
+    bg: "#100a1a",
+    surface: "#1c122b",
+    primary: "#8b5cf6",
+    accent: "#ec4899",
+    on: "#f4efff",
+    from: "#8B5CF6",
+    to: "#EC4899"
+  },
+  {
+    id: "mint-clean",
+    name: "Mint Clean",
+    mood: [
+      "clean",
+      "eco",
+      "health",
+      "calm"
+    ],
+    bg: "#08140f",
+    surface: "#0f231b",
+    primary: "#34d399",
+    accent: "#a7f3d0",
+    on: "#effef7",
+    from: "#34D399",
+    to: "#A7F3D0"
+  },
+  {
+    id: "crimson-bold",
+    name: "Crimson Bold",
+    mood: [
+      "bold",
+      "energy",
+      "sport",
+      "food"
+    ],
+    bg: "#160809",
+    surface: "#260d0f",
+    primary: "#dc2626",
+    accent: "#f59e0b",
+    on: "#fff0ee",
+    from: "#DC2626",
+    to: "#F59E0B"
+  },
+  {
+    id: "steel-blue",
+    name: "Steel Blue",
+    mood: [
+      "corporate",
+      "trust",
+      "industrial",
+      "tech"
+    ],
+    bg: "#0a0e12",
+    surface: "#141b22",
+    primary: "#64748b",
+    accent: "#0ea5e9",
+    on: "#eef3f8",
+    from: "#64748B",
+    to: "#0EA5E9"
+  },
+  {
+    id: "amber-glow",
+    name: "Amber Glow",
+    mood: [
+      "warm",
+      "friendly",
+      "energy",
+      "food"
+    ],
+    bg: "#161005",
+    surface: "#261c0a",
+    primary: "#f59e0b",
+    accent: "#fcd34d",
+    on: "#fff8e8",
+    from: "#F59E0B",
+    to: "#FCD34D"
+  },
+  {
+    id: "aqua-marine",
+    name: "Aqua Marine",
+    mood: [
+      "calm",
+      "clean",
+      "travel",
+      "fresh"
+    ],
+    bg: "#06131a",
+    surface: "#0b2029",
+    primary: "#06b6d4",
+    accent: "#2dd4bf",
+    on: "#e8fcff",
+    from: "#06B6D4",
+    to: "#2DD4BF"
+  },
+  {
+    id: "plum-noir",
+    name: "Plum Noir",
+    mood: [
+      "luxe",
+      "creative",
+      "mono",
+      "elegant"
+    ],
+    bg: "#0d0912",
+    surface: "#181020",
+    primary: "#a855f7",
+    accent: "#6b7280",
+    on: "#f2ecfb",
+    from: "#A855F7",
+    to: "#6B7280"
+  },
+  {
+    id: "graphite-orange",
+    name: "Graphite Orange",
+    mood: [
+      "industrial",
+      "bold",
+      "sport",
+      "modern"
+    ],
+    bg: "#0b0b0d",
+    surface: "#17181c",
+    primary: "#f97316",
+    accent: "#e5e7eb",
+    on: "#fafafa",
+    from: "#F97316",
+    to: "#E5E7EB"
+  },
+  {
+    id: "teal-gold",
+    name: "Teal Gold",
+    mood: [
+      "luxe",
+      "finance",
+      "premium",
+      "corporate"
+    ],
+    bg: "#06130f",
+    surface: "#0b201a",
+    primary: "#0f9d8f",
+    accent: "#d4af37",
+    on: "#eafcf7",
+    from: "#0F9D8F",
+    to: "#D4AF37"
+  },
+  {
+    id: "sunrise-coral",
+    name: "Sunrise Coral",
+    mood: [
+      "warm",
+      "food",
+      "friendly",
+      "energy"
+    ],
+    bg: "#1a0e0a",
+    surface: "#2a1710",
+    primary: "#ff7a59",
+    accent: "#ffd166",
+    on: "#fff3ee",
+    from: "#FF7A59",
+    to: "#FFD166"
+  },
+  {
+    id: "deep-forest",
+    name: "Deep Forest",
+    mood: [
+      "eco",
+      "heritage",
+      "calm",
+      "organic"
+    ],
+    bg: "#071310",
+    surface: "#0d201b",
+    primary: "#2f855a",
+    accent: "#a3b18a",
+    on: "#eafaf2",
+    from: "#2F855A",
+    to: "#A3B18A"
+  },
+  {
+    id: "neon-magenta",
+    name: "Neon Magenta",
+    mood: [
+      "creative",
+      "bold",
+      "playful",
+      "future"
+    ],
+    bg: "#120a12",
+    surface: "#201220",
+    primary: "#e91e8c",
+    accent: "#22d3ee",
+    on: "#ffeef8",
+    from: "#E91E8C",
+    to: "#22D3EE"
+  },
+  {
+    id: "arctic-blue",
+    name: "Arctic Blue",
+    mood: [
+      "clean",
+      "medical",
+      "tech",
+      "calm"
+    ],
+    bg: "#07101a",
+    surface: "#0d1d2b",
+    primary: "#2b8fe0",
+    accent: "#8ed1fc",
+    on: "#eef7ff",
+    from: "#2B8FE0",
+    to: "#8ED1FC"
+  },
+  {
+    id: "charcoal-lime",
+    name: "Charcoal Lime",
+    mood: [
+      "industrial",
+      "tech",
+      "bold",
+      "sport"
+    ],
+    bg: "#0c0d0a",
+    surface: "#171a12",
+    primary: "#c6f135",
+    accent: "#64748b",
+    on: "#f6ffe6",
+    from: "#C6F135",
+    to: "#64748B"
+  },
+  {
+    id: "lavender-dream",
+    name: "Lavender Dream",
+    mood: [
+      "beauty",
+      "playful",
+      "calm",
+      "friendly"
+    ],
+    bg: "#100c18",
+    surface: "#1b1528",
+    primary: "#a78bfa",
+    accent: "#f0abfc",
+    on: "#f4efff",
+    from: "#A78BFA",
+    to: "#F0ABFC"
+  },
+  {
+    id: "ruby-noir",
+    name: "Ruby Noir",
+    mood: [
+      "luxe",
+      "beauty",
+      "bold",
+      "premium"
+    ],
+    bg: "#140708",
+    surface: "#220d10",
+    primary: "#e11d48",
+    accent: "#f59e0b",
+    on: "#ffeef1",
+    from: "#E11D48",
+    to: "#F59E0B"
+  },
+  {
+    id: "honey-amber",
+    name: "Honey Amber",
+    mood: [
+      "warm",
+      "food",
+      "heritage",
+      "friendly"
+    ],
+    bg: "#161006",
+    surface: "#241a0a",
+    primary: "#e0a92e",
+    accent: "#c2703d",
+    on: "#fff7e6",
+    from: "#E0A92E",
+    to: "#C2703D"
+  },
+  {
+    id: "cobalt-electric",
+    name: "Cobalt Electric",
+    mood: [
+      "tech",
+      "bold",
+      "future",
+      "trust"
+    ],
+    bg: "#080b1a",
+    surface: "#101630",
+    primary: "#2f5cff",
+    accent: "#22d3ee",
+    on: "#eef1ff",
+    from: "#2F5CFF",
+    to: "#22D3EE"
+  },
+  {
+    id: "sage-earth",
+    name: "Sage Earth",
+    mood: [
+      "eco",
+      "organic",
+      "calm",
+      "health"
+    ],
+    bg: "#0d120c",
+    surface: "#171f14",
+    primary: "#78a662",
+    accent: "#c9a26b",
+    on: "#f1f8ea",
+    from: "#78A662",
+    to: "#C9A26B"
+  },
+  {
+    id: "peach-cream",
+    name: "Peach Cream",
+    mood: [
+      "playful",
+      "beauty",
+      "friendly",
+      "kids"
+    ],
+    bg: "#1a1210",
+    surface: "#2a1e18",
+    primary: "#ff9e80",
+    accent: "#ffcfa3",
+    on: "#fff4ee",
+    from: "#FF9E80",
+    to: "#FFCFA3"
+  },
+  {
+    id: "crypto-gold",
+    name: "Crypto Gold",
+    from: "#F7931A",
+    to: "#7B3F00",
+    primary: "#F7931A",
+    on: "#FFFFFF",
+    bg: "#1A1206",
+    surface: "#2A1E0C",
+    mood: [
+      "crypto",
+      "finance",
+      "bold",
+      "tech"
+    ],
+    accent: "#FFC24B"
+  },
+  {
+    id: "coral-reef",
+    name: "Coral Reef",
+    from: "#FF6B6B",
+    to: "#FF9E7D",
+    primary: "#FF6B6B",
+    on: "#FFFFFF",
+    bg: "#2A1414",
+    surface: "#3A1E1E",
+    mood: [
+      "playful",
+      "food",
+      "warm",
+      "creative"
+    ],
+    accent: "#FFD07D"
+  },
+  {
+    id: "nordic-slate",
+    name: "Nordic Slate",
+    from: "#64748B",
+    to: "#334155",
+    primary: "#475569",
+    on: "#FFFFFF",
+    bg: "#0F172A",
+    surface: "#1E293B",
+    mood: [
+      "corporate",
+      "minimal",
+      "modern",
+      "legal"
+    ],
+    accent: "#94A3B8"
+  },
+  {
+    id: "botanic",
+    name: "Botanic",
+    from: "#4D7C4D",
+    to: "#2F5233",
+    primary: "#3E7A3E",
+    on: "#FFFFFF",
+    bg: "#0F1A0F",
+    surface: "#1A2A1A",
+    mood: [
+      "eco",
+      "organic",
+      "health",
+      "calm"
+    ],
+    accent: "#8FBF6F"
+  },
+  {
+    id: "berry-plum",
+    name: "Berry Plum",
+    from: "#A21CAF",
+    to: "#6B21A8",
+    primary: "#A21CAF",
+    on: "#FFFFFF",
+    bg: "#1A0A1E",
+    surface: "#2A122E",
+    mood: [
+      "beauty",
+      "luxury",
+      "creative",
+      "bold"
+    ],
+    accent: "#E879F9"
+  },
+  {
+    id: "deep-teal",
+    name: "Deep Teal",
+    from: "#0D9488",
+    to: "#065F5B",
+    primary: "#0D9488",
+    on: "#FFFFFF",
+    bg: "#04201E",
+    surface: "#08302C",
+    mood: [
+      "health",
+      "corporate",
+      "calm",
+      "tech"
+    ],
+    accent: "#5EEAD4"
+  }
 ];
 
 // src/data/fonts.json
@@ -64,85 +742,1443 @@ var fonts_default = [
 
 // src/data/icons.json
 var icons_default = [
-  { key: "bolt", keywords: ["energy", "power", "fast", "electric", "speed", "charge", "quick"], svg: "<path d='M13 2 L4 14 H11 L10 22 L20 9 H13 Z'/>" },
-  { key: "leaf", keywords: ["eco", "nature", "green", "organic", "plant", "garden", "bio", "sustainable"], svg: "<path d='M4 20 C4 10 10 4 20 4 C20 14 14 20 4 20 Z'/><path d='M4 20 C9 15 14 12 18 10'/>" },
-  { key: "cup", keywords: ["coffee", "cafe", "tea", "drink", "warm", "beverage", "espresso", "brew"], svg: "<path d='M5 8 H17 V13 A5 5 0 0 1 12 18 H10 A5 5 0 0 1 5 13 Z'/><path d='M17 9 H19 A2 2 0 0 1 19 13 H17'/><path d='M8 3 V5 M11 3 V5 M14 3 V5'/>" },
-  { key: "rocket", keywords: ["launch", "startup", "fast", "space", "growth", "boost", "ship"], svg: "<path d='M12 3 C15 6 16 10 16 13 L8 13 C8 10 9 6 12 3 Z'/><circle cx='12' cy='9' r='1.5'/><path d='M8 13 L6 17 L9 15 M16 13 L18 17 L15 15'/>" },
-  { key: "cart", keywords: ["shop", "store", "ecommerce", "retail", "buy", "market", "cart", "grocery"], svg: "<circle cx='9' cy='20' r='1'/><circle cx='17' cy='20' r='1'/><path d='M3 4 H5 L7 15 H18 L20 7 H6'/>" },
-  { key: "chart", keywords: ["finance", "growth", "analytics", "data", "stats", "trade", "invest", "report"], svg: "<path d='M4 4 V20 H20'/><polyline points='7 15 11 10 14 13 19 6'/>" },
-  { key: "code", keywords: ["dev", "tech", "software", "api", "program", "developer", "engineering", "web"], svg: "<polyline points='9 8 5 12 9 16'/><polyline points='15 8 19 12 15 16'/>" },
-  { key: "cloud", keywords: ["cloud", "saas", "storage", "hosting", "weather", "backup", "server"], svg: "<path d='M7 18 A4 4 0 0 1 7 10 A5 5 0 0 1 17 10 A3.5 3.5 0 0 1 17 18 Z'/>" },
-  { key: "heart", keywords: ["health", "care", "love", "charity", "beauty", "wellness", "dating"], svg: "<path d='M12 20 C6 15 3 12 3 8 A4 4 0 0 1 12 6 A4 4 0 0 1 21 8 C21 12 18 15 12 20 Z'/>" },
-  { key: "star", keywords: ["quality", "rating", "premium", "favorite", "best", "review", "award"], svg: "<path d='M12 3 L14.6 9 L21 9.5 L16 13.8 L17.6 20 L12 16.5 L6.4 20 L8 13.8 L3 9.5 L9.4 9 Z'/>" },
-  { key: "shield", keywords: ["security", "trust", "protect", "insurance", "safe", "guard", "defense", "cyber"], svg: "<path d='M12 3 L20 6 V11 C20 16 16 20 12 21 C8 20 4 16 4 11 V6 Z'/>" },
-  { key: "globe", keywords: ["global", "world", "travel", "network", "web", "international", "geo"], svg: "<circle cx='12' cy='12' r='9'/><path d='M3 12 H21 M12 3 C15 6 15 18 12 21 C9 18 9 6 12 3'/>" },
-  { key: "camera", keywords: ["photo", "media", "studio", "creative", "photography", "video", "capture"], svg: "<rect x='3' y='7' width='18' height='13' rx='2'/><circle cx='12' cy='13' r='3.5'/><path d='M8 7 L9.5 4 H14.5 L16 7'/>" },
-  { key: "brush", keywords: ["art", "design", "paint", "creative", "studio", "agency", "draw"], svg: "<path d='M4 20 C4 16 7 15 9 15 C9 18 8 20 4 20 Z'/><path d='M9 15 L18 6 A1.5 1.5 0 0 1 20 8 L11 17'/>" },
-  { key: "book", keywords: ["education", "learn", "publish", "read", "school", "academy", "course", "library"], svg: "<path d='M4 5 A2 2 0 0 1 6 3 H12 V19 H6 A2 2 0 0 0 4 21 Z'/><path d='M20 5 A2 2 0 0 0 18 3 H12 V19 H18 A2 2 0 0 1 20 21 Z'/>" },
-  { key: "wrench", keywords: ["repair", "service", "build", "tools", "fix", "maintenance", "mechanic"], svg: "<path d='M15 4 A5 5 0 0 0 8.5 10.5 L4 15 V20 H9 L13.5 15.5 A5 5 0 0 0 20 9 L16.5 12.5 H11.5 V7.5 Z'/>" },
-  { key: "gear", keywords: ["settings", "tech", "engineering", "config", "industrial", "system", "process"], svg: "<circle cx='12' cy='12' r='3.2'/><path d='M12 3 V6 M12 18 V21 M3 12 H6 M18 12 H21 M5.6 5.6 L7.7 7.7 M16.3 16.3 L18.4 18.4 M18.4 5.6 L16.3 7.7 M7.7 16.3 L5.6 18.4'/>" },
-  { key: "chat", keywords: ["message", "community", "social", "support", "talk", "forum", "chat", "connect"], svg: "<path d='M4 5 H20 V16 H12 L7 20 V16 H4 Z'/>" },
-  { key: "pin", keywords: ["location", "map", "place", "local", "travel", "navigation", "geo", "address"], svg: "<path d='M12 21 C12 21 5 14 5 9 A7 7 0 0 1 19 9 C19 14 12 21 12 21 Z'/><circle cx='12' cy='9' r='2.5'/>" },
-  { key: "home", keywords: ["home", "realestate", "house", "property", "living", "estate", "build", "interior"], svg: "<path d='M4 11 L12 4 L20 11'/><path d='M6 10 V20 H18 V10'/>" },
-  { key: "shop", keywords: ["store", "market", "retail", "boutique", "business", "vendor", "mall"], svg: "<path d='M4 9 L5 4 H19 L20 9 A3 3 0 0 1 14 9 A3 3 0 0 1 8 9 A3 3 0 0 1 4 9 Z'/><path d='M5 9 V20 H19 V9'/>" },
-  { key: "truck", keywords: ["delivery", "logistics", "shipping", "transport", "move", "courier", "freight"], svg: "<rect x='2' y='7' width='12' height='9'/><path d='M14 10 H18 L21 13 V16 H14 Z'/><circle cx='7' cy='18' r='1.5'/><circle cx='17' cy='18' r='1.5'/>" },
-  { key: "wallet", keywords: ["finance", "money", "pay", "bank", "wallet", "fintech", "payment", "budget"], svg: "<rect x='3' y='6' width='18' height='13' rx='2'/><path d='M3 10 H21'/><circle cx='17' cy='14' r='1'/>" },
-  { key: "coin", keywords: ["money", "finance", "crypto", "currency", "pay", "token", "gold", "cash"], svg: "<circle cx='12' cy='12' r='8'/><path d='M12 8 V16 M9.5 9.5 H13.5 A2 2 0 0 1 13.5 12 H10.5 A2 2 0 0 0 10.5 14.5 H14.5'/>" },
-  { key: "phone", keywords: ["mobile", "contact", "call", "app", "telecom", "device", "smartphone"], svg: "<rect x='7' y='3' width='10' height='18' rx='2'/><path d='M11 18 H13'/>" },
-  { key: "wifi", keywords: ["network", "internet", "connect", "signal", "telecom", "wireless", "isp"], svg: "<path d='M4 9 A12 12 0 0 1 20 9'/><path d='M7 12.5 A8 8 0 0 1 17 12.5'/><path d='M10 16 A3.5 3.5 0 0 1 14 16'/><circle cx='12' cy='19' r='0.6'/>" },
-  { key: "music", keywords: ["music", "audio", "sound", "media", "entertainment", "podcast", "song"], svg: "<circle cx='7' cy='18' r='2'/><circle cx='17' cy='16' r='2'/><path d='M9 18 V6 L19 4 V16'/>" },
-  { key: "fork", keywords: ["food", "restaurant", "dining", "cafe", "kitchen", "chef", "meal", "eat"], svg: "<path d='M7 3 V9 A2 2 0 0 0 11 9 V3 M9 9 V21 M15 3 C13 4 13 9 15 10 V21'/>" },
-  { key: "scissors", keywords: ["barber", "salon", "beauty", "craft", "cut", "hair", "tailor", "stylist"], svg: "<circle cx='7' cy='7' r='2.5'/><circle cx='7' cy='17' r='2.5'/><path d='M9 8.5 L20 17 M9 15.5 L20 7'/>" },
-  { key: "paw", keywords: ["pet", "animal", "vet", "care", "dog", "cat", "wildlife"], svg: "<circle cx='8' cy='9' r='1.7'/><circle cx='16' cy='9' r='1.7'/><circle cx='5.5' cy='13' r='1.4'/><circle cx='18.5' cy='13' r='1.4'/><path d='M12 12 C15 12 17 15 16 18 C15 20 9 20 8 18 C7 15 9 12 12 12 Z'/>" },
-  { key: "sun", keywords: ["energy", "solar", "weather", "bright", "summer", "power", "light"], svg: "<circle cx='12' cy='12' r='4'/><path d='M12 2 V5 M12 19 V22 M2 12 H5 M19 12 H22 M4.9 4.9 L7 7 M17 17 L19.1 19.1 M19.1 4.9 L17 7 M7 17 L4.9 19.1'/>" },
-  { key: "mountain", keywords: ["travel", "outdoor", "adventure", "nature", "peak", "hiking", "summit"], svg: "<path d='M3 19 L9 8 L13 14 L16 9 L21 19 Z'/>" },
-  { key: "wave", keywords: ["water", "ocean", "flow", "fluid", "beach", "sea", "surf", "liquid"], svg: "<path d='M3 8 C6 5 8 11 12 8 C16 5 18 11 21 8 M3 13 C6 10 8 16 12 13 C16 10 18 16 21 13 M3 18 C6 15 8 21 12 18 C16 15 18 21 21 18'/>" },
-  { key: "hexagon", keywords: ["tech", "blockchain", "structure", "geometric", "hex", "modular", "grid"], svg: "<path d='M12 3 L20 7.5 V16.5 L12 21 L4 16.5 V7.5 Z'/>" },
-  { key: "spark", keywords: ["magic", "ai", "new", "creative", "shine", "smart", "innovation"], svg: "<path d='M12 3 C12 8 13 11 20 12 C13 13 12 16 12 21 C12 16 11 13 4 12 C11 11 12 8 12 3 Z'/>" },
-  { key: "drop", keywords: ["water", "clean", "eco", "medical", "liquid", "pure", "hydro", "laundry"], svg: "<path d='M12 3 C12 3 6 10 6 15 A6 6 0 0 0 18 15 C18 10 12 3 12 3 Z'/>" },
-  { key: "flame", keywords: ["fire", "energy", "hot", "cook", "passion", "grill", "heat", "bbq"], svg: "<path d='M12 21 A6 6 0 0 0 18 15 C18 10 14 9 15 4 C11 6 8 9 8 13 A4 4 0 0 0 10 16 C9 12 11 11 12 10 C12 13 15 13 14 17 A3 3 0 0 1 12 21 Z'/>" },
-  { key: "cube", keywords: ["product", "box", "package", "build", "3d", "block", "logistics", "supply"], svg: "<path d='M12 3 L20 7.5 V16.5 L12 21 L4 16.5 V7.5 Z'/><path d='M4 7.5 L12 12 L20 7.5 M12 12 V21'/>" },
-  { key: "eye", keywords: ["vision", "watch", "view", "security", "media", "optics", "monitor"], svg: "<path d='M2 12 C5 6 9 5 12 5 C15 5 19 6 22 12 C19 18 15 19 12 19 C9 19 5 18 2 12 Z'/><circle cx='12' cy='12' r='3'/>" },
-  { key: "crown", keywords: ["luxe", "premium", "royal", "king", "best", "vip", "elite", "gold"], svg: "<path d='M4 18 V8 L8 12 L12 5 L16 12 L20 8 V18 Z'/><path d='M4 18 H20'/>" },
-  { key: "graduation", keywords: ["education", "school", "university", "academy", "learn", "graduate", "course", "student"], svg: "<path d='M2 9 L12 4 L22 9 L12 14 Z'/><path d='M6 11 V16 C6 17.5 9 19 12 19 C15 19 18 17.5 18 16 V11'/><path d='M22 9 V14'/>" },
-  { key: "dumbbell", keywords: ["gym", "fitness", "workout", "sport", "health", "training", "muscle", "exercise"], svg: "<path d='M3 9 V15 M6 8 V16 M18 8 V16 M21 9 V15 M6 12 H18'/>" },
-  { key: "scale", keywords: ["legal", "law", "justice", "balance", "attorney", "court", "lawyer", "compliance"], svg: "<path d='M12 3 V20 M5 20 H19 M12 5 L5 9 M12 5 L19 9'/><path d='M2 9 H8 L5 15 A3 3 0 0 0 8 15 Z M16 9 H22 L19 15 A3 3 0 0 0 22 15 Z'/>" },
-  { key: "key", keywords: ["realestate", "access", "unlock", "property", "rental", "keys", "estate"], svg: "<circle cx='8' cy='8' r='4'/><path d='M11 11 L20 20 M17 17 L19 15 M15 15 L17 13'/>" },
-  { key: "plane", keywords: ["travel", "flight", "airline", "trip", "tourism", "journey", "holiday", "send"], svg: "<path d='M3 11 L21 3 L14 21 L11 13 Z'/><path d='M11 13 L21 3'/>" },
-  { key: "car", keywords: ["auto", "car", "ride", "taxi", "garage", "mechanic", "vehicle", "drive", "rental"], svg: "<path d='M3 13 L5 8 H17 L20 13'/><path d='M2 13 H22 V17 H2 Z'/><circle cx='7' cy='17' r='1.5'/><circle cx='17' cy='17' r='1.5'/>" },
-  { key: "chip", keywords: ["tech", "hardware", "iot", "ai", "semiconductor", "electronics", "processor", "chip", "device"], svg: "<rect x='7' y='7' width='10' height='10' rx='1.5'/><path d='M10 3 V6 M14 3 V6 M10 18 V21 M14 18 V21 M3 10 H6 M3 14 H6 M18 10 H21 M18 14 H21'/>" },
-  { key: "gift", keywords: ["gift", "ecommerce", "reward", "celebration", "store", "present", "surprise", "loyalty"], svg: "<rect x='3' y='9' width='18' height='11' rx='1'/><path d='M3 12 H21 M12 9 V20'/><path d='M12 9 C12 6 9 5 8 6.5 C7 8 9 9 12 9 C12 9 15 9 16 6.5 C15 5 12 6 12 9 Z'/>" },
-  { key: "calendar", keywords: ["schedule", "booking", "event", "planner", "date", "calendar", "appointment", "agenda"], svg: "<rect x='3' y='5' width='18' height='16' rx='2'/><path d='M3 9 H21 M8 3 V6 M16 3 V6'/><rect x='7' y='12' width='3' height='3'/>" },
-  { key: "clock", keywords: ["time", "schedule", "fast", "productivity", "hours", "watch", "timer", "deadline"], svg: "<circle cx='12' cy='12' r='9'/><path d='M12 7 V12 L16 14'/>" },
-  { key: "mail", keywords: ["email", "contact", "newsletter", "message", "communication", "inbox", "mailer", "crm"], svg: "<rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7 L12 13 L21 7'/>" },
-  { key: "lock", keywords: ["security", "privacy", "protect", "safe", "lock", "password", "vault", "encrypt"], svg: "<rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11 V8 A4 4 0 0 1 16 8 V11'/>" },
-  { key: "tag", keywords: ["price", "sale", "retail", "label", "discount", "tag", "offer", "deal", "ecommerce"], svg: "<path d='M3 3 H11 L21 13 L13 21 L3 11 Z'/><circle cx='7.5' cy='7.5' r='1.4'/>" },
-  { key: "brain", keywords: ["ai", "smart", "mind", "learning", "psychology", "brain", "intelligence", "think", "neural"], svg: "<path d='M9 4 A3 3 0 0 0 6 7 A3 3 0 0 0 5 12 A3 3 0 0 0 7 17 A3 3 0 0 0 12 19 V4 A2 2 0 0 0 9 4 Z'/><path d='M12 4 A2 2 0 0 1 15 4 A3 3 0 0 1 18 7 A3 3 0 0 1 19 12 A3 3 0 0 1 17 17 A3 3 0 0 1 12 19'/>" },
-  { key: "flask", keywords: ["lab", "science", "chemistry", "research", "biotech", "experiment", "pharma", "chemical"], svg: "<path d='M9 3 H15 M10 3 V9 L5 18 A2 2 0 0 0 7 21 H17 A2 2 0 0 0 19 18 L14 9 V3'/><path d='M7.5 14 H16.5'/>" },
-  { key: "cross", keywords: ["medical", "clinic", "pharmacy", "health", "hospital", "aid", "plus", "emergency"], svg: "<rect x='4' y='4' width='16' height='16' rx='3'/><path d='M12 8 V16 M8 12 H16'/>" },
-  { key: "edit", keywords: ["write", "content", "blog", "edit", "author", "copywriting", "note", "publish"], svg: "<path d='M14 4 L20 10 L9 21 H3 V15 Z'/><path d='M13 5 L19 11'/>" },
-  { key: "megaphone", keywords: ["marketing", "ads", "promo", "announce", "pr", "campaign", "broadcast", "launch", "advertising"], svg: "<path d='M3 10 V14 H6 L14 19 V5 L6 10 Z'/><path d='M17 9 A4 4 0 0 1 17 15'/>" },
-  { key: "target", keywords: ["goal", "marketing", "focus", "aim", "strategy", "target", "objective", "precision", "growth"], svg: "<circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='5'/><circle cx='12' cy='12' r='1.5'/>" },
-  { key: "trophy", keywords: ["award", "win", "sport", "achievement", "best", "trophy", "champion", "prize", "league"], svg: "<path d='M8 4 H16 V9 A4 4 0 0 1 8 9 Z'/><path d='M8 6 H5 A2 2 0 0 0 7 10 M16 6 H19 A2 2 0 0 1 17 10'/><path d='M12 13 V16 M9 20 H15 M10 20 V16 H14 V20'/>" },
-  { key: "building", keywords: ["office", "corporate", "business", "company", "enterprise", "realestate", "tower", "firm"], svg: "<rect x='5' y='3' width='14' height='18'/><path d='M9 7 H11 M13 7 H15 M9 11 H11 M13 11 H15 M9 15 H11 M13 15 H15 M10 21 V18 H14 V21'/>" },
-  { key: "lightbulb", keywords: ["idea", "innovation", "creative", "startup", "bright", "invention", "insight", "smart"], svg: "<path d='M9 17 H15 M10 20 H14'/><path d='M12 3 A6 6 0 0 0 8 14 H16 A6 6 0 0 0 12 3 Z'/>" },
-  { key: "gamepad", keywords: ["game", "gaming", "esports", "play", "entertainment", "arcade", "console", "fun"], svg: "<rect x='2' y='8' width='20' height='9' rx='4.5'/><path d='M7 11 V14 M5.5 12.5 H8.5'/><circle cx='16' cy='11.5' r='1'/><circle cx='18.5' cy='13.5' r='1'/>" },
-  { key: "shirt", keywords: ["fashion", "clothing", "apparel", "boutique", "retail", "tshirt", "wear", "style"], svg: "<path d='M8 4 L4 7 L6 10 L8 9 V20 H16 V9 L18 10 L20 7 L16 4 C16 6 8 6 8 4 Z'/>" },
-  { key: "balloon", keywords: ["kids", "party", "toy", "children", "fun", "celebration", "birthday", "playful"], svg: "<path d='M12 3 A5 6 0 0 0 12 15 A5 6 0 0 0 12 3 Z'/><path d='M12 15 V17 M11 17 C11 19 13 19 13 21'/>" },
-  { key: "palette-art", keywords: ["art", "design", "paint", "creative", "color", "artist", "gallery", "illustration"], svg: "<path d='M12 3 A9 9 0 1 0 12 21 A2 2 0 0 0 12 17 A2 2 0 0 1 14 15 H16 A5 5 0 0 0 21 10 C21 6 17 3 12 3 Z'/><circle cx='8' cy='9' r='1'/><circle cx='12' cy='7' r='1'/><circle cx='16' cy='9' r='1'/>" },
-  { key: "wheat", keywords: ["agriculture", "farm", "organic", "grain", "harvest", "crop", "wheat", "rural"], svg: "<path d='M12 21 V9 M12 9 C10 9 9 7 9 5 C11 5 12 7 12 9 C12 7 13 5 15 5 C15 7 14 9 12 9 M12 13 C10 13 9 11 9 9 M12 13 C14 13 15 11 15 9 M12 17 C10 17 9 15 9 13 M12 17 C14 17 15 15 15 13'/>" },
-  { key: "umbrella", keywords: ["insurance", "protection", "weather", "umbrella", "coverage", "safe", "shelter"], svg: "<path d='M12 3 A9 6 0 0 1 21 9 H3 A9 6 0 0 1 12 3 Z'/><path d='M12 9 V19 A2 2 0 0 1 8 19'/>" },
-  { key: "tooth", keywords: ["dental", "dentist", "tooth", "orthodontics", "oral", "clinic", "smile"], svg: "<path d='M12 3 C8 3 6 5 6 8 C6 12 7 21 9 21 C10.5 21 10 15 12 15 C14 15 13.5 21 15 21 C17 21 18 12 18 8 C18 5 16 3 12 3 Z'/>" },
-  { key: "glasses", keywords: ["optometry", "eyewear", "glasses", "vision", "optical", "fashion", "sunglasses"], svg: "<circle cx='6' cy='13' r='3'/><circle cx='18' cy='13' r='3'/><path d='M9 13 H15 M3 11 L5 8 H8 M21 11 L19 8 H16'/>" },
-  { key: "headphones", keywords: ["audio", "dj", "music", "headphones", "support", "sound", "gaming", "helpdesk"], svg: "<path d='M4 14 V12 A8 8 0 0 1 20 12 V14'/><rect x='3' y='14' width='3' height='5' rx='1.2'/><rect x='18' y='14' width='3' height='5' rx='1.2'/>" },
-  { key: "microphone", keywords: ["podcast", "audio", "voice", "media", "microphone", "recording", "radio", "singer"], svg: "<rect x='9' y='3' width='6' height='11' rx='3'/><path d='M6 11 A6 6 0 0 0 18 11 M12 17 V21 M9 21 H15'/>" },
-  { key: "hardhat", keywords: ["construction", "build", "contractor", "hardhat", "engineering", "safety", "builder"], svg: "<path d='M4 16 A8 8 0 0 1 20 16 Z'/><path d='M10 8 V4 H14 V8 M2 16 H22'/>" },
-  { key: "people", keywords: ["team", "hr", "community", "people", "agency", "group", "social", "recruiting", "network"], svg: "<circle cx='8' cy='8' r='3'/><circle cx='16' cy='8' r='3'/><path d='M3 20 C3 15 6 14 8 14 C10 14 13 15 13 20 M11 20 C11 16 14 14 16 14 C18 14 21 15 21 20'/>" },
-  { key: "gem", keywords: ["jewelry", "luxury", "gem", "diamond", "premium", "beauty", "boutique", "crystal"], svg: "<path d='M6 3 H18 L22 9 L12 21 L2 9 Z'/><path d='M2 9 H22 M6 3 L9 9 M18 3 L15 9 M9 9 L12 21 L15 9'/>" },
-  { key: "anchor", keywords: ["marine", "nautical", "anchor", "travel", "boat", "sea", "harbor", "shipping"], svg: "<circle cx='12' cy='5' r='2'/><path d='M12 7 V21 M5 13 A7 7 0 0 0 19 13 M8 10 H16'/>" },
-  { key: "compass", keywords: ["travel", "navigation", "compass", "adventure", "explore", "direction", "outdoor", "guide"], svg: "<circle cx='12' cy='12' r='9'/><path d='M15 9 L11 11 L9 15 L13 13 Z'/>" },
-  { key: "spray", keywords: ["cleaning", "service", "spray", "hygiene", "sanitize", "laundry", "housekeeping"], svg: "<rect x='7' y='8' width='6' height='12' rx='1'/><path d='M8 8 V5 H12 V8 M13 6 H16 M13 4 H16 M13 8 H16'/>" },
-  { key: "battery", keywords: ["energy", "power", "battery", "ev", "charge", "electric", "tech", "solar"], svg: "<rect x='3' y='8' width='16' height='8' rx='2'/><path d='M21 11 V13 M6 11 V13 M9 11 V13 M12 11 V13'/>" }
+  {
+    key: "bolt",
+    keywords: [
+      "energy",
+      "power",
+      "fast",
+      "electric",
+      "speed",
+      "charge",
+      "quick"
+    ],
+    svg: "<path d='M13 2 L4 14 H11 L10 22 L20 9 H13 Z'/>"
+  },
+  {
+    key: "leaf",
+    keywords: [
+      "eco",
+      "nature",
+      "green",
+      "organic",
+      "plant",
+      "garden",
+      "bio",
+      "sustainable"
+    ],
+    svg: "<path d='M4 20 C4 10 10 4 20 4 C20 14 14 20 4 20 Z'/><path d='M4 20 C9 15 14 12 18 10'/>"
+  },
+  {
+    key: "cup",
+    keywords: [
+      "coffee",
+      "cafe",
+      "tea",
+      "drink",
+      "warm",
+      "beverage",
+      "espresso",
+      "brew"
+    ],
+    svg: "<path d='M5 8 H17 V13 A5 5 0 0 1 12 18 H10 A5 5 0 0 1 5 13 Z'/><path d='M17 9 H19 A2 2 0 0 1 19 13 H17'/><path d='M8 3 V5 M11 3 V5 M14 3 V5'/>"
+  },
+  {
+    key: "rocket",
+    keywords: [
+      "launch",
+      "startup",
+      "fast",
+      "space",
+      "growth",
+      "boost",
+      "ship"
+    ],
+    svg: "<path d='M12 3 C15 6 16 10 16 13 L8 13 C8 10 9 6 12 3 Z'/><circle cx='12' cy='9' r='1.5'/><path d='M8 13 L6 17 L9 15 M16 13 L18 17 L15 15'/>"
+  },
+  {
+    key: "cart",
+    keywords: [
+      "shop",
+      "store",
+      "ecommerce",
+      "retail",
+      "buy",
+      "market",
+      "cart",
+      "grocery"
+    ],
+    svg: "<circle cx='9' cy='20' r='1'/><circle cx='17' cy='20' r='1'/><path d='M3 4 H5 L7 15 H18 L20 7 H6'/>"
+  },
+  {
+    key: "chart",
+    keywords: [
+      "finance",
+      "growth",
+      "analytics",
+      "data",
+      "stats",
+      "trade",
+      "invest",
+      "report"
+    ],
+    svg: "<path d='M4 4 V20 H20'/><polyline points='7 15 11 10 14 13 19 6'/>"
+  },
+  {
+    key: "code",
+    keywords: [
+      "dev",
+      "tech",
+      "software",
+      "api",
+      "program",
+      "developer",
+      "engineering",
+      "web"
+    ],
+    svg: "<polyline points='9 8 5 12 9 16'/><polyline points='15 8 19 12 15 16'/>"
+  },
+  {
+    key: "cloud",
+    keywords: [
+      "cloud",
+      "saas",
+      "storage",
+      "hosting",
+      "weather",
+      "backup",
+      "server"
+    ],
+    svg: "<path d='M7 18 A4 4 0 0 1 7 10 A5 5 0 0 1 17 10 A3.5 3.5 0 0 1 17 18 Z'/>"
+  },
+  {
+    key: "heart",
+    keywords: [
+      "health",
+      "care",
+      "love",
+      "charity",
+      "beauty",
+      "wellness",
+      "dating"
+    ],
+    svg: "<path d='M12 20 C6 15 3 12 3 8 A4 4 0 0 1 12 6 A4 4 0 0 1 21 8 C21 12 18 15 12 20 Z'/>"
+  },
+  {
+    key: "star",
+    keywords: [
+      "quality",
+      "rating",
+      "premium",
+      "favorite",
+      "best",
+      "review",
+      "award"
+    ],
+    svg: "<path d='M12 3 L14.6 9 L21 9.5 L16 13.8 L17.6 20 L12 16.5 L6.4 20 L8 13.8 L3 9.5 L9.4 9 Z'/>"
+  },
+  {
+    key: "shield",
+    keywords: [
+      "security",
+      "trust",
+      "protect",
+      "insurance",
+      "safe",
+      "guard",
+      "defense",
+      "cyber"
+    ],
+    svg: "<path d='M12 3 L20 6 V11 C20 16 16 20 12 21 C8 20 4 16 4 11 V6 Z'/>"
+  },
+  {
+    key: "globe",
+    keywords: [
+      "global",
+      "world",
+      "travel",
+      "network",
+      "web",
+      "international",
+      "geo"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><path d='M3 12 H21 M12 3 C15 6 15 18 12 21 C9 18 9 6 12 3'/>"
+  },
+  {
+    key: "camera",
+    keywords: [
+      "photo",
+      "media",
+      "studio",
+      "creative",
+      "photography",
+      "video",
+      "capture"
+    ],
+    svg: "<rect x='3' y='7' width='18' height='13' rx='2'/><circle cx='12' cy='13' r='3.5'/><path d='M8 7 L9.5 4 H14.5 L16 7'/>"
+  },
+  {
+    key: "brush",
+    keywords: [
+      "art",
+      "design",
+      "paint",
+      "creative",
+      "studio",
+      "agency",
+      "draw"
+    ],
+    svg: "<path d='M4 20 C4 16 7 15 9 15 C9 18 8 20 4 20 Z'/><path d='M9 15 L18 6 A1.5 1.5 0 0 1 20 8 L11 17'/>"
+  },
+  {
+    key: "book",
+    keywords: [
+      "education",
+      "learn",
+      "publish",
+      "read",
+      "school",
+      "academy",
+      "course",
+      "library"
+    ],
+    svg: "<path d='M4 5 A2 2 0 0 1 6 3 H12 V19 H6 A2 2 0 0 0 4 21 Z'/><path d='M20 5 A2 2 0 0 0 18 3 H12 V19 H18 A2 2 0 0 1 20 21 Z'/>"
+  },
+  {
+    key: "wrench",
+    keywords: [
+      "repair",
+      "service",
+      "build",
+      "tools",
+      "fix",
+      "maintenance",
+      "mechanic"
+    ],
+    svg: "<path d='M15 4 A5 5 0 0 0 8.5 10.5 L4 15 V20 H9 L13.5 15.5 A5 5 0 0 0 20 9 L16.5 12.5 H11.5 V7.5 Z'/>"
+  },
+  {
+    key: "gear",
+    keywords: [
+      "settings",
+      "tech",
+      "engineering",
+      "config",
+      "industrial",
+      "system",
+      "process"
+    ],
+    svg: "<circle cx='12' cy='12' r='3.2'/><path d='M12 3 V6 M12 18 V21 M3 12 H6 M18 12 H21 M5.6 5.6 L7.7 7.7 M16.3 16.3 L18.4 18.4 M18.4 5.6 L16.3 7.7 M7.7 16.3 L5.6 18.4'/>"
+  },
+  {
+    key: "chat",
+    keywords: [
+      "message",
+      "community",
+      "social",
+      "support",
+      "talk",
+      "forum",
+      "chat",
+      "connect"
+    ],
+    svg: "<path d='M4 5 H20 V16 H12 L7 20 V16 H4 Z'/>"
+  },
+  {
+    key: "pin",
+    keywords: [
+      "location",
+      "map",
+      "place",
+      "local",
+      "travel",
+      "navigation",
+      "geo",
+      "address"
+    ],
+    svg: "<path d='M12 21 C12 21 5 14 5 9 A7 7 0 0 1 19 9 C19 14 12 21 12 21 Z'/><circle cx='12' cy='9' r='2.5'/>"
+  },
+  {
+    key: "home",
+    keywords: [
+      "home",
+      "realestate",
+      "house",
+      "property",
+      "living",
+      "estate",
+      "build",
+      "interior"
+    ],
+    svg: "<path d='M4 11 L12 4 L20 11'/><path d='M6 10 V20 H18 V10'/>"
+  },
+  {
+    key: "shop",
+    keywords: [
+      "store",
+      "market",
+      "retail",
+      "boutique",
+      "business",
+      "vendor",
+      "mall"
+    ],
+    svg: "<path d='M4 9 L5 4 H19 L20 9 A3 3 0 0 1 14 9 A3 3 0 0 1 8 9 A3 3 0 0 1 4 9 Z'/><path d='M5 9 V20 H19 V9'/>"
+  },
+  {
+    key: "truck",
+    keywords: [
+      "delivery",
+      "logistics",
+      "shipping",
+      "transport",
+      "move",
+      "courier",
+      "freight"
+    ],
+    svg: "<rect x='2' y='7' width='12' height='9'/><path d='M14 10 H18 L21 13 V16 H14 Z'/><circle cx='7' cy='18' r='1.5'/><circle cx='17' cy='18' r='1.5'/>"
+  },
+  {
+    key: "wallet",
+    keywords: [
+      "finance",
+      "money",
+      "pay",
+      "bank",
+      "wallet",
+      "fintech",
+      "payment",
+      "budget"
+    ],
+    svg: "<rect x='3' y='6' width='18' height='13' rx='2'/><path d='M3 10 H21'/><circle cx='17' cy='14' r='1'/>"
+  },
+  {
+    key: "coin",
+    keywords: [
+      "money",
+      "finance",
+      "crypto",
+      "currency",
+      "pay",
+      "token",
+      "gold",
+      "cash"
+    ],
+    svg: "<circle cx='12' cy='12' r='8'/><path d='M12 8 V16 M9.5 9.5 H13.5 A2 2 0 0 1 13.5 12 H10.5 A2 2 0 0 0 10.5 14.5 H14.5'/>"
+  },
+  {
+    key: "phone",
+    keywords: [
+      "mobile",
+      "contact",
+      "call",
+      "app",
+      "telecom",
+      "device",
+      "smartphone"
+    ],
+    svg: "<rect x='7' y='3' width='10' height='18' rx='2'/><path d='M11 18 H13'/>"
+  },
+  {
+    key: "wifi",
+    keywords: [
+      "network",
+      "internet",
+      "connect",
+      "signal",
+      "telecom",
+      "wireless",
+      "isp"
+    ],
+    svg: "<path d='M4 9 A12 12 0 0 1 20 9'/><path d='M7 12.5 A8 8 0 0 1 17 12.5'/><path d='M10 16 A3.5 3.5 0 0 1 14 16'/><circle cx='12' cy='19' r='0.6'/>"
+  },
+  {
+    key: "music",
+    keywords: [
+      "music",
+      "audio",
+      "sound",
+      "media",
+      "entertainment",
+      "podcast",
+      "song"
+    ],
+    svg: "<circle cx='7' cy='18' r='2'/><circle cx='17' cy='16' r='2'/><path d='M9 18 V6 L19 4 V16'/>"
+  },
+  {
+    key: "fork",
+    keywords: [
+      "food",
+      "restaurant",
+      "dining",
+      "cafe",
+      "kitchen",
+      "chef",
+      "meal",
+      "eat"
+    ],
+    svg: "<path d='M7 3 V9 A2 2 0 0 0 11 9 V3 M9 9 V21 M15 3 C13 4 13 9 15 10 V21'/>"
+  },
+  {
+    key: "scissors",
+    keywords: [
+      "barber",
+      "salon",
+      "beauty",
+      "craft",
+      "cut",
+      "hair",
+      "tailor",
+      "stylist"
+    ],
+    svg: "<circle cx='7' cy='7' r='2.5'/><circle cx='7' cy='17' r='2.5'/><path d='M9 8.5 L20 17 M9 15.5 L20 7'/>"
+  },
+  {
+    key: "paw",
+    keywords: [
+      "pet",
+      "animal",
+      "vet",
+      "care",
+      "dog",
+      "cat",
+      "wildlife"
+    ],
+    svg: "<circle cx='8' cy='9' r='1.7'/><circle cx='16' cy='9' r='1.7'/><circle cx='5.5' cy='13' r='1.4'/><circle cx='18.5' cy='13' r='1.4'/><path d='M12 12 C15 12 17 15 16 18 C15 20 9 20 8 18 C7 15 9 12 12 12 Z'/>"
+  },
+  {
+    key: "sun",
+    keywords: [
+      "energy",
+      "solar",
+      "weather",
+      "bright",
+      "summer",
+      "power",
+      "light"
+    ],
+    svg: "<circle cx='12' cy='12' r='4'/><path d='M12 2 V5 M12 19 V22 M2 12 H5 M19 12 H22 M4.9 4.9 L7 7 M17 17 L19.1 19.1 M19.1 4.9 L17 7 M7 17 L4.9 19.1'/>"
+  },
+  {
+    key: "mountain",
+    keywords: [
+      "travel",
+      "outdoor",
+      "adventure",
+      "nature",
+      "peak",
+      "hiking",
+      "summit"
+    ],
+    svg: "<path d='M3 19 L9 8 L13 14 L16 9 L21 19 Z'/>"
+  },
+  {
+    key: "wave",
+    keywords: [
+      "water",
+      "ocean",
+      "flow",
+      "fluid",
+      "beach",
+      "sea",
+      "surf",
+      "liquid"
+    ],
+    svg: "<path d='M3 8 C6 5 8 11 12 8 C16 5 18 11 21 8 M3 13 C6 10 8 16 12 13 C16 10 18 16 21 13 M3 18 C6 15 8 21 12 18 C16 15 18 21 21 18'/>"
+  },
+  {
+    key: "hexagon",
+    keywords: [
+      "tech",
+      "blockchain",
+      "structure",
+      "geometric",
+      "hex",
+      "modular",
+      "grid"
+    ],
+    svg: "<path d='M12 3 L20 7.5 V16.5 L12 21 L4 16.5 V7.5 Z'/>"
+  },
+  {
+    key: "spark",
+    keywords: [
+      "magic",
+      "ai",
+      "new",
+      "creative",
+      "shine",
+      "smart",
+      "innovation"
+    ],
+    svg: "<path d='M12 3 C12 8 13 11 20 12 C13 13 12 16 12 21 C12 16 11 13 4 12 C11 11 12 8 12 3 Z'/>"
+  },
+  {
+    key: "drop",
+    keywords: [
+      "water",
+      "clean",
+      "eco",
+      "medical",
+      "liquid",
+      "pure",
+      "hydro",
+      "laundry"
+    ],
+    svg: "<path d='M12 3 C12 3 6 10 6 15 A6 6 0 0 0 18 15 C18 10 12 3 12 3 Z'/>"
+  },
+  {
+    key: "flame",
+    keywords: [
+      "fire",
+      "energy",
+      "hot",
+      "cook",
+      "passion",
+      "grill",
+      "heat",
+      "bbq"
+    ],
+    svg: "<path d='M12 21 A6 6 0 0 0 18 15 C18 10 14 9 15 4 C11 6 8 9 8 13 A4 4 0 0 0 10 16 C9 12 11 11 12 10 C12 13 15 13 14 17 A3 3 0 0 1 12 21 Z'/>"
+  },
+  {
+    key: "cube",
+    keywords: [
+      "product",
+      "box",
+      "package",
+      "build",
+      "3d",
+      "block",
+      "logistics",
+      "supply"
+    ],
+    svg: "<path d='M12 3 L20 7.5 V16.5 L12 21 L4 16.5 V7.5 Z'/><path d='M4 7.5 L12 12 L20 7.5 M12 12 V21'/>"
+  },
+  {
+    key: "eye",
+    keywords: [
+      "vision",
+      "watch",
+      "view",
+      "security",
+      "media",
+      "optics",
+      "monitor"
+    ],
+    svg: "<path d='M2 12 C5 6 9 5 12 5 C15 5 19 6 22 12 C19 18 15 19 12 19 C9 19 5 18 2 12 Z'/><circle cx='12' cy='12' r='3'/>"
+  },
+  {
+    key: "crown",
+    keywords: [
+      "luxe",
+      "premium",
+      "royal",
+      "king",
+      "best",
+      "vip",
+      "elite",
+      "gold"
+    ],
+    svg: "<path d='M4 18 V8 L8 12 L12 5 L16 12 L20 8 V18 Z'/><path d='M4 18 H20'/>"
+  },
+  {
+    key: "graduation",
+    keywords: [
+      "education",
+      "school",
+      "university",
+      "academy",
+      "learn",
+      "graduate",
+      "course",
+      "student"
+    ],
+    svg: "<path d='M2 9 L12 4 L22 9 L12 14 Z'/><path d='M6 11 V16 C6 17.5 9 19 12 19 C15 19 18 17.5 18 16 V11'/><path d='M22 9 V14'/>"
+  },
+  {
+    key: "dumbbell",
+    keywords: [
+      "gym",
+      "fitness",
+      "workout",
+      "sport",
+      "health",
+      "training",
+      "muscle",
+      "exercise"
+    ],
+    svg: "<path d='M3 9 V15 M6 8 V16 M18 8 V16 M21 9 V15 M6 12 H18'/>"
+  },
+  {
+    key: "scale",
+    keywords: [
+      "legal",
+      "law",
+      "justice",
+      "balance",
+      "attorney",
+      "court",
+      "lawyer",
+      "compliance"
+    ],
+    svg: "<path d='M12 3 V20 M5 20 H19 M12 5 L5 9 M12 5 L19 9'/><path d='M2 9 H8 L5 15 A3 3 0 0 0 8 15 Z M16 9 H22 L19 15 A3 3 0 0 0 22 15 Z'/>"
+  },
+  {
+    key: "key",
+    keywords: [
+      "realestate",
+      "access",
+      "unlock",
+      "property",
+      "rental",
+      "keys",
+      "estate"
+    ],
+    svg: "<circle cx='8' cy='8' r='4'/><path d='M11 11 L20 20 M17 17 L19 15 M15 15 L17 13'/>"
+  },
+  {
+    key: "plane",
+    keywords: [
+      "travel",
+      "flight",
+      "airline",
+      "trip",
+      "tourism",
+      "journey",
+      "holiday",
+      "send"
+    ],
+    svg: "<path d='M3 11 L21 3 L14 21 L11 13 Z'/><path d='M11 13 L21 3'/>"
+  },
+  {
+    key: "car",
+    keywords: [
+      "auto",
+      "car",
+      "ride",
+      "taxi",
+      "garage",
+      "mechanic",
+      "vehicle",
+      "drive",
+      "rental"
+    ],
+    svg: "<path d='M3 13 L5 8 H17 L20 13'/><path d='M2 13 H22 V17 H2 Z'/><circle cx='7' cy='17' r='1.5'/><circle cx='17' cy='17' r='1.5'/>"
+  },
+  {
+    key: "chip",
+    keywords: [
+      "tech",
+      "hardware",
+      "iot",
+      "ai",
+      "semiconductor",
+      "electronics",
+      "processor",
+      "chip",
+      "device"
+    ],
+    svg: "<rect x='7' y='7' width='10' height='10' rx='1.5'/><path d='M10 3 V6 M14 3 V6 M10 18 V21 M14 18 V21 M3 10 H6 M3 14 H6 M18 10 H21 M18 14 H21'/>"
+  },
+  {
+    key: "gift",
+    keywords: [
+      "gift",
+      "ecommerce",
+      "reward",
+      "celebration",
+      "store",
+      "present",
+      "surprise",
+      "loyalty"
+    ],
+    svg: "<rect x='3' y='9' width='18' height='11' rx='1'/><path d='M3 12 H21 M12 9 V20'/><path d='M12 9 C12 6 9 5 8 6.5 C7 8 9 9 12 9 C12 9 15 9 16 6.5 C15 5 12 6 12 9 Z'/>"
+  },
+  {
+    key: "calendar",
+    keywords: [
+      "schedule",
+      "booking",
+      "event",
+      "planner",
+      "date",
+      "calendar",
+      "appointment",
+      "agenda"
+    ],
+    svg: "<rect x='3' y='5' width='18' height='16' rx='2'/><path d='M3 9 H21 M8 3 V6 M16 3 V6'/><rect x='7' y='12' width='3' height='3'/>"
+  },
+  {
+    key: "clock",
+    keywords: [
+      "time",
+      "schedule",
+      "fast",
+      "productivity",
+      "hours",
+      "watch",
+      "timer",
+      "deadline"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><path d='M12 7 V12 L16 14'/>"
+  },
+  {
+    key: "mail",
+    keywords: [
+      "email",
+      "contact",
+      "newsletter",
+      "message",
+      "communication",
+      "inbox",
+      "mailer",
+      "crm"
+    ],
+    svg: "<rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7 L12 13 L21 7'/>"
+  },
+  {
+    key: "lock",
+    keywords: [
+      "security",
+      "privacy",
+      "protect",
+      "safe",
+      "lock",
+      "password",
+      "vault",
+      "encrypt"
+    ],
+    svg: "<rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11 V8 A4 4 0 0 1 16 8 V11'/>"
+  },
+  {
+    key: "tag",
+    keywords: [
+      "price",
+      "sale",
+      "retail",
+      "label",
+      "discount",
+      "tag",
+      "offer",
+      "deal",
+      "ecommerce"
+    ],
+    svg: "<path d='M3 3 H11 L21 13 L13 21 L3 11 Z'/><circle cx='7.5' cy='7.5' r='1.4'/>"
+  },
+  {
+    key: "brain",
+    keywords: [
+      "ai",
+      "smart",
+      "mind",
+      "learning",
+      "psychology",
+      "brain",
+      "intelligence",
+      "think",
+      "neural"
+    ],
+    svg: "<path d='M9 4 A3 3 0 0 0 6 7 A3 3 0 0 0 5 12 A3 3 0 0 0 7 17 A3 3 0 0 0 12 19 V4 A2 2 0 0 0 9 4 Z'/><path d='M12 4 A2 2 0 0 1 15 4 A3 3 0 0 1 18 7 A3 3 0 0 1 19 12 A3 3 0 0 1 17 17 A3 3 0 0 1 12 19'/>"
+  },
+  {
+    key: "flask",
+    keywords: [
+      "lab",
+      "science",
+      "chemistry",
+      "research",
+      "biotech",
+      "experiment",
+      "pharma",
+      "chemical"
+    ],
+    svg: "<path d='M9 3 H15 M10 3 V9 L5 18 A2 2 0 0 0 7 21 H17 A2 2 0 0 0 19 18 L14 9 V3'/><path d='M7.5 14 H16.5'/>"
+  },
+  {
+    key: "cross",
+    keywords: [
+      "medical",
+      "clinic",
+      "pharmacy",
+      "health",
+      "hospital",
+      "aid",
+      "plus",
+      "emergency"
+    ],
+    svg: "<rect x='4' y='4' width='16' height='16' rx='3'/><path d='M12 8 V16 M8 12 H16'/>"
+  },
+  {
+    key: "edit",
+    keywords: [
+      "write",
+      "content",
+      "blog",
+      "edit",
+      "author",
+      "copywriting",
+      "note",
+      "publish"
+    ],
+    svg: "<path d='M14 4 L20 10 L9 21 H3 V15 Z'/><path d='M13 5 L19 11'/>"
+  },
+  {
+    key: "megaphone",
+    keywords: [
+      "marketing",
+      "ads",
+      "promo",
+      "announce",
+      "pr",
+      "campaign",
+      "broadcast",
+      "launch",
+      "advertising"
+    ],
+    svg: "<path d='M3 10 V14 H6 L14 19 V5 L6 10 Z'/><path d='M17 9 A4 4 0 0 1 17 15'/>"
+  },
+  {
+    key: "target",
+    keywords: [
+      "goal",
+      "marketing",
+      "focus",
+      "aim",
+      "strategy",
+      "target",
+      "objective",
+      "precision",
+      "growth"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='5'/><circle cx='12' cy='12' r='1.5'/>"
+  },
+  {
+    key: "trophy",
+    keywords: [
+      "award",
+      "win",
+      "sport",
+      "achievement",
+      "best",
+      "trophy",
+      "champion",
+      "prize",
+      "league"
+    ],
+    svg: "<path d='M8 4 H16 V9 A4 4 0 0 1 8 9 Z'/><path d='M8 6 H5 A2 2 0 0 0 7 10 M16 6 H19 A2 2 0 0 1 17 10'/><path d='M12 13 V16 M9 20 H15 M10 20 V16 H14 V20'/>"
+  },
+  {
+    key: "building",
+    keywords: [
+      "office",
+      "corporate",
+      "business",
+      "company",
+      "enterprise",
+      "realestate",
+      "tower",
+      "firm"
+    ],
+    svg: "<rect x='5' y='3' width='14' height='18'/><path d='M9 7 H11 M13 7 H15 M9 11 H11 M13 11 H15 M9 15 H11 M13 15 H15 M10 21 V18 H14 V21'/>"
+  },
+  {
+    key: "lightbulb",
+    keywords: [
+      "idea",
+      "innovation",
+      "creative",
+      "startup",
+      "bright",
+      "invention",
+      "insight",
+      "smart"
+    ],
+    svg: "<path d='M9 17 H15 M10 20 H14'/><path d='M12 3 A6 6 0 0 0 8 14 H16 A6 6 0 0 0 12 3 Z'/>"
+  },
+  {
+    key: "gamepad",
+    keywords: [
+      "game",
+      "gaming",
+      "esports",
+      "play",
+      "entertainment",
+      "arcade",
+      "console",
+      "fun"
+    ],
+    svg: "<rect x='2' y='8' width='20' height='9' rx='4.5'/><path d='M7 11 V14 M5.5 12.5 H8.5'/><circle cx='16' cy='11.5' r='1'/><circle cx='18.5' cy='13.5' r='1'/>"
+  },
+  {
+    key: "shirt",
+    keywords: [
+      "fashion",
+      "clothing",
+      "apparel",
+      "boutique",
+      "retail",
+      "tshirt",
+      "wear",
+      "style"
+    ],
+    svg: "<path d='M8 4 L4 7 L6 10 L8 9 V20 H16 V9 L18 10 L20 7 L16 4 C16 6 8 6 8 4 Z'/>"
+  },
+  {
+    key: "balloon",
+    keywords: [
+      "kids",
+      "party",
+      "toy",
+      "children",
+      "fun",
+      "celebration",
+      "birthday",
+      "playful"
+    ],
+    svg: "<path d='M12 3 A5 6 0 0 0 12 15 A5 6 0 0 0 12 3 Z'/><path d='M12 15 V17 M11 17 C11 19 13 19 13 21'/>"
+  },
+  {
+    key: "palette-art",
+    keywords: [
+      "art",
+      "design",
+      "paint",
+      "creative",
+      "color",
+      "artist",
+      "gallery",
+      "illustration"
+    ],
+    svg: "<path d='M12 3 A9 9 0 1 0 12 21 A2 2 0 0 0 12 17 A2 2 0 0 1 14 15 H16 A5 5 0 0 0 21 10 C21 6 17 3 12 3 Z'/><circle cx='8' cy='9' r='1'/><circle cx='12' cy='7' r='1'/><circle cx='16' cy='9' r='1'/>"
+  },
+  {
+    key: "wheat",
+    keywords: [
+      "agriculture",
+      "farm",
+      "organic",
+      "grain",
+      "harvest",
+      "crop",
+      "wheat",
+      "rural"
+    ],
+    svg: "<path d='M12 21 V9 M12 9 C10 9 9 7 9 5 C11 5 12 7 12 9 C12 7 13 5 15 5 C15 7 14 9 12 9 M12 13 C10 13 9 11 9 9 M12 13 C14 13 15 11 15 9 M12 17 C10 17 9 15 9 13 M12 17 C14 17 15 15 15 13'/>"
+  },
+  {
+    key: "umbrella",
+    keywords: [
+      "insurance",
+      "protection",
+      "weather",
+      "umbrella",
+      "coverage",
+      "safe",
+      "shelter"
+    ],
+    svg: "<path d='M12 3 A9 6 0 0 1 21 9 H3 A9 6 0 0 1 12 3 Z'/><path d='M12 9 V19 A2 2 0 0 1 8 19'/>"
+  },
+  {
+    key: "tooth",
+    keywords: [
+      "dental",
+      "dentist",
+      "tooth",
+      "orthodontics",
+      "oral",
+      "clinic",
+      "smile"
+    ],
+    svg: "<path d='M12 3 C8 3 6 5 6 8 C6 12 7 21 9 21 C10.5 21 10 15 12 15 C14 15 13.5 21 15 21 C17 21 18 12 18 8 C18 5 16 3 12 3 Z'/>"
+  },
+  {
+    key: "glasses",
+    keywords: [
+      "optometry",
+      "eyewear",
+      "glasses",
+      "vision",
+      "optical",
+      "fashion",
+      "sunglasses"
+    ],
+    svg: "<circle cx='6' cy='13' r='3'/><circle cx='18' cy='13' r='3'/><path d='M9 13 H15 M3 11 L5 8 H8 M21 11 L19 8 H16'/>"
+  },
+  {
+    key: "headphones",
+    keywords: [
+      "audio",
+      "dj",
+      "music",
+      "headphones",
+      "support",
+      "sound",
+      "gaming",
+      "helpdesk"
+    ],
+    svg: "<path d='M4 14 V12 A8 8 0 0 1 20 12 V14'/><rect x='3' y='14' width='3' height='5' rx='1.2'/><rect x='18' y='14' width='3' height='5' rx='1.2'/>"
+  },
+  {
+    key: "microphone",
+    keywords: [
+      "podcast",
+      "audio",
+      "voice",
+      "media",
+      "microphone",
+      "recording",
+      "radio",
+      "singer"
+    ],
+    svg: "<rect x='9' y='3' width='6' height='11' rx='3'/><path d='M6 11 A6 6 0 0 0 18 11 M12 17 V21 M9 21 H15'/>"
+  },
+  {
+    key: "hardhat",
+    keywords: [
+      "construction",
+      "build",
+      "contractor",
+      "hardhat",
+      "engineering",
+      "safety",
+      "builder"
+    ],
+    svg: "<path d='M4 16 A8 8 0 0 1 20 16 Z'/><path d='M10 8 V4 H14 V8 M2 16 H22'/>"
+  },
+  {
+    key: "people",
+    keywords: [
+      "team",
+      "hr",
+      "community",
+      "people",
+      "agency",
+      "group",
+      "social",
+      "recruiting",
+      "network"
+    ],
+    svg: "<circle cx='8' cy='8' r='3'/><circle cx='16' cy='8' r='3'/><path d='M3 20 C3 15 6 14 8 14 C10 14 13 15 13 20 M11 20 C11 16 14 14 16 14 C18 14 21 15 21 20'/>"
+  },
+  {
+    key: "gem",
+    keywords: [
+      "jewelry",
+      "luxury",
+      "gem",
+      "diamond",
+      "premium",
+      "beauty",
+      "boutique",
+      "crystal"
+    ],
+    svg: "<path d='M6 3 H18 L22 9 L12 21 L2 9 Z'/><path d='M2 9 H22 M6 3 L9 9 M18 3 L15 9 M9 9 L12 21 L15 9'/>"
+  },
+  {
+    key: "anchor",
+    keywords: [
+      "marine",
+      "nautical",
+      "anchor",
+      "travel",
+      "boat",
+      "sea",
+      "harbor",
+      "shipping"
+    ],
+    svg: "<circle cx='12' cy='5' r='2'/><path d='M12 7 V21 M5 13 A7 7 0 0 0 19 13 M8 10 H16'/>"
+  },
+  {
+    key: "compass",
+    keywords: [
+      "travel",
+      "navigation",
+      "compass",
+      "adventure",
+      "explore",
+      "direction",
+      "outdoor",
+      "guide"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><path d='M15 9 L11 11 L9 15 L13 13 Z'/>"
+  },
+  {
+    key: "spray",
+    keywords: [
+      "cleaning",
+      "service",
+      "spray",
+      "hygiene",
+      "sanitize",
+      "laundry",
+      "housekeeping"
+    ],
+    svg: "<rect x='7' y='8' width='6' height='12' rx='1'/><path d='M8 8 V5 H12 V8 M13 6 H16 M13 4 H16 M13 8 H16'/>"
+  },
+  {
+    key: "battery",
+    keywords: [
+      "energy",
+      "power",
+      "battery",
+      "ev",
+      "charge",
+      "electric",
+      "tech",
+      "solar"
+    ],
+    svg: "<rect x='3' y='8' width='16' height='8' rx='2'/><path d='M21 11 V13 M6 11 V13 M9 11 V13 M12 11 V13'/>"
+  },
+  {
+    key: "bitcoin",
+    keywords: [
+      "crypto",
+      "bitcoin",
+      "blockchain",
+      "coin",
+      "token",
+      "web3",
+      "currency",
+      "defi"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><path d='M9.5 7 H14 A2.3 2.3 0 0 1 14 11.6 H9.5 M9.5 11.6 H14.6 A2.4 2.4 0 0 1 14.6 16.4 H9.5 M9.5 7 V16.4 M11 5.2 V7 M13 5.2 V7 M11 16.4 V18.2 M13 16.4 V18.2'/>"
+  },
+  {
+    key: "package",
+    keywords: [
+      "delivery",
+      "package",
+      "box",
+      "shipping",
+      "logistics",
+      "parcel",
+      "fulfilment",
+      "warehouse"
+    ],
+    svg: "<path d='M12 3 L20.5 7.5 V16.5 L12 21 L3.5 16.5 V7.5 Z'/><path d='M3.5 7.5 L12 12 L20.5 7.5 M12 12 V21 M7.75 5.25 L16.25 9.75'/>"
+  },
+  {
+    key: "ship",
+    keywords: [
+      "ship",
+      "boat",
+      "marine",
+      "cargo",
+      "shipping",
+      "sea",
+      "nautical",
+      "freight"
+    ],
+    svg: "<path d='M3.5 14 H20.5 L18 19.5 H6 Z'/><path d='M12 3 V14 M12 6.5 L17.5 9 M12 6.5 L6.5 9 M4 12 V9 H7'/>"
+  },
+  {
+    key: "pizza",
+    keywords: [
+      "pizza",
+      "food",
+      "restaurant",
+      "italian",
+      "slice",
+      "kitchen",
+      "dining",
+      "fastfood"
+    ],
+    svg: "<path d='M12 3 L20.5 19 A18 18 0 0 1 3.5 19 Z'/><circle cx='10' cy='11.5' r='1'/><circle cx='14' cy='13' r='1'/><circle cx='12' cy='16' r='1'/>"
+  },
+  {
+    key: "chef-hat",
+    keywords: [
+      "chef",
+      "cooking",
+      "restaurant",
+      "kitchen",
+      "food",
+      "culinary",
+      "catering",
+      "bakery"
+    ],
+    svg: "<path d='M7 18 V14 H17 V18 Z'/><path d='M7 15.5 H17'/><path d='M8 14 A3 3 0 0 1 7.8 8.6 A3 3 0 0 1 11 6.4 A3 3 0 0 1 16 8.6 A3 3 0 0 1 16 14'/>"
+  },
+  {
+    key: "pill",
+    keywords: [
+      "pharmacy",
+      "medicine",
+      "health",
+      "pill",
+      "capsule",
+      "drug",
+      "medical",
+      "wellness"
+    ],
+    svg: "<rect x='3.5' y='9' width='17' height='6' rx='3'/><path d='M12 9 V15'/>"
+  },
+  {
+    key: "stethoscope",
+    keywords: [
+      "health",
+      "doctor",
+      "medical",
+      "clinic",
+      "stethoscope",
+      "care",
+      "hospital",
+      "checkup"
+    ],
+    svg: "<path d='M6 4 V8.5 A4 4 0 0 0 14 8.5 V4'/><path d='M10 12.4 V14 A4.5 4.5 0 0 0 19 14 V13'/><circle cx='19' cy='11' r='2'/>"
+  },
+  {
+    key: "dna",
+    keywords: [
+      "dna",
+      "biotech",
+      "science",
+      "genetics",
+      "research",
+      "health",
+      "lab",
+      "bio"
+    ],
+    svg: "<path d='M8 3 Q12 6 8 9 Q4 12 8 15 Q12 18 8 21'/><path d='M16 3 Q12 6 16 9 Q20 12 16 15 Q12 18 16 21'/><path d='M8.6 5 H15.4 M8 12 H16 M8.6 19 H15.4'/>"
+  },
+  {
+    key: "robot",
+    keywords: [
+      "robot",
+      "ai",
+      "automation",
+      "bot",
+      "robotics",
+      "tech",
+      "machine",
+      "assistant"
+    ],
+    svg: "<rect x='5' y='8' width='14' height='11' rx='2.5'/><circle cx='9.5' cy='13' r='1.3'/><circle cx='14.5' cy='13' r='1.3'/><path d='M9.5 16 H14.5'/><circle cx='12' cy='4' r='1.4'/><path d='M12 5.4 V8 M5 12 H3 M19 12 H21'/>"
+  },
+  {
+    key: "database",
+    keywords: [
+      "database",
+      "data",
+      "server",
+      "storage",
+      "cloud",
+      "backend",
+      "hosting",
+      "sql"
+    ],
+    svg: "<ellipse cx='12' cy='6' rx='7' ry='3'/><path d='M5 6 V12 A7 3 0 0 0 19 12 V6'/><path d='M5 12 V18 A7 3 0 0 0 19 18 V12'/>"
+  },
+  {
+    key: "atom",
+    keywords: [
+      "science",
+      "atom",
+      "physics",
+      "research",
+      "lab",
+      "nuclear",
+      "chemistry",
+      "education"
+    ],
+    svg: "<circle cx='12' cy='12' r='1.8'/><ellipse cx='12' cy='12' rx='9' ry='3.8'/><ellipse cx='12' cy='12' rx='9' ry='3.8' transform='rotate(60 12 12)'/><ellipse cx='12' cy='12' rx='9' ry='3.8' transform='rotate(120 12 12)'/>"
+  },
+  {
+    key: "hammer",
+    keywords: [
+      "construction",
+      "hammer",
+      "build",
+      "tools",
+      "repair",
+      "carpentry",
+      "diy",
+      "hardware"
+    ],
+    svg: "<path d='M13.5 3 L21 10.5 L18 13.5 L10.5 6 Z'/><path d='M12 7.5 L4 15.5 L6.5 18 L14.5 10'/>"
+  },
+  {
+    key: "ruler",
+    keywords: [
+      "design",
+      "measure",
+      "ruler",
+      "architecture",
+      "construction",
+      "scale",
+      "drafting",
+      "precision"
+    ],
+    svg: "<rect x='4' y='9' width='16' height='6' rx='1'/><path d='M8 9 V12 M12 9 V12.5 M16 9 V12'/>"
+  },
+  {
+    key: "gavel",
+    keywords: [
+      "legal",
+      "law",
+      "gavel",
+      "court",
+      "justice",
+      "attorney",
+      "lawyer",
+      "judge"
+    ],
+    svg: "<rect x='12.5' y='2.5' width='6' height='4' rx='1' transform='rotate(45 15.5 4.5)'/><path d='M13 7 L6.5 13.5 L8.5 15.5 L15 9'/><path d='M4 20 H12 M8 15.8 V20'/>"
+  },
+  {
+    key: "soccer",
+    keywords: [
+      "sports",
+      "soccer",
+      "football",
+      "ball",
+      "game",
+      "team",
+      "athletic",
+      "league"
+    ],
+    svg: "<circle cx='12' cy='12' r='9'/><path d='M12 7.5 L15.5 10 L14 14 H10 L8.5 10 Z'/><path d='M12 3 V7.5 M15.5 10 L19.7 8.7 M14 14 L16.5 17.5 M10 14 L7.5 17.5 M8.5 10 L4.3 8.7'/>"
+  },
+  {
+    key: "medal",
+    keywords: [
+      "award",
+      "medal",
+      "winner",
+      "achievement",
+      "prize",
+      "champion",
+      "reward",
+      "honor"
+    ],
+    svg: "<circle cx='12' cy='15' r='5.5'/><path d='M9 10.3 L7 3 H10 M15 10.3 L17 3 H14 M10 3 H14'/><path d='M12 12.8 L12.7 14.3 L14.4 14.5 L13.2 15.7 L13.5 17.4 L12 16.6 L10.5 17.4 L10.8 15.7 L9.6 14.5 L11.3 14.3 Z'/>"
+  },
+  {
+    key: "bike",
+    keywords: [
+      "bike",
+      "bicycle",
+      "cycling",
+      "sport",
+      "eco",
+      "transport",
+      "fitness",
+      "ride"
+    ],
+    svg: "<circle cx='6' cy='16.5' r='3.8'/><circle cx='18' cy='16.5' r='3.8'/><path d='M6 16.5 L10 8.5 H13.5 M10 8.5 L15 16.5 M15 16.5 L16.5 10.5 H18.5 M9 8.5 H11.5'/>"
+  },
+  {
+    key: "seedling",
+    keywords: [
+      "agriculture",
+      "seedling",
+      "sprout",
+      "grow",
+      "farm",
+      "nature",
+      "eco",
+      "organic"
+    ],
+    svg: "<path d='M12 20.5 V11'/><path d='M12 13 C12 9 15 7 19 7 C19 11 16 13 12 13 Z'/><path d='M12 15.5 C12 12.5 9 10.5 5 10.5 C5 13.5 8 15.5 12 15.5 Z'/>"
+  },
+  {
+    key: "ring",
+    keywords: [
+      "jewelry",
+      "ring",
+      "diamond",
+      "luxury",
+      "wedding",
+      "gem",
+      "engagement",
+      "precious"
+    ],
+    svg: "<circle cx='12' cy='16' r='5'/><path d='M9 10.5 H15 L12 4 Z'/><path d='M9 10.5 L12 7 L15 10.5 M12 4 V7'/>"
+  },
+  {
+    key: "handbag",
+    keywords: [
+      "fashion",
+      "handbag",
+      "bag",
+      "shopping",
+      "boutique",
+      "accessory",
+      "retail",
+      "style"
+    ],
+    svg: "<path d='M5 8 H19 L20 20 H4 Z'/><path d='M8.5 8 V6 A3.5 3.5 0 0 1 15.5 6 V8'/>"
+  },
+  {
+    key: "suitcase",
+    keywords: [
+      "travel",
+      "suitcase",
+      "luggage",
+      "trip",
+      "business",
+      "journey",
+      "vacation",
+      "tourism"
+    ],
+    svg: "<rect x='3.5' y='8' width='17' height='12' rx='2'/><path d='M8.5 8 V6 A2 2 0 0 1 10.5 4 H13.5 A2 2 0 0 1 15.5 6 V8 M12 8 V20'/>"
+  },
+  {
+    key: "ticket",
+    keywords: [
+      "ticket",
+      "event",
+      "cinema",
+      "booking",
+      "pass",
+      "entertainment",
+      "admission",
+      "concert"
+    ],
+    svg: "<path d='M4 7 H20 V10 A2 2 0 0 0 20 14 V17 H4 V14 A2 2 0 0 0 4 10 Z'/><path d='M13 7.5 V16.5'/>"
+  },
+  {
+    key: "pencil",
+    keywords: [
+      "education",
+      "pencil",
+      "write",
+      "edit",
+      "design",
+      "draw",
+      "create",
+      "stationery"
+    ],
+    svg: "<path d='M4 20 L5.2 16 L16 5.2 L18.8 8 L8 18.8 Z'/><path d='M14 7.2 L16.8 10'/>"
+  },
+  {
+    key: "speaker",
+    keywords: [
+      "audio",
+      "speaker",
+      "sound",
+      "music",
+      "hifi",
+      "podcast",
+      "bass",
+      "stereo"
+    ],
+    svg: "<rect x='6' y='3' width='12' height='18' rx='2.5'/><circle cx='12' cy='15' r='3.5'/><circle cx='12' cy='7' r='1.3'/>"
+  },
+  {
+    key: "sofa",
+    keywords: [
+      "furniture",
+      "sofa",
+      "couch",
+      "home",
+      "interior",
+      "decor",
+      "comfort",
+      "living"
+    ],
+    svg: "<path d='M5 11 V9 A2 2 0 0 1 7 7 H17 A2 2 0 0 1 19 9 V11'/><path d='M5 11 A2 2 0 0 0 3 13 A2 2 0 0 1 5 15 V17 H19 V15 A2 2 0 0 1 21 13 A2 2 0 0 0 19 11'/><path d='M6.5 17 V19 M17.5 17 V19'/>"
+  }
 ];
 
 // src/data/moods.json
@@ -370,19 +2406,48 @@ function resolveSeed(seed, fallback) {
 }
 
 // src/text.ts
-var NARROW = new Set("iIl.,:;'|!ftrj()[]{} ".split(""));
-var WIDE = new Set("mwMW@%".split(""));
-var CAPS = new Set("ABCDEFGHKNOQRSUVXYZ".split(""));
+var ADVANCE = {
+  " ": 0.3,
+  i: 0.29,
+  j: 0.29,
+  l: 0.29,
+  I: 0.34,
+  ".": 0.3,
+  ",": 0.3,
+  ":": 0.3,
+  ";": 0.3,
+  "'": 0.24,
+  "!": 0.32,
+  "|": 0.26,
+  "(": 0.36,
+  ")": 0.36,
+  "[": 0.36,
+  "]": 0.36,
+  "{": 0.36,
+  "}": 0.36,
+  "-": 0.4,
+  "/": 0.4,
+  f: 0.38,
+  t: 0.4,
+  r: 0.44,
+  J: 0.5,
+  m: 0.92,
+  w: 0.86,
+  M: 0.98,
+  W: 0.98,
+  "@": 1,
+  "%": 0.95
+};
 function estimateTextWidth(text, fontSize, tracking = 0) {
   let em = 0;
   for (const ch of text) {
-    if (ch === " ") em += 0.3;
-    else if (NARROW.has(ch)) em += 0.3;
-    else if (WIDE.has(ch)) em += 0.92;
-    else if (CAPS.has(ch)) em += 0.7;
-    else em += 0.56;
+    const a = ADVANCE[ch];
+    if (a !== void 0) em += a;
+    else if (ch >= "A" && ch <= "Z") em += 0.72;
+    else if (ch >= "0" && ch <= "9") em += 0.58;
+    else em += 0.55;
   }
-  return em * fontSize + Math.max(0, text.length - 1) * tracking;
+  return em * fontSize * 1.04 + Math.max(0, text.length - 1) * tracking;
 }
 function initials(name, max = 2) {
   const words = name.replace(/[^\p{L}\p{N}\s]/gu, " ").split(/\s+/).filter(Boolean);
@@ -625,11 +2690,12 @@ function fontImport(font) {
 function inkColor(spec) {
   return spec.background === "transparent" ? spec.palette.primary : spec.palette.on;
 }
-function wordmarkEl(spec, x, y, fontSize, anchor) {
+function wordmarkEl(spec, x, y, fontSize, anchor, textLen) {
   const isLuxe = spec.font.mood.includes("luxe") || spec.font.mood.includes("elegant");
   const tracking = isLuxe ? fontSize * 0.04 : 0;
   const ls = tracking ? ` letter-spacing="${nn2(tracking)}"` : "";
-  return `<text x="${nn2(x)}" y="${nn2(y)}" font-family="${spec.font.stack}" font-weight="${spec.font.weight}" font-size="${nn2(fontSize)}" fill="${inkColor(spec)}" text-anchor="${anchor}" dominant-baseline="middle"${ls}>${esc(spec.name)}</text>`;
+  const tl = textLen ? ` textLength="${nn2(textLen)}" lengthAdjust="spacingAndGlyphs"` : "";
+  return `<text x="${nn2(x)}" y="${nn2(y)}" font-family="${spec.font.stack}" font-weight="${spec.font.weight}" font-size="${nn2(fontSize)}" fill="${inkColor(spec)}" text-anchor="${anchor}" dominant-baseline="middle"${ls}${tl}>${esc(spec.name)}</text>`;
 }
 function background(spec, w, h, defsId) {
   if (spec.background === "transparent") return "";
@@ -657,7 +2723,7 @@ function compose(spec, mark) {
     const w2 = Math.round(tw2 + pad * 2);
     const h2 = Math.round(fontSize2 * 1.5);
     const tick = `<rect x="${pad - Math.round(spec.size * 0.03)}" y="${Math.round(h2 / 2 - fontSize2 * 0.36)}" width="${Math.round(spec.size * 0.014)}" height="${Math.round(fontSize2 * 0.72)}" rx="2" fill="${spec.palette.primary}"/>`;
-    const body2 = tick + wordmarkEl(spec, pad, h2 / 2, fontSize2, "start");
+    const body2 = tick + wordmarkEl(spec, pad, h2 / 2, fontSize2, "start", tw2);
     return { svg: wrapSvg(spec, w2, h2, defs, body2), width: w2, height: h2 };
   }
   if (spec.layout === "icon-top" || spec.layout === "stacked") {
@@ -668,7 +2734,7 @@ function compose(spec, mark) {
     const w2 = Math.round(Math.max(markSize2, tw2) + pad * 2);
     const h2 = Math.round(markSize2 + gap2 + fontSize2 * 1.3 + pad);
     const markX = (w2 - markSize2) / 2;
-    const body2 = `<g transform="translate(${nn2(markX)} ${pad})">${mark.svg}</g>` + wordmarkEl(spec, w2 / 2, pad + markSize2 + gap2 + fontSize2 * 0.5, fontSize2, "middle");
+    const body2 = `<g transform="translate(${nn2(markX)} ${pad})">${mark.svg}</g>` + wordmarkEl(spec, w2 / 2, pad + markSize2 + gap2 + fontSize2 * 0.5, fontSize2, "middle", tw2);
     return { svg: wrapSvg(spec, w2, h2, defs, body2), width: w2, height: h2 };
   }
   const markSize = spec.size;
@@ -677,7 +2743,7 @@ function compose(spec, mark) {
   const tw = estimateTextWidth(spec.name, fontSize, spec.font.mood.includes("luxe") ? fontSize * 0.04 : 0);
   const w = Math.round(markSize + gap + tw + pad * 2);
   const h = Math.round(markSize + pad * 2);
-  const body = `<g transform="translate(${pad} ${pad})">${mark.svg}</g>` + wordmarkEl(spec, pad + markSize + gap, h / 2, fontSize, "start");
+  const body = `<g transform="translate(${pad} ${pad})">${mark.svg}</g>` + wordmarkEl(spec, pad + markSize + gap, h / 2, fontSize, "start", tw);
   return { svg: wrapSvg(spec, w, h, defs, body), width: w, height: h };
 }