feat: adiciona barra de botoes de atalho rapido de modo (musica, video, imagem, chat) no rodape com validacao cruzada

public/index.html

@@ -179,6 +179,21 @@
       <!-- Barra inferior com input de texto -->
       <footer class="chat-footer">
         <div class="input-container">
+          <!-- Barra de Modos de Prompt Rápidos -->
+          <div class="prompt-modes-bar">
+            <button type="button" class="btn-prompt-mode mode-music" data-mode="AUDIO" title="Compor e gerar uma música pedagógica">
+              <span class="mode-icon">🎵</span> Criar Música
+            </button>
+            <button type="button" class="btn-prompt-mode mode-video" data-mode="VIDEO" title="Criar um roteiro ou animação de vídeo">
+              <span class="mode-icon">🎬</span> Criar Vídeo
+            </button>
+            <button type="button" class="btn-prompt-mode mode-image" data-mode="IMAGE" title="Gerar ou desenhar uma ilustração educativa">
+              <span class="mode-icon">🎨</span> Criar Imagem
+            </button>
+            <button type="button" class="btn-prompt-mode mode-text" data-mode="TEXT" title="Escrever histórias, relatórios ou conversar">
+              <span class="mode-icon">✍️</span> Criar História / Chat
+            </button>
+          </div>
           <form id="chatForm">
             <div class="input-box">
               <button type="button" id="btnAttach" class="btn-attach" aria-label="Anexar arquivo" title="Anexar imagem ou documento">