Correção de sintaxe JS e implementação do botão flutuante de ferramentas no mobile

public/style.css

@@ -3397,34 +3397,50 @@ code {
   to { transform: scale(1); opacity: 1; }
 }
 
-/* Botão alternador de ferramentas (recursos) */
-.btn-toggle-tools {
-  background: none;
+/* FAB: Floating Action Button para Ferramentas */
+.fab-tools {
+  position: fixed;
+  bottom: 24px;
+  left: 24px;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  background: var(--brand-green, #10a37f);
   border: none;
   cursor: pointer;
-  padding: 8px;
-  border-radius: 8px;
-  color: var(--text-muted, #a3a3a3);
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: all 0.2s;
-  flex-shrink: 0;
+  box-shadow: 0 4px 20px rgba(16, 163, 127, 0.4);
+  transition: all 0.3s;
+  z-index: 998;
+  color: white;
 }
 
-.btn-toggle-tools svg {
-  width: 20px;
-  height: 20px;
+.fab-tools svg {
+  width: 28px;
+  height: 28px;
 }
 
-.btn-toggle-tools:hover {
-  background: var(--bg-tertiary, #1a1a1a);
-  color: var(--text-primary, #ffffff);
+.fab-tools:hover {
+  transform: scale(1.08);
+  box-shadow: 0 6px 24px rgba(16, 163, 127, 0.5);
 }
 
-.btn-toggle-tools.active {
-  color: var(--brand-green, #10a37f);
-  background: rgba(16, 163, 127, 0.1);
+.fab-tools:active {
+  transform: scale(0.95);
+}
+
+.fab-tools.active {
+  background: var(--brand-green-dark, #0d8a6b);
+  box-shadow: 0 4px 20px rgba(13, 138, 107, 0.6);
+}
+
+/* Esconder em telas desktop e tablets (maiores que 768px) */
+@media (min-width: 769px) {
+  .fab-tools {
+    display: none !important;
+  }
 }
 
 /* Ocultar barra de ferramentas no mobile por padrão */