diff --git a/public/index.html b/public/index.html
index 5f0c81c..f8954c7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -650,7 +650,6 @@
       </div>
     </div>
   </div>
-</div>
   <!-- Modal: Estúdio Musical (Criação de música cantada com MiniMax) -->
   <div id="estudioMusicalModal" class="settings-modal" style="display: none;">
     <div class="settings-modal-content" style="max-width: 600px; width: 95%; max-height: 90vh; display: flex; flex-direction: column;">
@@ -736,7 +735,6 @@
       </div>
     </div>
   </div>
-</div>
 
   <!-- Modal: Fábrica de Quadrinhos (Criação de histórias pedagógicas visuais) -->
   <div id="fabricaQuadrinhosModal" class="settings-modal" style="display: none;">
@@ -980,7 +978,7 @@
           
           <!-- Metadados do Vídeo -->
           <div style="background: var(--bg-secondary); padding: 14px; border-radius: 12px; display: flex; gap: 14px; border: 1px solid var(--border-light); align-items: center;">
-            <img id="videoMindThumbnail" src="" alt="Thumbnail" style="width: 120px; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; border: 1px solid var(--border-light);">
+            <img id="videoMindThumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Thumbnail" style="width: 120px; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; border: 1px solid var(--border-light);">
             <div style="display: flex; flex-direction: column; gap: 4px;">
               <h4 id="videoMindTitle" style="margin: 0; color: var(--text-primary); font-size: 1rem; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">Título do Vídeo</h4>
               <span id="videoMindAuthor" style="font-size: 0.85rem; color: var(--text-secondary);">Canal</span>
@@ -1041,7 +1039,7 @@
                 <span id="garatujaFileStatus" style="font-size: 0.85rem; color: var(--text-muted); font-style: italic;">Nenhum arquivo selecionado</span>
               </div>
               <div id="garatujaPreviewContainer" style="display: none; margin-top: 10px; border: 1px solid var(--border-light); border-radius: 8px; overflow: hidden; max-width: 250px; aspect-ratio: 4/3; background: rgba(0,0,0,0.1);">
-                <img id="garatujaImgPreview" src="" style="width: 100%; height: 100%; object-fit: contain;">
+                <img id="garatujaImgPreview" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" style="width: 100%; height: 100%; object-fit: contain;">
               </div>
             </div>