Update app.py

app.py

@@ -19,18 +19,18 @@ examples = [
 custom_css = """
 /* Remove border and background color for the output image preview */
 .output-image {
-    border: none !important;
-    background: none !important;
+    border: none !important; /* No border */
+    background: none !important; /* No background color */
 }
 
 /* Prompt textbox styling */
 input[type="text"] {
-    border: 2px solid #ddd;
+    border: 2px solid #ddd; /* Default border */
     border-radius: 8px;
     padding: 12px;
     font-size: 16px;
     width: 100%;
-    background-color: #f9f9f9;
+    background-color: #f9f9f9; /* Light gray background */
 }
 
 /* Examples arranged in a single line, without buttons */
@@ -47,13 +47,17 @@ input[type="text"] {
     color: #333;
     cursor: pointer;
     padding: 5px;
+    background-color: white; /* Simple white background */
+    border: 1px solid #ddd; /* Light gray border */
+    border-radius: 5px; /* Rounded corners */
     transition: all 0.2s ease;
 }
 
 /* Hover effect on examples */
 .gr-examples span:hover {
-    color: #007bff;
-    text-decoration: underline;
+    background-color: #e7e7e7; /* Light gray on hover */
+    color: #007bff; /* Change text color on hover */
+    text-decoration: underline; /* Underline text on hover */
 }
 
 /* Styling for the generate button */