fix: Open reaches the file input in ribbon mode

The hidden input sat inside the classic header, so where the File System
Access API is missing handleOpen clicked nothing at all. It moves out of
the chrome fork, which both paths route through.

The label drops the extension while it is there: the input has always
taken .odt, .ott and .docx.

src/App.svelte

@@ -914,7 +914,7 @@
             <path d="M8 8v3.5M6.25 9.75h3.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
           </svg>
         </button>
-        <button class="file-action-btn" onclick={handleOpen} disabled={!editor} title={`${t().app.openOdt} (${shortcutHint('open')})`}>
+        <button class="file-action-btn" onclick={handleOpen} disabled={!editor} title={`${t().app.open} (${shortcutHint('open')})`}>
           <!-- Folder -->
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
             <path d="M1.75 12.5V4a1 1 0 0 1 1-1h3.2a1 1 0 0 1 .8.4l.7.95a1 1 0 0 0 .8.4h4.2a1 1 0 0 1 1 1v6.75a1 1 0 0 1-1 1H2.75a1 1 0 0 1-1-1z" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/>
@@ -1035,13 +1035,6 @@
         {/if}
       </div>
       <UiLanguagePicker />
-      <input
-        bind:this={fileInput}
-        type="file"
-        accept=".odt,.ott,.docx,application/vnd.oasis.opendocument.text,application/vnd.oasis.opendocument.text-template,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-        class="file-input"
-        onchange={handleImportFile}
-      />
     </div>
     {#if !toolbarExpanded}
       {@render toolbarScrollbar()}
@@ -1095,6 +1088,15 @@
     </div>
   </div>
   {/if}
+  <!-- Outside the chrome fork: `handleOpen` clicks it wherever the File System
+       Access API is missing, and both chromes reach that path. -->
+  <input
+    bind:this={fileInput}
+    type="file"
+    accept=".odt,.ott,.docx,application/vnd.oasis.opendocument.text,application/vnd.oasis.opendocument.text-template,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    class="file-input"
+    onchange={handleImportFile}
+  />
   <EditorComponent
     bind:editor
     bind:tick

src/lib/components/ribbon/Ribbon.svelte

@@ -154,7 +154,7 @@
             <Icon name="newDoc" size={16} />{t().app.newDocument}
           </button>
           <button onclick={() => run(onOpen)} disabled={!editor}>
-            <Icon name="folder" size={16} />{t().app.openOdt}
+            <Icon name="folder" size={16} />{t().app.open}
             <span class="menu-key">{shortcutHint('open')}</span>
           </button>
           <hr />

src/lib/i18n/locales/de.ts

@@ -565,7 +565,7 @@ const de: Messages = {
     documentName: 'Dokumentname',
     untitled: 'Unbenanntes Dokument',
     newDocument: 'Neues Dokument',
-    openOdt: '.odt öffnen…',
+    open: 'Öffnen…',
     save: '.odt speichern',
     saveExport: 'Speichern / Exportieren',
     odt: 'ODT',

src/lib/i18n/locales/en.ts

@@ -569,7 +569,7 @@ const en = {
     documentName: 'Document name',
     untitled: 'Untitled document',
     newDocument: 'New document',
-    openOdt: 'Open .odt…',
+    open: 'Open…',
     save: 'Save .odt',
     saveExport: 'Save / Export',
     odt: 'ODT',