Corrigindo aparência dos projetos no MMPSearch e interligando com o MMPCreator

assets/css/style.css

@@ -14,6 +14,52 @@
   --accent-blue: #3498db;
 }
 
+/* Esconde elementos não essenciais quando em modo embed */
+  body.embed-mode .sample-browser,      /* Navegador de Samples */
+  body.embed-mode .global-toolbar,      /* Barra de ferramentas principal */
+  body.embed-mode #sidebar-toggle {     /* Botão de toggle da sidebar */
+    display: none !important;
+  }
+  
+  /* AJUSTE PARA O ZOOM DE 65% */
+  /* 1. Aplica o zoom na div principal do aplicativo */
+  body.embed-mode .app-container {
+    padding-left: 0; 
+    
+    /* Configura o zoom */
+    transform: scale(0.15);
+    transform-origin: top left; /* Garante que o zoom comece do canto superior esquerdo */
+
+    /* POSICIONAMENTO CRUCIAL: Fixa no canto 0,0 do body */
+    position: absolute; 
+    top: 0;
+    left: 0;
+
+    /* Compensação de tamanho para o container do iframe */
+    width: calc(100vw / 0.15);
+    height: calc(100vh / 0.15);
+    
+    display: flex; 
+    flex-direction: column;
+    overflow: hidden; 
+  }
+
+  /* Ajusta o layout principal para ocupar toda a área visível */
+  body.embed-mode .main-content {
+    flex-grow: 1; 
+    height: auto; 
+    width: auto;
+    overflow: hidden;
+  }
+  
+  /* Garante que o body não tenha margens */
+  body.embed-mode {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+  }
+
 /* =============================================== */
 /* LAYOUT E ESTRUTURA GLOBAL
 /* =============================================== */