LabelScan

<header class="ados-scan__header">

📸 Abfüllung scannen

Foto der Front-Label-Seite aufnehmen oder wählen. Die Erkennung läuft lokal im Browser.

</header>

<form id="ados-scan-form" class="ados-scan__form" onsubmit="return false">

 <label for="ados-scan-file" class="ados-scan__drop" id="ados-scan-drop" aria-label="Datei wählen oder hier ablegen">

🖼️

     Bild hierher ziehen oder
     <button id="ados-scan-bigbtn" type="button" class="btn btn-secondary">Foto aufnehmen / wählen</button>

   <input id="ados-scan-file" type="file" accept="image/*" capture="environment" hidden>
 </label>

Bereit.

   <progress id="ados-scan-progress" max="1" value="0" class="ados-scan__progress" hidden></progress>

   <button id="ados-scan-run" type="submit" class="btn btn-primary">🔍 Erkennen & suchen</button>
   <button type="reset" class="btn btn-ghost" onclick="
     const p=document.getElementById('ados-scan-preview'); if(p) p.innerHTML=;
     const f=document.getElementById('ados-scan-file'); if(f) f.value=;
     const s=document.getElementById('ados-scan-status'); if(s) s.textContent='Bereit.';
   ">Zurücksetzen</button>

</form>

<section class="ados-scan__resultswrap">

Vorschläge

</section>

<details class="ados-scan__debug">

 <summary>OCR-Text (Debug)</summary>

</details>

<footer class="ados-scan__note">🔒 Das Bild bleibt auf deinem Gerät. Es wird nicht hochgeladen.</footer>