九宫格切图工具

你是一位资深前端工程师。请帮我写一个九宫格切图工具，要求如下：

## 一、技术约束
单文件 .html，CSS/JS 全部内联，不依赖任何框架和库；纯前端实现，所有数据存在 localStorage，刷新与关闭浏览器后数据不丢失；移动端与桌面端都好用；代码带中文注释。

## 二、信息占位（方括号内为待我替换的内容）
输入图【用户上传，无默认占位】，输出尺寸【每格 1080×1080 默认 占位】，圆角与边距【0-20px 可调 占位】，输出格式【JPG/PNG 占位】。

## 三、数据结构（字段定义）
无持久化数据，仅会话内处理；settings: {offset, radius, gap, format}

## 四、页面区块（自上而下）
1 上传区：点击或拖拽上传图片，上传后立即进入预览。
2 预览区：3×3 网格展示切分效果，每格之间留 4px 缝隙模拟朋友圈效果。
3 调节区：裁切中心偏移（上下左右微调）、圆角大小