diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
index f9f2127e..8ede38b6 100644
--- a/src/components/FileUpload.tsx
+++ b/src/components/FileUpload.tsx
@@ -179,6 +179,7 @@ export default function FileUpload({
       <input
         ref={inputRef}
         type="file"
+        suppressHydrationWarning
         accept="video/*"
         className="hidden"
         onChange={(e) => {
@@ -189,11 +190,34 @@ export default function FileUpload({
     </div>
   );
 
+    <p className="text-xs text-gray-500 mt-3 break-words">
+      Supports: MP4, MOV, AVI, MKV, WebM, and most video formats
+    </p>
+
+    {fileError && (
+      <p className="text-xs text-red-500 mt-2 font-medium">{fileError}</p>
+    )}
+
+    <input
+      ref={inputRef}
+      type="file"
+      suppressHydrationWarning
+      accept="video/*"
+      className="hidden"
+      onChange={(e) => {
+        const f = e.target.files?.[0];
+        if (f) handleFile(f);
+      }}
+    />
+  </div>
+);
+  
   // ── Drop zone (inner) ─────────────────────────────────
   const DropZone = () => (
     <div
       id="upload-zone"
       role="button"
+      aria-label="Upload video — drag and drop or click to browse"
       tabIndex={0}
       aria-label="Video upload area. Drag and drop a video file or press Enter to browse."
       onDragOver={(e) => {
@@ -247,6 +271,25 @@ export default function FileUpload({
         <p className="text-sm text-[var(--error)] text-center">{fileError}</p>
       )}
 
+      {currentFile && (
+        <p className="text-xs text-[var(--muted)] mt-2">
+          Selected: {formatBytes(currentFile.size)}
+        </p>
+      )}
+
+        <input
+          ref={inputRef}
+          type="file"
+          suppressHydrationWarning
+          accept="video/*"
+          className="hidden"
+          onChange={(e) => {
+            const f = e.target.files?.[0];
+
+            if (f) handleFile(f);
+          }}
+        />
+      </div>
       <input
         ref={inputRef}
         type="file"