Update vial-mcp.css

Author: webxos

main/frontend/public/css/vial-mcp.css

@@ -2,10 +2,12 @@
 html, body { height: 100vh; overflow: hidden; background: #000; color: #0f0; display: flex; flex-direction: column; align-items: center; touch-action: manipulation; }
 body.glow { background: rgba(255, 0, 0, 0.1); box-shadow: 0 0 20px #ff0000; }
 body.train-glow { background: rgba(255, 255, 0, 0.1); box-shadow: 0 0 20px #ff0; }
+body.genai-glow { background: rgba(0, 0, 255, 0.1); box-shadow: 0 0 20px #00f; } /* Added for Google GenAI */
 h1 { font-size: 1.6rem; text-align: center; margin: 0.8rem 0; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 5px #0f0; }
 #console { width: 90%; max-width: 900px; background: rgba(0, 255, 0, 0.1); border: 1px solid #0f0; padding: 0.6rem; flex: 1; max-height: calc(100vh - 380px); overflow-y: auto; margin: 0.5rem 0; border-radius: 5px; font-size: 0.8rem; position: relative; z-index: 5; }
 #console.active-monitor { border-color: #ff0000; box-shadow: 0 0 10px #ff0000; }
 #console.active-train { border-color: #ff0; box-shadow: 0 0 10px #ff0; }
+#console.active-genai { border-color: #00f; box-shadow: 0 0 10px #00f; } /* Added for Google GenAI */
 #console p { margin: 0.2rem 0; }
 #console .command { font-weight: 700; text-shadow: 0 0 3px #0f0; }
 #console .error { color: #ff0000; text-shadow: 0 0 3px #ff0000; }
@@ -22,6 +24,7 @@ button { background: #0f0; color: #000; border: none; padding: 0.6rem 1.2rem; fo
 button:hover, button:focus { background: #0c0; outline: 2px solid #0f0; }
 button.active-monitor { background: #ff0000; box-shadow: 0 0 10px #ff0000; }
 button.active-train { background: #ff0; color: #000; box-shadow: 0 0 10px #ff0; }
+button.active-genai { background: #00f; color: #fff; box-shadow: 0 0 10px #00f; } /* Added for Google GenAI */
 button:disabled { background: #666; cursor: not-allowed; }
 #prompt-input { width: 90%; max-width: 900px; background: #000; border: 1px solid #0f0; color: #0f0; padding: 0.6rem; font-size: 0.9rem; border-radius: 3px; margin: 0.5rem 0; }
 #vial-status-bars { width: 90%; max-width: 900px; margin: 0.5rem 0; display: flex; flex-direction: column; gap: 0.2rem; z-index: 10; }
@@ -32,11 +35,13 @@ button:disabled { background: #666; cursor: not-allowed; }
 .progress-fill.offline-grey { background: #666; }
 .progress-fill.training { background: #ff0; }
 .progress-fill.offline { background: #f00; }
+.progress-fill.genai { background: #00f; } /* Added for Google GenAI */
 .status-text { font-size: 0.75rem; width: 250px; text-align: right; }
 .status-text.online { color: #0f0; }
 .status-text.training { color: #ff0; }
 .status-text.offline-grey { color: #666; }
 .status-text.offline { color: #f00; }
+.status-text.genai { color: #00f; } /* Added for Google GenAI */
 footer { width: 100%; padding: 0.4rem; font-size: 9pt; text-align: center; color: #0f0; background: rgba(0, 0, 0, 0.8); z-index: 10; }
 #file-input { display: none; }
 @media (max-width: 600px) {