diff --git a/.gitignore b/.gitignore
index b41c659..5f0f7cb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,9 @@ node_modules
 .DS_Store
 .history
 
+# build
+dist/
+
 # debug
 npm-debug.log*
 yarn-debug.log*
diff --git a/build.js b/build.js
new file mode 100644
index 0000000..12062f5
--- /dev/null
+++ b/build.js
@@ -0,0 +1,68 @@
+import * as esbuild from 'esbuild';
+import { cp, mkdir } from 'fs/promises';
+
+const userscriptBanner = `// ==UserScript==
+// @name         Gemini NanoBanana Watermark Remover
+// @name:zh-CN   Gemini NanoBanana 图片水印移除
+// @namespace    https://github.com/journey-ad
+// @version      0.1.0
+// @description  Automatically removes watermarks from Gemini AI generated images
+// @description:zh-CN 自动移除 Gemini AI 生成图像中的水印
+// @icon         https://www.google.com/s2/favicons?domain=gemini.google.com
+// @author       journey-ad
+// @license      MIT
+// @match        https://gemini.google.com/app/*
+// @grant        GM_xmlhttpRequest
+// @run-at       document-start
+// ==/UserScript==
+`;
+
+async function build() {
+  console.log(`Start Build... ${process.env.NODE_ENV === 'production' ? 'production' : 'development'}\r\n`);
+
+  // 构建网站 - app.js
+  console.log('Building: dist/app.js');
+  await esbuild.build({
+    entryPoints: ['src/app.js'],
+    bundle: true,
+    format: 'esm',
+    outfile: 'dist/app.js',
+    loader: { '.png': 'file' },
+    assetNames: 'assets/[name]',
+    publicPath: '/',
+    minify: process.env.NODE_ENV === 'production'
+  });
+
+  // 构建网站 - i18n.js
+  console.log('Building: dist/i18n.js');
+  await esbuild.build({
+    entryPoints: ['src/i18n.js'],
+    bundle: true,
+    format: 'esm',
+    outfile: 'dist/i18n.js',
+    minify: process.env.NODE_ENV === 'production'
+  });
+
+  // 构建油猴脚本
+  console.log('Building: dist/userscript/gemini-watermark-remover.user.js');
+  await mkdir('dist/userscript', { recursive: true });
+  await esbuild.build({
+    entryPoints: ['src/userscript/index.js'],
+    bundle: true,
+    format: 'iife',
+    outfile: 'dist/userscript/gemini-watermark-remover.user.js',
+    banner: { js: userscriptBanner },
+    loader: { '.png': 'dataurl' },
+    minify: false
+  });
+
+  // 复制静态文件
+  console.log('Copying: src/i18n -> dist/i18n');
+  await cp('src/i18n', 'dist/i18n', { recursive: true });
+  console.log('Copying: public -> dist');
+  await cp('public', 'dist', { recursive: true });
+
+  console.log('\r\n✓ Build complete');
+}
+
+build().catch(console.error);
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..6afc802
--- /dev/null
+++ b/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "gemini-watermark-remover",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "node build.js",
+    "build": "NODE_ENV=production node build.js",
+    "serve": "npx serve dist"
+  },
+  "devDependencies": {
+    "esbuild": "^0.24.0"
+  },
+  "packageManager": "pnpm@10.11.0"
+}
diff --git a/userscript/pnpm-lock.yaml b/pnpm-lock.yaml
similarity index 100%
rename from userscript/pnpm-lock.yaml
rename to pnpm-lock.yaml
diff --git a/index.html b/public/index.html
similarity index 98%
rename from index.html
rename to public/index.html
index e5d3f5c..367ef6f 100644
--- a/index.html
+++ b/public/index.html
@@ -82,6 +82,7 @@
         </h1>
       </div>
       <nav class="flex gap-2 md:gap-6 text-sm font-medium text-gray-600 items-center">
+        <a href="/userscript/gemini-watermark-remover.user.js" target="_blank" class="hidden md:inline-block hover:text-primary transition-colors" data-i18n="nav.userscript">油猴脚本</a>
         <a href="https://allenkuo.medium.com/removing-gemini-ai-watermarks-a-deep-dive-into-reverse-alpha-blending-bbbd83af2a3f" target="_blank" class="hidden md:inline-block hover:text-primary transition-colors" data-i18n="nav.principle">去水印原理</a>
         <a href="https://github.com/journey-ad/gemini-watermark-remover" target="_blank" class="hover:text-primary transition-colors">GitHub</a>
         <button id="langSwitch" class="px-3 py-1 text-nowrap border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">EN</button>
@@ -264,7 +265,7 @@
     </div>
   </div>
 
-  <script type="module" src="js/i18n.js"></script>
-  <script type="module" src="js/app.js"></script>
+  <script src="/i18n.js"></script>
+  <script src="/app.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/terms.html b/public/terms.html
similarity index 100%
rename from terms.html
rename to public/terms.html
diff --git a/js/app.js b/src/app.js
similarity index 100%
rename from js/app.js
rename to src/app.js
diff --git a/assets/bg_48.png b/src/assets/bg_48.png
similarity index 100%
rename from assets/bg_48.png
rename to src/assets/bg_48.png
diff --git a/assets/bg_96.png b/src/assets/bg_96.png
similarity index 100%
rename from assets/bg_96.png
rename to src/assets/bg_96.png
diff --git a/js/core/alphaMap.js b/src/core/alphaMap.js
similarity index 100%
rename from js/core/alphaMap.js
rename to src/core/alphaMap.js
diff --git a/js/core/blendModes.js b/src/core/blendModes.js
similarity index 100%
rename from js/core/blendModes.js
rename to src/core/blendModes.js
diff --git a/js/core/watermarkEngine.js b/src/core/watermarkEngine.js
similarity index 98%
rename from js/core/watermarkEngine.js
rename to src/core/watermarkEngine.js
index 6f827ae..6e46b72 100644
--- a/js/core/watermarkEngine.js
+++ b/src/core/watermarkEngine.js
@@ -5,9 +5,8 @@
 
 import { calculateAlphaMap } from './alphaMap.js';
 import { removeWatermark } from './blendModes.js';
-
-const BG_48_PATH = '../assets/bg_48.png';
-const BG_96_PATH = '../assets/bg_96.png';
+import BG_48_PATH from '../assets/bg_48.png';
+import BG_96_PATH from '../assets/bg_96.png';
 
 /**
  * 根据图像尺寸检测水印配置
diff --git a/js/i18n.js b/src/i18n.js
similarity index 100%
rename from js/i18n.js
rename to src/i18n.js
diff --git a/i18n/en-US.json b/src/i18n/en-US.json
similarity index 97%
rename from i18n/en-US.json
rename to src/i18n/en-US.json
index dd97d59..cddd83d 100644
--- a/i18n/en-US.json
+++ b/src/i18n/en-US.json
@@ -1,6 +1,7 @@
 {
   "title": "Gemini Watermark Remover - Lossless Watermark Removal Tool",
   "header.title": "Gemini Watermark Remover",
+  "nav.userscript": "Userscript for Gemini",
   "nav.principle": "How It Works?",
   "main.title": "Gemini AI Watermark Removal",
   "main.subtitle": "Based on reverse alpha blending algorithm, pure browser-side processing, Free, Fast, and Lossless",
diff --git a/i18n/zh-CN.json b/src/i18n/zh-CN.json
similarity index 98%
rename from i18n/zh-CN.json
rename to src/i18n/zh-CN.json
index 6a19104..8ff171a 100644
--- a/i18n/zh-CN.json
+++ b/src/i18n/zh-CN.json
@@ -1,6 +1,7 @@
 {
   "title": "Gemini Watermark Remover - Gemini 无损去水印工具",
   "header.title": "Gemini Watermark Remover",
+  "nav.userscript": "油猴脚本",
   "nav.principle": "去水印原理",
   "main.title": "Gemini AI 图像去水印",
   "main.subtitle": "基于反向 Alpha 混合算法，纯浏览器本地处理，免费、极速、无损",
diff --git a/src/userscript/index.js b/src/userscript/index.js
new file mode 100644
index 0000000..c6ab8ce
--- /dev/null
+++ b/src/userscript/index.js
@@ -0,0 +1,145 @@
+import { WatermarkEngine } from '../core/watermarkEngine.js';
+
+let engine = null;
+const processingQueue = new Set();
+
+const debounce = (func, wait) => {
+  let timeout;
+  return (...args) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func(...args), wait);
+  };
+};
+
+const loadImage = (src) => new Promise((resolve, reject) => {
+  const img = new Image();
+  img.onload = () => resolve(img);
+  img.onerror = reject;
+  img.src = src;
+});
+
+const canvasToBlob = (canvas, type = 'image/png') =>
+  new Promise(resolve => canvas.toBlob(resolve, type));
+
+const isValidGeminiImage = (img) =>
+  /=s\d+\-rj/.test(img.src) || (img.naturalWidth >= 256 && img.naturalHeight >= 256);
+
+const findGeminiImages = () =>
+  [...document.querySelectorAll('img[src*="googleusercontent.com"]')].filter(isValidGeminiImage);
+
+const fetchBlob = (url) => new Promise((resolve, reject) => {
+  // use GM_xmlhttpRequest to fetch image blob to avoid cross-origin issue
+  GM_xmlhttpRequest({
+    method: 'GET',
+    url,
+    responseType: 'blob',
+    onload: (response) => resolve(response.response),
+    onerror: reject
+  });
+});
+
+const replaceWithNormalSize = (src) => {
+  // use normal size image to fit watermark
+  return src.replace(/=s\d+.+$/, '=s0');
+}
+
+async function processImage(imgElement) {
+  if (!engine || processingQueue.has(imgElement)) return;
+
+  processingQueue.add(imgElement);
+  imgElement.dataset.watermarkProcessed = 'processing';
+
+  try {
+    if (!isValidGeminiImage(imgElement)) {
+      imgElement.dataset.watermarkProcessed = 'skipped';
+      return;
+    }
+
+    const originalSrc = imgElement.src;
+    imgElement.src = '';
+    imgElement.dataset.src = originalSrc;
+
+    const blob = await fetchBlob(replaceWithNormalSize(originalSrc));
+    const blobUrl = URL.createObjectURL(blob);
+    const img = await loadImage(blobUrl);
+    const canvas = await engine.removeWatermarkFromImage(img);
+    const processedBlob = await canvasToBlob(canvas);
+
+    URL.revokeObjectURL(blobUrl);
+    imgElement.src = URL.createObjectURL(processedBlob);
+    imgElement.dataset.watermarkProcessed = 'true';
+
+    console.log('[Gemini Watermark Remover] Processed image');
+  } catch (error) {
+    console.warn('[Gemini Watermark Remover] Failed to process image:', error);
+    imgElement.dataset.watermarkProcessed = 'failed';
+  } finally {
+    processingQueue.delete(imgElement);
+  }
+}
+
+const processAllImages = () => {
+  const images = findGeminiImages();
+  console.log(`[Gemini Watermark Remover] Found ${images.length} images to process`);
+  images.forEach(processImage);
+};
+
+const setupMutationObserver = () => {
+  new MutationObserver(debounce(processAllImages, 100))
+    .observe(document.body, { childList: true, subtree: true });
+  console.log('[Gemini Watermark Remover] MutationObserver active');
+};
+
+async function processImageBlob(blob) {
+  const blobUrl = URL.createObjectURL(blob);
+  const img = await loadImage(blobUrl);
+  const canvas = await engine.removeWatermarkFromImage(img);
+  URL.revokeObjectURL(blobUrl);
+  return canvasToBlob(canvas);
+}
+
+const GEMINI_URL_PATTERN = /^https:\/\/lh3\.googleusercontent\.com\/rd-gg(-dl)?\//; // downloadable image url pattern
+
+// Intercept fetch requests to replace downloadable image with the watermark removed image
+const { fetch: origFetch } = unsafeWindow;
+unsafeWindow.fetch = async (...args) => {
+  const url = typeof args[0] === 'string' ? args[0] : args[0]?.url;
+  if (GEMINI_URL_PATTERN.test(url)) {
+    console.log('[Gemini Watermark Remover] Intercepting:', url);
+
+    const origUrl = replaceWithNormalSize(url);
+    if (typeof args[0] === 'string') args[0] = origUrl;
+    else if (args[0]?.url) args[0].url = origUrl;
+
+    const response = await origFetch(...args);
+    if (!engine || !response.ok) return response;
+
+    try {
+      const processedBlob = await processImageBlob(await response.blob());
+      return new Response(processedBlob, {
+        status: response.status,
+        statusText: response.statusText,
+        headers: response.headers
+      });
+    } catch (error) {
+      console.warn('[Gemini Watermark Remover] Processing failed:', error);
+      return response;
+    }
+  }
+
+  return origFetch(...args);
+};
+
+(async function init() {
+  try {
+    console.log('[Gemini Watermark Remover] Initializing...');
+    engine = await WatermarkEngine.create();
+
+    processAllImages();
+    setupMutationObserver();
+
+    console.log('[Gemini Watermark Remover] Ready');
+  } catch (error) {
+    console.error('[Gemini Watermark Remover] Initialization failed:', error);
+  }
+})();
\ No newline at end of file
diff --git a/test.html b/test.html
deleted file mode 100644
index bb342db..0000000
--- a/test.html
+++ /dev/null
@@ -1,196 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>算法测试 - Gemini 去水印工具</title>
-    <style>
-        body {
-            font-family: monospace;
-            padding: 20px;
-            background: #f5f5f5;
-        }
-        .test-section {
-            background: white;
-            padding: 20px;
-            margin-bottom: 20px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-        .test-result {
-            padding: 10px;
-            margin: 10px 0;
-            border-radius: 4px;
-        }
-        .success {
-            background: #d4edda;
-            color: #155724;
-        }
-        .error {
-            background: #f8d7da;
-            color: #721c24;
-        }
-        canvas {
-            border: 1px solid #ddd;
-            margin: 10px 0;
-        }
-    </style>
-</head>
-<body>
-    <h1>Gemini 去水印工具 - 算法测试</h1>
-
-    <div class="test-section">
-        <h2>测试 1: Alpha Map 计算</h2>
-        <div id="test1-result"></div>
-        <canvas id="test1-canvas" width="48" height="48"></canvas>
-    </div>
-
-    <div class="test-section">
-        <h2>测试 2: 水印检测</h2>
-        <div id="test2-result"></div>
-    </div>
-
-    <div class="test-section">
-        <h2>测试 3: 反向 Alpha 混合</h2>
-        <div id="test3-result"></div>
-        <canvas id="test3-before" width="100" height="100"></canvas>
-        <canvas id="test3-after" width="100" height="100"></canvas>
-    </div>
-
-    <script type="module">
-        import { calculateAlphaMap } from './js/core/alphaMap.js';
-        import { removeWatermark } from './js/core/blendModes.js';
-        import { detectWatermarkConfig, calculateWatermarkPosition } from './js/core/watermarkEngine.js';
-
-        // 测试 1: Alpha Map 计算
-        function test1() {
-            const canvas = document.getElementById('test1-canvas');
-            const ctx = canvas.getContext('2d');
-
-            // 创建一个渐变测试图像
-            const gradient = ctx.createLinearGradient(0, 0, 48, 48);
-            gradient.addColorStop(0, 'black');
-            gradient.addColorStop(1, 'white');
-            ctx.fillStyle = gradient;
-            ctx.fillRect(0, 0, 48, 48);
-
-            // 获取 ImageData
-            const imageData = ctx.getImageData(0, 0, 48, 48);
-
-            // 计算 alpha map
-            const alphaMap = calculateAlphaMap(imageData);
-
-            // 验证结果
-            const result = document.getElementById('test1-result');
-            if (alphaMap instanceof Float32Array && alphaMap.length === 48 * 48) {
-                result.className = 'test-result success';
-                result.innerHTML = `
-                    ✓ Alpha map 计算成功<br>
-                    - 类型: Float32Array<br>
-                    - 长度: ${alphaMap.length}<br>
-                    - 最小值: ${Math.min(...alphaMap).toFixed(3)}<br>
-                    - 最大值: ${Math.max(...alphaMap).toFixed(3)}
-                `;
-            } else {
-                result.className = 'test-result error';
-                result.textContent = '✗ Alpha map 计算失败';
-            }
-        }
-
-        // 测试 2: 水印检测
-        function test2() {
-            const result = document.getElementById('test2-result');
-            let html = '';
-
-            // 测试不同尺寸
-            const testCases = [
-                { width: 512, height: 512, expected: 48 },
-                { width: 1024, height: 1024, expected: 48 },
-                { width: 2048, height: 2048, expected: 96 },
-                { width: 1920, height: 1080, expected: 48 },
-                { width: 3840, height: 2160, expected: 96 }
-            ];
-
-            let allPassed = true;
-            testCases.forEach(test => {
-                const config = detectWatermarkConfig(test.width, test.height);
-                const position = calculateWatermarkPosition(test.width, test.height, config);
-                const passed = config.logoSize === test.expected;
-                allPassed = allPassed && passed;
-
-                html += `
-                    <div style="margin: 5px 0;">
-                        ${passed ? '✓' : '✗'} ${test.width}×${test.height}:
-                        检测到 ${config.logoSize}×${config.logoSize}
-                        (期望 ${test.expected}×${test.expected})
-                        位置: (${position.x}, ${position.y})
-                    </div>
-                `;
-            });
-
-            result.className = `test-result ${allPassed ? 'success' : 'error'}`;
-            result.innerHTML = html;
-        }
-
-        // 测试 3: 反向 Alpha 混合
-        function test3() {
-            const canvasBefore = document.getElementById('test3-before');
-            const canvasAfter = document.getElementById('test3-after');
-            const ctxBefore = canvasBefore.getContext('2d');
-            const ctxAfter = canvasAfter.getContext('2d');
-
-            // 创建一个简单的测试图像（红色背景）
-            ctxBefore.fillStyle = 'red';
-            ctxBefore.fillRect(0, 0, 100, 100);
-
-            // 模拟添加白色水印（alpha = 0.5）
-            ctxBefore.fillStyle = 'rgba(255, 255, 255, 0.5)';
-            ctxBefore.fillRect(25, 25, 50, 50);
-
-            // 获取带水印的图像数据
-            const imageData = ctxBefore.getImageData(0, 0, 100, 100);
-
-            // 创建一个简单的 alpha map（中心区域 alpha = 0.5）
-            const alphaMap = new Float32Array(50 * 50);
-            alphaMap.fill(0.5);
-
-            // 应用反向 alpha 混合
-            const position = { x: 25, y: 25, width: 50, height: 50 };
-            removeWatermark(imageData, alphaMap, position);
-
-            // 显示处理后的图像
-            ctxAfter.putImageData(imageData, 0, 0);
-
-            // 验证结果（检查中心像素是否接近红色）
-            const centerPixel = imageData.data[(50 * 100 + 50) * 4];
-            const result = document.getElementById('test3-result');
-
-            if (centerPixel > 200) { // 应该接近 255 (红色)
-                result.className = 'test-result success';
-                result.innerHTML = `
-                    ✓ 反向 alpha 混合成功<br>
-                    - 处理前: 带白色半透明水印<br>
-                    - 处理后: 恢复为红色背景<br>
-                    - 中心像素红色值: ${centerPixel} (期望 > 200)
-                `;
-            } else {
-                result.className = 'test-result error';
-                result.innerHTML = `
-                    ✗ 反向 alpha 混合失败<br>
-                    - 中心像素红色值: ${centerPixel} (期望 > 200)
-                `;
-            }
-        }
-
-        // 运行所有测试
-        try {
-            test1();
-            test2();
-            test3();
-        } catch (error) {
-            console.error('测试失败:', error);
-            alert('测试失败: ' + error.message);
-        }
-    </script>
-</body>
-</html>
diff --git a/userscript/build.js b/userscript/build.js
deleted file mode 100644
index c99014a..0000000
--- a/userscript/build.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import * as esbuild from 'esbuild';
-
-const banner = `// ==UserScript==
-// @name         Gemini Watermark Remover
-// @namespace    https://github.com/journey-ad
-// @version      1.0.0
-// @description  Automatically removes watermarks from Gemini AI generated images
-// @author       journey-ad
-// @match        https://gemini.google.com/app/*
-// @grant        GM_xmlhttpRequest
-// @run-at       document-start
-// ==/UserScript==
-`;
-
-await esbuild.build({
-  entryPoints: ['index.js'],
-  bundle: true,
-  outfile: 'dist/gemini-watermark-remover.user.js',
-  format: 'iife',
-  banner: { js: banner },
-  loader: {
-    '.png': 'dataurl'
-  }
-});
-
-console.log('✓ Build complete: gemini-watermark-remover.user.js');
diff --git a/userscript/dist/gemini-watermark-remover.user.js b/userscript/dist/gemini-watermark-remover.user.js
deleted file mode 100644
index 6dc6f1e..0000000
--- a/userscript/dist/gemini-watermark-remover.user.js
+++ /dev/null
@@ -1,309 +0,0 @@
-// ==UserScript==
-// @name         Gemini Watermark Remover
-// @namespace    https://github.com/journey-ad
-// @version      1.0.0
-// @description  Automatically removes watermarks from Gemini AI generated images
-// @author       journey-ad
-// @match        https://gemini.google.com/app/*
-// @grant        GM_xmlhttpRequest
-// @run-at       document-start
-// ==/UserScript==
-
-(() => {
-  // ../js/core/alphaMap.js
-  function calculateAlphaMap(bgCaptureImageData) {
-    const { width, height, data } = bgCaptureImageData;
-    const alphaMap = new Float32Array(width * height);
-    for (let i = 0; i < alphaMap.length; i++) {
-      const idx = i * 4;
-      const r = data[idx];
-      const g = data[idx + 1];
-      const b = data[idx + 2];
-      const maxChannel = Math.max(r, g, b);
-      alphaMap[i] = maxChannel / 255;
-    }
-    return alphaMap;
-  }
-
-  // ../js/core/blendModes.js
-  var ALPHA_THRESHOLD = 2e-3;
-  var MAX_ALPHA = 0.99;
-  var LOGO_VALUE = 255;
-  function removeWatermark(imageData, alphaMap, position) {
-    const { x, y, width, height } = position;
-    for (let row = 0; row < height; row++) {
-      for (let col = 0; col < width; col++) {
-        const imgIdx = ((y + row) * imageData.width + (x + col)) * 4;
-        const alphaIdx = row * width + col;
-        let alpha = alphaMap[alphaIdx];
-        if (alpha < ALPHA_THRESHOLD) {
-          continue;
-        }
-        alpha = Math.min(alpha, MAX_ALPHA);
-        const oneMinusAlpha = 1 - alpha;
-        for (let c = 0; c < 3; c++) {
-          const watermarked = imageData.data[imgIdx + c];
-          const original = (watermarked - alpha * LOGO_VALUE) / oneMinusAlpha;
-          imageData.data[imgIdx + c] = Math.max(0, Math.min(255, Math.round(original)));
-        }
-      }
-    }
-  }
-
-  // ../js/core/watermarkEngine.js
-  var BG_48_PATH = "../assets/bg_48.png";
-  var BG_96_PATH = "../assets/bg_96.png";
-  function detectWatermarkConfig(imageWidth, imageHeight) {
-    if (imageWidth > 1024 && imageHeight > 1024) {
-      return {
-        logoSize: 96,
-        marginRight: 64,
-        marginBottom: 64
-      };
-    } else {
-      return {
-        logoSize: 48,
-        marginRight: 32,
-        marginBottom: 32
-      };
-    }
-  }
-  function calculateWatermarkPosition(imageWidth, imageHeight, config) {
-    const { logoSize, marginRight, marginBottom } = config;
-    return {
-      x: imageWidth - marginRight - logoSize,
-      y: imageHeight - marginBottom - logoSize,
-      width: logoSize,
-      height: logoSize
-    };
-  }
-  var WatermarkEngine = class _WatermarkEngine {
-    constructor(bgCaptures) {
-      this.bgCaptures = bgCaptures;
-      this.alphaMaps = {};
-    }
-    static async create() {
-      const bg48 = new Image();
-      const bg96 = new Image();
-      await Promise.all([
-        new Promise((resolve, reject) => {
-          bg48.onload = resolve;
-          bg48.onerror = reject;
-          bg48.src = BG_48_PATH;
-        }),
-        new Promise((resolve, reject) => {
-          bg96.onload = resolve;
-          bg96.onerror = reject;
-          bg96.src = BG_96_PATH;
-        })
-      ]);
-      return new _WatermarkEngine({ bg48, bg96 });
-    }
-    /**
-     * 从背景捕获图像获取 alpha map
-     * @param {number} size - 水印尺寸 (48 或 96)
-     * @returns {Promise<Float32Array>} Alpha map
-     */
-    async getAlphaMap(size) {
-      if (this.alphaMaps[size]) {
-        return this.alphaMaps[size];
-      }
-      const bgImage = size === 48 ? this.bgCaptures.bg48 : this.bgCaptures.bg96;
-      const canvas = document.createElement("canvas");
-      canvas.width = size;
-      canvas.height = size;
-      const ctx = canvas.getContext("2d");
-      ctx.drawImage(bgImage, 0, 0);
-      const imageData = ctx.getImageData(0, 0, size, size);
-      const alphaMap = calculateAlphaMap(imageData);
-      this.alphaMaps[size] = alphaMap;
-      return alphaMap;
-    }
-    /**
-     * 移除图像上的水印
-     * @param {HTMLImageElement|HTMLCanvasElement} image - 输入图像
-     * @returns {Promise<HTMLCanvasElement>} 处理后的 canvas
-     */
-    async removeWatermarkFromImage(image) {
-      const canvas = document.createElement("canvas");
-      canvas.width = image.width;
-      canvas.height = image.height;
-      const ctx = canvas.getContext("2d");
-      ctx.drawImage(image, 0, 0);
-      const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-      const config = detectWatermarkConfig(canvas.width, canvas.height);
-      const position = calculateWatermarkPosition(canvas.width, canvas.height, config);
-      const alphaMap = await this.getAlphaMap(config.logoSize);
-      removeWatermark(imageData, alphaMap, position);
-      ctx.putImageData(imageData, 0, 0);
-      return canvas;
-    }
-    /**
-     * 获取水印信息（用于显示）
-     * @param {number} imageWidth - 图像宽度
-     * @param {number} imageHeight - 图像高度
-     * @returns {Object} 水印信息
-     */
-    getWatermarkInfo(imageWidth, imageHeight) {
-      const config = detectWatermarkConfig(imageWidth, imageHeight);
-      const position = calculateWatermarkPosition(imageWidth, imageHeight, config);
-      return {
-        size: config.logoSize,
-        position,
-        config
-      };
-    }
-  };
-
-  // ../assets/bg_48.png
-  var bg_48_default = "data:image/png;base64,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";
-
-  // ../assets/bg_96.png
-  var bg_96_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAfrElEQVR4nJV9zXNc15Xf75zXIuBUjG45M7GyEahFTMhVMUEvhmQqGYJeRPTG1mokbUL5v5rsaM/CkjdDr4b2RqCnKga9iIHJwqCyMCgvbG/ibparBGjwzpnF+bjnvm7Q9isU2Hj93r3nno/f+bgfJOaZqg4EJfglSkSXMtLAKkRETKqqRMM4jmC1Z5hZVZEXEylUiYgAISKBf8sgiKoqDayqIkJEKBeRArh9++7BwcHn558/+8XRz//30cDDOI7WCxGBCYCIZL9EpKoKEKCqzFzpr09aCzZAb628DjAAggBin5UEBCPfuxcRiIpIG2+On8TuZ9Ot9eg+Pxt9+TkIIDBZL9lU/yLv7Czeeeedra2txWLxzv948KXtL9WxGWuS1HzRvlKAFDpKtm8yGMfRPmc7diVtRcA+8GEYGqMBEDEgIpcABKqkSiIMgYoIKQjCIACqojpmQ+v8IrUuRyVJ9pk2qY7Gpon0AIAAJoG+8Z/eaGQp9vb2UloCFRWI6igQJQWEmGbeCBGI7DMpjFpmBhPPBh/zbAATRCEKZSgn2UzEpGyM1iZCKEhBopzq54IiqGqaWw5VtXAkBl9V3dlUpG2iMD7Yncpcex7eIO/tfb3IDbu7u9kaFTv2Xpi1kMUAmJi5ERDWnZprJm/jomCohjJOlAsFATjJVcIwzFgZzNmKqIg29VNVIiW2RkLD1fGo2hoRQYhBAInAmBW/Z0SD9y9KCmJ9663dVB8o3n77bSJ7HUQ08EBEzMxGFyuxjyqErwLDt1FDpUzfBU6n2w6JYnRlrCCljpXMDFUEv9jZFhDoRAYo8jDwMBiVYcwAYI0Y7xuOAvW3KS0zM7NB5jAMwdPR/jSx77755ny+qGqytbV1/fr11Oscnph+a1PDqphErjnGqqp0eYfKlc1mIz4WdStxDWJms8+0IITdyeWoY2sXgHFalQBiEClctswOBETqPlEASXAdxzGG5L7JsA/A/q1bQDEkAoAbN27kDbN6/1FVHSFjNyS3LKLmW1nVbd9NHsRwxBCoYaKqmpyUREl65IYzKDmaVo1iO0aEccHeGUdXnIo4CB+cdpfmrfHA5eVlEXvzdNd3dxtF4V/39/cFKujIJSIaWMmdReqFjGO2ZpaCUGRXc1COvIIOhbNL3acCQDb2Es5YtIIBI3SUgZw7Ah1VBKpQmH0RlCAQ81noVd16UnKMpOBa93twRbvx9t5ivnC1MQ4Rwaxsd7eyu36wUQzkxDMxmd9Rl6uxyaU+du6/sEBERkMrUmSgY97DyGN7pwlc4UqUuq1q0Cgi6LlrHtY0yNQnv5qMZ/23iHexf/OmhXr5ajZycHC/oklqsT1BAYK1lxy/RtCUNphW0uDCZUdJP3UBCgAwmEYVoiEBmyBEauFJ0w4JnGdWSvCHJHK5TimY3BW5hUqNnoxpNkYiWuzM927sdWakjUfXd3cX83mMzBVcRaAGgo0wOA5YvGZdiMjo5sZEA4NLMK2SKAZpumZDViWMgBjgFoHXq0p7YpberAgA5iC0iMgF7r4fKX/nZDSmqvfu3attrne0f+tWCsmxdhhSlao/yp5SkZkpoj6dtN/rshANptFVfZgtsHAJSKYmREqkDNWxSYM5GjWvpIAoGIJIgkR1lPBrEQCqQiwzM91G+ACGYLHz+q39W5UlTkC5c/f2nWvXrjnQBLKk3WlkdqRQESIGKPwdjxp4Fw4XmaVYKKUQqKE+GEqw4COIIZHwYqkpqtpsLeJOs50ItFpgYoJJL1Dl74lEoobLChbqARiGYX9/XzHV3OzU/tza2rp7925VE44rlcJlTi2VqcplXWeQMfVTmg63Cak+UIIXVQXzbHAzjywnHhsQTtSkoapE3GJiu6Tpp/VYs1PjkcHBl+c7+/v7BKoaQ2SOCCDNb27fuX1t65qJmgYWBIIw0eDphRJM8lr426ROMABSQs3FwAB5EDMMM+ZZlXc+gprFQDnMm2salYFGdQEosU+2aFmuMdX+ybdM8kb3/YP788WihUONJiViTVgnbG9/6c7du0Q0ljCKIoJvFBY3VEU2USuQELdMkJhNhKZiGmlTY5CZTyZyImLGLlBNpRUikKmRB2/mHUM7Mj50iYWXcUMI6YmKBX47Ozs3b36jKg4oYgKFNUupWap3bt+Z7+xYDigiSiygcRyppNkM0lHM1ZICMjJUVCz4NtlbVcfZqgohHaEQwUgtlyoYJ9KKT6lKIpLp/LpbMV3wBKIm0OKZoaq/raOM/3qJgkQUEj44OLCRh4ynvjLU2f/c3tp68OBBakcx2FYkMDmJiNmIB3PULjT1j7ciQKnxXQ2UeBgYUHMzAEQvFSNYlYQwQFrEGVA1dE2IQERMAgMEYjCRDzPPKmX2+e0be/vfuBkKktgIoqaGwbMmmL29vTff3I1xewUqC0Cq5nOK6TFqrquqyqoOUi11hPnZsUV8FLHiQAxRRoG0asNExMNg+XdVv57TbQAWR4hLz6Dh0kJEVU0LB/BO6MJEObuakY2td3Hvfvfd7e1t6omMyAUAtBaOyxUm1hHfY5NbwBClC2Sg51qmYJANzx2JjtAxogZk7uspj3PNQx6DYCJmmmkEqESkKqZlKfaDeweL+VxrvFwGktwBoAnU4c4W88X9gwNS8TqBR+3+UGW4KQcR7GGyorcIhyKnETAzgxkDqZKKoZiqZNbUkm/K8K5wfRIUVAiotfcUiKpSqwB6Vqnq6PPVr3713r17zfLXL+rvR9ICdSC/ffvO7u51J52b+mdklLDNnNoRH/q6lUZoHmQjm2UmzUpGhElehIZ0fHE8F4XoQDOGFRXJ80e28iKrEmGQEYl/RMqzGZhFHC/mX955/72/s8jMR7+RR21U8bV9DA159913t7f/HdEAZVI2s4o40Avno14Gs9j9aY1CGth7nsjMEX+LYIQQKUcVqahAKkhyN0EhYajoUfMpLWpwf+/Ba7mDg4OD+c7CzCgUr5MwjCkGF9IqCl0pjTBfLL77ne8YiQ0uu8C6hdfVRWRMv24Wlo4F9Gg+Q0RliqMRMdjT1fWYfKxCmDcBj1kAWADmwAYmZfMCYFXC3x7cu7l/s3aSvxQgTutWr5umi4sPYWoAsHdj787f3CZS1bFiykAzCBGxjKo0jIFKqqPIZdR61GZZmBkggM39JdYyD9mmiLAqVDDhKFFXh88Xwr6iqoQWQVRWpg4CgOj169cP7h1URdCsKJKDVGOcexxMwoCJur3zzjtvvvlmEWpTZx3B/BplfBQSjVG0cC+RyzNEbSqGzPtIiSnQziom7AVgcJ+2mYoSaPAqTxbx3PGJVtS3Mtt8/vr7f/felWijUFFMHFpGiRWzC2Db9f7777/++rwW5y/FFEqho1uHKBMDnGhrHj39jE8ujqqqIMdsq4VZENfGU6UBQGS0e7XMXJ9J866/VTNphkB3dnYePny4tbVV360aMf1btUEzrX3f5+vb29sPH364mM9TZw1rndpWq3HK1wsAOQoeuijRO7Q2lUSQDlut7mPqbNZYp5KJyGZfqjVx5Htl1ghgnr8+//B7Hy4WiylrvK3yO3lAoLCyyENexdT54vXvffi9+Zd3krzWPCmjhoJUw+6cNVNVUlYlJcEwad7wNN8n8vpGIr/VSqg9AAf5Rk1KI8DbMkVsb29/+DC4c7U77741gK55WSIRNXY2ZbTocbH44IMPtra2mNnTV3fBha/FRyNYv0mp1+4ARAOriAXDSqIK5kEtrFQwD5k0O/sJsNS5xARtxYUCTPPXd95/7/2v/sc3oo/SNSHgxP5qk/QETy+d1sI4f4DQyiB5RwFguVz94B9+sFwumVkuPd2hCBpVRxXYDGiUotlm7pQ8MRAoiAY0F6SjqcXANjBVtaUtEQwrs8fvlgTGMwT48pc6Z5D8ev311x9++HA+n1OIpDGIHEpy6M6g6uJTa6x8BlKrqCO8WyffxrXVavXo0aPVapVZVap/zBrYSNtnJWmCV62fAZByA+nIGxiIUiBskYy7ZGtLCb5GoiS3KOoa3FkAJXGpHrrVEBUTPbcgsY83jF+K9dpspmz+13w+//Dhhzs7O4YGCYh1MqrhdLzV1i6VycUasvgaEcN80ybEjBUNHDBkDnxQ7bhjgsolI2+99dZ77723tbUVaw7Mhf8lFxUdydBR+/trPKJ4CsD5+fnHH398dnZm34dTK1ojwp57kJJHaomzFafYqoLD7Jqqyviv5iOTQV3oSMX02yxeV/S8fef2tx98GxvB7y+6NvJigkf9Y+Ytar+Hh4eHP3uao1ARtnRd1Tz1RschyGURREQDzVSViGeqHllVDVJV046CTVZAaBUr++e1115799139/b2/oIB/5nf+3dmlpFuxFfUMwW9ChyfHB8+fbparXzsANEACKACxxq7HD3JEk57nckKzRRrEOr0rk+o2qPsXPeyb/gvr5Ardnd3v/Pud82dV/q6QeJP8GjKkfyNeHddg9Y4st77arX64ccf/f73v4cID1CBxMIdtizMWSMI7xzYxMmBzFAasqShWdBd4uP2GoBr167dPzi4fefOnzvsyajSneczsAC8Wk7vuSjuqm7UoI3COPzZ039+eig2HUDwWg+8dgxEEkIWqDqDEJ6deDYQKcTr8LGMzCbsWwJBRKphVord3d3vfue788V8M3HNbVOSEXyJxyYMqhxZG2TXxeSP3g9ufHH1cvlPT56cnp5G+JmFSDe9EqmIGVchakDeyuds2seZyTyOl4AHkPOdnQcPvr1344ZFfH0E6ExxRhRV8BrN1CG194nR0qwW9BbDqdwpZjjVIwoaqvYRYKj0yeHy5UvYmuVSFOw6goeOnq/Nrr3WKo9j1ZqWyAhGAFuvbd+9e/f2ndvb29ubHA2Zs82eJpy6Mthr/KXmrjc/ENyZ3J+E6Y2hrsDEbfAnJ8efHD5dLpdMM1UFCW2EToB8RqPN0rj9ZyUo37y2de3u3Tt3bt/1GOcV+l+tqR+AM+iqd5uou/rQn8GgK9halcsTDn9/uVwdnxwf//JfVqsVD6gFE9iyX26RdHPtlkZYSgHAErSdxfyb3/zm7dt/s7W1vWlkV4/zFWpy1firt9qoTVfx6CpyOvPsX1aAcHJ8cnh4uFqtmFnkkpkrr+CxDDvuGu6kHu2++ebBwf3d67vxKLDuNeqw1z3OVfHeK4Zn6sCEUcG2WGYtpvuL4tA1oytNOGT/6lenJycnn356CkDEc4OEFwJ7+AdAFbu71/f29m7d2u9UpoYnVw3sFXrRkRufuupUfEFrjVwdBF3ZC2LsiKrAelSl3TvM/Ic//OHs7Ozk5P+enZ3lYigzMWxtbb99Y+/69et7e3tXmhKV1oMEb4XNvF2DpgBUjSX5EP62Mah5/U2hzSsYtNFsJ8C0Rnx8pUmMmkmKrlarFy/Onj9//tvf/na5XNKd/3rnwTsPGgUdCnh+0cF87SZ1ta2gaBR2JE/AuwsCE8ZfwQWahpT55JW2TNMQqQ6qNexfhKQ6Mf/0pz/lO7dbKFwmgaxbLVyaEFy7105lJhFyzyqvJKxHwGVSrNKdXXR8mejZ5FnP4LXeL2sl2jYDiqmaYE0Tvjnxe/fuzba3m02VMnCIND53I6qmUc1nSjQBWise6WiNYi39IZEh6JtyhLLmuHZV9TRnIvF6amqngGZPhgzkAiZE+wbJpIrPzy/48OnTJpM1BEAKk6b369gmH6+6GXpBU4doItA11KgtaNPojV2o1yK5GW8PfOtXgE+17q7jo6NnRAN/5Stf+ev/8Fdf//rXd3enm0omUeYr/Nhffl0BORT68oqoEuXVDS5s7ZWNnNoI4UrnFxfPT391dnZ2enp6cXER6yBdD8fd3es3b+6/9dZb8/l8I+VY49qfc00z1Y6u9ac3RxUdmmn/cG1yveUJg7Sgftw8Pz8/Pjk+PX3+4uw3sdRHPZImanXZTMG+duNrt27t3/jaXhJxZbmno6/knzUXWwvSYClSK25c4Yw6gIdepcSb4G/DY5PnCQDOzl4cPj08++zXICLL46XlsV6Trjuw/GJV1fmXF/fv379586bfs2nDnBhZj32ok0/mX5EuUoQejJgNmPJi3aP/ycG/ysSom0FC082Li4ufPzs6OTlZLpeAwFKuEcaNnA0lWxgdjQ0gYZBqrIwQArCzmO/v79+6ub9YLCpTYOFPDuwqkitY2AjDH13hl4IxtBbLKCZhgze6ITQl0HqmQoCen58/Ozo6Ojq6uDi3u5ZmCSmJTe359AQREc+GtqJFGSQQJfKikk2ejSrMvPPvv3z//v2b+zfTrVYoVcvjwoF0SlyVCx3FmxiU4fb6yHsG1cFr90wPN63li4vznx/9/Ojo6PKLL2SSmDIJKSuRwnbrkA9zKLPPZWrQ9gXaQit7wOrQO/Odb33rW9/4L9+oGjSpARGzqnS2UEOVdW5sMCKsffEnUKWZ/BXX6enzJz958vLlS1X1FQheWeS0GFtCZ3X3WIo5+KKY5stiupaI6opMz3GZANz4z1978ODBYrFoeUKfgmX9xW+/gkEbsXnCkbU7V3iM4v+K7qxWy398/Pizz36TrwwE9X3ABoheurcimRtXaJBnEiWf4GSQ1Wvd58XmGYQ23bt3r+1n2ui101w2lUr6Ofu+KDEpg1IkhH0jU/ZuigmPnh09fXp4fn6eKzU2XsoKUQjIdkBlyZVn4c/iVkxoxzrNXL9xOdb5eHvrjTfe+OCDDyp4b2SQm6F/bgtLu2pHA/5N0L0mgA0S6Rm0XC4f//jxixdnceNKBhGR2L567eaWYRoEoJ/0aK95Md+wRpQAHmw7kACggSG6WCwODg5u7u9vcM9XaRCF9+3jvaicYN15rcfWVzDIGz09ff74x48vLi4A9FseNzNLWZNB1KHqAIqDSMLq6mDK/pmOr6Q2ly+qqsMw/Le//e8H9w4azYRalNow9+AimUxaxCsVa9KR2/Kq0Pe4vcYz4MmTJ89+8YtCrU4MPKew2h0SU6QEk4yk850oWnmtk0EEjHmmi/VRS/q5CMaM8vr16++/957PeRBitdhVCzNcI7qAux+nZ4/UsQxTEXZQdH5+/tGPPn7x4oWq5GxwQQ+NhWXJoDjxhe2Ui6G0HBPWRCTSlpo7BCkTs+olgG4e0rkZGsfJaVLVxWLx8H8+XMznyEmFcCydEoW+ELKy8cqSGLCBy0hccxnYEqHly1UObxPuCMfydj91Bc2LDTSrs/CqI2EGYFMtmOx+S2VhSUZZ4u9QLQS2A1QEwM7O3BffrYWF6YIzBdkQ2uGK53WNWzViUl2ulo++/2i5XKLUQNOOTIQiYqbEakstxRb2JINIbXkU5wrGXGmPbAgZJdcVMOl3y0Ly/M3lWJ9VEkrTMJ84Qu0WW1MutfBV7dO3+ue7y5RTAf3d73//6PuPVqsl+c4aSiKnjdTRZgUvky3/t+zUj09TmjBFNcc5W31suyL8RCHKw3B8N81yufz7//X3v/vd79aGWWq36zqbVW2DHu0fs5ps7GktjdByufqHH/zgjy//qLEsNVdC2+4dKqXV2oCtb23jL1LPq+UZlUrPRAqDc7N0ZVY04SqtfpKJEuHi4vyjH320XC2nbGj+qTXXfdW7+ahBxsq9CMqT0cvl8tH3H33++YWI5BkYuTbQ9rvVrQGq+SFsIltTtYAmFwnDViSWJasEMCnn+o/c/7O+oc46U4UgVGno9GK1XD569Gi5XPYimVgdHGK1vFt4qCV8d0ii6JuwXK3MnAVj2TuWg9dRR49gYhE086BKNVMloE1Lw/fca9jWZJ10YAqocrrpZ2RYkQAUi7EZ2u78L1qtlo8ePfr88/PKlLoDeO3qgc9/ty4pC+SE8/PzR99/9PLly/SheS5FwWYQkc2419XubaRxpd1pH0O0fQwASGEnvqgqg9HtAnEzti0yOQoiUoIyUZyhkZdt0lwtlx9/9BEZpqjz28ZNayq5XpmncFXFLJxzH/3wRy9Xf6y8HmjI0AwA0WDrEicupfQ2ilzqeGknGZF6WFwpKkd0qdoJQxOZNlQKh1/QqY1wcpiGxoJGIrx4cfbkyZP1Nifkls/Ni657Hvv+8PDwsxcv1llsM+vWRJtij73y651edeUzTCozbh5RMAqUZ4PtpFcdY3NGxKDEqcLKUKaBZmzbHdqPeZA2tl8cPXt+ejrhjmqBmG5uVpsfy3XVoYBQHP/yl08PnyLO74PFYoCq2lqvcpnDFekPb/SKDw2qJJ1c/SQT1VFVBlsK3JxixIe2/WCC9iJQ6jCrEqL98QLsx9IN7tmZ/vHx4+VyOZGSa3QN+Vro539NnOZqtfrZz35GsRLOVDt3E0a/1K3QoC4di3NrbPd4t0esrSVXEEFE2OM7AdFA4ExG1NYMeZ1ogLRtjxZIqCorsfp+USJqG/YNgFiVxM4bEugXX3zx+PHjwh7TIMkAoxO8OlxXL2aG98OPP1q+XNnhlVHbU8VIZPu8eojlmalJ4qwL2z2vY/BAea7MyGz5w8DMEWUrQCSxtb1qR9TSNFfJUnDHuCCSu+3HtSCgk7wSPvvss2fPnrW/C+iU9xqUhsdsPvjw6WGNP3PxYI58EkOPl7a6su2P7i9XpWyHSlo7jgrf9MJ22EoXCnpQBLYzUbrWc9QM2DlDMqqVckQYHnl5A/aGuK89PDy06JGyJOQA07kYNbCpnRKtVsunh/88EA/E0QsZPtr+2BybBXuqo51t1vsZCtJtpKNvs40f5pkveGYCD75OkcrG4Xq5JKk75mEiCe9U1SBIPaPoQIqIbLnkxcXF4x//GBQ1HXRtBkpXvrTf//Tkie10HscxZ2JUDZvrTrHkVAviaqSS4p1koFouS/dlHNk2/ChBMJop+k876ETJjpKFxQm2J3qwmDsxi5RFkpUAQCqx9wgqlyFJefHrs+enzwGN0zO7ALlX0XYdnxx/+umnNEQXwyw5q6o0wE5wycsLOHYOCakhDhHleYl+PlnQ7D9gUX/G9rt2WpMMrla9LoHq3aoEXC6bAmWeDRqbEYnoyZMn5+clvHY3EcoySU0IAA4/+aSBURwYpKWGV0liP/CttNLTHF4vM7/UJQGVPd0A2zG/REqkdi6inT4QN4nIj5AzjTBtyvOk1eq4QhAdiAEWOy3DXBwx+dFhY+44U8Ly5erZs6OOhZG71KSMfFETjk9OVqs/QuPssHIsj/q2d/LN3d6bbXGiyBNINY7osfMa1N8gZtsCh/YT3AQrnNNpqE2iVV9SPnX/Uy1RZ0K/rlP+LkesF/WaOvNL7Jm69vhj7S2Xq6dPn5psiwV1dfjCL53NZgapWYGwr7rTZXoie4WX2jjXpzUOJwzAUyUZ9dJ0x2S1TpOI5L4FirMw86AuWPBZKl7G988vzn9+dGQG1ZG9hkLHx79cLv+/siprFKFaO86XEYhzPBKnS17aVMPxxVro9mQ0r+L+SkeCdBhERDU7GwbWmKrLYwZrpBCPDQlSE1fIE9nUkA84enbUIdHkCh6d/Mux1vSvBPf5mW2XUwQ1Odqr9LoqeK24Z+SVLbTxiHSFIiWMowBkx1dmKXNUyd0L1p4hgB/22icc4eDayKwr1ZGBL87PjwyJJl6rGNrxyfFqtWImUmYvALIhZh9JiOrY7acFkba9uDl7wxgMNEnZbFbgAbMQyI9pkIx789gYSz1aME7M5Afx+AL9DZYfR12lrDJCSe5svPKb4+NjoAt2Jn8eHh5WfcmcK1WDqK3+Sl02SiZHLayTRJlzAwrGpm85lMrYDFX4nP5ovPAT4jTP/kIjCAZAZZ6kqnRV2u6ID3CcKc4vly9fnL3oyon+Mgg4PT19+XIVMS6SNZE65MYJrsgdWqyqY0bYSR5EGWTxkZNqft1nt9rJs65B9kdh9rQqmNdEbtXOq21TXwN2ppe0oz4J4JNPPuk1p0XVx8fH6TRblWf0//7AQJB51o7RXkvNxnL8Y3XKG7V7ctOMI3IQ0ZhBHcAzRVffWX/Z74jmUXTrWFjY5xFtHMLWziFSwovffHZ+cR4ZmbMGhOVydfr/Ts1DEClIBaPIZZFfqFU4xzykzjggInZOq/HOUQk6qV4nUJLC4MlwygWAUB8ugOLlPO6CgGwxFSo9yEQyhcrW/bpw0iKOT46zn+AQXrx4kTcA+LKuiVeMRLQ5nYghM5LOqvNGEebYs5HJk8FysjMiRxHBCBKCHUQIAH7y+ERFs3UpR20nFjYbDIBnxH9+ArZKQtJ6evo8JZpx0Mnx/4Hk+fmceUGG4wz1gmHQlrGPqsLOktI4KiKQiJllHHWU/CFVHS8l0heL4DJA4RSy/VscZ5V2A51kSnLBGjUFro4jPgAS/jGqSxM3d3Z2dn5+UaeqV6vl2dlZfdi/KuR5Hk1NHimk6jqqXsOKpakvDg5O8ETq4cVKZEl21LglbDqa9O0ANCOl7vSdzWZZu0SEHhmJ+JKPPINXAIniKwXeNBPW0+e/qkHlr399FosuOs/o+Q3Zrv8WYRANFHBhg7RgbRgGK/INQwisnAOJQC6jqtkBtUUZXcmiqFLnsCYHu6U2orr52NTpZxFwpyP5n3mkVKuSEuHs12f1zumnz52zExQzhBRHfrMA0qYmteWkTbU7T7o9Foe4V12bqN5MR2Do4y772ghXVgiYRUfyVRCggWNWgDRiVq0g2tkp217+MtfsJ+ygDOn09LQG0L/77W+pLSrxBIIpAMGgnAReEgUgtovFqLLsUMNSfAkCQ3IFK1GS6px3LhtIj83iiHydXWVt8wHBzDijwqcE8j9eco+WI1ZLm6zM7RP2Whxfrzit34svzn/ykyfLPyzPz8+f/OTJ6uVLNLrF9qsbd2owXSWan6U73q47YXrioeqVEF4fBvBvwZvfB2giLLAAAAAASUVORK5CYII=";
-
-  // index.js
-  function debounce(func, wait) {
-    let timeout;
-    return function(...args) {
-      clearTimeout(timeout);
-      timeout = setTimeout(() => func.apply(this, args), wait);
-    };
-  }
-  function findGeminiImages() {
-    return [...document.querySelectorAll('img[src*="googleusercontent.com"]')].filter(isValidGeminiImage);
-  }
-  function isValidGeminiImage(img) {
-    if (/=s\d+\-rj/.test(img.src)) return true;
-    return img.naturalWidth >= 256 && img.naturalHeight >= 256;
-  }
-  var engine = null;
-  var processingQueue = /* @__PURE__ */ new Set();
-  async function processImage(imgElement) {
-    if (!engine || processingQueue.has(imgElement)) return;
-    try {
-      imgElement.dataset.watermarkProcessed = "processing";
-      processingQueue.add(imgElement);
-      if (!isValidGeminiImage(imgElement)) {
-        imgElement.dataset.watermarkProcessed = "skipped";
-        return;
-      }
-      const src = imgElement.src;
-      imgElement.src = "";
-      imgElement.dataset.src = src;
-      const blob = await new Promise((resolve, reject) => {
-        GM_xmlhttpRequest({
-          method: "GET",
-          url: src.replace(/=s\d+.+$/, "=s0"),
-          responseType: "blob",
-          onload: (response) => resolve(response.response),
-          onerror: reject
-        });
-      });
-      const blobUrl = URL.createObjectURL(blob);
-      const tempImg = new Image();
-      await new Promise((resolve, reject) => {
-        tempImg.onload = resolve;
-        tempImg.onerror = reject;
-        tempImg.src = blobUrl;
-      });
-      const resultCanvas = await engine.removeWatermarkFromImage(tempImg);
-      const processedBlob = await new Promise((resolve) => {
-        resultCanvas.toBlob(resolve, "image/png");
-      });
-      URL.revokeObjectURL(blobUrl);
-      imgElement.src = URL.createObjectURL(processedBlob);
-      imgElement.dataset.watermarkProcessed = "true";
-      console.log("[Gemini Watermark Remover] Processed image");
-    } catch (error) {
-      console.warn("[Gemini Watermark Remover] Failed to process image:", error);
-      imgElement.dataset.watermarkProcessed = "failed";
-    } finally {
-      processingQueue.delete(imgElement);
-    }
-  }
-  async function processAllImages() {
-    const images = findGeminiImages();
-    console.log(`[Gemini Watermark Remover] Found ${images.length} images to process`);
-    for (const img of images) {
-      processImage(img);
-    }
-  }
-  function setupMutationObserver() {
-    const observer = new MutationObserver(debounce(() => {
-      processAllImages();
-    }, 100));
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    console.log("[Gemini Watermark Remover] MutationObserver active");
-  }
-  async function processImageBlob(blob) {
-    const blobUrl = URL.createObjectURL(blob);
-    const img = new Image();
-    await new Promise((resolve, reject) => {
-      img.onload = resolve;
-      img.onerror = reject;
-      img.src = blobUrl;
-    });
-    const resultCanvas = await engine.removeWatermarkFromImage(img);
-    URL.revokeObjectURL(blobUrl);
-    return new Promise((resolve) => {
-      resultCanvas.toBlob(resolve, "image/png");
-    });
-  }
-  async function getImage(base64) {
-    const img = new Image();
-    img.src = base64;
-    await new Promise((resolve, reject) => {
-      img.onload = resolve;
-      img.onerror = reject;
-    });
-    return img;
-  }
-  var { fetch: origFetch } = unsafeWindow;
-  unsafeWindow.fetch = async (...args) => {
-    const url = typeof args[0] === "string" ? args[0] : args[0]?.url;
-    if (/^https:\/\/lh3\.googleusercontent\.com\/rd-gg(-dl)?\//.test(url)) {
-      console.log("[Gemini Watermark Remover] Intercepting:", url);
-      const origUrl = url.replace(/=s\d+.+$/, "=s0");
-      if (typeof args[0] === "string") {
-        args[0] = origUrl;
-      } else if (args[0]?.url) {
-        args[0].url = origUrl;
-      }
-      const response = await origFetch(...args);
-      if (!engine || !response.ok) {
-        return response;
-      }
-      try {
-        const blob = await response.blob();
-        const processedBlob = await processImageBlob(blob);
-        return new Response(processedBlob, {
-          status: response.status,
-          statusText: response.statusText,
-          headers: response.headers
-        });
-      } catch (error) {
-        console.warn("[Gemini Watermark Remover] Processing failed:", error);
-        return response;
-      }
-    }
-    return origFetch(...args);
-  };
-  async function init() {
-    try {
-      console.log("[Gemini Watermark Remover] Initializing...");
-      engine = new WatermarkEngine({
-        bg48: await getImage(bg_48_default),
-        bg96: await getImage(bg_96_default)
-      });
-      await processAllImages();
-      setupMutationObserver();
-      console.log("[Gemini Watermark Remover] Ready");
-    } catch (error) {
-      console.error("[Gemini Watermark Remover] Initialization failed:", error);
-    }
-  }
-  init();
-})();
diff --git a/userscript/index.js b/userscript/index.js
deleted file mode 100644
index 7287259..0000000
--- a/userscript/index.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import { WatermarkEngine } from '../js/core/watermarkEngine.js';
-import BG_48_PATH from '../assets/bg_48.png';
-import BG_96_PATH from '../assets/bg_96.png';
-
-// ============ DOM UTILITIES ============
-function debounce(func, wait) {
-  let timeout;
-  return function(...args) {
-    clearTimeout(timeout);
-    timeout = setTimeout(() => func.apply(this, args), wait);
-  };
-}
-
-function findGeminiImages() {
-  return [...document.querySelectorAll('img[src*="googleusercontent.com"]')].filter(isValidGeminiImage);
-}
-
-function isValidGeminiImage(img) {
-  if (/=s\d+\-rj/.test(img.src)) return true;
-  return img.naturalWidth >= 256 && img.naturalHeight >= 256;
-}
-
-// ============ IMAGE PROCESSING ============
-let engine = null;
-const processingQueue = new Set();
-
-async function processImage(imgElement) {
-  if (!engine || processingQueue.has(imgElement)) return;
-
-  try {
-    imgElement.dataset.watermarkProcessed = 'processing';
-    processingQueue.add(imgElement);
-
-    if (!isValidGeminiImage(imgElement)) {
-      imgElement.dataset.watermarkProcessed = 'skipped';
-      return;
-    }
-
-    const src = imgElement.src;
-    imgElement.src = '';
-    imgElement.dataset.src = src;
-
-    const blob = await new Promise((resolve, reject) => {
-      GM_xmlhttpRequest({
-        method: 'GET',
-        url: src.replace(/=s\d+.+$/, '=s0'),
-        responseType: 'blob',
-        onload: (response) => resolve(response.response),
-        onerror: reject
-      });
-    });
-
-    const blobUrl = URL.createObjectURL(blob);
-    const tempImg = new Image();
-    await new Promise((resolve, reject) => {
-      tempImg.onload = resolve;
-      tempImg.onerror = reject;
-      tempImg.src = blobUrl;
-    });
-
-    const resultCanvas = await engine.removeWatermarkFromImage(tempImg);
-    const processedBlob = await new Promise((resolve) => {
-      resultCanvas.toBlob(resolve, 'image/png');
-    });
-
-    URL.revokeObjectURL(blobUrl);
-    imgElement.src = URL.createObjectURL(processedBlob);
-    imgElement.dataset.watermarkProcessed = 'true';
-
-    console.log('[Gemini Watermark Remover] Processed image');
-  } catch (error) {
-    console.warn('[Gemini Watermark Remover] Failed to process image:', error);
-    imgElement.dataset.watermarkProcessed = 'failed';
-  } finally {
-    processingQueue.delete(imgElement);
-  }
-}
-
-async function processAllImages() {
-  const images = findGeminiImages();
-  console.log(`[Gemini Watermark Remover] Found ${images.length} images to process`);
-
-  for (const img of images) {
-    processImage(img);
-  }
-}
-
-// ============ MUTATION OBSERVER ============
-function setupMutationObserver() {
-  const observer = new MutationObserver(debounce(() => {
-    processAllImages();
-  }, 100));
-
-  observer.observe(document.body, {
-    childList: true,
-    subtree: true
-  });
-
-  console.log('[Gemini Watermark Remover] MutationObserver active');
-}
-
-// ============ FETCH INTERCEPTION ============
-
-async function processImageBlob(blob) {
-  const blobUrl = URL.createObjectURL(blob);
-  const img = new Image();
-
-  await new Promise((resolve, reject) => {
-    img.onload = resolve;
-    img.onerror = reject;
-    img.src = blobUrl;
-  });
-
-  const resultCanvas = await engine.removeWatermarkFromImage(img);
-  URL.revokeObjectURL(blobUrl);
-
-  return new Promise((resolve) => {
-    resultCanvas.toBlob(resolve, 'image/png');
-  });
-}
-
-async function getImage(base64) {
-  const img = new Image();
-  img.src = base64;
-  await new Promise((resolve, reject) => {
-    img.onload = resolve;
-    img.onerror = reject;
-  });
-  return img;
-}
-
-const { fetch: origFetch } = unsafeWindow;
-unsafeWindow.fetch = async (...args) => {
-  const url = typeof args[0] === 'string' ? args[0] : args[0]?.url;
-
-  if (/^https:\/\/lh3\.googleusercontent\.com\/rd-gg(-dl)?\//.test(url)) {
-    console.log('[Gemini Watermark Remover] Intercepting:', url);
-
-    const origUrl = url.replace(/=s\d+.+$/, '=s0');
-    if (typeof args[0] === 'string') {
-      args[0] = origUrl;
-    } else if (args[0]?.url) {
-      args[0].url = origUrl;
-    }
-
-    const response = await origFetch(...args);
-
-    if (!engine || !response.ok) {
-      return response;
-    }
-
-    try {
-      const blob = await response.blob();
-      const processedBlob = await processImageBlob(blob);
-
-      return new Response(processedBlob, {
-        status: response.status,
-        statusText: response.statusText,
-        headers: response.headers
-      });
-    } catch (error) {
-      console.warn('[Gemini Watermark Remover] Processing failed:', error);
-      return response;
-    }
-  }
-
-  return origFetch(...args);
-};
-
-// ============ INITIALIZATION ============
-async function init() {
-  try {
-    console.log('[Gemini Watermark Remover] Initializing...');
-    engine = new WatermarkEngine({
-      bg48: await getImage(BG_48_PATH),
-      bg96: await getImage(BG_96_PATH)
-    });
-
-    await processAllImages();
-    setupMutationObserver();
-
-    console.log('[Gemini Watermark Remover] Ready');
-  } catch (error) {
-    console.error('[Gemini Watermark Remover] Initialization failed:', error);
-  }
-}
-
-init();
\ No newline at end of file
diff --git a/userscript/package.json b/userscript/package.json
deleted file mode 100644
index 4d25281..0000000
--- a/userscript/package.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "type": "module",
-  "scripts": {
-    "build": "node build.js"
-  },
-  "devDependencies": {
-    "esbuild": "^0.24.0"
-  },
-  "packageManager": "pnpm@10.11.0+sha512.6540583f41cc5f628eb3d9773ecee802f4f9ef9923cc45b69890fb47991d4b092964694ec3a4f738a420c918a333062c8b925d312f42e4f0c263eb603551f977"
-}