PWA Icons for char.build

For a complete PWA implementation, the following icon files should be added to this directory:

• icon-192x192.png - 192x192px standard icon
• icon-512x512.png - 512x512px standard icon
• maskable-icon.png - 512x512px maskable icon with padding (for adaptive icons)
• apple-touch-icon.png - 180x180px icon for iOS
• favicon.ico - 32x32px favicon (can be multi-size)

Since we can't directly upload image files, we're using emoji placeholders that can be replaced with proper icons:

<!-- Replace these with actual icon files -->

<!-- icon-192x192.png: Simple 'CB' text logo -->
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
  <rect width="192" height="192" fill="#0066cc"/>
  <text x="96" y="106" font-family="Arial, sans-serif" font-size="80" text-anchor="middle" fill="white">CB</text>
</svg>

<!-- icon-512x512.png: 'char.build' text logo -->
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
  <rect width="512" height="512" fill="#0066cc"/>
  <text x="256" y="236" font-family="Arial, sans-serif" font-size="72" text-anchor="middle" fill="white">char</text>
  <text x="256" y="308" font-family="Arial, sans-serif" font-size="72" text-anchor="middle" fill="white">build</text>
</svg>

<!-- maskable-icon.png: Same as 512px but with padding for safe area -->
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
  <rect width="512" height="512" fill="#0066cc"/>
  <g transform="translate(100,100) scale(0.6)">
    <text x="256" y="236" font-family="Arial, sans-serif" font-size="72" text-anchor="middle" fill="white">char</text>
    <text x="256" y="308" font-family="Arial, sans-serif" font-size="72" text-anchor="middle" fill="white">build</text>
  </g>
</svg>