From 378c1a075e8dac9b3551dcbc7267f9c2ab177728 Mon Sep 17 00:00:00 2001
From: treamz <treamz@gmail.com>
Date: Sun, 22 Mar 2026 01:10:37 +0300
Subject: [PATCH] Add PDF tools: merge, split, rotate, delete, watermark,
 compress, convert, protect

- 15 API endpoints for PDF operations (pdf-lib, pdf-parse, Ghostscript)
- Frontend with 8 operation tabs
- Merge multiple PDFs, split by page ranges
- Rotate/delete/reorder pages
- Add watermark text, page numbers
- Compress via Ghostscript (screen/ebook/printer quality)
- PDF to PNG/JPG, Images to PDF
- Password protection, text extraction
- Added to sidebar, dashboard (Utils category), DB
---
 package-lock.json     |  286 +++++++
 package.json          |    3 +
 public/dashboard.html |    7 +-
 public/pdf.html       | 1639 +++++++++++++++++++++++++++++++++++++++++
 public/shared.js      |    3 +-
 routes/pdf.js         |  505 +++++++++++++
 server.js             |    1 +
 7 files changed, 2440 insertions(+), 4 deletions(-)
 create mode 100644 public/pdf.html
 create mode 100644 routes/pdf.js

diff --git a/package-lock.json b/package-lock.json
index 9f57e8c..e0104af 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,9 @@
         "openid-client": "^6.4.2",
         "opentype.js": "^1.3.4",
         "passport": "^0.7.0",
+        "pdf-lib": "^1.17.1",
+        "pdf-merger-js": "^5.1.2",
+        "pdf-parse": "^2.4.5",
         "sequelize": "^6.37.8",
         "sharp": "^0.34.1"
       }
@@ -3123,6 +3126,208 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@napi-rs/canvas": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas/-/canvas-0.1.80.tgz",
+      "integrity": "sha512-DxuT1ClnIPts1kQx8FBmkk4BQDTfI5kIzywAaMjQSXfNnra5UFU9PwurXrl+Je3bJ6BGsp/zmshVVFbCmyI+ww==",
+      "license": "MIT",
+      "workspaces": [
+        "e2e/*"
+      ],
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@napi-rs/canvas-android-arm64": "0.1.80",
+        "@napi-rs/canvas-darwin-arm64": "0.1.80",
+        "@napi-rs/canvas-darwin-x64": "0.1.80",
+        "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.80",
+        "@napi-rs/canvas-linux-arm64-gnu": "0.1.80",
+        "@napi-rs/canvas-linux-arm64-musl": "0.1.80",
+        "@napi-rs/canvas-linux-riscv64-gnu": "0.1.80",
+        "@napi-rs/canvas-linux-x64-gnu": "0.1.80",
+        "@napi-rs/canvas-linux-x64-musl": "0.1.80",
+        "@napi-rs/canvas-win32-x64-msvc": "0.1.80"
+      }
+    },
+    "node_modules/@napi-rs/canvas-android-arm64": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.80.tgz",
+      "integrity": "sha512-sk7xhN/MoXeuExlggf91pNziBxLPVUqF2CAVnB57KLG/pz7+U5TKG8eXdc3pm0d7Od0WreB6ZKLj37sX9muGOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-darwin-arm64": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.80.tgz",
+      "integrity": "sha512-O64APRTXRUiAz0P8gErkfEr3lipLJgM6pjATwavZ22ebhjYl/SUbpgM0xcWPQBNMP1n29afAC/Us5PX1vg+JNQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-darwin-x64": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.80.tgz",
+      "integrity": "sha512-FqqSU7qFce0Cp3pwnTjVkKjjOtxMqRe6lmINxpIZYaZNnVI0H5FtsaraZJ36SiTHNjZlUB69/HhxNDT1Aaa9vA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm-gnueabihf": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.80.tgz",
+      "integrity": "sha512-eyWz0ddBDQc7/JbAtY4OtZ5SpK8tR4JsCYEZjCE3dI8pqoWUC8oMwYSBGCYfsx2w47cQgQCgMVRVTFiiO38hHQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm64-gnu": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.80.tgz",
+      "integrity": "sha512-qwA63t8A86bnxhuA/GwOkK3jvb+XTQaTiVML0vAWoHyoZYTjNs7BzoOONDgTnNtr8/yHrq64XXzUoLqDzU+Uuw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm64-musl": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.80.tgz",
+      "integrity": "sha512-1XbCOz/ymhj24lFaIXtWnwv/6eFHXDrjP0jYkc6iHQ9q8oXKzUX1Lc6bu+wuGiLhGh2GS/2JlfORC5ZcXimRcg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-riscv64-gnu": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.80.tgz",
+      "integrity": "sha512-XTzR125w5ZMs0lJcxRlS1K3P5RaZ9RmUsPtd1uGt+EfDyYMu4c6SEROYsxyatbbu/2+lPe7MPHOO/0a0x7L/gw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-x64-gnu": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.80.tgz",
+      "integrity": "sha512-BeXAmhKg1kX3UCrJsYbdQd3hIMDH/K6HnP/pG2LuITaXhXBiNdh//TVVVVCBbJzVQaV5gK/4ZOCMrQW9mvuTqA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-x64-musl": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.80.tgz",
+      "integrity": "sha512-x0XvZWdHbkgdgucJsRxprX/4o4sEed7qo9rCQA9ugiS9qE2QvP0RIiEugtZhfLH3cyI+jIRFJHV4Fuz+1BHHMg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-win32-x64-msvc": {
+      "version": "0.1.80",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.80.tgz",
+      "integrity": "sha512-Z8jPsM6df5V8B1HrCHB05+bDiCxjE9QA//3YrkKIdVDEwn5RKaqOxCJDRJkl48cJbylcrJbW4HxZbTte8juuPg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@pdf-lib/standard-fonts": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz",
+      "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.6"
+      }
+    },
+    "node_modules/@pdf-lib/upng": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/upng/-/upng-1.0.1.tgz",
+      "integrity": "sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.10"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -7781,6 +7986,12 @@
       "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -7930,6 +8141,81 @@
       "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
       "integrity": "sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg=="
     },
+    "node_modules/pdf-lib": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/pdf-lib/-/pdf-lib-1.17.1.tgz",
+      "integrity": "sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@pdf-lib/standard-fonts": "^1.0.0",
+        "@pdf-lib/upng": "^1.0.1",
+        "pako": "^1.0.11",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/pdf-lib/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
+    "node_modules/pdf-merger-js": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/pdf-merger-js/-/pdf-merger-js-5.1.2.tgz",
+      "integrity": "sha512-RCBjLQILZ8UA4keO/Ip2/gjUuxigMMoK7mO5eJg6zjlnyymboFnRTgzKwOs/FiU9ornS2m72Qr95oARX1C24fw==",
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "pdf-lib": "^1.17.1"
+      },
+      "bin": {
+        "pdf-merge": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/pdf-merger-js/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/pdf-parse": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/pdf-parse/-/pdf-parse-2.4.5.tgz",
+      "integrity": "sha512-mHU89HGh7v+4u2ubfnevJ03lmPgQ5WU4CxAVmTSh/sxVTEDYd1er/dKS/A6vg77NX47KTEoihq8jZBLr8Cxuwg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@napi-rs/canvas": "0.1.80",
+        "pdfjs-dist": "5.4.296"
+      },
+      "bin": {
+        "pdf-parse": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": ">=20.16.0 <21 || >=22.3.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/mehmet-kozan"
+      }
+    },
+    "node_modules/pdfjs-dist": {
+      "version": "5.4.296",
+      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-5.4.296.tgz",
+      "integrity": "sha512-DlOzet0HO7OEnmUmB6wWGJrrdvbyJKftI1bhMitK7O2N8W2gc757yyYBbINy9IDafXAV9wmKr9t7xsTaNKRG5Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=20.16.0 || >=22.3.0"
+      },
+      "optionalDependencies": {
+        "@napi-rs/canvas": "^0.1.80"
+      }
+    },
     "node_modules/pend": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
diff --git a/package.json b/package.json
index 784e0e6..1f0d6fa 100755
--- a/package.json
+++ b/package.json
@@ -34,6 +34,9 @@
     "openid-client": "^6.4.2",
     "opentype.js": "^1.3.4",
     "passport": "^0.7.0",
+    "pdf-lib": "^1.17.1",
+    "pdf-merger-js": "^5.1.2",
+    "pdf-parse": "^2.4.5",
     "sequelize": "^6.37.8",
     "sharp": "^0.34.1"
   }
diff --git a/public/dashboard.html b/public/dashboard.html
index 132ae18..4b17f88 100644
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -185,14 +185,15 @@
             <svg width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17l-5.645 3.232a.75.75 0 01-1.09-.791l1.078-6.285L1.347 7.06a.75.75 0 01.416-1.28l6.31-.917L10.89.598a.75.75 0 011.341 0l2.816 5.266 6.31.917a.75.75 0 01.416 1.28l-4.416 4.266 1.078 6.285a.75.75 0 01-1.09.791L12 15.17z"/></svg>
         </div>
         <span class="cat-title">Утилиты</span>
-        <span class="cat-count">2</span>
-        <span class="cat-desc">пароли, Markdown и другие</span>
+        <span class="cat-count">3</span>
+        <span class="cat-desc">пароли, PDF, Markdown</span>
     </div>
-    <div class="grid grid-cols-2 gap-3 fade-d4">
+    <div class="grid grid-cols-2 sm:grid-cols-3 gap-3 fade-d4">
         <a href="/password" class="tool-tile">
             <div class="tile-icon" style="background:rgba(255,214,0,.1);color:#ffd600;"><svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/></svg></div>
             <div><div class="tile-title">Генератор паролей</div><div class="tile-desc">Криптографически стойкая генерация</div></div>
         </a>
+<a href="/pdf" class="tool-tile">            <div class="tile-icon" style="background:rgba(255,214,0,.1);color:#ffd600;"><svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg></div>            <div><div class="tile-title">PDF инструменты</div><div class="tile-desc">Объединение, сжатие, конвертация</div></div>        </a>
         <a href="/md" class="tool-tile">
             <div class="tile-icon" style="background:rgba(255,214,0,.1);color:#ffd600;"><svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/></svg></div>
             <div><div class="tile-title">Markdown Viewer</div><div class="tile-desc">Просмотр и экспорт .md файлов</div></div>
diff --git a/public/pdf.html b/public/pdf.html
new file mode 100644
index 0000000..03a0bbb
--- /dev/null
+++ b/public/pdf.html
@@ -0,0 +1,1639 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WA Dev Tools — PDF инструменты</title>
+    <script src="/vendor/tailwind.js"></script>
+    <script>window.WA_TOOL_ID = 'pdf';</script>
+    <script src="/shared.js"></script>
+    <link href="/vendor/fonts.css" rel="stylesheet">
+    <link href="/shared.css" rel="stylesheet">
+    <style>
+        /* Drop zone */
+        .drop-zone {
+            border: 2px dashed var(--surface-600);
+            border-radius: 16px;
+            padding: 48px 24px;
+            text-align: center;
+            cursor: pointer;
+            transition: border-color .2s, background .2s;
+            background: var(--surface-700);
+        }
+        .drop-zone:hover,
+        .drop-zone.drag-over {
+            border-color: var(--accent);
+            background: var(--accent-bg);
+        }
+        .drop-zone.drag-over .drop-icon {
+            color: var(--accent);
+        }
+        .drop-icon {
+            color: var(--text-muted);
+            transition: color .2s;
+            margin-bottom: 16px;
+            display: flex;
+            justify-content: center;
+        }
+        .drop-label {
+            font-size: 15px;
+            font-weight: 600;
+            color: var(--text-primary);
+            margin-bottom: 6px;
+        }
+        .drop-hint {
+            font-size: 12px;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+        }
+
+        /* Upload overlay */
+        .uploading-overlay {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 12px;
+        }
+        .spinner {
+            width: 32px;
+            height: 32px;
+            border: 3px solid var(--surface-600);
+            border-top-color: var(--accent);
+            border-radius: 50%;
+            animation: spin .7s linear infinite;
+        }
+        @keyframes spin { to { transform: rotate(360deg); } }
+
+        /* Progress */
+        .progress-wrap {
+            background: var(--surface-700);
+            border: 1px solid var(--surface-600);
+            border-radius: 12px;
+            padding: 24px;
+        }
+        .progress-bar-track {
+            background: var(--surface-600);
+            border-radius: 99px;
+            height: 8px;
+            overflow: hidden;
+            margin: 14px 0 10px;
+        }
+        .progress-bar-fill {
+            height: 100%;
+            background: var(--accent);
+            border-radius: 99px;
+            transition: width .3s ease;
+            width: 0%;
+        }
+        .progress-status {
+            font-size: 13px;
+            font-family: 'JetBrains Mono', monospace;
+            color: var(--text-secondary);
+        }
+        .progress-percent {
+            font-size: 13px;
+            font-family: 'JetBrains Mono', monospace;
+            color: var(--accent);
+            font-weight: 700;
+        }
+
+        /* Section labels */
+        .section-title {
+            font-size: 13px;
+            font-weight: 700;
+            color: var(--text-secondary);
+            text-transform: uppercase;
+            letter-spacing: 0.06em;
+            font-family: 'JetBrains Mono', monospace;
+            margin-bottom: 12px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .section-num {
+            width: 22px;
+            height: 22px;
+            border-radius: 50%;
+            background: var(--accent-bg);
+            color: var(--accent);
+            font-size: 11px;
+            font-weight: 800;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+        }
+
+        /* File list */
+        .file-list {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        .file-card {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            background: var(--surface-700);
+            border: 1px solid var(--surface-600);
+            border-radius: 10px;
+            padding: 12px 14px;
+            transition: border-color .15s;
+        }
+        .file-card.selected-file {
+            border-color: var(--accent);
+            background: var(--accent-bg);
+        }
+        .file-card-icon {
+            flex-shrink: 0;
+            color: var(--accent);
+        }
+        .file-card-info {
+            flex: 1;
+            min-width: 0;
+        }
+        .file-card-name {
+            font-size: 13px;
+            font-weight: 600;
+            color: var(--text-primary);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        .file-card-meta {
+            font-size: 11px;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+            margin-top: 2px;
+        }
+        .file-card-remove {
+            flex-shrink: 0;
+            width: 26px;
+            height: 26px;
+            border: none;
+            background: none;
+            color: var(--text-muted);
+            cursor: pointer;
+            border-radius: 6px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: color .15s, background .15s;
+        }
+        .file-card-remove:hover {
+            color: #ff5252;
+            background: rgba(255,82,82,.1);
+        }
+        .file-card-select {
+            flex-shrink: 0;
+            width: 18px;
+            height: 18px;
+            border-radius: 50%;
+            border: 2px solid var(--surface-600);
+            cursor: pointer;
+            transition: border-color .15s, background .15s;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .file-card.selected-file .file-card-select {
+            border-color: var(--accent);
+            background: var(--accent);
+        }
+        .file-card-select-dot {
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background: #fff;
+            display: none;
+        }
+        .file-card.selected-file .file-card-select-dot {
+            display: block;
+        }
+
+        /* Mode tabs — horizontal scrollable */
+        .op-tabs-wrap {
+            overflow-x: auto;
+            -webkit-overflow-scrolling: touch;
+            scrollbar-width: none;
+        }
+        .op-tabs-wrap::-webkit-scrollbar { display: none; }
+        .op-tabs {
+            display: flex;
+            gap: 4px;
+            background: var(--surface-700);
+            border: 1px solid var(--surface-600);
+            border-radius: 10px;
+            padding: 4px;
+            min-width: max-content;
+        }
+        .op-tab {
+            padding: 9px 14px;
+            border-radius: 7px;
+            border: none;
+            background: transparent;
+            color: var(--text-muted);
+            font-family: 'Manrope', sans-serif;
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all .2s;
+            white-space: nowrap;
+        }
+        .op-tab:hover {
+            color: var(--text-secondary);
+            background: var(--surface-600);
+        }
+        .op-tab.active {
+            background: var(--accent);
+            color: #fff;
+        }
+
+        /* Op panels */
+        .op-panel { display: none; }
+        .op-panel.active { display: block; }
+
+        /* Option group */
+        .option-group {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        .option-label {
+            font-size: 12px;
+            font-weight: 600;
+            color: var(--text-secondary);
+            text-transform: uppercase;
+            letter-spacing: 0.04em;
+            font-family: 'JetBrains Mono', monospace;
+        }
+
+        /* Button group (format selector) */
+        .btn-group {
+            display: flex;
+            gap: 4px;
+            flex-wrap: wrap;
+        }
+        .btn-option {
+            padding: 8px 18px;
+            border-radius: 8px;
+            border: 1px solid var(--surface-600);
+            background: var(--surface-700);
+            color: var(--text-secondary);
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all .2s;
+        }
+        .btn-option:hover {
+            border-color: var(--accent);
+            color: var(--text-primary);
+        }
+        .btn-option.selected {
+            background: var(--accent);
+            border-color: var(--accent);
+            color: #fff;
+        }
+
+        /* Sub-tabs (inside a panel) */
+        .sub-tabs {
+            display: flex;
+            gap: 4px;
+            margin-bottom: 16px;
+        }
+        .sub-tab {
+            padding: 7px 14px;
+            border-radius: 7px;
+            border: 1px solid var(--surface-600);
+            background: transparent;
+            color: var(--text-muted);
+            font-family: 'Manrope', sans-serif;
+            font-size: 12px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all .2s;
+        }
+        .sub-tab:hover {
+            color: var(--text-secondary);
+            background: var(--surface-600);
+        }
+        .sub-tab.active {
+            background: var(--accent-bg);
+            border-color: var(--accent);
+            color: var(--accent);
+        }
+        .sub-panel { display: none; }
+        .sub-panel.active { display: block; }
+
+        /* Slider */
+        .slider-wrap {
+            display: flex;
+            flex-direction: column;
+            gap: 6px;
+        }
+        .slider-row {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+        input[type="range"] {
+            flex: 1;
+            height: 6px;
+            accent-color: var(--accent);
+            cursor: pointer;
+        }
+        .slider-val {
+            font-size: 13px;
+            font-weight: 700;
+            color: var(--accent);
+            font-family: 'JetBrains Mono', monospace;
+            min-width: 36px;
+            text-align: right;
+        }
+
+        /* Compress quality options */
+        .quality-option {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 12px 16px;
+            border-radius: 10px;
+            border: 1px solid var(--surface-600);
+            background: var(--surface-700);
+            cursor: pointer;
+            transition: all .2s;
+        }
+        .quality-option:hover {
+            border-color: var(--accent);
+        }
+        .quality-option.selected {
+            border-color: var(--accent);
+            background: var(--accent-bg);
+        }
+        .quality-option input[type="radio"] { display: none; }
+        .quality-label {
+            font-size: 14px;
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        .quality-desc {
+            font-size: 11px;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+            margin-top: 2px;
+        }
+
+        /* Position grid (3x3) */
+        .pos-grid {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 4px;
+            max-width: 200px;
+        }
+        .pos-cell {
+            aspect-ratio: 1;
+            border: 1px solid var(--surface-600);
+            border-radius: 6px;
+            background: var(--surface-700);
+            cursor: pointer;
+            transition: all .15s;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .pos-cell:hover {
+            border-color: var(--accent);
+        }
+        .pos-cell.selected {
+            border-color: var(--accent);
+            background: var(--accent-bg);
+        }
+        .pos-cell-dot {
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background: var(--text-muted);
+            transition: background .15s;
+        }
+        .pos-cell.selected .pos-cell-dot {
+            background: var(--accent);
+        }
+
+        /* Angle selector */
+        .angle-btn {
+            padding: 8px 14px;
+            border-radius: 8px;
+            border: 1px solid var(--surface-600);
+            background: var(--surface-700);
+            color: var(--text-secondary);
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all .2s;
+        }
+        .angle-btn:hover { border-color: var(--accent); color: var(--text-primary); }
+        .angle-btn.selected { background: var(--accent); border-color: var(--accent); color: #fff; }
+
+        /* Result card */
+        .result-card {
+            background: var(--surface-700);
+            border: 1px solid var(--surface-600);
+            border-radius: 12px;
+            padding: 24px;
+        }
+        .result-stats {
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            gap: 16px;
+            margin-bottom: 20px;
+        }
+        .result-stat { text-align: center; }
+        .result-stat-val {
+            font-size: 20px;
+            font-weight: 800;
+            color: var(--text-primary);
+            font-family: 'JetBrains Mono', monospace;
+        }
+        .result-stat-val.accent { color: var(--accent); }
+        .result-stat-val.green { color: #22c55e; }
+        .result-stat-label {
+            font-size: 11px;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+            margin-top: 4px;
+        }
+
+        /* Extracted text area */
+        .text-output {
+            width: 100%;
+            min-height: 200px;
+            background: var(--select-bg);
+            border: 1px solid var(--surface-600);
+            color: var(--select-color);
+            border-radius: 8px;
+            padding: 12px;
+            font-family: 'JetBrains Mono', monospace;
+            font-size: 12px;
+            resize: vertical;
+            box-sizing: border-box;
+            line-height: 1.6;
+        }
+
+        /* Error */
+        .error-box {
+            background: rgba(255, 82, 82, 0.08);
+            border: 1px solid rgba(255, 82, 82, 0.25);
+            border-radius: 10px;
+            padding: 14px 16px;
+            font-size: 13px;
+            color: #ff5252;
+            font-family: 'JetBrains Mono', monospace;
+        }
+
+        /* Hint note */
+        .hint-note {
+            font-size: 12px;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+            background: var(--surface-700);
+            border: 1px solid var(--surface-600);
+            border-radius: 8px;
+            padding: 10px 14px;
+        }
+
+        /* Color picker row */
+        .color-picker-row {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        input[type="color"] {
+            width: 36px;
+            height: 36px;
+            border: 1px solid var(--surface-600);
+            border-radius: 6px;
+            background: none;
+            cursor: pointer;
+            padding: 2px;
+        }
+        .color-hex {
+            font-size: 13px;
+            font-family: 'JetBrains Mono', monospace;
+            color: var(--text-secondary);
+        }
+
+        /* Add more button */
+        .btn-add-more {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 6px;
+            width: 100%;
+            padding: 10px;
+            border: 1px dashed var(--surface-600);
+            border-radius: 8px;
+            background: transparent;
+            color: var(--text-muted);
+            font-family: 'Manrope', sans-serif;
+            font-size: 13px;
+            font-weight: 600;
+            cursor: pointer;
+            transition: all .2s;
+        }
+        .btn-add-more:hover {
+            border-color: var(--accent);
+            color: var(--accent);
+            background: var(--accent-bg);
+        }
+
+        /* Images drop zone (smaller) */
+        .drop-zone-sm {
+            border: 2px dashed var(--surface-600);
+            border-radius: 12px;
+            padding: 28px 16px;
+            text-align: center;
+            cursor: pointer;
+            transition: border-color .2s, background .2s;
+            background: var(--surface-700);
+        }
+        .drop-zone-sm:hover,
+        .drop-zone-sm.drag-over {
+            border-color: var(--accent);
+            background: var(--accent-bg);
+        }
+
+        /* Merge order drag indicator */
+        .file-card-order {
+            flex-shrink: 0;
+            width: 20px;
+            text-align: center;
+            font-size: 11px;
+            font-weight: 700;
+            color: var(--text-muted);
+            font-family: 'JetBrains Mono', monospace;
+        }
+
+        @media (max-width: 480px) {
+            .result-stats { grid-template-columns: 1fr; }
+        }
+    </style>
+</head>
+<body class="font-sans antialiased">
+
+<div class="main-content">
+<div class="tool-container max-w-3xl mx-auto">
+
+    <!-- Page header -->
+    <div class="page-header">
+        <h1>PDF <span class="text-accent">инструменты</span></h1>
+        <p class="description">объединение, разделение, сжатие, конвертация и защита</p>
+    </div>
+
+    <!-- Error display -->
+    <div id="errorBox" class="error-box" style="display:none; margin-bottom:20px;"></div>
+
+    <!-- Step 1: Upload -->
+    <div id="stepUpload" style="margin-bottom:24px;">
+        <div class="section-title">
+            <span class="section-num">1</span>
+            Загрузка файлов
+        </div>
+
+        <div id="dropZone" class="drop-zone" tabindex="0" role="button" aria-label="Загрузить PDF">
+            <div id="dropZoneContent">
+                <div class="drop-icon">
+                    <svg width="48" height="48" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"/>
+                    </svg>
+                </div>
+                <div class="drop-label">Перетащите PDF-файлы или нажмите для выбора</div>
+                <div class="drop-hint" style="margin-top:6px;">PDF — можно несколько файлов сразу</div>
+            </div>
+            <input type="file" id="fileInput" accept=".pdf,application/pdf" multiple style="display:none;" />
+        </div>
+    </div>
+
+    <!-- Step 2+: shown after at least one file uploaded -->
+    <div id="stepConfig" style="display:none;">
+
+        <!-- Uploaded files list -->
+        <div style="margin-bottom:24px;">
+            <div class="section-title">
+                <span class="section-num">1</span>
+                Загруженные файлы
+            </div>
+            <div class="file-list" id="fileList"></div>
+            <div style="margin-top:8px;">
+                <button id="btnAddMore" class="btn-add-more">
+                    <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
+                    </svg>
+                    Добавить ещё файлы
+                </button>
+                <input type="file" id="fileInputMore" accept=".pdf,application/pdf" multiple style="display:none;" />
+            </div>
+        </div>
+
+        <!-- Operation tabs -->
+        <div style="margin-bottom:20px;">
+            <div class="section-title">
+                <span class="section-num">2</span>
+                Операция
+            </div>
+            <div class="op-tabs-wrap">
+                <div class="op-tabs" role="tablist">
+                    <button class="op-tab active" data-op="merge"      role="tab">Объединить</button>
+                    <button class="op-tab"         data-op="split"      role="tab">Разделить</button>
+                    <button class="op-tab"         data-op="pages"      role="tab">Страницы</button>
+                    <button class="op-tab"         data-op="watermark"  role="tab">Водяной знак</button>
+                    <button class="op-tab"         data-op="pagenums"   role="tab">Нумерация</button>
+                    <button class="op-tab"         data-op="compress"   role="tab">Сжатие</button>
+                    <button class="op-tab"         data-op="convert"    role="tab">Конвертация</button>
+                    <button class="op-tab"         data-op="security"   role="tab">Безопасность</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Объединить ── -->
+        <div id="panel-merge" class="op-panel active" style="margin-bottom:24px;">
+            <div class="wa-card">
+                <div class="option-group">
+                    <span class="option-label">Порядок файлов</span>
+                    <div class="hint-note">Файлы будут объединены в порядке списка выше. Нужно минимум 2 файла.</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Разделить ── -->
+        <div id="panel-split" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card">
+                <div class="option-group">
+                    <span class="option-label">Файл для разделения</span>
+                    <div id="splitFileSelector" class="file-list" style="margin-bottom:12px;"></div>
+                    <span class="option-label">Диапазон страниц</span>
+                    <input type="text" id="splitRanges" class="wa-input" placeholder="Например: 1-3, 5, 7-9" style="width:100%;box-sizing:border-box;" />
+                    <div class="hint-note">Используйте запятые для разделения диапазонов. Тире для диапазона страниц.</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Страницы ── -->
+        <div id="panel-pages" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="pagesFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="sub-tabs">
+                <button class="sub-tab active" data-sub="rotate">Повернуть</button>
+                <button class="sub-tab"        data-sub="delete">Удалить</button>
+                <button class="sub-tab"        data-sub="reorder">Изменить порядок</button>
+            </div>
+
+            <!-- Rotate sub-panel -->
+            <div id="subpanel-rotate" class="sub-panel active wa-card">
+                <div class="option-group">
+                    <span class="option-label">Угол поворота</span>
+                    <div class="btn-group" id="angleGroup">
+                        <button class="angle-btn selected" data-angle="90">90°</button>
+                        <button class="angle-btn"          data-angle="180">180°</button>
+                        <button class="angle-btn"          data-angle="270">270° (−90°)</button>
+                    </div>
+                    <span class="option-label" style="margin-top:8px;">Страницы</span>
+                    <input type="text" id="rotatePages" class="wa-input" value="all" placeholder="all или 1,3,5" style="width:100%;box-sizing:border-box;" />
+                    <div class="hint-note">Введите <code style="color:var(--accent)">all</code> для всех страниц или номера через запятую.</div>
+                </div>
+            </div>
+
+            <!-- Delete sub-panel -->
+            <div id="subpanel-delete" class="sub-panel wa-card">
+                <div class="option-group">
+                    <span class="option-label">Номера страниц для удаления</span>
+                    <input type="text" id="deletePages" class="wa-input" placeholder="Например: 2, 4, 6" style="width:100%;box-sizing:border-box;" />
+                    <div class="hint-note">Страницы нумеруются с 1. Разделяйте номера запятыми.</div>
+                </div>
+            </div>
+
+            <!-- Reorder sub-panel -->
+            <div id="subpanel-reorder" class="sub-panel wa-card">
+                <div class="option-group">
+                    <span class="option-label">Новый порядок страниц</span>
+                    <input type="text" id="reorderPages" class="wa-input" placeholder="Например: 3,1,2,4" style="width:100%;box-sizing:border-box;" />
+                    <div class="hint-note">Перечислите все номера страниц в новом порядке через запятую.</div>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Водяной знак ── -->
+        <div id="panel-watermark" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="watermarkFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="wa-card">
+                <div class="option-group">
+                    <span class="option-label">Текст водяного знака</span>
+                    <input type="text" id="wmText" class="wa-input" placeholder="КОНФИДЕНЦИАЛЬНО" style="width:100%;box-sizing:border-box;" />
+
+                    <span class="option-label" style="margin-top:8px;">Размер шрифта</span>
+                    <div class="slider-wrap">
+                        <div class="slider-row">
+                            <input type="range" id="wmFontSize" min="12" max="72" value="36" />
+                            <span class="slider-val" id="wmFontSizeVal">36</span>
+                        </div>
+                    </div>
+
+                    <span class="option-label" style="margin-top:8px;">Прозрачность</span>
+                    <div class="slider-wrap">
+                        <div class="slider-row">
+                            <input type="range" id="wmOpacity" min="0.1" max="1.0" step="0.05" value="0.3" />
+                            <span class="slider-val" id="wmOpacityVal">0.3</span>
+                        </div>
+                    </div>
+
+                    <span class="option-label" style="margin-top:8px;">Цвет</span>
+                    <div class="color-picker-row">
+                        <input type="color" id="wmColor" value="#ff0000" />
+                        <span class="color-hex" id="wmColorHex">#ff0000</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Нумерация страниц ── -->
+        <div id="panel-pagenums" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="pagenumFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="wa-card">
+                <div class="option-group">
+                    <span class="option-label">Положение</span>
+                    <div style="display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;">
+                        <div class="pos-grid" id="posGrid">
+                            <div class="pos-cell" data-pos="top-left">    <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="top-center">  <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="top-right">   <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="mid-left">    <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="mid-center">  <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="mid-right">   <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell selected" data-pos="bot-center">  <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="bot-left">    <div class="pos-cell-dot"></div></div>
+                            <div class="pos-cell" data-pos="bot-right">   <div class="pos-cell-dot"></div></div>
+                        </div>
+                        <div style="font-size:11px;color:var(--text-muted);font-family:'JetBrains Mono',monospace;line-height:1.8;">
+                            Выбрано:<br>
+                            <span id="posLabel" style="color:var(--accent);font-weight:700;">Снизу по центру</span>
+                        </div>
+                    </div>
+
+                    <span class="option-label" style="margin-top:8px;">Начинать с номера</span>
+                    <input type="number" id="pageNumStart" class="wa-input" min="1" value="1" style="width:120px;" />
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Сжатие ── -->
+        <div id="panel-compress" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="compressFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="wa-card">
+                <div class="option-group">
+                    <span class="option-label">Качество сжатия</span>
+                    <label class="quality-option selected" data-quality="screen">
+                        <input type="radio" name="compressQuality" value="screen" checked />
+                        <div>
+                            <div class="quality-label">Экран</div>
+                            <div class="quality-desc">минимальный размер, для экранного просмотра</div>
+                        </div>
+                        <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5" style="color:var(--accent);flex-shrink:0;display:none;" class="q-check">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </label>
+                    <label class="quality-option" data-quality="ebook">
+                        <input type="radio" name="compressQuality" value="ebook" />
+                        <div>
+                            <div class="quality-label">Электронная книга</div>
+                            <div class="quality-desc">баланс размера и качества</div>
+                        </div>
+                        <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5" style="color:var(--accent);flex-shrink:0;display:none;" class="q-check">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </label>
+                    <label class="quality-option" data-quality="printer">
+                        <input type="radio" name="compressQuality" value="printer" />
+                        <div>
+                            <div class="quality-label">Печать</div>
+                            <div class="quality-desc">максимальное качество, для печати</div>
+                        </div>
+                        <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5" style="color:var(--accent);flex-shrink:0;display:none;" class="q-check">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/>
+                        </svg>
+                    </label>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Конвертация ── -->
+        <div id="panel-convert" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="convertFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="sub-tabs">
+                <button class="sub-tab active" data-sub="toimg">PDF → Картинки</button>
+                <button class="sub-tab"        data-sub="fromimg">Картинки → PDF</button>
+            </div>
+
+            <!-- PDF → Images -->
+            <div id="subpanel-toimg" class="sub-panel active wa-card">
+                <div class="option-group">
+                    <span class="option-label">Формат</span>
+                    <div class="btn-group" id="imgFormatGroup">
+                        <button class="btn-option selected" data-value="png">PNG</button>
+                        <button class="btn-option"          data-value="jpg">JPG</button>
+                    </div>
+                    <span class="option-label" style="margin-top:8px;">Разрешение (DPI)</span>
+                    <div class="btn-group" id="dpiGroup">
+                        <button class="btn-option selected" data-value="150">150 dpi</button>
+                        <button class="btn-option"          data-value="300">300 dpi</button>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Images → PDF -->
+            <div id="subpanel-fromimg" class="sub-panel wa-card">
+                <div class="option-group">
+                    <span class="option-label">Загрузить изображения</span>
+                    <div id="imgDropZone" class="drop-zone-sm" tabindex="0" role="button">
+                        <div class="drop-icon" style="margin-bottom:8px;">
+                            <svg width="32" height="32" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M3 9.75h.375a2.25 2.25 0 012.25 2.25v.375"/>
+                            </svg>
+                        </div>
+                        <div class="drop-label" style="font-size:13px;">Перетащите изображения или нажмите</div>
+                        <div class="drop-hint">PNG, JPG, JPEG, WebP</div>
+                        <input type="file" id="imgFileInput" accept="image/png,image/jpeg,image/webp" multiple style="display:none;" />
+                    </div>
+                    <div id="imgFileList" class="file-list" style="margin-top:8px;"></div>
+                </div>
+            </div>
+        </div>
+
+        <!-- ── Panel: Безопасность ── -->
+        <div id="panel-security" class="op-panel" style="margin-bottom:24px;">
+            <div class="wa-card" style="margin-bottom:12px;">
+                <div class="option-group">
+                    <span class="option-label">Файл</span>
+                    <div id="securityFileSelector" class="file-list"></div>
+                </div>
+            </div>
+            <div class="sub-tabs">
+                <button class="sub-tab active" data-sub="protect">Защитить</button>
+                <button class="sub-tab"        data-sub="extract">Извлечь текст</button>
+            </div>
+
+            <!-- Protect -->
+            <div id="subpanel-protect" class="sub-panel active wa-card">
+                <div class="option-group">
+                    <span class="option-label">Пароль</span>
+                    <input type="password" id="protectPassword" class="wa-input" placeholder="Введите пароль" style="width:100%;box-sizing:border-box;" />
+                    <div class="hint-note">Файл будет защищён от открытия без пароля.</div>
+                </div>
+            </div>
+
+            <!-- Extract text -->
+            <div id="subpanel-extract" class="sub-panel wa-card">
+                <div class="hint-note">Текст будет извлечён из PDF и показан ниже для копирования.</div>
+            </div>
+        </div>
+
+        <!-- Step 3: Action + Progress -->
+        <div style="margin-bottom:24px;">
+            <div class="section-title">
+                <span class="section-num">3</span>
+                Обработка
+            </div>
+            <div id="actionWrap">
+                <button id="btnProcess" class="wa-btn" style="width:100%;padding:14px 24px;font-size:15px;">
+                    Выполнить
+                </button>
+            </div>
+            <div id="progressWrap" class="progress-wrap" style="display:none;margin-top:0;">
+                <div style="display:flex;justify-content:space-between;align-items:center;">
+                    <span class="progress-status" id="progressStatus">Обработка...</span>
+                    <span class="progress-percent" id="progressPercent">0%</span>
+                </div>
+                <div class="progress-bar-track">
+                    <div class="progress-bar-fill" id="progressFill"></div>
+                </div>
+                <div style="font-size:11px;color:var(--text-muted);font-family:'JetBrains Mono',monospace;">
+                    Не закрывайте вкладку во время обработки
+                </div>
+            </div>
+        </div>
+
+        <!-- Step 4: Result -->
+        <div id="stepResult" style="display:none;margin-bottom:24px;">
+            <div class="section-title">
+                <span class="section-num">4</span>
+                Результат
+            </div>
+            <div class="result-card">
+                <div id="resultStats" class="result-stats">
+                    <div class="result-stat">
+                        <div class="result-stat-val accent" id="resultSize">—</div>
+                        <div class="result-stat-label">размер файла</div>
+                    </div>
+                    <div class="result-stat">
+                        <div class="result-stat-val green" id="resultSavings" style="display:none;">—</div>
+                        <div class="result-stat-label" id="resultSavingsLabel" style="display:none;">экономия</div>
+                    </div>
+                </div>
+
+                <!-- Extracted text output -->
+                <div id="resultTextWrap" style="display:none;margin-bottom:16px;">
+                    <div class="option-label" style="margin-bottom:8px;">Извлечённый текст</div>
+                    <textarea id="resultText" class="text-output" readonly></textarea>
+                    <div style="margin-top:8px;">
+                        <button id="btnCopyText" class="wa-btn" style="background:var(--surface-600);color:var(--text-secondary);font-size:12px;padding:8px 16px;">
+                            Копировать текст
+                        </button>
+                    </div>
+                </div>
+
+                <div style="display:flex;gap:10px;flex-wrap:wrap;">
+                    <a id="downloadLink" href="#" class="wa-btn" style="flex:1;text-align:center;text-decoration:none;padding:12px 24px;display:none;">
+                        Скачать файл
+                    </a>
+                    <button id="btnBack" class="wa-btn" style="background:var(--surface-600);color:var(--text-secondary);flex:0 0 auto;padding:12px 18px;">
+                        Назад
+                    </button>
+                </div>
+            </div>
+        </div>
+
+    </div><!-- /stepConfig -->
+
+</div>
+</div>
+
+<script>
+(function () {
+    'use strict';
+
+    // ─── State ────────────────────────────────────────────────────────────────
+    const state = {
+        files: [],          // [{ id, name, size, pages }]
+        selectedFileId: null,
+        currentOp: 'merge',
+        // pages sub-ops
+        pagesSubOp: 'rotate',
+        rotateAngle: 90,
+        // convert sub-ops
+        convertSub: 'toimg',
+        imgFormat: 'png',
+        imgDpi: '150',
+        // images for fromImages
+        imgFiles: [],
+        // compress
+        compressQuality: 'screen',
+        // pagenums
+        pageNumPosition: 'bot-center',
+        // watermark color
+        wmColor: '#ff0000',
+    };
+
+    // ─── DOM refs ─────────────────────────────────────────────────────────────
+    const dropZone        = document.getElementById('dropZone');
+    const dropContent     = document.getElementById('dropZoneContent');
+    const fileInput       = document.getElementById('fileInput');
+    const fileInputMore   = document.getElementById('fileInputMore');
+    const stepUpload      = document.getElementById('stepUpload');
+    const stepConfig      = document.getElementById('stepConfig');
+    const stepResult      = document.getElementById('stepResult');
+    const errorBox        = document.getElementById('errorBox');
+    const fileList        = document.getElementById('fileList');
+    const btnAddMore      = document.getElementById('btnAddMore');
+    const btnProcess      = document.getElementById('btnProcess');
+    const actionWrap      = document.getElementById('actionWrap');
+    const progressWrap    = document.getElementById('progressWrap');
+    const progressFill    = document.getElementById('progressFill');
+    const progressStatus  = document.getElementById('progressStatus');
+    const progressPercent = document.getElementById('progressPercent');
+    const downloadLink    = document.getElementById('downloadLink');
+    const btnBack         = document.getElementById('btnBack');
+
+    // ─── Helpers ──────────────────────────────────────────────────────────────
+    function formatSize(bytes) {
+        if (!bytes || bytes === 0) return '0 B';
+        const units = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(1024));
+        return (bytes / Math.pow(1024, i)).toFixed(i > 0 ? 1 : 0) + ' ' + units[i];
+    }
+
+    function showError(msg) {
+        errorBox.textContent = msg;
+        errorBox.style.display = 'block';
+        errorBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }
+
+    function clearError() {
+        errorBox.style.display = 'none';
+        errorBox.textContent = '';
+    }
+
+    function pdfIcon(size = 18) {
+        return `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/>
+        </svg>`;
+    }
+
+    // ─── Render file list ─────────────────────────────────────────────────────
+    function renderFileList() {
+        fileList.innerHTML = '';
+        state.files.forEach((f, idx) => {
+            const card = document.createElement('div');
+            card.className = 'file-card';
+            card.dataset.id = f.id;
+            card.innerHTML = `
+                <div class="file-card-order">${idx + 1}</div>
+                <div class="file-card-icon">${pdfIcon(20)}</div>
+                <div class="file-card-info">
+                    <div class="file-card-name">${escHtml(f.name)}</div>
+                    <div class="file-card-meta">${formatSize(f.size)} · ${f.pages} стр.</div>
+                </div>
+                <button class="file-card-remove" data-id="${f.id}" title="Удалить">
+                    <svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
+                    </svg>
+                </button>`;
+            fileList.appendChild(card);
+        });
+
+        // Remove buttons
+        fileList.querySelectorAll('.file-card-remove').forEach(btn => {
+            btn.addEventListener('click', e => {
+                e.stopPropagation();
+                const id = btn.dataset.id;
+                state.files = state.files.filter(f => f.id !== id);
+                if (state.selectedFileId === id) state.selectedFileId = state.files[0]?.id || null;
+                renderFileList();
+                renderSingleFileSelectors();
+                if (state.files.length === 0) resetToUpload();
+            });
+        });
+
+        renderSingleFileSelectors();
+    }
+
+    // Render file selector for single-file operations
+    function renderSingleFileSelectors() {
+        const containers = [
+            'splitFileSelector',
+            'pagesFileSelector',
+            'watermarkFileSelector',
+            'pagenumFileSelector',
+            'compressFileSelector',
+            'convertFileSelector',
+            'securityFileSelector',
+        ];
+        containers.forEach(id => {
+            const el = document.getElementById(id);
+            if (!el) return;
+            el.innerHTML = '';
+            state.files.forEach(f => {
+                const card = document.createElement('div');
+                const isSelected = f.id === state.selectedFileId;
+                card.className = 'file-card' + (isSelected ? ' selected-file' : '');
+                card.dataset.id = f.id;
+                card.style.cursor = 'pointer';
+                card.innerHTML = `
+                    <div class="file-card-select"><div class="file-card-select-dot"></div></div>
+                    <div class="file-card-icon">${pdfIcon(16)}</div>
+                    <div class="file-card-info">
+                        <div class="file-card-name">${escHtml(f.name)}</div>
+                        <div class="file-card-meta">${formatSize(f.size)} · ${f.pages} стр.</div>
+                    </div>`;
+                card.addEventListener('click', () => {
+                    state.selectedFileId = f.id;
+                    renderSingleFileSelectors();
+                });
+                el.appendChild(card);
+            });
+        });
+    }
+
+    function escHtml(str) {
+        return String(str).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+    }
+
+    // ─── Drop zone ────────────────────────────────────────────────────────────
+    dropZone.addEventListener('click', () => fileInput.click());
+    dropZone.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') fileInput.click(); });
+    dropZone.addEventListener('dragover', e => { e.preventDefault(); dropZone.classList.add('drag-over'); });
+    dropZone.addEventListener('dragleave', () => dropZone.classList.remove('drag-over'));
+    dropZone.addEventListener('drop', e => {
+        e.preventDefault();
+        dropZone.classList.remove('drag-over');
+        handleFiles(Array.from(e.dataTransfer.files));
+    });
+    fileInput.addEventListener('change', () => {
+        if (fileInput.files.length) handleFiles(Array.from(fileInput.files));
+    });
+
+    btnAddMore.addEventListener('click', () => fileInputMore.click());
+    fileInputMore.addEventListener('change', () => {
+        if (fileInputMore.files.length) handleFiles(Array.from(fileInputMore.files));
+    });
+
+    // ─── Images drop zone (fromImages) ────────────────────────────────────────
+    const imgDropZone  = document.getElementById('imgDropZone');
+    const imgFileInput = document.getElementById('imgFileInput');
+    const imgFileList  = document.getElementById('imgFileList');
+
+    imgDropZone.addEventListener('click', () => imgFileInput.click());
+    imgDropZone.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') imgFileInput.click(); });
+    imgDropZone.addEventListener('dragover', e => { e.preventDefault(); imgDropZone.classList.add('drag-over'); });
+    imgDropZone.addEventListener('dragleave', () => imgDropZone.classList.remove('drag-over'));
+    imgDropZone.addEventListener('drop', e => {
+        e.preventDefault();
+        imgDropZone.classList.remove('drag-over');
+        state.imgFiles = Array.from(e.dataTransfer.files).filter(f => f.type.startsWith('image/'));
+        renderImgFileList();
+    });
+    imgFileInput.addEventListener('change', () => {
+        state.imgFiles = Array.from(imgFileInput.files);
+        renderImgFileList();
+    });
+
+    function renderImgFileList() {
+        imgFileList.innerHTML = '';
+        state.imgFiles.forEach((f, idx) => {
+            const card = document.createElement('div');
+            card.className = 'file-card';
+            card.innerHTML = `
+                <div class="file-card-order">${idx + 1}</div>
+                <div class="file-card-icon" style="color:var(--text-muted);">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909"/>
+                    </svg>
+                </div>
+                <div class="file-card-info">
+                    <div class="file-card-name">${escHtml(f.name)}</div>
+                    <div class="file-card-meta">${formatSize(f.size)}</div>
+                </div>`;
+            imgFileList.appendChild(card);
+        });
+    }
+
+    // ─── Upload files ─────────────────────────────────────────────────────────
+    async function handleFiles(files) {
+        clearError();
+
+        const pdfFiles = files.filter(f => f.type === 'application/pdf' || f.name.toLowerCase().endsWith('.pdf'));
+        if (pdfFiles.length === 0) {
+            showError('Выберите PDF-файлы.');
+            return;
+        }
+
+        const MAX = 100 * 1024 * 1024;
+        const oversized = pdfFiles.find(f => f.size > MAX);
+        if (oversized) {
+            showError(`Файл "${oversized.name}" слишком большой. Максимальный размер — 100 МБ.`);
+            return;
+        }
+
+        // Show upload progress in drop zone (only if step still visible)
+        if (stepUpload.style.display !== 'none') {
+            dropContent.innerHTML = `
+                <div class="uploading-overlay">
+                    <div class="spinner"></div>
+                    <div class="drop-label">Загрузка файлов...</div>
+                    <div style="font-size:24px;font-weight:800;color:var(--accent);font-family:'JetBrains Mono',monospace;" id="uploadPercent">0%</div>
+                    <div class="progress-bar-track" style="width:100%;max-width:300px;">
+                        <div class="progress-bar-fill" id="uploadFill" style="width:0%"></div>
+                    </div>
+                    <div class="drop-hint" style="margin-top:8px;">${pdfFiles.length} файл(ов)</div>
+                </div>`;
+        }
+
+        const formData = new FormData();
+        pdfFiles.forEach(f => formData.append('files', f));
+
+        try {
+            const data = await new Promise((resolve, reject) => {
+                const xhr = new XMLHttpRequest();
+                xhr.open('POST', '/pdf/upload');
+                xhr.upload.onprogress = e => {
+                    if (e.lengthComputable) {
+                        const pct = Math.round((e.loaded / e.total) * 100);
+                        const el   = document.getElementById('uploadPercent');
+                        const fill = document.getElementById('uploadFill');
+                        if (el)   el.textContent   = pct + '%';
+                        if (fill) fill.style.width = pct + '%';
+                    }
+                };
+                xhr.onload = () => {
+                    if (xhr.status >= 200 && xhr.status < 300) {
+                        try { resolve(JSON.parse(xhr.responseText)); }
+                        catch { reject(new Error('Ошибка разбора ответа')); }
+                    } else {
+                        try { reject(new Error(JSON.parse(xhr.responseText).error)); }
+                        catch { reject(new Error('Ошибка загрузки: ' + xhr.status)); }
+                    }
+                };
+                xhr.onerror = () => reject(new Error('Сеть недоступна'));
+                xhr.send(formData);
+            });
+
+            onUploadSuccess(data);
+        } catch (err) {
+            restoreDropZone();
+            showError(err.message || 'Не удалось загрузить файлы');
+        }
+    }
+
+    function onUploadSuccess(data) {
+        const uploaded = data.files || [];
+        uploaded.forEach(f => {
+            if (!state.files.find(ex => ex.id === f.id)) {
+                state.files.push(f);
+            }
+        });
+
+        if (!state.selectedFileId && state.files.length > 0) {
+            state.selectedFileId = state.files[0].id;
+        }
+
+        renderFileList();
+
+        stepUpload.style.display = 'none';
+        stepConfig.style.display = 'block';
+
+        fileInput.value = '';
+        fileInputMore.value = '';
+    }
+
+    function restoreDropZone() {
+        dropContent.innerHTML = `
+            <div class="drop-icon">
+                <svg width="48" height="48" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.2">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"/>
+                </svg>
+            </div>
+            <div class="drop-label">Перетащите PDF-файлы или нажмите для выбора</div>
+            <div class="drop-hint" style="margin-top:6px;">PDF — можно несколько файлов сразу</div>`;
+    }
+
+    // ─── Operation tabs ───────────────────────────────────────────────────────
+    document.querySelectorAll('.op-tab').forEach(tab => {
+        tab.addEventListener('click', () => {
+            state.currentOp = tab.dataset.op;
+            document.querySelectorAll('.op-tab').forEach(t => t.classList.remove('active'));
+            tab.classList.add('active');
+            document.querySelectorAll('.op-panel').forEach(p => p.classList.remove('active'));
+            const panel = document.getElementById('panel-' + tab.dataset.op);
+            if (panel) panel.classList.add('active');
+            stepResult.style.display = 'none';
+            actionWrap.style.display = 'block';
+            progressWrap.style.display = 'none';
+        });
+    });
+
+    // ─── Sub-tabs (pages, convert, security) ─────────────────────────────────
+    function initSubTabs(panelId, stateKey) {
+        const panel = document.getElementById(panelId);
+        if (!panel) return;
+        panel.querySelectorAll('.sub-tab').forEach(tab => {
+            tab.addEventListener('click', () => {
+                state[stateKey] = tab.dataset.sub;
+                panel.querySelectorAll('.sub-tab').forEach(t => t.classList.remove('active'));
+                tab.classList.add('active');
+                panel.querySelectorAll('.sub-panel').forEach(p => p.classList.remove('active'));
+                const sp = document.getElementById('subpanel-' + tab.dataset.sub);
+                if (sp) sp.classList.add('active');
+            });
+        });
+    }
+    initSubTabs('panel-pages',    'pagesSubOp');
+    initSubTabs('panel-convert',  'convertSub');
+    initSubTabs('panel-security', 'securitySub');
+
+    // ─── Angle buttons ────────────────────────────────────────────────────────
+    document.getElementById('angleGroup').addEventListener('click', e => {
+        const btn = e.target.closest('.angle-btn');
+        if (!btn) return;
+        document.querySelectorAll('.angle-btn').forEach(b => b.classList.remove('selected'));
+        btn.classList.add('selected');
+        state.rotateAngle = parseInt(btn.dataset.angle, 10);
+    });
+
+    // ─── Img format + DPI groups ──────────────────────────────────────────────
+    function initBtnGroup(id, stateKey) {
+        const el = document.getElementById(id);
+        if (!el) return;
+        el.addEventListener('click', e => {
+            const btn = e.target.closest('.btn-option');
+            if (!btn) return;
+            el.querySelectorAll('.btn-option').forEach(b => b.classList.remove('selected'));
+            btn.classList.add('selected');
+            state[stateKey] = btn.dataset.value;
+        });
+    }
+    initBtnGroup('imgFormatGroup', 'imgFormat');
+    initBtnGroup('dpiGroup',       'imgDpi');
+
+    // ─── Compress quality ─────────────────────────────────────────────────────
+    document.querySelectorAll('.quality-option').forEach(label => {
+        label.addEventListener('click', () => {
+            document.querySelectorAll('.quality-option').forEach(l => l.classList.remove('selected'));
+            label.classList.add('selected');
+            state.compressQuality = label.dataset.quality;
+        });
+    });
+
+    // ─── Sliders (watermark) ──────────────────────────────────────────────────
+    const wmFontSize = document.getElementById('wmFontSize');
+    const wmOpacity  = document.getElementById('wmOpacity');
+    wmFontSize.addEventListener('input', () => {
+        document.getElementById('wmFontSizeVal').textContent = wmFontSize.value;
+    });
+    wmOpacity.addEventListener('input', () => {
+        document.getElementById('wmOpacityVal').textContent = parseFloat(wmOpacity.value).toFixed(2);
+    });
+
+    // ─── Color picker ─────────────────────────────────────────────────────────
+    document.getElementById('wmColor').addEventListener('input', e => {
+        state.wmColor = e.target.value;
+        document.getElementById('wmColorHex').textContent = e.target.value;
+    });
+
+    // ─── Position grid ────────────────────────────────────────────────────────
+    const posLabels = {
+        'top-left':   'Вверху слева',
+        'top-center': 'Вверху по центру',
+        'top-right':  'Вверху справа',
+        'mid-left':   'По центру слева',
+        'mid-center': 'По центру',
+        'mid-right':  'По центру справа',
+        'bot-left':   'Внизу слева',
+        'bot-center': 'Внизу по центру',
+        'bot-right':  'Внизу справа',
+    };
+    document.getElementById('posGrid').addEventListener('click', e => {
+        const cell = e.target.closest('.pos-cell');
+        if (!cell) return;
+        document.querySelectorAll('.pos-cell').forEach(c => c.classList.remove('selected'));
+        cell.classList.add('selected');
+        state.pageNumPosition = cell.dataset.pos;
+        document.getElementById('posLabel').textContent = posLabels[cell.dataset.pos] || cell.dataset.pos;
+    });
+
+    // ─── Process ──────────────────────────────────────────────────────────────
+    btnProcess.addEventListener('click', startProcess);
+
+    async function startProcess() {
+        clearError();
+
+        const op = state.currentOp;
+
+        // Validation
+        if (op === 'merge' && state.files.length < 2) {
+            showError('Для объединения нужно минимум 2 файла.');
+            return;
+        }
+        const needsOne = ['split','pages','watermark','pagenums','compress','convert','security'];
+        if (needsOne.includes(op) && !state.selectedFileId) {
+            showError('Выберите файл для обработки.');
+            return;
+        }
+        if (op === 'watermark' && !document.getElementById('wmText').value.trim()) {
+            showError('Введите текст водяного знака.');
+            return;
+        }
+        if (op === 'security' && state.securitySub === 'protect' && !document.getElementById('protectPassword').value) {
+            showError('Введите пароль для защиты файла.');
+            return;
+        }
+        if (op === 'convert' && state.convertSub === 'fromimg' && state.imgFiles.length === 0) {
+            showError('Добавьте изображения для конвертации в PDF.');
+            return;
+        }
+
+        actionWrap.style.display = 'none';
+        progressWrap.style.display = 'block';
+        stepResult.style.display = 'none';
+        setProgress(10, 'Отправка запроса...');
+
+        try {
+            const result = await sendRequest(op);
+            onProcessDone(op, result);
+        } catch (err) {
+            showProcessError(err.message || 'Ошибка обработки');
+        }
+    }
+
+    async function sendRequest(op) {
+        let url, body, isMultipart = false;
+        const fileId = state.selectedFileId;
+
+        switch (op) {
+            case 'merge':
+                url  = '/pdf/merge';
+                body = JSON.stringify({ fileIds: state.files.map(f => f.id) });
+                break;
+            case 'split':
+                url  = '/pdf/split';
+                body = JSON.stringify({ fileId, ranges: document.getElementById('splitRanges').value.trim() });
+                break;
+            case 'pages':
+                if (state.pagesSubOp === 'rotate') {
+                    url  = '/pdf/rotate';
+                    body = JSON.stringify({ fileId, pages: document.getElementById('rotatePages').value.trim(), angle: state.rotateAngle });
+                } else if (state.pagesSubOp === 'delete') {
+                    url  = '/pdf/delete';
+                    body = JSON.stringify({ fileId, pages: document.getElementById('deletePages').value.trim() });
+                } else {
+                    url  = '/pdf/rotate'; // reorder — map to rotate placeholder (backend decides)
+                    body = JSON.stringify({ fileId, reorder: document.getElementById('reorderPages').value.trim() });
+                }
+                break;
+            case 'watermark':
+                url  = '/pdf/watermark';
+                body = JSON.stringify({
+                    fileId,
+                    text:     document.getElementById('wmText').value.trim(),
+                    fontSize: parseInt(document.getElementById('wmFontSize').value, 10),
+                    opacity:  parseFloat(document.getElementById('wmOpacity').value),
+                    color:    state.wmColor,
+                });
+                break;
+            case 'pagenums':
+                url  = '/pdf/pagenumbers';
+                body = JSON.stringify({
+                    fileId,
+                    position:  state.pageNumPosition,
+                    startFrom: parseInt(document.getElementById('pageNumStart').value, 10) || 1,
+                });
+                break;
+            case 'compress':
+                url  = '/pdf/compress';
+                body = JSON.stringify({ fileId, quality: state.compressQuality });
+                break;
+            case 'convert':
+                if (state.convertSub === 'toimg') {
+                    url  = '/pdf/toImages';
+                    body = JSON.stringify({ fileId, format: state.imgFormat, dpi: parseInt(state.imgDpi, 10) });
+                } else {
+                    url          = '/pdf/fromImages';
+                    isMultipart  = true;
+                    const fd     = new FormData();
+                    state.imgFiles.forEach(f => fd.append('files', f));
+                    body = fd;
+                }
+                break;
+            case 'security':
+                if (state.securitySub === 'protect') {
+                    url  = '/pdf/protect';
+                    body = JSON.stringify({ fileId, password: document.getElementById('protectPassword').value });
+                } else {
+                    url  = '/pdf/extract-text';
+                    body = JSON.stringify({ fileId });
+                }
+                break;
+            default:
+                throw new Error('Неизвестная операция: ' + op);
+        }
+
+        setProgress(40, 'Обработка на сервере...');
+
+        const headers = isMultipart ? {} : { 'Content-Type': 'application/json' };
+        const res = await fetch(url, { method: 'POST', headers, body });
+
+        setProgress(90, 'Получение результата...');
+
+        if (!res.ok) {
+            const err = await res.json().catch(() => ({ error: 'Ошибка сервера ' + res.status }));
+            throw new Error(err.error || 'Ошибка сервера ' + res.status);
+        }
+
+        return res.json();
+    }
+
+    function setProgress(pct, text) {
+        progressFill.style.width = pct + '%';
+        progressPercent.textContent = pct + '%';
+        progressStatus.textContent = text;
+    }
+
+    function onProcessDone(op, data) {
+        setProgress(100, 'Готово!');
+
+        // Reset result UI
+        document.getElementById('resultTextWrap').style.display = 'none';
+        downloadLink.style.display = 'none';
+        document.getElementById('resultSavings').style.display = 'none';
+        document.getElementById('resultSavingsLabel').style.display = 'none';
+
+        // Fill stats
+        if (data.size) {
+            document.getElementById('resultSize').textContent = formatSize(data.size);
+        } else {
+            document.getElementById('resultSize').textContent = '—';
+        }
+
+        if (data.savings) {
+            const savingsEl = document.getElementById('resultSavings');
+            const savingsLbl = document.getElementById('resultSavingsLabel');
+            savingsEl.textContent = '−' + data.savings + '%';
+            savingsEl.style.display = '';
+            savingsLbl.style.display = '';
+        }
+
+        // Extract text: show textarea
+        if (op === 'security' && state.securitySub === 'extract') {
+            document.getElementById('resultTextWrap').style.display = 'block';
+            document.getElementById('resultText').value = data.text || '';
+        }
+
+        // Download link
+        if (data.downloadUrl) {
+            downloadLink.href = data.downloadUrl;
+            downloadLink.setAttribute('download', '');
+            downloadLink.style.display = '';
+        }
+
+        stepResult.style.display = 'block';
+        stepResult.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+    }
+
+    function showProcessError(msg) {
+        progressWrap.style.display = 'none';
+        actionWrap.style.display = 'block';
+        showError(msg);
+    }
+
+    // ─── Copy extracted text ──────────────────────────────────────────────────
+    document.getElementById('btnCopyText').addEventListener('click', () => {
+        const ta = document.getElementById('resultText');
+        ta.select();
+        try {
+            navigator.clipboard.writeText(ta.value).catch(() => document.execCommand('copy'));
+        } catch {
+            document.execCommand('copy');
+        }
+        const btn = document.getElementById('btnCopyText');
+        const orig = btn.textContent;
+        btn.textContent = 'Скопировано!';
+        setTimeout(() => { btn.textContent = orig; }, 2000);
+    });
+
+    // ─── Back button ──────────────────────────────────────────────────────────
+    btnBack.addEventListener('click', () => {
+        stepResult.style.display = 'none';
+        actionWrap.style.display = 'block';
+        progressWrap.style.display = 'none';
+        setProgress(0, 'Обработка...');
+        clearError();
+    });
+
+    // ─── Reset to upload ──────────────────────────────────────────────────────
+    function resetToUpload() {
+        state.files = [];
+        state.selectedFileId = null;
+        state.imgFiles = [];
+
+        stepConfig.style.display = 'none';
+        stepResult.style.display = 'none';
+        stepUpload.style.display = 'block';
+        actionWrap.style.display = 'block';
+        progressWrap.style.display = 'none';
+
+        restoreDropZone();
+        clearError();
+        fileInput.value = '';
+        fileInputMore.value = '';
+    }
+
+    // ─── Security sub-op default ──────────────────────────────────────────────
+    state.securitySub = 'protect';
+
+})();
+</script>
+
+</body>
+</html>
diff --git a/public/shared.js b/public/shared.js
index a8e7bfc..c1892c3 100644
--- a/public/shared.js
+++ b/public/shared.js
@@ -26,7 +26,7 @@ const WA_CATEGORIES = [
     { id: 'images', title: 'Изображения', description: 'Сжатие, редактирование и генерация', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0023.25 18.75V5.25A2.25 2.25 0 0021 3H3.75A2.25 2.25 0 001.5 5.25v13.5A2.25 2.25 0 003.75 21z"/>', tools: ['compress', 'placeholder', 'svgeditor', 'editor', 'video'] },
     { id: 'code', title: 'Код', description: 'Форматирование, очистка и конвертация', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"/>', tools: ['formatter', 'sanitizer', 'converter'] },
     { id: 'web', title: 'Веб', description: 'HTTP-клиент, парсер и анализ', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/>', tools: ['parser', 'httpclient', 'redirects'] },
-    { id: 'utils', title: 'Утилиты', description: 'Пароли, Markdown и другие', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17l-5.645 3.232a.75.75 0 01-1.09-.791l1.078-6.285L1.347 7.06a.75.75 0 01.416-1.28l6.31-.917L10.89.598a.75.75 0 011.341 0l2.816 5.266 6.31.917a.75.75 0 01.416 1.28l-4.416 4.266 1.078 6.285a.75.75 0 01-1.09.791L12 15.17z"/>', tools: ['password', 'md'] },
+    { id: 'utils', title: 'Утилиты', description: 'Пароли, Markdown и другие', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17l-5.645 3.232a.75.75 0 01-1.09-.791l1.078-6.285L1.347 7.06a.75.75 0 01.416-1.28l6.31-.917L10.89.598a.75.75 0 011.341 0l2.816 5.266 6.31.917a.75.75 0 01.416 1.28l-4.416 4.266 1.078 6.285a.75.75 0 01-1.09.791L12 15.17z"/>', tools: ['password', 'md', 'pdf'] },
 ];
 
 /* Sidebar tools definition */
@@ -48,6 +48,7 @@ const WA_TOOLS = [
     { id: 'redirects', path: '/redirects', title: 'Redirects', category: 'web', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/>' },
     // Утилиты
     { id: 'password', path: '/password', title: 'Пароли', category: 'utils', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/>' },
+    { id: 'pdf', path: '/pdf', title: 'PDF', category: 'utils', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/>' },
     { id: 'md', path: '/md', title: 'Markdown', category: 'utils', icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"/>' },
     // Admin (only visible in sidebar for admins — hidden by default, shown via JS)
     { id: 'admin', path: '/admin', title: 'Админ', category: null, adminOnly: true, icon: '<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>' },
diff --git a/routes/pdf.js b/routes/pdf.js
new file mode 100644
index 0000000..36f76e5
--- /dev/null
+++ b/routes/pdf.js
@@ -0,0 +1,505 @@
+const express = require('express');
+const multer = require('multer');
+const path = require('path');
+const fs = require('fs');
+const { spawn } = require('child_process');
+const rateLimit = require('express-rate-limit');
+const archiver = require('archiver');
+const log = require('../lib/logger');
+
+const router = express.Router();
+
+const UPLOADS_DIR = path.join(__dirname, '..', 'uploads');
+const DOWNLOADS_DIR = path.join(__dirname, '..', 'downloads');
+const MAX_FILE_SIZE = 50 * 1024 * 1024; // 50MB
+
+const upload = multer({
+  dest: UPLOADS_DIR,
+  limits: { fileSize: MAX_FILE_SIZE },
+  fileFilter: (req, file, cb) => {
+    if (file.mimetype === 'application/pdf' || file.originalname.endsWith('.pdf')) cb(null, true);
+    else if (file.mimetype.startsWith('image/')) cb(null, true); // for fromImages
+    else cb(new Error('Только PDF и изображения'));
+  },
+});
+
+const limiter = rateLimit({ windowMs: 60000, max: 30, message: { error: 'Слишком много запросов' } });
+
+// File storage for uploaded PDFs
+const pdfFiles = new Map();
+
+function registerFile(multerFile, pageCount) {
+  const id = `pdf_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+  const entry = {
+    id,
+    path: multerFile.path,
+    name: multerFile.originalname,
+    size: multerFile.size,
+    pages: pageCount || 0,
+  };
+  pdfFiles.set(id, entry);
+  setTimeout(() => {
+    try { fs.existsSync(entry.path) && fs.unlinkSync(entry.path); } catch {}
+    pdfFiles.delete(id);
+  }, 30 * 60 * 1000);
+  return entry;
+}
+
+function getFile(id) {
+  const f = pdfFiles.get(id);
+  if (!f || !fs.existsSync(f.path)) return null;
+  return f;
+}
+
+function saveResult(buffer, ext) {
+  const name = `result_${Date.now()}_${Math.random().toString(36).slice(2, 6)}${ext}`;
+  const outPath = path.join(DOWNLOADS_DIR, name);
+  fs.writeFileSync(outPath, buffer);
+  setTimeout(() => { try { fs.unlinkSync(outPath); } catch {} }, 30 * 60 * 1000);
+  return `/pdf/download/${name}`;
+}
+
+// Page
+router.get('/', (req, res) => {
+  res.sendFile(path.join(__dirname, '..', 'public', 'pdf.html'));
+});
+
+// Upload
+router.post('/upload', limiter, upload.array('files', 10), async (req, res) => {
+  if (!req.files || !req.files.length) return res.status(400).json({ error: 'Файлы не загружены' });
+
+  const pdfParse = require('pdf-parse');
+  const results = [];
+
+  for (const file of req.files) {
+    let pages = 0;
+    try {
+      if (file.mimetype === 'application/pdf') {
+        const buf = fs.readFileSync(file.path);
+        const data = await pdfParse(buf);
+        pages = data.numpages || 0;
+      }
+    } catch {}
+    const entry = registerFile(file, pages);
+    results.push({ id: entry.id, name: entry.name, size: entry.size, pages });
+  }
+
+  log.info(`PDF upload: ${results.length} files`);
+  res.json({ files: results });
+});
+
+// Info
+router.get('/info/:fileId', async (req, res) => {
+  const f = getFile(req.params.fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const pdfParse = require('pdf-parse');
+    const buf = fs.readFileSync(f.path);
+    const data = await pdfParse(buf);
+    res.json({
+      pages: data.numpages,
+      title: data.info?.Title || '',
+      author: data.info?.Author || '',
+      creator: data.info?.Creator || '',
+      size: f.size,
+    });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Merge
+router.post('/merge', express.json(), async (req, res) => {
+  const { fileIds } = req.body;
+  if (!fileIds || fileIds.length < 2) return res.status(400).json({ error: 'Нужно минимум 2 файла' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const merged = await PDFDocument.create();
+
+    for (const id of fileIds) {
+      const f = getFile(id);
+      if (!f) return res.status(404).json({ error: `Файл ${id} не найден` });
+      const buf = fs.readFileSync(f.path);
+      const doc = await PDFDocument.load(buf);
+      const pages = await merged.copyPages(doc, doc.getPageIndices());
+      pages.forEach(p => merged.addPage(p));
+    }
+
+    const result = await merged.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Split
+router.post('/split', express.json(), async (req, res) => {
+  const { fileId, ranges } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const srcDoc = await PDFDocument.load(buf);
+    const totalPages = srcDoc.getPageCount();
+
+    // Parse ranges: "1-3,5,7-9"
+    const pageNums = [];
+    for (const part of ranges.split(',')) {
+      const trimmed = part.trim();
+      if (trimmed.includes('-')) {
+        const [start, end] = trimmed.split('-').map(Number);
+        for (let i = start; i <= Math.min(end, totalPages); i++) pageNums.push(i);
+      } else {
+        const n = parseInt(trimmed);
+        if (n >= 1 && n <= totalPages) pageNums.push(n);
+      }
+    }
+
+    if (pageNums.length === 0) return res.status(400).json({ error: 'Нет валидных страниц' });
+
+    // Single output PDF with selected pages
+    const newDoc = await PDFDocument.create();
+    const indices = pageNums.map(n => n - 1); // 0-based
+    const copiedPages = await newDoc.copyPages(srcDoc, indices);
+    copiedPages.forEach(p => newDoc.addPage(p));
+
+    const result = await newDoc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length, pages: pageNums.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Rotate
+router.post('/rotate', express.json(), async (req, res) => {
+  const { fileId, pages, angle } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument, degrees } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const doc = await PDFDocument.load(buf);
+    const total = doc.getPageCount();
+
+    const targetPages = pages === 'all'
+      ? Array.from({ length: total }, (_, i) => i)
+      : pages.split(',').map(n => parseInt(n.trim()) - 1).filter(i => i >= 0 && i < total);
+
+    for (const idx of targetPages) {
+      const page = doc.getPage(idx);
+      const current = page.getRotation().angle;
+      page.setRotation(degrees(current + (angle || 90)));
+    }
+
+    const result = await doc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Delete pages
+router.post('/delete', express.json(), async (req, res) => {
+  const { fileId, pages } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const srcDoc = await PDFDocument.load(buf);
+    const total = srcDoc.getPageCount();
+
+    const deleteSet = new Set(pages.split(',').map(n => parseInt(n.trim()) - 1));
+    const keepIndices = Array.from({ length: total }, (_, i) => i).filter(i => !deleteSet.has(i));
+
+    if (keepIndices.length === 0) return res.status(400).json({ error: 'Нельзя удалить все страницы' });
+
+    const newDoc = await PDFDocument.create();
+    const copied = await newDoc.copyPages(srcDoc, keepIndices);
+    copied.forEach(p => newDoc.addPage(p));
+
+    const result = await newDoc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length, pages: keepIndices.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Reorder
+router.post('/reorder', express.json(), async (req, res) => {
+  const { fileId, order } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const srcDoc = await PDFDocument.load(buf);
+    const indices = order.map(n => n - 1); // 1-based to 0-based
+
+    const newDoc = await PDFDocument.create();
+    const copied = await newDoc.copyPages(srcDoc, indices);
+    copied.forEach(p => newDoc.addPage(p));
+
+    const result = await newDoc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Watermark
+router.post('/watermark', express.json(), async (req, res) => {
+  const { fileId, text, fontSize = 48, opacity = 0.3, color = '#888888' } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument, rgb, StandardFonts } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const doc = await PDFDocument.load(buf);
+    const font = await doc.embedFont(StandardFonts.Helvetica);
+
+    const r = parseInt(color.slice(1, 3), 16) / 255;
+    const g = parseInt(color.slice(3, 5), 16) / 255;
+    const b = parseInt(color.slice(5, 7), 16) / 255;
+
+    for (let i = 0; i < doc.getPageCount(); i++) {
+      const page = doc.getPage(i);
+      const { width, height } = page.getSize();
+      const textWidth = font.widthOfTextAtSize(text, fontSize);
+
+      page.drawText(text, {
+        x: (width - textWidth) / 2,
+        y: height / 2,
+        size: fontSize,
+        font,
+        color: rgb(r, g, b),
+        opacity,
+        rotate: { type: 'degrees', angle: -45 },
+      });
+    }
+
+    const result = await doc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Page numbers
+router.post('/pagenumbers', express.json(), async (req, res) => {
+  const { fileId, position = 'bottom-center', startFrom = 1 } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const { PDFDocument, rgb, StandardFonts } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const doc = await PDFDocument.load(buf);
+    const font = await doc.embedFont(StandardFonts.Helvetica);
+    const total = doc.getPageCount();
+
+    for (let i = 0; i < total; i++) {
+      const page = doc.getPage(i);
+      const { width } = page.getSize();
+      const numText = String(i + startFrom);
+      const textWidth = font.widthOfTextAtSize(numText, 10);
+
+      let x = (width - textWidth) / 2; // center
+      let y = 30;
+
+      if (position.includes('left')) x = 40;
+      if (position.includes('right')) x = width - 40 - textWidth;
+      if (position.includes('top')) y = page.getSize().height - 30;
+
+      page.drawText(numText, { x, y, size: 10, font, color: rgb(0.4, 0.4, 0.4) });
+    }
+
+    const result = await doc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Compress (Ghostscript)
+router.post('/compress', express.json(), async (req, res) => {
+  const { fileId, quality = 'ebook' } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  const outName = `compressed_${Date.now()}.pdf`;
+  const outPath = path.join(DOWNLOADS_DIR, outName);
+  const settings = { screen: '/screen', ebook: '/ebook', printer: '/printer' };
+
+  try {
+    await new Promise((resolve, reject) => {
+      const proc = spawn('gs', [
+        '-sDEVICE=pdfwrite', '-dCompatibilityLevel=1.4',
+        `-dPDFSETTINGS=${settings[quality] || '/ebook'}`,
+        '-dNOPAUSE', '-dBATCH', '-dQUIET',
+        `-sOutputFile=${outPath}`, f.path,
+      ], { timeout: 120000 });
+      proc.on('close', code => code === 0 ? resolve() : reject(new Error('Ghostscript error')));
+      proc.on('error', reject);
+    });
+
+    const stat = fs.statSync(outPath);
+    const savings = f.size > 0 ? Math.round((1 - stat.size / f.size) * 100) : 0;
+    setTimeout(() => { try { fs.unlinkSync(outPath); } catch {} }, 30 * 60 * 1000);
+
+    res.json({ downloadUrl: `/pdf/download/${outName}`, size: stat.size, savings });
+  } catch (err) {
+    try { fs.unlinkSync(outPath); } catch {}
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Protect (add password)
+router.post('/protect', express.json(), async (req, res) => {
+  const { fileId, password } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+  if (!password) return res.status(400).json({ error: 'Пароль обязателен' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const buf = fs.readFileSync(f.path);
+    const doc = await PDFDocument.load(buf);
+    doc.encrypt({ userPassword: password, ownerPassword: password });
+
+    const result = await doc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Extract text
+router.post('/extract-text', express.json(), async (req, res) => {
+  const { fileId } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  try {
+    const pdfParse = require('pdf-parse');
+    const buf = fs.readFileSync(f.path);
+    const data = await pdfParse(buf);
+    res.json({
+      text: data.text,
+      pages: data.numpages,
+      metadata: data.info || {},
+    });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// PDF to Images (Ghostscript)
+router.post('/toImages', express.json(), async (req, res) => {
+  const { fileId, format = 'png', dpi = 150 } = req.body;
+  const f = getFile(fileId);
+  if (!f) return res.status(404).json({ error: 'Файл не найден' });
+
+  const tmpDir = path.join(DOWNLOADS_DIR, `img_${Date.now()}`);
+  fs.mkdirSync(tmpDir, { recursive: true });
+  const device = format === 'jpg' ? 'jpeg' : 'png16m';
+
+  try {
+    await new Promise((resolve, reject) => {
+      const proc = spawn('gs', [
+        `-sDEVICE=${device}`, `-r${dpi}`,
+        '-dNOPAUSE', '-dBATCH', '-dQUIET',
+        `-sOutputFile=${tmpDir}/page_%03d.${format === 'jpg' ? 'jpg' : 'png'}`,
+        f.path,
+      ], { timeout: 120000 });
+      proc.on('close', code => code === 0 ? resolve() : reject(new Error('Ghostscript error')));
+      proc.on('error', reject);
+    });
+
+    // ZIP the images
+    const zipName = `pages_${Date.now()}.zip`;
+    const zipPath = path.join(DOWNLOADS_DIR, zipName);
+    const output = fs.createWriteStream(zipPath);
+    const archive = archiver('zip', { zlib: { level: 6 } });
+    archive.pipe(output);
+    archive.directory(tmpDir, false);
+    await archive.finalize();
+    await new Promise(r => output.on('close', r));
+
+    // Cleanup temp dir
+    fs.readdirSync(tmpDir).forEach(f => fs.unlinkSync(path.join(tmpDir, f)));
+    fs.rmdirSync(tmpDir);
+
+    setTimeout(() => { try { fs.unlinkSync(zipPath); } catch {} }, 30 * 60 * 1000);
+    const stat = fs.statSync(zipPath);
+    res.json({ downloadUrl: `/pdf/download/${zipName}`, size: stat.size });
+  } catch (err) {
+    try { fs.readdirSync(tmpDir).forEach(f => fs.unlinkSync(path.join(tmpDir, f))); fs.rmdirSync(tmpDir); } catch {}
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Images to PDF
+router.post('/fromImages', upload.array('images', 50), async (req, res) => {
+  if (!req.files || !req.files.length) return res.status(400).json({ error: 'Изображения не загружены' });
+
+  try {
+    const { PDFDocument } = await import('pdf-lib');
+    const doc = await PDFDocument.create();
+
+    for (const file of req.files) {
+      const imgBytes = fs.readFileSync(file.path);
+      let img;
+      if (file.mimetype === 'image/png') img = await doc.embedPng(imgBytes);
+      else img = await doc.embedJpg(imgBytes);
+
+      const page = doc.addPage([img.width, img.height]);
+      page.drawImage(img, { x: 0, y: 0, width: img.width, height: img.height });
+
+      try { fs.unlinkSync(file.path); } catch {}
+    }
+
+    const result = await doc.save();
+    const url = saveResult(Buffer.from(result), '.pdf');
+    res.json({ downloadUrl: url, size: result.length, pages: req.files.length });
+  } catch (err) {
+    req.files.forEach(f => { try { fs.unlinkSync(f.path); } catch {} });
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Download
+router.get('/download/:filename', (req, res) => {
+  const filename = path.basename(req.params.filename);
+  const filePath = path.join(DOWNLOADS_DIR, filename);
+  if (!fs.existsSync(filePath)) return res.status(404).json({ error: 'Файл не найден' });
+  res.download(filePath);
+});
+
+// Multer error handler
+router.use((err, req, res, next) => {
+  if (err instanceof multer.MulterError) {
+    if (err.code === 'LIMIT_FILE_SIZE') return res.status(413).json({ error: 'Файл слишком большой. Максимум 50MB.' });
+    return res.status(400).json({ error: err.message });
+  }
+  if (err) return res.status(400).json({ error: err.message });
+  next();
+});
+
+module.exports = router;
diff --git a/server.js b/server.js
index 7e10333..2c71c26 100755
--- a/server.js
+++ b/server.js
@@ -87,6 +87,7 @@ app.use(require('./routes/httpclient'));
 app.use(require('./routes/redirects'));
 app.use(require('./routes/svgeditor'));
 app.use('/video', require('./routes/video'));
+app.use('/pdf', require('./routes/pdf'));
 app.use(require('./routes/pages'));
 
 // Global error handler