From 4c0df55c66a953994a6e5a324f8b46ddcededd0e Mon Sep 17 00:00:00 2001
From: admtracksteel <admtracksteel@gmail.com>
Date: Mon, 8 Jun 2026 10:46:25 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20fix:=20Elementos=20da=20cena=20c?=
 =?UTF-8?q?omo=20stickers=20sem=20fundo=20branco=20(mix-blend-mode:=20mult?=
 =?UTF-8?q?iply=20+=20prompts=20otimizados)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/app.js | 10 +++++++---
 server.js     |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/app.js b/public/app.js
index 87a6648..2434ffe 100644
--- a/public/app.js
+++ b/public/app.js
@@ -7626,19 +7626,23 @@ document.addEventListener('DOMContentLoaded', () => {
     item.style.background = 'transparent';
 
     if (layerData.isBackground) {
-      // Fundo: cobrindo 100% e não selecionável como item de controle
+      // Fundo: cobrindo 100% do canvas
       item.style.left = '0';
       item.style.top = '0';
       item.style.width = '100%';
       item.style.height = '100%';
       item.style.zIndex = '0';
-      item.style.pointerEvents = 'none'; // Por padrão, o fundo não captura eventos para facilitar a seleção dos elementos acima
+      item.style.isolation = 'isolate'; // Isola o fundo para evitar bleeding do blend-mode dos filhos
+      item.style.pointerEvents = 'none';
       item.innerHTML = `<img src="${layerData.url}" 
         style="width:100%; height:100%; object-fit:cover; pointer-events:none; display:block;">`;
       item.title = '🖼️ Cenário de Fundo';
     } else {
+      // Elementos: mix-blend-mode: multiply faz o fundo branco desaparecer (efeito sticker)
+      item.style.isolation = 'isolate';
       item.innerHTML = `<img src="${layerData.url}" 
-        style="width:100%; height:100%; object-fit:contain; pointer-events:none;">`;
+        style="width:100%; height:100%; object-fit:contain; pointer-events:none;
+               mix-blend-mode: multiply; display:block;">`;
       item.title = '🎬 ' + (layerData.name || 'Elemento');
     }
 
diff --git a/server.js b/server.js
index baaa703..b5650cf 100644
--- a/server.js
+++ b/server.js
@@ -1605,7 +1605,7 @@ Retorne a resposta estritamente no formato JSON abaixo, sem blocos de código ma
       jsonResponse = {
         backgroundPrompt: `empty scene backdrop for ${tema}, cartoon vector style, no people, no animals, no text`,
         elements: [
-          { name: "Elemento Principal", prompt: `${tema}, cartoon vector style, isolated on a solid white background, sticker style, no text` }
+          { name: "Elemento Principal", prompt: `${tema}, cartoon sticker clipart style, completely isolated on a pure white background, no shadows, no background elements, no text` }
         ]
       };
     }
@@ -1626,7 +1626,7 @@ Retorne a resposta estritamente no formato JSON abaixo, sem blocos de código ma
           },
           body: JSON.stringify({
             model: 'image-01',
-            prompt: `${promptText}. Complete figures shown from top to bottom without cutoffs, kid-friendly illustration style, 3D Pixar, soft pastel colors, no text, no words, no letters, no writing, no labels.`,
+            prompt: `${promptText}. Complete full-body figure visible from head to toe without any cutoffs. Pure solid white background #FFFFFF, no shadows, no gradients, no gray areas, no drop shadows, no environment, kid-friendly 3D Pixar illustration style, soft pastel colors on the character only, no text, no words, no letters, no writing, no labels.`,
             n: 1
           })
         });