Create styles.css

static/styles.css

@@ -0,0 +1,65 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #111;
+    color: #fff;
+    line-height: 1.6;
+    padding: 20px;
+}
+
+h1 {
+    text-align: center;
+}
+
+#drop-area {
+    border: 2px dashed #ccc;
+    border-radius: 20px;
+    width: 480px;
+    margin: 50px auto;
+    padding: 20px;
+    text-align: center;
+}
+
+#drop-area.highlight {
+    border-color: #007bff;
+}
+
+#fileInput {
+    display: none;
+}
+
+#options, #result {
+    max-width: 480px;
+    margin: 20px auto;
+}
+
+label, input, button {
+    display: block;
+    margin: 10px 0;
+}
+
+button {
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    padding: 10px 20px;
+    cursor: pointer;
+    border-radius: 5px;
+}
+
+button:hover {
+    background-color: #0056b3;
+}
+
+#audioPlayer, #downloadLink {
+    display: block;
+    margin: 20px auto;
+}
+
+#downloadLink {
+    color: #007bff;
+    text-decoration: none;
+}
+
+#downloadLink:hover {
+    text-decoration: underline;
+}