added export/import settubgs

popup/popup.css

@@ -1214,6 +1214,30 @@ body {
   opacity: 0.6;
 }
 
+.settings-export-import-section {
+  padding: 8px 10px;
+  background: var(--input-bg);
+  border: 1px solid var(--input-border);
+  border-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.settings-export-import-label {
+  font-size: var(--text-md);
+  font-weight: 500;
+  color: var(--text-color);
+  margin: 0;
+}
+
+.settings-export-import-hint {
+  font-size: var(--text-sm);
+  color: var(--text-color);
+  opacity: 0.6;
+  margin: 0;
+}
+
 .options-buttons {
   display: flex;
   gap: 8px;

popup/popup.html

@@ -276,6 +276,22 @@
             </div>
           </div>
 
+          <div class="settings-export-import-section">
+            <p class="settings-export-import-label" data-i18n="export_import_settings_label">Export / Import</p>
+            <p class="settings-export-import-hint" data-i18n="export_import_settings_hint">Back up or restore lists and site exceptions.</p>
+            <div class="list-export-import-row">
+              <button type="button" class="list-export-import-btn" id="exportSettingsBtn">
+                <i class="fa-solid fa-download"></i>
+                <span data-i18n="export_settings">Export</span>
+              </button>
+              <button type="button" class="list-export-import-btn" id="importSettingsBtn">
+                <i class="fa-solid fa-upload"></i>
+                <span data-i18n="import_settings">Import</span>
+              </button>
+              <input type="file" id="importSettingsInput" accept="application/json" hidden />
+            </div>
+          </div>
+
         </div>
       </div>
     </div>