diff --git a/package.json b/package.json
index f3ea4c9..2525960 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   ],
   "scripts": {
     "build": "tsc",
+    "build:frontend": "tsc -p src/server/public/tsconfig.json",
     "start": "node dist/cli/index.js",
     "dev": "ts-node src/cli/index.ts",
     "server": "ts-node src/server/index.ts",
diff --git a/src/server/public/index.html b/src/server/public/index.html
index 64d829d..937bc03 100644
--- a/src/server/public/index.html
+++ b/src/server/public/index.html
@@ -54,8 +54,10 @@
             <button type="button" class="tab-mini" data-src="youtube" onclick="(function(b){document.querySelectorAll('button.tab-mini').forEach(function(x){x.classList.remove('active')});b.classList.add('active');document.querySelectorAll('.src-panel').forEach(function(p){p.classList.remove('active')});var panel=document.getElementById('src-'+b.dataset.src);if(panel)panel.classList.add('active')})(this)">YouTube / URL</button>
           </div>
           <div id="src-upload" class="src-panel active">
-            <label for="video-upload" class="file-label" onclick="document.getElementById('video-upload').click()">Choose a video file...</label>
-            <input type="file" id="video-upload" accept="video/*" style="display:none">
+            <label class="file-label">
+              Choose a video file...
+              <input type="file" id="video-upload" accept="video/*" class="visually-hidden">
+            </label>
             <p class="file-name" id="upload-name"></p>
           </div>
           <div id="src-browse" class="src-panel">
diff --git a/src/server/public/style.css b/src/server/public/style.css
index 04b8933..a5a5f36 100644
--- a/src/server/public/style.css
+++ b/src/server/public/style.css
@@ -66,6 +66,7 @@ select, input[type="file"], input[type="url"] { padding: 8px 12px; background: #
 .file-label { display: inline-block; padding: 10px 20px; background: #238636; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 0.95rem; }
 .file-label:hover { background: #2ea043; }
 .file-name { margin: 8px 0 0; font-size: 0.85rem; color: #8b949e; }
+.visually-hidden { position: absolute; opacity: 0; width: 0; height: 0; border: 0; padding: 0; }
 
 /* Job cards */
 .jobs-list { display: flex; flex-direction: column; gap: 8px; }