Create main.css

main.css

@@ -0,0 +1,33 @@
+.interface-container {
+    font-family: 'Roboto', sans-serif;
+    background-color: #f0f4f8;
+    padding: 2rem;
+    max-width: 600px;
+    margin: auto;
+}
+.title-text {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: #374151;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+.text-box, .btn {
+    border-radius: 0.5rem;
+    padding: 0.75rem;
+    font-size: 1rem;
+}
+.btn {
+    background-color: #4f46e5;
+    color: white;
+    font-weight: 600;
+    transition: background-color 0.3s ease;
+}
+.btn:hover {
+    background-color: #4338ca;
+}
+.image-output {
+    border: 2px solid #4f46e5;
+    border-radius: 0.5rem;
+    margin-top: 1rem;
+}