用途：给已有的 HTML 成品（落地页、演示稿、仪表盘等）加一层侧边面板，让使用者自己实时微调视觉参数，而不是反复让代理重跑。
主要能力：面板中的表单控件绑定 CSS 自定义属性，通过原生 JS 桥接实时改写并在 localStorage 按作品标识持久化。标准旋钮有五个——--accent（5 至 8 个精选色板，不提供自由取色器）、--scale（字号比例 0.85 / 1.0 / 1.15）、--density（间距密度 Tight / Normal / Roomy）、--mode（明暗切换，用 data-mode 属性替代媒体查询）、--motion（Off / Subtle / Lively，映射 --motion-mult）。快捷键 T 显示或隐藏面板，R 重置默认值；页面刷新后选择保留。
使用方式：以 assets/wrap.html 为模板，把原作品中硬编码的 #hex、px、rem 等提升为自定义属性（如 color: var(--accent)、calc(18px * var(--scale))），再粘贴进模板标记区域；按需裁剪 KNOBS 数组，并把 STORAGE_KEY 改为唯一 slug（tweaks-<artifact-slug>）。建议保留 3 个旋钮，最多 5 个。产物为单个自包含 HTML 文件，面板与桥接内联，不引入额外 CSS / JS / 字体。
适用场景：用户对产出满意约八成、想自行收尾；现场展示设计系统或品牌变体；作为可交互的独立演示（如作品集）。
限制：不宜用于一次性、不会迭代的作品，或价值在于固定比例的作品（如精心配平的信息图）。字号调整不要超过正负 15%，否则布局会坏；每个布局关键容器需先声明基础间距。若旋钮破坏布局应移除。尊重 prefers-reduced-motion，默认动效为 Off。小于 720px 的视口默认隐藏面板，改为右上角 T 按钮抽屉。具体安装命令与价格资料暂未提供。