Update index.html

index.html

@@ -171,6 +171,7 @@
         .actions {
             display: flex;
             justify-content: center;
+            gap: 12px;
         }
 
         .btn {
@@ -201,7 +202,19 @@
         .btn.success {
             background: var(--success);
         }
-		
+		.btn-secondary {
+            background: var(--bg-tertiary);
+            color: var(--text-secondary);
+            border: 1px solid var(--border);
+            padding: 12px 28px;
+        }
+        
+        .btn-secondary:hover {
+            background: var(--toggle-bg);
+            color: var(--text-primary);
+            box-shadow: none;
+            transform: translateY(-1px);
+        }
         .toast {
             position: fixed;
             bottom: 30px;
@@ -286,7 +299,8 @@
     </div>
 	
     <div class="actions">
-        <button class="btn" id="processBtn" type="button">сделать</button>
+    <button class="btn btn-secondary" id="revertBtn" type="button">вернуть</button>
+    <button class="btn" id="processBtn" type="button">сделать</button>
     </div>
 
 </div>
@@ -349,6 +363,36 @@
         const key = `${lang}${mode.charAt(0).toUpperCase() + mode.slice(1)}`; // ruLight, enFull …
         return maps[key] ?? {};
     }
+
+    function invertMap(map) {
+        const inv = {};
+        for (const [k, v] of Object.entries(map)) {
+            inv[v] = k;
+        }
+        return inv;
+    }
+    
+    async function revert() {
+        const settings = getSettings();
+        const map = invertMap(getActiveMap(settings));
+    
+        let text = textEl.value;
+        if (!text.trim()) {
+            showToast('⚠️ поле пустое');
+            return;
+        }
+    
+        text = replaceByMap(text, map);
+        textEl.value = text;
+        updateCharCount();
+    
+        try {
+            await copyToClipboard(text);
+            showToast('<span class="icon">↩️</span>возвращено и скопировано');
+        } catch {
+            showToast('<span class="icon">↩️</span>возвращено');
+        }
+    }
 	
     function fixTypography(str) {
         return str
@@ -433,6 +477,8 @@
 
     const textEl     = document.getElementById('text');
     const btn        = document.getElementById('processBtn');
+    const revertBtn = document.getElementById('revertBtn');
+    revertBtn.addEventListener('click', revert);
     const charCountEl = document.getElementById('charCount');
 
     btn.addEventListener('click', process);