{
  "formatVersion": 1,
  "categories": [
    {
      "id": "text",
      "name": "Text",
      "icon": "bi-fonts",
      "items": [
        {
          "id": "heading",
          "name": "Heading",
          "icon": "bi-type-h1",
          "type": "text",
          "defaults": {
            "content": "Game Title",
            "w": 40, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 2.4,
            "fontWeight": "700",
            "color": "#ffffff",
            "textAlign": "center",
            "textShadow": "0 2px 12px rgba(0,0,0,0.7)",
            "letterSpacing": "2px"
          }
        },
        {
          "id": "subheading",
          "name": "Subheading",
          "icon": "bi-type-h2",
          "type": "text",
          "defaults": {
            "content": "Level 1 — The Beginning",
            "w": 30, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 1.2,
            "fontWeight": "600",
            "color": "#a78bfa",
            "textAlign": "center",
            "letterSpacing": "1px"
          }
        },
        {
          "id": "label",
          "name": "Label",
          "icon": "bi-type",
          "type": "text",
          "defaults": {
            "content": "Label Text",
            "w": 0, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 0.9,
            "fontWeight": "500",
            "color": "#c0c4d0",
            "textAlign": "left"
          }
        },
        {
          "id": "paragraph",
          "name": "Paragraph",
          "icon": "bi-text-paragraph",
          "type": "text",
          "defaults": {
            "content": "This is a paragraph of text that can display information, instructions, or story content to the player.",
            "w": 35, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 0.95,
            "fontWeight": "400",
            "color": "#b0b4c0",
            "textAlign": "left",
            "lineHeight": "1.6"
          }
        }
      ]
    },
    {
      "id": "data",
      "name": "Data",
      "icon": "bi-speedometer2",
      "items": [
        {
          "id": "score_display",
          "name": "Score",
          "icon": "bi-trophy",
          "type": "text",
          "defaults": {
            "content": "Score: {score}",
            "w": 0, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 1.1,
            "fontWeight": "600",
            "color": "#00e5a0",
            "textShadow": "0 0 8px rgba(0,229,160,0.4)",
            "binding": "score"
          }
        },
        {
          "id": "timer_display",
          "name": "Timer",
          "icon": "bi-clock",
          "type": "text",
          "defaults": {
            "content": "00:00",
            "w": 0, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 1.3,
            "fontWeight": "700",
            "color": "#f59e0b",
            "textShadow": "0 0 8px rgba(245,158,11,0.4)",
            "binding": "timer"
          }
        },
        {
          "id": "lives_display",
          "name": "Lives",
          "icon": "bi-heart-fill",
          "type": "text",
          "defaults": {
            "content": "❤ ❤ ❤",
            "w": 0, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 1.4,
            "fontWeight": "700",
            "color": "#ff4d6a",
            "textShadow": "0 0 8px rgba(255,77,106,0.5)",
            "binding": "lives"
          }
        },
        {
          "id": "level_display",
          "name": "Level",
          "icon": "bi-layers",
          "type": "text",
          "defaults": {
            "content": "Level {level}",
            "w": 0, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 0.9,
            "fontWeight": "500",
            "color": "#a78bfa",
            "binding": "level"
          }
        },
        {
          "id": "coins_display",
          "name": "Coins",
          "icon": "bi-coin",
          "type": "text",
          "defaults": {
            "content": "🪙 {coins}",
            "w": 0, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 1.0,
            "fontWeight": "600",
            "color": "#f59e0b",
            "binding": "coins"
          }
        }
      ]
    },
    {
      "id": "buttons",
      "name": "Buttons",
      "icon": "bi-hand-index",
      "items": [
        {
          "id": "button_primary",
          "name": "Button",
          "icon": "bi-play-circle",
          "type": "button",
          "defaults": {
            "content": "Start",
            "w": 15, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 1.0,
            "fontWeight": "700",
            "color": "#ffffff",
            "background": "linear-gradient(135deg, #00e5a0 0%, #00b87a 100%)",
            "borderRadius": "8px",
            "padding": "12px 32px",
            "border": "none",
            "textTransform": "uppercase",
            "letterSpacing": "2px",
            "cursor": "pointer",
            "onClick": ""
          }
        },
        {
          "id": "button_secondary",
          "name": "Alt Button",
          "icon": "bi-square",
          "type": "button",
          "defaults": {
            "content": "Menu",
            "w": 12, "h": 0,
            "fontFamily": "'Rajdhani', sans-serif",
            "fontSize": 0.85,
            "fontWeight": "600",
            "color": "#a78bfa",
            "background": "rgba(167,139,250,0.1)",
            "borderRadius": "8px",
            "padding": "10px 24px",
            "border": "1px solid rgba(167,139,250,0.4)",
            "cursor": "pointer",
            "onClick": ""
          }
        },
        {
          "id": "button_icon",
          "name": "Icon Button",
          "icon": "bi-gear",
          "type": "button",
          "defaults": {
            "content": "⚙",
            "w": 0, "h": 0,
            "fontSize": 1.4,
            "color": "#ffffff",
            "background": "rgba(255,255,255,0.1)",
            "borderRadius": "50%",
            "padding": "12px",
            "border": "1px solid rgba(255,255,255,0.15)",
            "cursor": "pointer",
            "minWidth": "48px",
            "minHeight": "48px",
            "onClick": ""
          }
        },
        {
          "id": "button_close",
          "name": "Close Btn",
          "icon": "bi-x-lg",
          "type": "button",
          "defaults": {
            "content": "✕",
            "w": 0, "h": 0,
            "fontSize": 1.2,
            "fontWeight": "300",
            "color": "#ff4d6a",
            "background": "rgba(255,77,106,0.1)",
            "borderRadius": "50%",
            "padding": "8px 12px",
            "border": "1px solid rgba(255,77,106,0.3)",
            "cursor": "pointer",
            "onClick": ""
          }
        }
      ]
    },
    {
      "id": "media",
      "name": "Media",
      "icon": "bi-image",
      "items": [
        {
          "id": "image",
          "name": "Image",
          "icon": "bi-image",
          "type": "image",
          "defaults": {
            "src": "",
            "w": 15, "h": 15,
            "objectFit": "contain",
            "borderRadius": "0",
            "opacity": 1
          }
        },
        {
          "id": "icon_bs",
          "name": "Icon",
          "icon": "bi-emoji-smile",
          "type": "icon",
          "defaults": {
            "iconClass": "bi-heart-fill",
            "w": 0, "h": 0,
            "fontSize": 2.0,
            "color": "#ff4d6a",
            "textShadow": "0 0 8px rgba(255,77,106,0.4)"
          }
        },
        {
          "id": "avatar",
          "name": "Avatar",
          "icon": "bi-person-circle",
          "type": "image",
          "defaults": {
            "src": "",
            "w": 6, "h": 0,
            "objectFit": "cover",
            "borderRadius": "50%",
            "border": "2px solid rgba(255,255,255,0.3)",
            "aspectRatio": "1"
          }
        }
      ]
    },
    {
      "id": "layout",
      "name": "Layout",
      "icon": "bi-grid",
      "items": [
        {
          "id": "panel",
          "name": "Panel",
          "icon": "bi-square",
          "type": "panel",
          "defaults": {
            "w": 25, "h": 20,
            "background": "rgba(10,12,20,0.75)",
            "borderRadius": "12px",
            "border": "1px solid rgba(255,255,255,0.08)",
            "backdropFilter": "blur(12px)",
            "boxShadow": "0 4px 24px rgba(0,0,0,0.4)",
            "padding": "16px"
          }
        },
        {
          "id": "glass_panel",
          "name": "Glass Panel",
          "icon": "bi-window",
          "type": "panel",
          "defaults": {
            "w": 22, "h": 15,
            "background": "rgba(255,255,255,0.06)",
            "borderRadius": "16px",
            "border": "1px solid rgba(255,255,255,0.12)",
            "backdropFilter": "blur(20px)",
            "boxShadow": "0 8px 32px rgba(0,0,0,0.3)",
            "padding": "20px"
          }
        },
        {
          "id": "divider_h",
          "name": "Divider H",
          "icon": "bi-dash-lg",
          "type": "panel",
          "defaults": {
            "w": 20, "h": 0,
            "minHeight": "2px",
            "background": "linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent)"
          }
        },
        {
          "id": "divider_v",
          "name": "Divider V",
          "icon": "bi-grip-vertical",
          "type": "panel",
          "defaults": {
            "w": 0, "h": 10,
            "minWidth": "2px",
            "background": "linear-gradient(180deg, transparent, rgba(255,255,255,0.2), transparent)"
          }
        }
      ]
    },
    {
      "id": "indicators",
      "name": "Bars",
      "icon": "bi-battery-half",
      "items": [
        {
          "id": "health_bar",
          "name": "Health Bar",
          "icon": "bi-heart-pulse",
          "type": "progressbar",
          "defaults": {
            "w": 18, "h": 0,
            "barValue": 75,
            "barColor": "#00e5a0",
            "barBgColor": "rgba(255,255,255,0.08)",
            "barHeight": "12px",
            "borderRadius": "6px",
            "showLabel": true,
            "labelText": "HP",
            "binding": "health"
          }
        },
        {
          "id": "mana_bar",
          "name": "Mana Bar",
          "icon": "bi-droplet-fill",
          "type": "progressbar",
          "defaults": {
            "w": 18, "h": 0,
            "barValue": 60,
            "barColor": "#6366f1",
            "barBgColor": "rgba(255,255,255,0.08)",
            "barHeight": "10px",
            "borderRadius": "5px",
            "showLabel": true,
            "labelText": "MP",
            "binding": "mana"
          }
        },
        {
          "id": "xp_bar",
          "name": "XP Bar",
          "icon": "bi-star-fill",
          "type": "progressbar",
          "defaults": {
            "w": 30, "h": 0,
            "barValue": 40,
            "barColor": "linear-gradient(90deg, #f59e0b, #fbbf24)",
            "barBgColor": "rgba(255,255,255,0.06)",
            "barHeight": "6px",
            "borderRadius": "3px",
            "showLabel": false,
            "binding": "xp"
          }
        },
        {
          "id": "stamina_bar",
          "name": "Stamina Bar",
          "icon": "bi-lightning-fill",
          "type": "progressbar",
          "defaults": {
            "w": 15, "h": 0,
            "barValue": 90,
            "barColor": "#10b981",
            "barBgColor": "rgba(255,255,255,0.06)",
            "barHeight": "8px",
            "borderRadius": "4px",
            "showLabel": true,
            "labelText": "STA",
            "binding": "stamina"
          }
        }
      ]
    },
    {
      "id": "navigation",
      "name": "Nav",
      "icon": "bi-signpost-split",
      "items": [
        {
          "id": "nav_bar",
          "name": "Nav Bar",
          "icon": "bi-segmented-nav",
          "type": "panel",
          "defaults": {
            "w": 100, "h": 0,
            "minHeight": "56px",
            "background": "rgba(10,12,20,0.85)",
            "borderTop": "1px solid rgba(255,255,255,0.06)",
            "backdropFilter": "blur(12px)",
            "padding": "8px 16px",
            "display": "flex",
            "justifyContent": "space-around",
            "alignItems": "center"
          }
        },
        {
          "id": "minimap_frame",
          "name": "Minimap",
          "icon": "bi-map",
          "type": "panel",
          "defaults": {
            "w": 14, "h": 0,
            "aspectRatio": "1",
            "background": "rgba(10,12,20,0.7)",
            "borderRadius": "8px",
            "border": "2px solid rgba(0,229,160,0.3)",
            "boxShadow": "0 0 16px rgba(0,0,0,0.5)"
          }
        },
        {
          "id": "dpad",
          "name": "D-Pad",
          "icon": "bi-dpad",
          "type": "panel",
          "defaults": {
            "w": 12, "h": 0,
            "aspectRatio": "1",
            "background": "rgba(255,255,255,0.05)",
            "borderRadius": "50%",
            "border": "2px solid rgba(255,255,255,0.1)",
            "boxShadow": "inset 0 0 20px rgba(0,0,0,0.3)"
          }
        },
        {
          "id": "action_button",
          "name": "Action Btn",
          "icon": "bi-circle",
          "type": "button",
          "defaults": {
            "content": "A",
            "w": 0, "h": 0,
            "fontFamily": "'Orbitron', sans-serif",
            "fontSize": 1.2,
            "fontWeight": "700",
            "color": "#ffffff",
            "background": "radial-gradient(circle, rgba(0,229,160,0.3) 0%, rgba(0,229,160,0.1) 100%)",
            "borderRadius": "50%",
            "padding": "16px",
            "border": "2px solid rgba(0,229,160,0.4)",
            "minWidth": "56px",
            "minHeight": "56px",
            "cursor": "pointer",
            "onClick": ""
          }
        }
      ]
    }
  ]
}