diff --git a/web/styles.css b/web/styles.css
index 87884c4..6f740ee 100644
--- a/web/styles.css
+++ b/web/styles.css
@@ -1,8 +1,38 @@
 body {
   font-family: Arial, sans-serif;
   background: #f5f5f5;
+  padding: 40px;
+  max-width: 800px;
+  margin: auto;
 }
 
+h1 {
+  text-align: center;
+  margin-bottom: 20px;
+  color: #333;
+}
+
+
+textarea {
+  width: 100%;
+  height: 150px;
+  margin-top: 10px;
+}
+
+select, button {
+  padding: 10px;
+  margin-top: 10px;
+}
+
+#output {
+  margin-top: 20px;
+  padding: 20px;
+  background: #fff;
+  border-radius: 8px;
+  white-space: pre-wrap;
+}
+
+
 #app {
   max-width: 800px;
   margin: 40px auto;
@@ -11,11 +41,6 @@ body {
   border-radius: 8px;
 }
 
-h1 {
-  text-align: center;
-  margin-bottom: 20px;
-}
-
 #messages {
   min-height: 300px;
   border: 1px solid #ddd;