边距、圆角与预览导出一致性
本教程使用可注入几何模型，不涉及真实图片字节。把下面的模型粘贴到执行区的 spec 字段（从说明页进入 /app/?lang=zh&tool=beautify）：
{"image":{"id":"shot-01","width":1280,"height":800,"bytes":245760,"hasAlpha":true,"format":"png"},"crop":{"x":0,"y":0,"width":1280,"height":800},"padding":48,"radius":20,"background":{"kind":"gradient","from":"#E8F3EC","to":"#F7F8F5","alpha":1},"shadow":{"blur":24,"offsetY":12,"alpha":0.18},"frame":{"kind":"browser","assetStatus":"ok"},"preset":"auto","format":"png","scale":1,"clipboardMode":"desktop-paste"}
模型表示 1280×800 的透明 PNG、48px 边距、20px 圆角、低调渐变背景与浏览器框。计算出的设计画布为 1400×952（1280+96+左右框边 24；800+96+上下框 56）。把 padding 改为 0/24/96/256、radius 改为 0/12/64/200，四组结果各自不同，但每组的预览签名与导出签名完全一致，因为二者是同一图层列表的均匀缩放。
预览最长边独立封顶 1200px（本例为 1200×816，缩放 0.857143），导出 1x 为 1400×952、2x 为 2800×1904，总像素分别为 1,332,800 与 5,331,200。resolutionSeparation 明确给出三者互不混淆：预览分辨率永不决定导出分辨率。
结果包含 composite.steps：clearRect 透明 → 渐变背景 → 浏览器框 → 阴影 → roundRect 裁剪 → source-over 绘制原图；transparentBlackEdge=false。输出是 JSON 计划而非图片，文件名形如 shot-beautify-20261115040000.json，必须点击「下载计划」才发生；downloadableImage=false。