moved custom static files into static folder

static/index.html

@@ -0,0 +1,13 @@
+<div style="text-align: center; padding: 20px;">
+    <h1 style="background: linear-gradient(45deg, #667eea, #764ba2);
+        -webkit-background-clip: text;
+        background-clip: text;
+        -webkit-text-fill-color: transparent;
+        font-size: 2.5em;
+        margin-bottom: 10px;">
+        🤖 AI-to-AI Conversation Interface
+    </h1>
+    <p style="font-size: 1.2em; color: #666; margin-bottom: 30px;">
+        Set up system messages for two AI agents and watch them converse!
+    </p>
+</div>

static/styles.css

@@ -0,0 +1,37 @@
+.gradio-container {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.system-input {
+    border-radius: 10px !important;
+    border: 2px solid #e1e5e9 !important;
+}
+
+.start-button {
+    background: linear-gradient(45deg, #667eea 0%, #764ba2 100%) !important;
+    border: none !important;
+    border-radius: 25px !important;
+    color: white !important;
+    font-weight: bold !important;
+    padding: 15px 30px !important;
+    font-size: 16px !important;
+    transition: all 0.3s ease !important;
+}
+
+.start-button:hover {
+    transform: translateY(-2px) !important;
+    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.4) !important;
+}
+
+.save-button {
+    background: linear-gradient(45deg, #56ab2f 0%, #a8e6cf 100%) !important;
+    border: none !important;
+    border-radius: 20px !important;
+    color: white !important;
+    font-weight: bold !important;
+}
+
+.conversation-box {
+    border-radius: 15px !important;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
+}