feat: online converter

app/globals.css

@@ -0,0 +1,24 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+  .btn-primary {
+    @apply inline-flex items-center px-6 py-3 
+           bg-blue-600 text-white font-medium rounded-md
+           hover:bg-blue-700 focus:outline-none focus:ring-2
+           focus:ring-offset-2 focus:ring-blue-500
+           disabled:opacity-50 disabled:cursor-not-allowed
+           transition-colors duration-200;
+  }
+
+  .file-input {
+    @apply block w-full text-sm text-gray-500 
+           file:mr-4 file:py-2 file:px-4
+           file:rounded-md file:border-0
+           file:text-sm file:font-medium
+           file:bg-blue-50 file:text-blue-700
+           hover:file:bg-blue-100
+           cursor-pointer;
+  }
+}