Add complete device and kiosk backup

www/index.html

@@ -13,7 +13,7 @@
 
     <div class="hud">
       <label for="styleSel">Sicht</label>
-      <select class="opt-w-220" id="styleSel">
+      <select id="styleSel" style="width:220px">
         <option value="realtime">Real Time Analyzer</option>
         <option value="peak-history">Peak History</option>
         <option value="spectrogram">Spectrogram</option>
@@ -995,6 +995,15 @@
             </div>
             <small>Speichert nur Ansicht und Layout. Layouts können per URL, z. B. <code>?layout=1</code>, oder über die Aktivieren-Tasten geladen werden.</small>
           </div>
+          <div class="opt">
+            <label>Gerätesicherung</label>
+            <div class="row" style="gap:8px;align-items:center;flex-wrap:wrap">
+              <button id="btnDeviceBackupExport" class="btn btn-compact" type="button">Gesamtbackup herunterladen</button>
+              <label for="impDeviceBackup" class="btn btn-compact" style="cursor:pointer">Gesamtbackup einlesen</label>
+              <input id="impDeviceBackup" type="file" accept="application/json" style="display:none">
+            </div>
+            <small id="deviceBackupStatus">Enthält globale Geräteeinstellungen, RTA-Laufzeitkonfiguration, Software-Presets und Layout-Slots. Browserlokale Ansichten sind nicht enthalten.</small>
+          </div>
         </div>
       </details>
       <details>