---

(function() {
  const canvases = Array.from(document.querySelectorAll('canvas'));
  if (canvases.length === 0) return;

  canvases.forEach((canvas, index) => {
    try {
      const gl = canvas.getContext("webgl") || canvas.getContext("webgl2");
      if (gl) {
        gl.clearColor(0, 0, 0, 0); 
      }

      const dataUrl = canvas.toDataURL('image/png');
      
      if (dataUrl.length > 3000) {
        const img = new Image();
        img.onload = function() {
          const finalCanvas = document.createElement('canvas');
          finalCanvas.width = img.width;
          finalCanvas.height = img.height;
          const ctx = finalCanvas.getContext('2d');
          
          ctx.fillStyle = '#ffffff';
          ctx.fillRect(0, 0, finalCanvas.width, finalCanvas.height);
          ctx.drawImage(img, 0, 0);
          
          const link = document.createElement('a');
          link.download = `gartic-layer-${index}-success.png`;
          link.href = finalCanvas.toDataURL('image/png');
          link.click();
        };
        img.src = dataUrl;
      }
    } catch (e) {}
  });
})();