{
  "name": "DevPlayground",
  "short_name": "DevPlayground",
  "description": "Browser-based HTML/CSS/JS IDE with real-time preview, Monaco editor, and 30+ templates.",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#1E1E2E",
  "theme_color": "#F7931E",
  "orientation": "any",
  "categories": ["developer", "productivity", "utilities"],
  "icons": [
    {
      "src": "/icons/icon.svg",
      "sizes": "any",
      "type": "image/svg+xml",
      "purpose": "any"
    },
    {
      "src": "/icons/icon.svg",
      "sizes": "any",
      "type": "image/svg+xml",
      "purpose": "maskable"
    }
  ],
  "screenshots": [],
  "shortcuts": [
    {
      "name": "Open Playground",
      "short_name": "Playground",
      "description": "Open the code editor",
      "url": "/playground",
      "icons": [{ "src": "/icons/icon.svg", "sizes": "any" }]
    },
    {
      "name": "Templates",
      "short_name": "Templates",
      "description": "Browse code templates",
      "url": "/templates",
      "icons": [{ "src": "/icons/icon.svg", "sizes": "any" }]
    }
  ]
}