attempt 6

demo_app.py

@@ -124,7 +124,73 @@ def apply_preset(preset_name, *current_values):
     return current_values
 
 css = """
-/* Existing CSS remains unchanged */
+#col-container {
+    margin: 0 auto;
+    max-width: 850px;
+}
+
+.dark-theme {
+    background-color: #1f1f1f;
+    color: #ffffff;
+}
+
+.container {
+    margin: 0 auto;
+    padding: 20px;
+    border-radius: 10px;
+    background-color: #2d2d2d;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.title {
+    text-align: center;
+    margin-bottom: 1em;
+    color: #ffffff;
+}
+
+.description {
+    text-align: center;
+    margin-bottom: 2em;
+    color: #cccccc;
+    font-size: 0.95em;
+    line-height: 1.5;
+}
+
+.prompt-container {
+    background-color: #363636;
+    padding: 15px;
+    border-radius: 8px;
+    margin-bottom: 1em;
+    width: 100%;
+}
+
+.prompt-textbox {
+    min-height: 80px !important;
+}
+
+.preset-buttons {
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+    margin-bottom: 1em;
+}
+
+.support-text {
+    text-align: center;
+    margin-top: 1em;
+    color: #cccccc;
+    font-size: 0.9em;
+}
+
+a {
+    color: #00a7e1;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
 .lora-sliders {
     margin-top: 15px;
     border-top: 1px solid #444;