mv watermark

src/lib/services/picletExport.ts

@@ -175,11 +175,11 @@ export async function generateShareableImage(piclet: PicletInstance): Promise<Bl
   ctx.textAlign = 'center';
   ctx.fillText(`BST: ${bst}`, canvasWidth / 2, containerY + containerHeight - 10);
   
-  // Load and draw translucent watermark
+  // Load and draw translucent watermark in top-right
   const logoImg = await loadImage('/assets/snap_logo.png');
-  const logoSize = 150;
+  const logoSize = 120; // Slightly smaller for top placement
   ctx.globalAlpha = 0.3; // More translucent
-  ctx.drawImage(logoImg, canvasWidth - logoSize - 30, canvasHeight - logoSize - 30, logoSize, logoSize);
+  ctx.drawImage(logoImg, canvasWidth - logoSize - 30, 30, logoSize, logoSize);
   ctx.globalAlpha = 1.0;
   
   // Get the image as blob