diff --git a/.changeset/better-trees-begin.md b/.changeset/better-trees-begin.md
new file mode 100644
index 0000000..a11b0b2
--- /dev/null
+++ b/.changeset/better-trees-begin.md
@@ -0,0 +1,9 @@
+---
+'@inkcre/ui-web': patch
+---
+
+将 DESIGN.md 调整为共同设计总纲与按任务阅读的入口，分别维护设计立场、视觉语言、页面组合和判断依据，使设计选择与理由便于按任务查阅。
+
+明确局部等宽混排、中性灰与少量彩色重点、默认直角、平面层次和空间节奏，并补充内容取舍、按状态与层级呈现及中西文排印参考。
+
+设计正文和带有适用范围说明的实例图片随包交付，消费与维护入口同步更新；生成和安装包检查覆盖整组文件、内容及相对链接。
diff --git a/.changeset/clear-header-menu.md b/.changeset/clear-header-menu.md
new file mode 100644
index 0000000..7c95f96
--- /dev/null
+++ b/.changeset/clear-header-menu.md
@@ -0,0 +1,5 @@
+---
+"@inkcre/ui-web": patch
+---
+
+修复 Header 默认菜单图标被按钮透明背景覆盖而不可见的问题。按钮与装饰图标分别负责交互和绘制，保留菜单名称、键盘操作及 menu-click 事件。
diff --git a/.changeset/goofy-bears-brake.md b/.changeset/goofy-bears-brake.md
new file mode 100644
index 0000000..9a3c3e5
--- /dev/null
+++ b/.changeset/goofy-bears-brake.md
@@ -0,0 +1,7 @@
+---
+"@inkcre/ui-web": patch
+---
+
+浅深主题的主动作与 Switch 采用中性灰配对，深色基底与相邻表面缩小明暗跳变；危险按钮使用灰红底色，需要注意的反馈文字采用较纯的绿、金黄、蓝和红。同步普通、悬停、按下、等待及反色文字的配对，并缩小覆盖层阴影的偏移与模糊范围。
+
+保留公开角色与调用方式，品牌基础色映射到中性色阶；危险动作底色与错误前景分别维护。按用途区分语义文字与动作底色，修正默认成功着色的指南、Agent 配方和表单示例。
diff --git a/.changeset/neat-chicken-type.md b/.changeset/neat-chicken-type.md
new file mode 100644
index 0000000..11d8a6d
--- /dev/null
+++ b/.changeset/neat-chicken-type.md
@@ -0,0 +1,7 @@
+---
+'@inkcre/ui-web': patch
+---
+
+Switch 普通状态文案采用系统 UI 字体，继续由两种文案共同维持切换与等待时的轨道宽度。AutoForm 根级错误容器采用默认直角轮廓。
+
+同步 AutoForm 和 Image 示例的字体、主题配色与轮廓，图片示例使用准确的替代文字、持续可见的查看提示和可实际下载的原图链接。
diff --git a/.gitignore b/.gitignore
index 292395f..c8df355 100644
--- a/.gitignore
+++ b/.gitignore
@@ -32,6 +32,10 @@ coverage/
 *.png
 *.jpg
 
+# Published design examples are maintained documentation assets.
+!/docs/design/examples/*
+!/packages/web/docs/design/examples/*
+
 # svc:begin local-config sha256=0cb2591848c4e5675766aa516f16dfb9981fc52e1dcbadd8cec89b6982db927d
 svc.local.json
 AGENTS.local.md
diff --git a/AGENTS.md b/AGENTS.md
index b1ae329..0b5dc97 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -16,7 +16,7 @@ Reason in English. Communicate with humans in Chinese.
 
 ## Knowledge Owners
 
-UI 设计、组件、Token 或视觉审视工作先读取 [DESIGN.md](DESIGN.md)，再按任务读取具体实现与指南。纯构建和非 UI 工作不需要加载全部设计上下文。DESIGN.md 拥有共同设计判断，具体值与 API 仍由下面的源头负责。
+UI 设计、组件、Token 或视觉审视工作从 [DESIGN.md](DESIGN.md) 的总纲和阅读路径进入，只读取与任务有关的设计正文。`docs/design/` 分别维护设计立场、视觉语言、页面组合与判断依据；纯构建和非 UI 工作无需加载这些正文。具体值与 API 仍由下面的源头负责。
 
 - Repository and package entry points: `README.md` and `packages/web/README.md`.
 - Public package API: package exports, component manifest, TypeScript source,
@@ -29,6 +29,14 @@ UI 设计、组件、Token 或视觉审视工作先读取 [DESIGN.md](DESIGN.md)
   scripts, and `.github/workflows/`.
 - Repeated subtree hazards: the nearest local `AGENTS.md`.
 
+## 设计变更的维护责任
+
+先明确变化要保持的设计关系，再确定修改位置。已有角色是否可复用，取决于共同用途与共同变化理由；新增共享能力应说明实际情境、现有缺口、默认行为、允许变化和覆盖责任。可以在变更说明中自然表达，无须另建统一模板。
+
+设计正文拥有已确认的选择及其理由，Token 源拥有名称、类型、值与引用，组件源码和声明拥有 API 事实。实现观察、提炼过程、待确认方案与讨论状态记录在 task packet，确认后的结论才进入正式正文。当前表现与认可要求不一致时应明确指出差异，按任务授权修复或提出规则变更，不能只为解释代码而修改要求。
+
+改变公开名称、用途、默认表现或交互承诺时，同步相应实现、设计正文、示例和迁移说明。静态检查确认交付事实，真实场景确认设计关系与表现；视觉验收需要说明比较依据，不能只报告 Token 合法或构建成功。
+
 ## Coding Guidelines
 
 - [Coding for Human](.github/instructions/coding-for-human.instructions.md)
diff --git a/DESIGN.md b/DESIGN.md
index 5c2d3dc..08d9ab6 100644
--- a/DESIGN.md
+++ b/DESIGN.md
@@ -1,77 +1,16 @@
-# InKCre 设计决策指南
+# InKCre 设计
 
-这份指南面向使用和维护 InKCre 设计系统的人与 Agent。它说明界面应保持的关系、默认选择，以及变化应该由谁负责。消费者用它选择和组合能力，维护者用它判断现有实现和新增能力是否合适。具体 API、安装与调用从所在仓库或安装包的 [README](README.md) 继续查阅。
+InKCre 的界面应让内容的关系和可执行的操作容易理解，让阅读、判断与修改有连续的秩序。文字、颜色、边界和空间共同表达这种秩序；具体表现随内容与容器调整，同时保留各自承担的含义。
 
-仓库根级文件是人工维护的源，Web 包内文件是随版本交付的副本。消费时读取安装版本的指南；维护时读取当前 checkout 的指南。指南中的 Web 能力不表示 Flutter 或 uniapp 已有对应实现。
+这里是人、消费者 Agent 和维护 Agent 的共同入口。设计知识按责任分别维护，阅读与当前任务有关的部分即可。组件 API、Web 调用和工程流程从 [README](README.md) 进入，不在这里重复。
 
-## 从任务决定界面
+| 当前要作出的判断                                   | 阅读入口                                   |
+| -------------------------------------------------- | ------------------------------------------ |
+| 理解共同立场，或判断一项新需求值得保持什么         | [设计立场](docs/design/principles.md)      |
+| 选择文字、颜色、形状和层次，或审视整体视觉是否协调 | [视觉语言](docs/design/visual-language.md) |
+| 把内容和操作组织成页面、列表、表单或浮层           | [页面组合](docs/design/composition.md)     |
+| 比较方案、解释取舍，或用已有例子校准判断           | [判断依据](docs/design/reference.md)       |
 
-先明确用户要理解什么、改变什么，以及操作何时算完成。按这些关系组织信息、选择组件，再调整视觉。系统提供文字、颜色、空间和交互的共同约束；具体业务导航、权限、数据模型与流程由宿主产品决定。
+设计立场说明理由，视觉语言说明表达，页面组合说明关系如何落到场景，判断依据说明能从实例得出什么结论。它们共享设计方向，各自只拥有相应的知识；一个技术问题不要求加载整套正文。
 
-默认使用现有组件和语义角色。需要变化时，说明实际内容、容器或状态有什么不同，以及变化解决了什么问题。视觉边界与内容可读、功能可用冲突时，先保护内容与功能，再调整布局和策略。已有页面可以作为证据，但其中的偶然值或缺陷不能自动成为后续标准。
-
-## 文字与视觉层级
-
-按文字的职责选角色。正文需要支持连续阅读，标签需要标识控件或状态，说明需要表达补充信息或错误，标题需要帮助理解页面和区块结构。默认选择如下；名称对应当前系统角色，精确度量由 Token 源维护。
-
-| 内容                                   | 默认角色                         |
-| -------------------------------------- | -------------------------------- |
-| 普通正文／说明、错误、提示             | body-md／body-sm                 |
-| 控件值与字段标签／短元信息、小按钮状态 | label-lg／label-md               |
-| 页面标题／区块与弹层标题               | title-lg／title-sm               |
-| 强调正文或引言／醒目页面标题           | body-lg／headline-lg             |
-| 代码、标识符                           | 合适的文字角色，加 mono 字体选择 |
-
-label-lg 和 body-sm 当前度量相同，但承担不同职责。消费者按用途选择；维护者只有在用途和未来变化责任一致时才合并角色。不能因为说明放不下，就改成更小的标签角色。
-
-默认使用系统 UI 字体，代码可使用等宽字体。家族和装饰与尺寸角色分别选择。Web 不下载字体、不重设 html 字号；相对字体尺度与比例行高表达既定依赖，不能单凭使用了 rem 就宣称所有内容都能适应。
-
-## 配色表达用途和状态
-
-颜色按文字、表面和状态的关系选择，并在实际背景上检查可读性。普通表面的文字选 text.base 或 text.subtle；primary 与 danger 表面分别配 text.on-primary、text.on-danger。反色文字的适用性取决于配对表面，不能因它叫 primary 就用于普通正文。
-
-error、success、warning、info 是普通表面上的反馈前景用途，配合明确的文字表达状态。系统目前没有约定带色反馈容器，不能从前景角色自行推导一套容器角色。必要控件边界用 border.base，装饰分隔用 border.subtle，焦点轮廓用 border.strong。
-
-hover／pressed 表达可执行动作的交互反馈；focus 表达当前键盘位置；error 表达需要处理的问题。它们的责任可以同时存在，例如错误边框不能抹掉焦点提示。pending 保留动作文字与可读配色，显示进行状态并防止重复执行；普通 disabled 使用对应的弱化表现。
-
-覆盖主题颜色时，应连同前景、背景和相关状态一起核对。某个色值自身或一种派生公式不能证明所有配对都可读。图片文字需要稳定的承载表面，不能依赖图片恰好够暗。
-
-## 空间、内容和适应
-
-先用布局、间距和对齐表达分组。字段内部、字段之间、组件内部与页面留白有不同责任，即使此刻数值相同，也不意味着必须一起变化。
-
-长内容优先换行并扩展承载区域；宿主负责页面列数、容器和外部留白，组件负责内部文字与控件的布局。带框输入的默认最小高度允许随文字增长，不应被固定高度重新裁切。无法断开的标识符、长中英文与窄容器应作为相关变化的具体核对场景。
-
-固定值、离散尺度和局部 CSS 都可以表达合理决定。按钮内与文字相关的留白可以跟随文字尺度，页面空间可以依据容器调整；不要求所有间距遵循统一缩放曲线。引入响应规则时，应说清依据哪个上下文、允许怎样变化、边界是什么，以及相对现有方案改善了什么。
-
-例如，页面在宽容器中需要更大的留白，可以由页面布局表达。只有多个场景需要共享同一种空间政策时，才考虑公共角色；一张设计稿中的数值差异不足以支持新增全局密度参数。
-
-## 组件组合与用户状态
-
-普通表单从 InkForm 的纵向布局和内置控件的 label／error 开始。Input、Textarea、Dropdown、Picker 已承担标签关联；自定义字段再用 InkField，避免重复标签。页面负责字段分组、提交和持久化；字段组件负责输入与反馈表达。
-
-按后果区分普通动作、主要动作与危险动作。主提交明确使用相应按钮主题和原生提交类型。异步操作保留动作含义和用户输入，失败应有明确反馈和可恢复路径；不能把异常显示成成功，也不能让校验默认值覆盖已有草稿。
-
-确认场景按所需语义选择：InkDoubleCheck 提供确认弹层，InkDialog 支持更完整的确认、取消与等待过程，自定义弹层才使用 InkPopup。受控模型、确认提交和取消草稿是不同责任，消费时遵循各组件参考，不从外观推断模型提交时机。
-
-加载、空结果、操作失败与确认分别表达不同状态。根据真实可达状态提供界面，不把它们合并为一个含糊的提示，也不为应用不可能进入的状态添加配置。
-
-原始编辑数据与解析结果也要区分。InkJsonEditor 编辑包含不完整 JSON 在内的原始文字；消费者只在验证通过的边界解析和持久化。适合固定业务流程的普通表单和由 schema 驱动的表单，按数据责任选择，不能仅因为后者能自动生成控件就替换前者。
-
-## 主题与实现责任
-
-用户明确选择的主题优先于系统偏好。Web 以根级主题和公开 CSS 变量提供已约定的覆盖能力；哪些值在运行时传播、哪些需要重新构建，由样式指南说明。任意 ref 值的变化不保证自动带动所有 sys 或 comp 输出。
-
-Web 的 Popup／Scrim 会移动到 body，局部容器的主题或字体不能被当成弹层的继承保证。宿主需要统一主题时，应使用已支持的根级入口。跨平台可以共享颜色用途、文字职责和状态要求；CSS、DOM、原生控件与平台交互方式由对应实现负责。
-
-## 维护和扩展
-
-修改前先确定要保持的设计关系与预期变化，再选择改动位置。复用已有角色的依据是共同用途和共同变化责任；局部计算只有形成有意支持的公共能力后才需要成为 Token 或 API。
-
-新增共享能力应说明真实使用情境、现有能力的缺口、默认行为、允许变化和覆盖责任。设计决定、输入格式、求值机制和某次渲染结果分别判断；不要把它们都当成“改一个数字”。这些说明可以放在适当的自然段和例子中，无须为每次调整填写统一模板。
-
-Token 源拥有名称、叶节点用途、类型、值与引用；组件源码和公开声明拥有 API 事实；本指南拥有跨角色与场景的设计判断。发现实现与已认可要求不一致时，应指出差异，在当前授权范围内修复或提出规则变更。不能仅为解释现有代码而修改要求。
-
-变更验证应与其影响对应：静态检查确认类型、生成与包契约，真实页面确认内容、状态、视觉和交互。生成成功不能代替设计判断。只有稳定重复、能够可靠判定的问题才值得加入自动检查；新的品牌主张或尚无证据的通用规则先作为提案讨论。
-
-对公开名称、用途、默认表现或交互承诺的改变，连同实现、指南、示例及迁移说明一起交付。Agent 的操作授权、命令和提交规则由所在仓库的 AGENTS 负责。
+仓库根级 DESIGN.md 与 docs/design 是人工维护的源，Web 包内相同路径是随版本交付的副本。消费者读取安装版本，维护者读取当前 checkout；设计意图可以跨平台延续，具体宿主业务与平台实现由各自负责。
diff --git a/README.md b/README.md
index 700bbc8..b509cbe 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ renderer is published as `@inkcre/ui-web`.
 
 ## Single Source of Truth
 
-设计判断由 [DESIGN.md](DESIGN.md) 维护。`tokens/inkcre.tokens.json` 是 Token 规范源，
+[DESIGN.md](DESIGN.md) 提供设计总纲和按任务阅读的路径；设计立场、视觉语言、页面组合和判断依据由 `docs/design/` 分别维护。`tokens/inkcre.tokens.json` 是 Token 规范源，
 Figma 仅提议已有路径的值更新；生成物通过生成器更新。
 当前输入格式与维护入口见 [Token 指南](tokens/tokens.md)，生成命令与输出见
 [Token 生成说明](scripts/build-tokens.md)。
@@ -87,6 +87,8 @@ coverage, and generated Agent Skills.
 
 ## Histoire delivery
 
+展示构建使用 lockfile 中的 Vue 和 Histoire 高亮实现，由 Vite 打包到站点。不要把 Vue 单独替换成 CDN 生产版本，也不要用空对象模拟 Shiki；Histoire 的状态同步和源码面板依赖这些库的实际运行时契约。
+
 `UI checks` validates Histoire as part of the repository contract. After a
 successful same-repository run, the trusted Preview workflow checks out that
 exact pull-request head, builds Histoire itself, and publishes it to the stable
diff --git a/docs/design/composition.md b/docs/design/composition.md
new file mode 100644
index 0000000..e6af3cb
--- /dev/null
+++ b/docs/design/composition.md
@@ -0,0 +1,51 @@
+# 页面组合
+
+本页说明如何让内容、操作和状态在页面中形成关系。[设计立场](principles.md) 说明理由，[视觉语言](visual-language.md) 说明表达；组件的参数和模型时机从 [README](../../README.md) 进入对应参考。
+
+## 从完整任务安排阅读顺序
+
+先让用户辨认正在面对的对象，再安排理解它所需的信息、当前状态和下一步动作。标题、摘要、元数据与操作之间的主次应清楚；元数据接近其解释的内容，局部操作接近其作用对象，页面级操作则有稳定的位置。
+
+页面可以同时容纳阅读和管理，但不必让每一项信息争夺同样的注意。普通列表、内容正文和设置表单的节奏可以不同，宿主负责根据真实任务决定导航与业务流程。
+
+## 决定当前呈现什么
+
+整理内容先于调整间距。重复的标题、复述同一状态的标签、没有帮助的说明和纯粹填空的图标应直接移除；需要保留的内容，再按当前任务决定出现的位置与时机。已有空间不要求被填满。
+
+列表帮助识别和比较对象，详情承载进一步阅读，编辑态提供修改所需的信息。不要把三个层级的全部内容同时摆在列表里。有用但暂时次要的信息可放到展开区、详情或次级操作入口中，入口应可发现，并让人知道能在那里找到什么。若用户必须反复展开才能完成主要任务，就需要重新考虑哪些内容应直接出现。
+
+界面随状态改变当前呈现的内容：保存期间保留输入与进度，失败后及时显示对应问题和恢复动作，无须同时陈列所有可能状态。影响当前判断的警告、校验错误和操作后果直接呈现；不能为了视觉简洁藏到容易错过的入口。
+
+状态类别不自动决定它必须着色。常态的“已连接”、例行保存结果与普通进度说明默认使用中性色；当结果需要特别确认、风险需要处理或变化会影响下一步时，再用语义色强调关键文字或标记，详细说明保持普通文字的阅读层级。多个问题同时存在时，按影响范围与处理优先级组织，不为减少彩色而隐藏必要反馈。
+
+容器变窄时，重新安排次要内容与操作的入口，保留主要任务及必要信息的可达性。切换尺寸、进入详情和返回列表时，草稿、选择与当前上下文应能延续。用完整操作过程检查这些变化，避免只让默认状态或一个尺寸显得简洁。
+
+## 分组与独立容器
+
+连续的说明、属于同一对象的字段、围绕同一结果的元数据，先通过顺序、对齐和间距形成一组。只有当封闭边界进一步说明了独立对象、交互范围或层次时，才增加容器。
+
+例如，一个设置区块可以由标题、说明和纵向字段直接组成。给每个字段再包一层卡片，容易打断整组阅读，并让辅助说明看起来像另一个对象。相反，多个独立来源各有名称、状态和操作时，重复的条目或容器可以帮助辨认对象归属。应该比较这些关系，而不是统一要求所有内容使用或不用卡片。
+
+列表条目具有共同结构时，通过稳定的对齐与顺序帮助比较；需要连续阅读的正文应保留完整内容。摘要是进入全文前的选择帮助，不能继续截断已打开的完整内容。
+
+## 表单围绕修改与提交组织
+
+普通表单从纵向字段开始。标签靠近输入，说明与错误放在相关字段旁边；字段分组表达业务含义，不按底层组件类型分类。自带 label／error 的控件已经承担关联，自定义字段再补对应结构。
+
+主要提交应能被辨认为这次修改的完成动作，取消和危险操作与其保持可理解的区别。校验失败应说明需要修改什么；保存失败应保留已经输入的内容，让重试有连续的上下文。保存期间保留动作文字与可读配色，并防止重复执行。
+
+固定业务流程与 schema 生成表单承担不同的数据责任。先决定用户如何理解和修改内容，再选择实现；具体组合从 Web 的 InkForm、内置字段、InkField 以及现有配方进入。
+
+## 浮层延续当前任务
+
+确认需要让用户看清对象、后果和选择；内容浮层需要让人理解正在阅读什么、如何继续或返回。浮层内部不应因为处于弹层中就再重复一套页面外壳。
+
+普通确认、需要等待的确认和自定义内容浮层各有适用语义。Web 的具体选择由 InkDoubleCheck、InkDialog、InkPopup 的参考说明。背景是否继续可操作、何时提交和何时放弃草稿，都应与当前任务一致，不能从外观推断。
+
+加载、空结果、失败与确认有不同含义，应分别表达。错误反馈不要抹掉键盘焦点，进行状态也不应伪装成普通不可用状态。
+
+## 容器变化时保留关系
+
+宿主决定页面列数、外部留白和阅读区域，组件负责内部内容与操作布局。确定当前需要呈现的内容后，可用空间缩小时让相关内容换行或按既有阅读顺序排列；不要通过缩小正文、遮掉必要操作或裁切说明来维持双栏外观。
+
+同一界面在宽屏与窄容器中可以看起来不同，但对象归属、信息主次和动作含义应能被追踪。标识符可以换行，结构化代码可以局部滚动；局部滚动不应吞掉整个页面的操作入口。具体对照见[判断依据](reference.md)。
diff --git a/docs/design/examples/action-states.png b/docs/design/examples/action-states.png
new file mode 100644
index 0000000..6a11bff
Binary files /dev/null and b/docs/design/examples/action-states.png differ
diff --git a/docs/design/examples/form-content.png b/docs/design/examples/form-content.png
new file mode 100644
index 0000000..6807bdc
Binary files /dev/null and b/docs/design/examples/form-content.png differ
diff --git a/docs/design/principles.md b/docs/design/principles.md
new file mode 100644
index 0000000..644b197
--- /dev/null
+++ b/docs/design/principles.md
@@ -0,0 +1,31 @@
+# 设计立场
+
+InKCre 的设计系统服务于内容的阅读、理解与操作。页面需要让人辨认信息之间的关系，知道当前处境，并看清一个动作会改变什么。文字、颜色、空间与形状的具体表达见[视觉语言](visual-language.md)。
+
+## 让内容建立秩序
+
+先决定当前任务需要呈现什么，再安排空间。移除重复、无助于理解或行动的内容与元素；有用但不属于当前层级的信息，放在可发现的后续入口。空白可以保留，不需要增加说明、状态标签或装饰去填满它。
+
+先找出用户正在理解的对象、对象之间的关系和当前任务，再给信息分组和安排操作。标题应说明下面是什么，元数据帮助定位，正文承担连续阅读。界面的分区需要与这些内容关系相符；开发时分成了几个组件，不足以决定用户应该看到几个独立容器。
+
+说明和错误也是用户完成任务所需的内容。空间不足时，先调整承载方式；为了维持一个外框而缩小或截掉必要文字，会改变信息实际受到的重视程度。
+
+## 让操作表达真实后果
+
+可执行、已选中、不可用、进行中和出错应具有可辨别的表现。用户应知道动作是否被接收、工作是否结束、失败后还能做什么。状态文字与用户输入需要连续保留，使界面的变化能够被理解，而不是让人通过控件消失或颜色变化猜测发生了什么。
+
+主要动作的强调来自当前任务，危险动作的强调来自后果。二者不因为视觉上醒目就可以互换。装饰性的变化也不应伪装成可以点击的反馈。
+
+## 让一致性保留意图和关系
+
+同样的用途与条件应有可解释的共同选择；条件不同时，允许为了同一个目的改变布局和尺度。正文可以在不同容器中有不同换行，但仍然承担正文职责。宽页面和窄侧栏可以采用不同列数，而保留同样的信息顺序与操作归属。
+
+共享某个值的依据是共同用途与共同变化理由。两个距离此刻相等，不表示它们应永远一起变化；一个场景的局部解法，也不必立即变成所有组件的配置。
+
+## 让表达的成本得到理由支持
+
+每个可见的分隔、底色、强调和层次都应帮助读者理解内容或操作。增加一个视觉处理时，说明它带来了什么区分；移除它时，检查是否真的丢失了必要信息。这个判断允许有表现力的界面，也要求表现力服务于具体内容。
+
+内容可读、功能可用与预设外观发生冲突时，先保护内容和功能，再重新选择表达方式。视觉风格需要通过这种取舍延续，不能依赖禁止变化才能成立。
+
+页面组织的具体选择见[页面组合](composition.md)；实例及其可推广范围见[判断依据](reference.md)。
diff --git a/docs/design/reference.md b/docs/design/reference.md
new file mode 100644
index 0000000..b3d9bf5
--- /dev/null
+++ b/docs/design/reference.md
@@ -0,0 +1,53 @@
+# 判断依据
+
+比较设计方案时，要同时看内容、容器和状态。下面的例子分别说明字段关联、动作区别和内容增长时需要保持的关系。
+
+## 从例子提取什么
+
+先看例子面对的内容、容器和状态，再确认它保留了哪些关系，以及另一种选择会改变什么。复用有理由的关系；不要把一个截图中的全部数值、措辞和偶然布局当成规范。
+
+| 方案面对的情况                       | 判断重点                                               | 可接受的变化                                                 |
+| ------------------------------------ | ------------------------------------------------------ | ------------------------------------------------------------ |
+| 同一设置区块被拆成许多卡片           | 外框是否提供了新含义，还是打断字段与说明的关联         | 改用标题、对齐与区块间距；确有独立对象时保留容器             |
+| 每个区域都使用强调色或同样醒目的标题 | 用户能否区分主要内容、状态和操作                       | 降低辅助信息的强调，保留必要状态和焦点                       |
+| 从宽页面进入窄侧栏                   | 阅读顺序、对象归属和动作是否仍然完整                   | 换行、改变列数、局部滚动，不以缩字或截断必要内容换取外框不变 |
+| 多种状态与层级的信息挤在同一页面     | 当前任务是否用得上每项内容，减少后是否仍能顺利完成任务 | 删除重复信息；次要详情按需进入，当前错误与必要操作直接呈现   |
+| 新组件没有现成样板                   | 能否从设计立场解释其表达，并与相邻组件共同成立         | 有依据的局部变化；新增共享角色须有共同用途                   |
+
+这些是比较方案的判断方向，不是自动评分表。即便两种方案都可读、都使用合法 Token，仍需比较它们呈现的信息秩序与视觉性格。
+
+## 长字段与错误说明
+
+![320px 表单内容区域中的长标签和错误说明自然换行](examples/form-content.png)
+
+在 320px 宽的表单内容区域中，长标签和错误说明换行，字段随内容增长。每条说明紧邻对应字段，红色前景表达错误，标题、正文与标签保留各自的阅读职责。若为维持固定字段高度而裁切文字，用户就可能失去修正输入所需的信息。
+
+这个例子展示字段内部的关联。截图外侧留白不参与表单布局；实际页面的外部空间与字段密度按容器和内容安排。
+
+## 操作与状态的区别
+
+![深色主题中的普通动作、主要动作、危险动作与反馈](examples/action-states.png)
+
+主要动作、辅助动作和危险动作有不同表达；pending 保留动作文字，普通 disabled 有自己的弱化表现。反馈文字在普通表面上表达不同状态，文字说明使含义不只依赖颜色。
+
+图中并列展示不同的动作和状态，便于比较，不代表实际页面的用色密度。页面按当前任务确定主要动作，并按[页面组合](composition.md)选择反馈的出现时机与强调范围；若多个动作同时获得最强强调，用户会难以辨认下一步。
+
+## 信息按任务出现
+
+来源列表先显示辨认和比较所需的名称与状态，完整配置放在详情中编辑。若同一个同步状态已经清楚表达，重复的图标、文字标签和解释不会增加信息，可以移除。连接失败时，错误原因与恢复入口进入当前视图；保存配置时，用户的修改和保存结果留在编辑上下文中。
+
+在窄容器中，可以把次要操作收进有名称的入口，但主要任务不应因此需要反复展开。进入详情再返回时保持原来的位置与选择，已打开的正文继续完整阅读。这样减少的是当前视图的负担，而不是任务所需的信息与能力。
+
+## 中西文排印
+
+中文与西文混排时，保留西文单词内部的自然字距，在汉字与西文字母、数字的交界处安排适量间距；中文标点附近不机械地补空格。标点形式与断行方式需结合文本语言及地区习惯，核对行首、行尾和不可拆开的符号组合。相关规则见 [W3C《中文排版需求》草案](https://www.w3.org/TR/clreq/)。
+
+正文的字体、字号、行距与行长应一起判断，参见 [Butterick 的正文排印指南](https://practicaltypography.com/body-text.html)。其[行长建议](https://practicaltypography.com/line-length.html)针对西文，不直接换算成中文统一字数或所有界面的固定宽度。用实际中英文段落核对换行、回行和段落节奏，短标签与连续正文分别判断。
+
+排印调整作用于显示层。用户原文、代码、URL 和标识符保持原始内容；不能为了字距或断行方便而统一改写文本。Web 的字体、样式与覆盖入口从 [README](../../README.md) 继续查阅。
+
+## 比较完整页面
+
+将两个方案放在相同的内容、容器和交互状态下，沿同一任务阅读和操作。内容阅读关注正文是否连续、元数据是否干扰；对象管理关注条目是否容易比较、操作归属是否清楚；配置修改关注字段关联、提交与反馈是否完整。
+
+调整文字、颜色或边界后，说明用户更容易辨认了什么，以及哪些信息受到弱化。再用长内容和窄容器核对这些关系是否仍然成立。局部控件的表达见[视觉语言](visual-language.md)，信息和操作的组织见[页面组合](composition.md)。
diff --git a/docs/design/visual-language.md b/docs/design/visual-language.md
new file mode 100644
index 0000000..ecc7522
--- /dev/null
+++ b/docs/design/visual-language.md
@@ -0,0 +1,35 @@
+# 视觉语言
+
+InKCre 的视觉气质是平静、有秩序，略带技术感。
+
+## 无衬线为主，局部等宽混排
+
+正文、说明与普通控件使用系统 UI 无衬线字体。品牌名、少量短栏目名和编号使用局部等宽表达，通过两种字体的对比带出轻微的技术感。代码与需要逐字符辨认的技术标识也可使用等宽字体。
+
+等宽字体作用于选定的文字片段，不从页面或通用容器扩散到整组内容。普通标签、状态说明和长段文字保持无衬线表达；文本中出现英文或数字，不足以改变整段的字体。
+
+## 文字形成阅读层级
+
+标题以适度的字号差异和中等或半粗字重形成层级，正文保持常规字重。标题与正文的对比温和而明确，延续整体平静、有秩序的气质。
+
+## 颜色建立注意与状态的关系
+
+界面框架以黑、白和中性灰为主，通过明暗形成层次。基础灰保持中性，不整体偏向蓝灰或米灰。彩色出现得少，集中在需要注意的语义和动作上，让平静的版面保留明确的重点。
+
+危险动作的带色表面保持低饱和、略带灰调的质感。需要引起注意的语义文字与状态标记使用更干净、较纯的色彩，在中性框架中清晰突出。颜色的力度按承载面积与用途分别选择，不要求文字、标记与按钮底色具有相同饱和度。
+
+浅深主题都延续中性框架与少量彩色重点，按背景调整明暗对比。文字、必要边界和状态保持清晰，不通过统一降低透明度或饱和度制造柔和感。反馈的出现时机与强调范围见[页面组合](composition.md)。
+
+## 形状和层次表达边界
+
+界面以平直、利落的矩形轮廓为主，默认采用直角，整体保持薄而平面的质感。卡片、按钮、输入框和浮层遵循同一轮廓语言；组件独立或面积较小，不构成使用圆角的理由。
+
+圆角例外按明确的形态用途约定，并与相邻元素共同判断其是否协调。未有相应用途约定时延续直角；不以“柔化”“局部装饰”为由自行加入圆角。
+
+页面与常驻内容区保持平面，以细实线和轻微的底色差形成层次，默认无阴影。覆盖其他内容的菜单、弹层，在需要表达前后关系时使用小范围、低强度、贴近轮廓的阴影，并延续直角轮廓。
+
+## 空间维持节奏
+
+整体适度紧凑，局部舒展。列表与工具区形成规整的行列节奏，阅读区保留较舒展的段落节奏；较大的留白集中在段落、区块之间和页面边缘。单个字段与条目的内部空间保持适量，延续当前文字尺度。
+
+内容的取舍和分层见[页面组合](composition.md)，排印与场景对照见[判断依据](reference.md)。角色名称与平台调用从 [README](../../README.md) 进入对应技术指南。
diff --git a/docs/index.md b/docs/index.md
index 3a3aa03..3f6601d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,7 +2,7 @@
 
 ## Navigation
 
-- [共同设计指南](../DESIGN.md)
+- [设计总纲与阅读路径](../DESIGN.md)：[设计立场](design/principles.md)、[视觉语言](design/visual-language.md)、[页面组合](design/composition.md)、[判断依据](design/reference.md)
 - [Repository overview](../README.md)
 - [Web package usage and development](../packages/web/README.md)
 - [Package migration contract](../packages/web/MIGRATION.md)
diff --git a/package.json b/package.json
index 86aa554..8d18e06 100644
--- a/package.json
+++ b/package.json
@@ -20,8 +20,8 @@
     "story": "pnpm --filter @inkcre/ui-web story:build",
     "story:dev": "pnpm --filter @inkcre/ui-web story:dev",
     "check:skills": "pnpm --filter @inkcre/ui-web skill:generate:check && pnpm --filter @inkcre/ui-web skill:validate",
-    "format": "oxfmt .oxfmtrc.json package.json pnpm-workspace.yaml tsconfig.json scripts .github/workflows/*.yml README.md DESIGN.md && pnpm --filter @inkcre/ui-web format",
-    "format:check": "oxfmt --check .oxfmtrc.json package.json pnpm-workspace.yaml tsconfig.json scripts .github/workflows/*.yml README.md DESIGN.md && pnpm --filter @inkcre/ui-web format:check",
+    "format": "oxfmt .oxfmtrc.json package.json pnpm-workspace.yaml tsconfig.json scripts .github/workflows/*.yml README.md DESIGN.md docs/design && pnpm --filter @inkcre/ui-web format",
+    "format:check": "oxfmt --check .oxfmtrc.json package.json pnpm-workspace.yaml tsconfig.json scripts .github/workflows/*.yml README.md DESIGN.md docs/design && pnpm --filter @inkcre/ui-web format:check",
     "lint": "oxlint --deny-warnings scripts && pnpm --filter @inkcre/ui-web lint",
     "check": "pnpm format:check && pnpm lint && pnpm check:generated && pnpm --filter @inkcre/ui-web skill:validate && pnpm check:stories && pnpm check:token-workflow && pnpm type-check:root && pnpm build && pnpm check:package && pnpm story",
     "changeset": "changeset",
diff --git a/packages/web/AGENTS.md b/packages/web/AGENTS.md
index 7abb208..088b752 100644
--- a/packages/web/AGENTS.md
+++ b/packages/web/AGENTS.md
@@ -6,7 +6,7 @@
 
 运行时组件使用 Vue 3、TypeScript、Sass 和 UnoCSS。UnoCSS 同时用于图标与部分布局工具类，配置在 [uno.config.ts](uno.config.ts)。库通过 `InkRouter`、`InkI18n` 及对应注入键接入消费者的路由与国际化；Histoire 中的 vue-router／vue-i18n 配置不代表消费者必须采用相同实现。
 
-涉及设计、组件与 Token 时读取仓库根级 [设计指南](../../DESIGN.md)。本目录 DESIGN.md 是同源随包副本，由 Skill 生成命令同步；不要手改副本。
+涉及设计、组件与 Token 时从仓库根级 [设计总纲](../../DESIGN.md) 按任务读取正文。人工源是根级 DESIGN.md 与 docs/design；本包内相同路径均为随包副本，由 Skill 生成命令同步，不手改副本。
 
 ## 维护入口
 
diff --git a/packages/web/DESIGN.md b/packages/web/DESIGN.md
index 5c2d3dc..08d9ab6 100644
--- a/packages/web/DESIGN.md
+++ b/packages/web/DESIGN.md
@@ -1,77 +1,16 @@
-# InKCre 设计决策指南
+# InKCre 设计
 
-这份指南面向使用和维护 InKCre 设计系统的人与 Agent。它说明界面应保持的关系、默认选择，以及变化应该由谁负责。消费者用它选择和组合能力，维护者用它判断现有实现和新增能力是否合适。具体 API、安装与调用从所在仓库或安装包的 [README](README.md) 继续查阅。
+InKCre 的界面应让内容的关系和可执行的操作容易理解，让阅读、判断与修改有连续的秩序。文字、颜色、边界和空间共同表达这种秩序；具体表现随内容与容器调整，同时保留各自承担的含义。
 
-仓库根级文件是人工维护的源，Web 包内文件是随版本交付的副本。消费时读取安装版本的指南；维护时读取当前 checkout 的指南。指南中的 Web 能力不表示 Flutter 或 uniapp 已有对应实现。
+这里是人、消费者 Agent 和维护 Agent 的共同入口。设计知识按责任分别维护，阅读与当前任务有关的部分即可。组件 API、Web 调用和工程流程从 [README](README.md) 进入，不在这里重复。
 
-## 从任务决定界面
+| 当前要作出的判断                                   | 阅读入口                                   |
+| -------------------------------------------------- | ------------------------------------------ |
+| 理解共同立场，或判断一项新需求值得保持什么         | [设计立场](docs/design/principles.md)      |
+| 选择文字、颜色、形状和层次，或审视整体视觉是否协调 | [视觉语言](docs/design/visual-language.md) |
+| 把内容和操作组织成页面、列表、表单或浮层           | [页面组合](docs/design/composition.md)     |
+| 比较方案、解释取舍，或用已有例子校准判断           | [判断依据](docs/design/reference.md)       |
 
-先明确用户要理解什么、改变什么，以及操作何时算完成。按这些关系组织信息、选择组件，再调整视觉。系统提供文字、颜色、空间和交互的共同约束；具体业务导航、权限、数据模型与流程由宿主产品决定。
+设计立场说明理由，视觉语言说明表达，页面组合说明关系如何落到场景，判断依据说明能从实例得出什么结论。它们共享设计方向，各自只拥有相应的知识；一个技术问题不要求加载整套正文。
 
-默认使用现有组件和语义角色。需要变化时，说明实际内容、容器或状态有什么不同，以及变化解决了什么问题。视觉边界与内容可读、功能可用冲突时，先保护内容与功能，再调整布局和策略。已有页面可以作为证据，但其中的偶然值或缺陷不能自动成为后续标准。
-
-## 文字与视觉层级
-
-按文字的职责选角色。正文需要支持连续阅读，标签需要标识控件或状态，说明需要表达补充信息或错误，标题需要帮助理解页面和区块结构。默认选择如下；名称对应当前系统角色，精确度量由 Token 源维护。
-
-| 内容                                   | 默认角色                         |
-| -------------------------------------- | -------------------------------- |
-| 普通正文／说明、错误、提示             | body-md／body-sm                 |
-| 控件值与字段标签／短元信息、小按钮状态 | label-lg／label-md               |
-| 页面标题／区块与弹层标题               | title-lg／title-sm               |
-| 强调正文或引言／醒目页面标题           | body-lg／headline-lg             |
-| 代码、标识符                           | 合适的文字角色，加 mono 字体选择 |
-
-label-lg 和 body-sm 当前度量相同，但承担不同职责。消费者按用途选择；维护者只有在用途和未来变化责任一致时才合并角色。不能因为说明放不下，就改成更小的标签角色。
-
-默认使用系统 UI 字体，代码可使用等宽字体。家族和装饰与尺寸角色分别选择。Web 不下载字体、不重设 html 字号；相对字体尺度与比例行高表达既定依赖，不能单凭使用了 rem 就宣称所有内容都能适应。
-
-## 配色表达用途和状态
-
-颜色按文字、表面和状态的关系选择，并在实际背景上检查可读性。普通表面的文字选 text.base 或 text.subtle；primary 与 danger 表面分别配 text.on-primary、text.on-danger。反色文字的适用性取决于配对表面，不能因它叫 primary 就用于普通正文。
-
-error、success、warning、info 是普通表面上的反馈前景用途，配合明确的文字表达状态。系统目前没有约定带色反馈容器，不能从前景角色自行推导一套容器角色。必要控件边界用 border.base，装饰分隔用 border.subtle，焦点轮廓用 border.strong。
-
-hover／pressed 表达可执行动作的交互反馈；focus 表达当前键盘位置；error 表达需要处理的问题。它们的责任可以同时存在，例如错误边框不能抹掉焦点提示。pending 保留动作文字与可读配色，显示进行状态并防止重复执行；普通 disabled 使用对应的弱化表现。
-
-覆盖主题颜色时，应连同前景、背景和相关状态一起核对。某个色值自身或一种派生公式不能证明所有配对都可读。图片文字需要稳定的承载表面，不能依赖图片恰好够暗。
-
-## 空间、内容和适应
-
-先用布局、间距和对齐表达分组。字段内部、字段之间、组件内部与页面留白有不同责任，即使此刻数值相同，也不意味着必须一起变化。
-
-长内容优先换行并扩展承载区域；宿主负责页面列数、容器和外部留白，组件负责内部文字与控件的布局。带框输入的默认最小高度允许随文字增长，不应被固定高度重新裁切。无法断开的标识符、长中英文与窄容器应作为相关变化的具体核对场景。
-
-固定值、离散尺度和局部 CSS 都可以表达合理决定。按钮内与文字相关的留白可以跟随文字尺度，页面空间可以依据容器调整；不要求所有间距遵循统一缩放曲线。引入响应规则时，应说清依据哪个上下文、允许怎样变化、边界是什么，以及相对现有方案改善了什么。
-
-例如，页面在宽容器中需要更大的留白，可以由页面布局表达。只有多个场景需要共享同一种空间政策时，才考虑公共角色；一张设计稿中的数值差异不足以支持新增全局密度参数。
-
-## 组件组合与用户状态
-
-普通表单从 InkForm 的纵向布局和内置控件的 label／error 开始。Input、Textarea、Dropdown、Picker 已承担标签关联；自定义字段再用 InkField，避免重复标签。页面负责字段分组、提交和持久化；字段组件负责输入与反馈表达。
-
-按后果区分普通动作、主要动作与危险动作。主提交明确使用相应按钮主题和原生提交类型。异步操作保留动作含义和用户输入，失败应有明确反馈和可恢复路径；不能把异常显示成成功，也不能让校验默认值覆盖已有草稿。
-
-确认场景按所需语义选择：InkDoubleCheck 提供确认弹层，InkDialog 支持更完整的确认、取消与等待过程，自定义弹层才使用 InkPopup。受控模型、确认提交和取消草稿是不同责任，消费时遵循各组件参考，不从外观推断模型提交时机。
-
-加载、空结果、操作失败与确认分别表达不同状态。根据真实可达状态提供界面，不把它们合并为一个含糊的提示，也不为应用不可能进入的状态添加配置。
-
-原始编辑数据与解析结果也要区分。InkJsonEditor 编辑包含不完整 JSON 在内的原始文字；消费者只在验证通过的边界解析和持久化。适合固定业务流程的普通表单和由 schema 驱动的表单，按数据责任选择，不能仅因为后者能自动生成控件就替换前者。
-
-## 主题与实现责任
-
-用户明确选择的主题优先于系统偏好。Web 以根级主题和公开 CSS 变量提供已约定的覆盖能力；哪些值在运行时传播、哪些需要重新构建，由样式指南说明。任意 ref 值的变化不保证自动带动所有 sys 或 comp 输出。
-
-Web 的 Popup／Scrim 会移动到 body，局部容器的主题或字体不能被当成弹层的继承保证。宿主需要统一主题时，应使用已支持的根级入口。跨平台可以共享颜色用途、文字职责和状态要求；CSS、DOM、原生控件与平台交互方式由对应实现负责。
-
-## 维护和扩展
-
-修改前先确定要保持的设计关系与预期变化，再选择改动位置。复用已有角色的依据是共同用途和共同变化责任；局部计算只有形成有意支持的公共能力后才需要成为 Token 或 API。
-
-新增共享能力应说明真实使用情境、现有能力的缺口、默认行为、允许变化和覆盖责任。设计决定、输入格式、求值机制和某次渲染结果分别判断；不要把它们都当成“改一个数字”。这些说明可以放在适当的自然段和例子中，无须为每次调整填写统一模板。
-
-Token 源拥有名称、叶节点用途、类型、值与引用；组件源码和公开声明拥有 API 事实；本指南拥有跨角色与场景的设计判断。发现实现与已认可要求不一致时，应指出差异，在当前授权范围内修复或提出规则变更。不能仅为解释现有代码而修改要求。
-
-变更验证应与其影响对应：静态检查确认类型、生成与包契约，真实页面确认内容、状态、视觉和交互。生成成功不能代替设计判断。只有稳定重复、能够可靠判定的问题才值得加入自动检查；新的品牌主张或尚无证据的通用规则先作为提案讨论。
-
-对公开名称、用途、默认表现或交互承诺的改变，连同实现、指南、示例及迁移说明一起交付。Agent 的操作授权、命令和提交规则由所在仓库的 AGENTS 负责。
+仓库根级 DESIGN.md 与 docs/design 是人工维护的源，Web 包内相同路径是随版本交付的副本。消费者读取安装版本，维护者读取当前 checkout；设计意图可以跨平台延续，具体宿主业务与平台实现由各自负责。
diff --git a/packages/web/MIGRATION.md b/packages/web/MIGRATION.md
index 09b92d1..caffce9 100644
--- a/packages/web/MIGRATION.md
+++ b/packages/web/MIGRATION.md
@@ -1,23 +1,31 @@
-# Token 与样式契约升级（待发布 major）
+# 未发布：默认配色与阴影
+
+浅深主题的主动作、普通表面与 Switch 采用中性灰配对；危险按钮底色保持灰红，需要注意的反馈文字使用较纯的语义色。覆盖层阴影缩小偏移与模糊范围。公开角色、组件 API 与调用方式保持不变，升级后重新构建即可获得默认值。
+
+使用主题覆盖的消费者应一起复核前景、背景、hover/pressed 与选中状态，尤其是深色危险按钮的深色文字配对。普通状态不因成功或进行中而自动着色，使用范围见[页面组合](docs/design/composition.md)。Sass `apply-elevation` 读取运行时变量，Uno 阴影工具类使用构建值；修改根级阴影变量不会改变已经生成的 Uno 阴影，详见[样式指南](styles/README.md)。
+
+下面记录已随 2.0.0 发布的迁移要求；从 1.x 升级时同时完成。
+
+## 2.0.0：Token 与样式契约
 
 本次升级统一了文本角色、运行时读取与状态配色。包名、组件模型和事件沿用本文后续契约，但旧文本外观和部分 Token 路径不兼容。先升级依赖及锁文件，再迁移以下调用，最后以安装产物验证页面。不要把同名角色当成旧度量的兼容别名。
 
-| 旧入口或用法 | 迁移选择 |
-| --- | --- |
-| `label-sm` 及 `font-label-sm`、对应 `--sys-font-label-sm-*`、Sass map | 短元信息用 label-md；正常说明／错误用 body-sm。移除 10px 默认信息角色，不提供旧别名。 |
-| 其他已有文本角色 | 名称保留，采用 rem 字号、比例行高、400 字重、0 字距；label-lg 行高从 16 调至 20。复核高度与换行。 |
-| 源／Sass map 中 `*-mono`、`lg-underlined` 复合角色 | 改为基础角色加家族／装饰；Sass `apply-font(label-lg, $mono: true, $underlined: true)`。旧 Uno mono/underlined 后缀仍接受，但采用新度量。 |
-| 字体角色的 `font-family`、`text-decoration`、`font-style/stretch`、段落缩进／间距、text-case 等变量或 map 属性 | 四属性之外不再生成。家族读取 `--sys-typo-family-sans/mono`；装饰和段落布局显式写在使用元素上。 |
-| `apply-font('title', 'lg')` | 改为 `apply-font(title-lg)`；第二参数是 mono 选项，不是字号。无效角色／选项现在编译失败。 |
-| 不存在的 body-md | 现已提供 16/24 正文；输入框用途仍优先 label-lg。新增 body-sm 和 title-lg。 |
-| `text.primary`／`text.danger-on` | 分别改为 `text.on-primary`／`text.on-danger`，仅用于对应强调表面；普通标题应选 text.base。 |
-| `text.muted` | 普通次要文字改为 text.subtle。颜色和层级有意改变。 |
-| `border.muted` | 装饰分隔用 border.subtle；必要控件边界用 border.base。base 已增强对比度。 |
-| `surface.muted` | 普通容器按层次选择 surface.base/subtle，没有无条件等价别名。 |
-| 不存在的 `color.success/warning/info.base`、`color.danger.base` | 改为 `color.feedback.success/warning/info/error`。 |
-| 不存在的 `color.success.surface`、`color.danger.surface/light` | 默认使用 surface.subtle + 对应反馈前景，不自动新增彩色容器。 |
-| 固定行高、Inter／独立 mono 字体依赖 | 检查系统 UI／mono 字体栈；库不再混用各角色字体，也不下载字体。Textarea 普通文本为 sans，代码显式 `mono`。 |
-| 覆盖 `--ref-*` 或只修改 Sass maps 期待运行时联动 | 按[样式指南](styles/README.md)覆盖 sys 家族、文本四属性、颜色、space/radius。断点等仍为构建值。 |
+| 旧入口或用法                                                                                                   | 迁移选择                                                                                                                                 |
+| -------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
+| `label-sm` 及 `font-label-sm`、对应 `--sys-font-label-sm-*`、Sass map                                          | 短元信息用 label-md；正常说明／错误用 body-sm。移除 10px 默认信息角色，不提供旧别名。                                                    |
+| 其他已有文本角色                                                                                               | 名称保留，采用 rem 字号、比例行高、400 字重、0 字距；label-lg 行高从 16 调至 20。复核高度与换行。                                        |
+| 源／Sass map 中 `*-mono`、`lg-underlined` 复合角色                                                             | 改为基础角色加家族／装饰；Sass `apply-font(label-lg, $mono: true, $underlined: true)`。旧 Uno mono/underlined 后缀仍接受，但采用新度量。 |
+| 字体角色的 `font-family`、`text-decoration`、`font-style/stretch`、段落缩进／间距、text-case 等变量或 map 属性 | 四属性之外不再生成。家族读取 `--sys-typo-family-sans/mono`；装饰和段落布局显式写在使用元素上。                                           |
+| `apply-font('title', 'lg')`                                                                                    | 改为 `apply-font(title-lg)`；第二参数是 mono 选项，不是字号。无效角色／选项现在编译失败。                                                |
+| 不存在的 body-md                                                                                               | 现已提供 16/24 正文；输入框用途仍优先 label-lg。新增 body-sm 和 title-lg。                                                               |
+| `text.primary`／`text.danger-on`                                                                               | 分别改为 `text.on-primary`／`text.on-danger`，仅用于对应强调表面；普通标题应选 text.base。                                               |
+| `text.muted`                                                                                                   | 普通次要文字改为 text.subtle。颜色和层级有意改变。                                                                                       |
+| `border.muted`                                                                                                 | 装饰分隔用 border.subtle；必要控件边界用 border.base。base 已增强对比度。                                                                |
+| `surface.muted`                                                                                                | 普通容器按层次选择 surface.base/subtle，没有无条件等价别名。                                                                             |
+| 不存在的 `color.success/warning/info.base`、`color.danger.base`                                                | 改为 `color.feedback.success/warning/info/error`。                                                                                       |
+| 不存在的 `color.success.surface`、`color.danger.surface/light`                                                 | 默认使用 surface.subtle + 对应反馈前景，不自动新增彩色容器。                                                                             |
+| 固定行高、Inter／独立 mono 字体依赖                                                                            | 检查系统 UI／mono 字体栈；库不再混用各角色字体，也不下载字体。Textarea 普通文本为 sans，代码显式 `mono`。                                |
+| 覆盖 `--ref-*` 或只修改 Sass maps 期待运行时联动                                                               | 按[样式指南](styles/README.md)覆盖 sys 家族、文本四属性、颜色、space/radius。断点等仍为构建值。                                          |
 
 颜色映射同时适用于 `--sys-color-*`、`sys-var(color, ...)`、`$color-light/dark` 的键和 Uno theme 色名；例如 `text-text-primary` 改为 `text-text-on-primary`。不保留会掩盖语义变化的双套颜色名。Uno theme.colors 的复合键按 Wind3 解析规则使用 camelCase（如 onPrimary、dangerHover）；工具类仍为 text-text-on-primary、bg-surface-danger-hover。直接读取 preset theme 的代码也需迁移。
 
@@ -31,9 +39,9 @@ Figma 导入也改变：仅更新已知路径的值，显式提供 releaseType
 
 ---
 
-# 组件基础契约升级（待发布 major）
+## 2.0.0：组件基础契约
 
-本节对应基础控件、弹层和 schema 编辑契约调整，尚未发布。选择包含这些变更的版本前，完成以下迁移并验证真实保存流程。
+本节对应 2.0.0 的基础控件、弹层和 schema 编辑契约调整。升级时完成以下迁移并验证真实保存流程。
 
 - InkButton 默认原生类型改为 button。表单提交写 `nativeType="submit"`；type 仍控制 default/square 外形。client-web 的 info-base/list 和 RecallSearch 搜索按钮依赖旧默认提交行为，需要明确标记。
 - InkJsonEditor 的模型现在包含原始文本和无效 JSON。将直接 JSON.parse 的 computed setter 改为独立字符串草稿，监听 validation；仅在 valid=true 且结果 text 与草稿一致时解析和持久化。client-web 的 peerCard 配置编辑属于这种调用，必须迁移，否则输入中间态会让 setter 抛错。
@@ -56,7 +64,11 @@ function save() {
 </script>
 <template>
   <InkJsonEditor v-model="draft" label="配置" @validation="validation = $event" />
-  <InkButton text="保存" :disabled="!validation?.valid || validation.text !== draft" @click="save" />
+  <InkButton
+    text="保存"
+    :disabled="!validation?.valid || validation.text !== draft"
+    @click="save"
+  />
 </template>
 ```
 
diff --git a/packages/web/README.md b/packages/web/README.md
index 31b8bd1..5bd85e0 100644
--- a/packages/web/README.md
+++ b/packages/web/README.md
@@ -18,7 +18,7 @@ JSON 语言服务当前固定为 5.6.4：组件依赖该版本的诊断消息和
 
 ## 设计与使用入口
 
-构建、审视或维护 UI 时，先读 [DESIGN.md](DESIGN.md) 的默认选择和设计边界，再读相关组件参考。此文件随当前包版本交付；生产者仓库中的未来版本规则不自动适用于旧版安装。
+构建、审视或维护 UI 时，从 [DESIGN.md](DESIGN.md) 的总纲进入，按任务读取设计立场、视觉语言、页面组合或判断依据，再查所需组件参考。无需预先加载全部设计正文。总纲与 docs/design 一起随当前包版本交付，生产者未来版本的规则不自动适用于旧版安装。
 
 应用入口加载样式；需要全局注册所有组件时安装插件：
 
diff --git a/packages/web/docs/design/composition.md b/packages/web/docs/design/composition.md
new file mode 100644
index 0000000..e6af3cb
--- /dev/null
+++ b/packages/web/docs/design/composition.md
@@ -0,0 +1,51 @@
+# 页面组合
+
+本页说明如何让内容、操作和状态在页面中形成关系。[设计立场](principles.md) 说明理由，[视觉语言](visual-language.md) 说明表达；组件的参数和模型时机从 [README](../../README.md) 进入对应参考。
+
+## 从完整任务安排阅读顺序
+
+先让用户辨认正在面对的对象，再安排理解它所需的信息、当前状态和下一步动作。标题、摘要、元数据与操作之间的主次应清楚；元数据接近其解释的内容，局部操作接近其作用对象，页面级操作则有稳定的位置。
+
+页面可以同时容纳阅读和管理，但不必让每一项信息争夺同样的注意。普通列表、内容正文和设置表单的节奏可以不同，宿主负责根据真实任务决定导航与业务流程。
+
+## 决定当前呈现什么
+
+整理内容先于调整间距。重复的标题、复述同一状态的标签、没有帮助的说明和纯粹填空的图标应直接移除；需要保留的内容，再按当前任务决定出现的位置与时机。已有空间不要求被填满。
+
+列表帮助识别和比较对象，详情承载进一步阅读，编辑态提供修改所需的信息。不要把三个层级的全部内容同时摆在列表里。有用但暂时次要的信息可放到展开区、详情或次级操作入口中，入口应可发现，并让人知道能在那里找到什么。若用户必须反复展开才能完成主要任务，就需要重新考虑哪些内容应直接出现。
+
+界面随状态改变当前呈现的内容：保存期间保留输入与进度，失败后及时显示对应问题和恢复动作，无须同时陈列所有可能状态。影响当前判断的警告、校验错误和操作后果直接呈现；不能为了视觉简洁藏到容易错过的入口。
+
+状态类别不自动决定它必须着色。常态的“已连接”、例行保存结果与普通进度说明默认使用中性色；当结果需要特别确认、风险需要处理或变化会影响下一步时，再用语义色强调关键文字或标记，详细说明保持普通文字的阅读层级。多个问题同时存在时，按影响范围与处理优先级组织，不为减少彩色而隐藏必要反馈。
+
+容器变窄时，重新安排次要内容与操作的入口，保留主要任务及必要信息的可达性。切换尺寸、进入详情和返回列表时，草稿、选择与当前上下文应能延续。用完整操作过程检查这些变化，避免只让默认状态或一个尺寸显得简洁。
+
+## 分组与独立容器
+
+连续的说明、属于同一对象的字段、围绕同一结果的元数据，先通过顺序、对齐和间距形成一组。只有当封闭边界进一步说明了独立对象、交互范围或层次时，才增加容器。
+
+例如，一个设置区块可以由标题、说明和纵向字段直接组成。给每个字段再包一层卡片，容易打断整组阅读，并让辅助说明看起来像另一个对象。相反，多个独立来源各有名称、状态和操作时，重复的条目或容器可以帮助辨认对象归属。应该比较这些关系，而不是统一要求所有内容使用或不用卡片。
+
+列表条目具有共同结构时，通过稳定的对齐与顺序帮助比较；需要连续阅读的正文应保留完整内容。摘要是进入全文前的选择帮助，不能继续截断已打开的完整内容。
+
+## 表单围绕修改与提交组织
+
+普通表单从纵向字段开始。标签靠近输入，说明与错误放在相关字段旁边；字段分组表达业务含义，不按底层组件类型分类。自带 label／error 的控件已经承担关联，自定义字段再补对应结构。
+
+主要提交应能被辨认为这次修改的完成动作，取消和危险操作与其保持可理解的区别。校验失败应说明需要修改什么；保存失败应保留已经输入的内容，让重试有连续的上下文。保存期间保留动作文字与可读配色，并防止重复执行。
+
+固定业务流程与 schema 生成表单承担不同的数据责任。先决定用户如何理解和修改内容，再选择实现；具体组合从 Web 的 InkForm、内置字段、InkField 以及现有配方进入。
+
+## 浮层延续当前任务
+
+确认需要让用户看清对象、后果和选择；内容浮层需要让人理解正在阅读什么、如何继续或返回。浮层内部不应因为处于弹层中就再重复一套页面外壳。
+
+普通确认、需要等待的确认和自定义内容浮层各有适用语义。Web 的具体选择由 InkDoubleCheck、InkDialog、InkPopup 的参考说明。背景是否继续可操作、何时提交和何时放弃草稿，都应与当前任务一致，不能从外观推断。
+
+加载、空结果、失败与确认有不同含义，应分别表达。错误反馈不要抹掉键盘焦点，进行状态也不应伪装成普通不可用状态。
+
+## 容器变化时保留关系
+
+宿主决定页面列数、外部留白和阅读区域，组件负责内部内容与操作布局。确定当前需要呈现的内容后，可用空间缩小时让相关内容换行或按既有阅读顺序排列；不要通过缩小正文、遮掉必要操作或裁切说明来维持双栏外观。
+
+同一界面在宽屏与窄容器中可以看起来不同，但对象归属、信息主次和动作含义应能被追踪。标识符可以换行，结构化代码可以局部滚动；局部滚动不应吞掉整个页面的操作入口。具体对照见[判断依据](reference.md)。
diff --git a/packages/web/docs/design/examples/action-states.png b/packages/web/docs/design/examples/action-states.png
new file mode 100644
index 0000000..6a11bff
Binary files /dev/null and b/packages/web/docs/design/examples/action-states.png differ
diff --git a/packages/web/docs/design/examples/form-content.png b/packages/web/docs/design/examples/form-content.png
new file mode 100644
index 0000000..6807bdc
Binary files /dev/null and b/packages/web/docs/design/examples/form-content.png differ
diff --git a/packages/web/docs/design/principles.md b/packages/web/docs/design/principles.md
new file mode 100644
index 0000000..644b197
--- /dev/null
+++ b/packages/web/docs/design/principles.md
@@ -0,0 +1,31 @@
+# 设计立场
+
+InKCre 的设计系统服务于内容的阅读、理解与操作。页面需要让人辨认信息之间的关系，知道当前处境，并看清一个动作会改变什么。文字、颜色、空间与形状的具体表达见[视觉语言](visual-language.md)。
+
+## 让内容建立秩序
+
+先决定当前任务需要呈现什么，再安排空间。移除重复、无助于理解或行动的内容与元素；有用但不属于当前层级的信息，放在可发现的后续入口。空白可以保留，不需要增加说明、状态标签或装饰去填满它。
+
+先找出用户正在理解的对象、对象之间的关系和当前任务，再给信息分组和安排操作。标题应说明下面是什么，元数据帮助定位，正文承担连续阅读。界面的分区需要与这些内容关系相符；开发时分成了几个组件，不足以决定用户应该看到几个独立容器。
+
+说明和错误也是用户完成任务所需的内容。空间不足时，先调整承载方式；为了维持一个外框而缩小或截掉必要文字，会改变信息实际受到的重视程度。
+
+## 让操作表达真实后果
+
+可执行、已选中、不可用、进行中和出错应具有可辨别的表现。用户应知道动作是否被接收、工作是否结束、失败后还能做什么。状态文字与用户输入需要连续保留，使界面的变化能够被理解，而不是让人通过控件消失或颜色变化猜测发生了什么。
+
+主要动作的强调来自当前任务，危险动作的强调来自后果。二者不因为视觉上醒目就可以互换。装饰性的变化也不应伪装成可以点击的反馈。
+
+## 让一致性保留意图和关系
+
+同样的用途与条件应有可解释的共同选择；条件不同时，允许为了同一个目的改变布局和尺度。正文可以在不同容器中有不同换行，但仍然承担正文职责。宽页面和窄侧栏可以采用不同列数，而保留同样的信息顺序与操作归属。
+
+共享某个值的依据是共同用途与共同变化理由。两个距离此刻相等，不表示它们应永远一起变化；一个场景的局部解法，也不必立即变成所有组件的配置。
+
+## 让表达的成本得到理由支持
+
+每个可见的分隔、底色、强调和层次都应帮助读者理解内容或操作。增加一个视觉处理时，说明它带来了什么区分；移除它时，检查是否真的丢失了必要信息。这个判断允许有表现力的界面，也要求表现力服务于具体内容。
+
+内容可读、功能可用与预设外观发生冲突时，先保护内容和功能，再重新选择表达方式。视觉风格需要通过这种取舍延续，不能依赖禁止变化才能成立。
+
+页面组织的具体选择见[页面组合](composition.md)；实例及其可推广范围见[判断依据](reference.md)。
diff --git a/packages/web/docs/design/reference.md b/packages/web/docs/design/reference.md
new file mode 100644
index 0000000..b3d9bf5
--- /dev/null
+++ b/packages/web/docs/design/reference.md
@@ -0,0 +1,53 @@
+# 判断依据
+
+比较设计方案时，要同时看内容、容器和状态。下面的例子分别说明字段关联、动作区别和内容增长时需要保持的关系。
+
+## 从例子提取什么
+
+先看例子面对的内容、容器和状态，再确认它保留了哪些关系，以及另一种选择会改变什么。复用有理由的关系；不要把一个截图中的全部数值、措辞和偶然布局当成规范。
+
+| 方案面对的情况                       | 判断重点                                               | 可接受的变化                                                 |
+| ------------------------------------ | ------------------------------------------------------ | ------------------------------------------------------------ |
+| 同一设置区块被拆成许多卡片           | 外框是否提供了新含义，还是打断字段与说明的关联         | 改用标题、对齐与区块间距；确有独立对象时保留容器             |
+| 每个区域都使用强调色或同样醒目的标题 | 用户能否区分主要内容、状态和操作                       | 降低辅助信息的强调，保留必要状态和焦点                       |
+| 从宽页面进入窄侧栏                   | 阅读顺序、对象归属和动作是否仍然完整                   | 换行、改变列数、局部滚动，不以缩字或截断必要内容换取外框不变 |
+| 多种状态与层级的信息挤在同一页面     | 当前任务是否用得上每项内容，减少后是否仍能顺利完成任务 | 删除重复信息；次要详情按需进入，当前错误与必要操作直接呈现   |
+| 新组件没有现成样板                   | 能否从设计立场解释其表达，并与相邻组件共同成立         | 有依据的局部变化；新增共享角色须有共同用途                   |
+
+这些是比较方案的判断方向，不是自动评分表。即便两种方案都可读、都使用合法 Token，仍需比较它们呈现的信息秩序与视觉性格。
+
+## 长字段与错误说明
+
+![320px 表单内容区域中的长标签和错误说明自然换行](examples/form-content.png)
+
+在 320px 宽的表单内容区域中，长标签和错误说明换行，字段随内容增长。每条说明紧邻对应字段，红色前景表达错误，标题、正文与标签保留各自的阅读职责。若为维持固定字段高度而裁切文字，用户就可能失去修正输入所需的信息。
+
+这个例子展示字段内部的关联。截图外侧留白不参与表单布局；实际页面的外部空间与字段密度按容器和内容安排。
+
+## 操作与状态的区别
+
+![深色主题中的普通动作、主要动作、危险动作与反馈](examples/action-states.png)
+
+主要动作、辅助动作和危险动作有不同表达；pending 保留动作文字，普通 disabled 有自己的弱化表现。反馈文字在普通表面上表达不同状态，文字说明使含义不只依赖颜色。
+
+图中并列展示不同的动作和状态，便于比较，不代表实际页面的用色密度。页面按当前任务确定主要动作，并按[页面组合](composition.md)选择反馈的出现时机与强调范围；若多个动作同时获得最强强调，用户会难以辨认下一步。
+
+## 信息按任务出现
+
+来源列表先显示辨认和比较所需的名称与状态，完整配置放在详情中编辑。若同一个同步状态已经清楚表达，重复的图标、文字标签和解释不会增加信息，可以移除。连接失败时，错误原因与恢复入口进入当前视图；保存配置时，用户的修改和保存结果留在编辑上下文中。
+
+在窄容器中，可以把次要操作收进有名称的入口，但主要任务不应因此需要反复展开。进入详情再返回时保持原来的位置与选择，已打开的正文继续完整阅读。这样减少的是当前视图的负担，而不是任务所需的信息与能力。
+
+## 中西文排印
+
+中文与西文混排时，保留西文单词内部的自然字距，在汉字与西文字母、数字的交界处安排适量间距；中文标点附近不机械地补空格。标点形式与断行方式需结合文本语言及地区习惯，核对行首、行尾和不可拆开的符号组合。相关规则见 [W3C《中文排版需求》草案](https://www.w3.org/TR/clreq/)。
+
+正文的字体、字号、行距与行长应一起判断，参见 [Butterick 的正文排印指南](https://practicaltypography.com/body-text.html)。其[行长建议](https://practicaltypography.com/line-length.html)针对西文，不直接换算成中文统一字数或所有界面的固定宽度。用实际中英文段落核对换行、回行和段落节奏，短标签与连续正文分别判断。
+
+排印调整作用于显示层。用户原文、代码、URL 和标识符保持原始内容；不能为了字距或断行方便而统一改写文本。Web 的字体、样式与覆盖入口从 [README](../../README.md) 继续查阅。
+
+## 比较完整页面
+
+将两个方案放在相同的内容、容器和交互状态下，沿同一任务阅读和操作。内容阅读关注正文是否连续、元数据是否干扰；对象管理关注条目是否容易比较、操作归属是否清楚；配置修改关注字段关联、提交与反馈是否完整。
+
+调整文字、颜色或边界后，说明用户更容易辨认了什么，以及哪些信息受到弱化。再用长内容和窄容器核对这些关系是否仍然成立。局部控件的表达见[视觉语言](visual-language.md)，信息和操作的组织见[页面组合](composition.md)。
diff --git a/packages/web/docs/design/visual-language.md b/packages/web/docs/design/visual-language.md
new file mode 100644
index 0000000..ecc7522
--- /dev/null
+++ b/packages/web/docs/design/visual-language.md
@@ -0,0 +1,35 @@
+# 视觉语言
+
+InKCre 的视觉气质是平静、有秩序，略带技术感。
+
+## 无衬线为主，局部等宽混排
+
+正文、说明与普通控件使用系统 UI 无衬线字体。品牌名、少量短栏目名和编号使用局部等宽表达，通过两种字体的对比带出轻微的技术感。代码与需要逐字符辨认的技术标识也可使用等宽字体。
+
+等宽字体作用于选定的文字片段，不从页面或通用容器扩散到整组内容。普通标签、状态说明和长段文字保持无衬线表达；文本中出现英文或数字，不足以改变整段的字体。
+
+## 文字形成阅读层级
+
+标题以适度的字号差异和中等或半粗字重形成层级，正文保持常规字重。标题与正文的对比温和而明确，延续整体平静、有秩序的气质。
+
+## 颜色建立注意与状态的关系
+
+界面框架以黑、白和中性灰为主，通过明暗形成层次。基础灰保持中性，不整体偏向蓝灰或米灰。彩色出现得少，集中在需要注意的语义和动作上，让平静的版面保留明确的重点。
+
+危险动作的带色表面保持低饱和、略带灰调的质感。需要引起注意的语义文字与状态标记使用更干净、较纯的色彩，在中性框架中清晰突出。颜色的力度按承载面积与用途分别选择，不要求文字、标记与按钮底色具有相同饱和度。
+
+浅深主题都延续中性框架与少量彩色重点，按背景调整明暗对比。文字、必要边界和状态保持清晰，不通过统一降低透明度或饱和度制造柔和感。反馈的出现时机与强调范围见[页面组合](composition.md)。
+
+## 形状和层次表达边界
+
+界面以平直、利落的矩形轮廓为主，默认采用直角，整体保持薄而平面的质感。卡片、按钮、输入框和浮层遵循同一轮廓语言；组件独立或面积较小，不构成使用圆角的理由。
+
+圆角例外按明确的形态用途约定，并与相邻元素共同判断其是否协调。未有相应用途约定时延续直角；不以“柔化”“局部装饰”为由自行加入圆角。
+
+页面与常驻内容区保持平面，以细实线和轻微的底色差形成层次，默认无阴影。覆盖其他内容的菜单、弹层，在需要表达前后关系时使用小范围、低强度、贴近轮廓的阴影，并延续直角轮廓。
+
+## 空间维持节奏
+
+整体适度紧凑，局部舒展。列表与工具区形成规整的行列节奏，阅读区保留较舒展的段落节奏；较大的留白集中在段落、区块之间和页面边缘。单个字段与条目的内部空间保持适量，延续当前文字尺度。
+
+内容的取舍和分层见[页面组合](composition.md)，排印与场景对照见[判断依据](reference.md)。角色名称与平台调用从 [README](../../README.md) 进入对应技术指南。
diff --git a/packages/web/histoire.config.ts b/packages/web/histoire.config.ts
index 620e398..2c906ee 100644
--- a/packages/web/histoire.config.ts
+++ b/packages/web/histoire.config.ts
@@ -1,185 +1,6 @@
 import { defineConfig } from "histoire";
 import { HstVue } from "@histoire/plugin-vue";
 import { resolve } from "path";
-import { readFileSync, writeFileSync } from "fs";
-import type { Plugin } from "vite";
-import MarkdownIt from "markdown-it";
-
-const cdnModules = {
-  "@codemirror/view": "https://esm.sh/@codemirror/view@6.38.8",
-  "@codemirror/state": "https://esm.sh/@codemirror/state@6.5.2",
-  "@codemirror/lang-json": "https://esm.sh/@codemirror/lang-json@6.0.2",
-  "@codemirror/commands": "https://esm.sh/@codemirror/commands@6.10.0",
-  "@codemirror/autocomplete": "https://esm.sh/@codemirror/autocomplete@6.20.0",
-  "@codemirror/lint": "https://esm.sh/@codemirror/lint@6.9.2",
-  "vscode-json-languageservice": "https://esm.sh/vscode-json-languageservice@5.6.4",
-  "vscode-languageserver-textdocument": "https://esm.sh/vscode-languageserver-textdocument@1.0.12",
-  // Also externalize Vue and related libraries
-  // Note: Versions match peerDependencies in package.json
-  // This is only for Histoire build (dev tool), not production builds
-  vue: "https://esm.sh/vue@3.5.25",
-  "vue-router": "https://esm.sh/vue-router@4.6.4",
-  "@vueuse/core": "https://esm.sh/@vueuse/core@14.1.0",
-  dayjs: "https://esm.sh/dayjs@1.11.19",
-};
-
-const cdnExternalsPlugin = (): Plugin => {
-  let isBuild = false;
-  let outDir = "";
-  let htmlTransformed = false;
-
-  return {
-    name: "cdn-externals",
-    enforce: "pre",
-
-    configResolved(config) {
-      isBuild = config.command === "build";
-      outDir = config.build.outDir;
-    },
-
-    resolveId(id) {
-      if (isBuild && Object.keys(cdnModules).includes(id)) {
-        // Return a special virtual module ID
-        return "\0" + id;
-      }
-      return null;
-    },
-
-    load(id) {
-      if (isBuild && id.startsWith("\0")) {
-        const originalId = id.slice(1);
-        if (originalId in cdnModules) {
-          const cdnUrl = cdnModules[originalId as keyof typeof cdnModules];
-          // Return a proxy module that imports from CDN
-          return `export * from '${cdnUrl}';`;
-        }
-      }
-      return null;
-    },
-
-    closeBundle() {
-      if (isBuild && !htmlTransformed) {
-        try {
-          const htmlPath = resolve(outDir, "index.html");
-
-          // Check if file exists
-          try {
-            readFileSync(htmlPath, "utf-8");
-          } catch {
-            // HTML file doesn't exist yet, skip transformation
-            return;
-          }
-
-          let html = readFileSync(htmlPath, "utf-8");
-
-          // Check if import map already exists using regex
-          if (/<script[^>]*type=["']importmap["'][^>]*>/i.test(html)) {
-            htmlTransformed = true;
-            return;
-          }
-
-          // Create import map with proper JSON serialization
-          const importMap = {
-            imports: Object.fromEntries(
-              Object.entries(cdnModules).map(([name, url]) => [name, url]),
-            ),
-          };
-          const importMapScript = `  <script type="importmap">\n${JSON.stringify(
-            importMap,
-            null,
-            4,
-          )}\n  </script>\n`;
-
-          html = html.replace(/<\/head>/i, importMapScript + "</head>");
-          writeFileSync(htmlPath, html);
-          htmlTransformed = true;
-          console.log("[CDN] Added import map to HTML");
-        } catch (err) {
-          console.error("[CDN] Failed to transform HTML:", err);
-        }
-      }
-    },
-  };
-};
-
-/**
- * Vite plugin to optimize Shiki bundle in different modes
- * - Dev mode: Only allow specific languages (vue, typescript, javascript) by intercepting imports
- * - Build mode: Exclude Shiki completely
- */
-const optimizeShikiPlugin = (): Plugin => {
-  let isBuild = false;
-  // Include both full names and common aliases for language matching
-  const allowedLangs = ["vue", "typescript", "javascript", "ts", "js"];
-
-  // Helper function to extract module name from import path
-  const extractModuleName = (id: string, prefix: string): string => {
-    return id.replace(prefix, "").replace(/\.(mjs|js|ts)$/, "");
-  };
-
-  return {
-    name: "optimize-shiki",
-    enforce: "pre",
-
-    configResolved(config) {
-      isBuild = config.command === "build";
-    },
-
-    resolveId(id) {
-      if (isBuild) {
-        // In build mode, block all Shiki-related imports
-        if (id.includes("shiki") || id.includes("@shikijs")) {
-          console.log(`[Optimize Shiki] Blocking in build mode: ${id}`);
-          return "\0shiki-excluded";
-        }
-      } else {
-        // In dev mode, block non-essential language imports
-        // Allow index files and only specific language files
-        const isLangsIndex = id === "@shikijs/langs" || id.includes("/langs/dist/index.mjs");
-        if (id.startsWith("@shikijs/langs/") && !isLangsIndex) {
-          const langName = extractModuleName(id, "@shikijs/langs/");
-          if (!allowedLangs.includes(langName)) {
-            // Block this language
-            return "\0shiki-lang-blocked";
-          }
-        }
-        // Block non-essential theme imports (only allow github-light)
-        // Allow index files and only the github-light theme
-        const isThemesIndex = id === "@shikijs/themes" || id.includes("/themes/dist/index.mjs");
-        if (id.startsWith("@shikijs/themes/") && !isThemesIndex) {
-          const themeName = extractModuleName(id, "@shikijs/themes/");
-          if (themeName !== "github-light") {
-            // Block this theme
-            return "\0shiki-theme-blocked";
-          }
-        }
-      }
-      return null;
-    },
-
-    load(id) {
-      if (id === "\0shiki-lang-blocked" || id === "\0shiki-theme-blocked") {
-        // Return empty module for blocked languages/themes in dev mode
-        return `export default null;`;
-      }
-
-      if (id === "\0shiki-excluded") {
-        // Build mode: Return empty module for all Shiki
-        return `
-// Shiki excluded in build mode - using plain markdown rendering
-export default {};
-export const getHighlighter = () => Promise.resolve({});
-export const createHighlighter = () => Promise.resolve({});
-export const bundledLanguages = {};
-export const bundledThemes = {};
-export const codeToHtml = () => Promise.resolve('');
-        `;
-      }
-      return null;
-    },
-  };
-};
-
 export default defineConfig({
   plugins: [HstVue()],
   viteIgnorePlugins: ["vite:dts"],
@@ -219,28 +40,10 @@ export default defineConfig({
       contrastColor: "#fafafa",
     },
   ],
-  // Configure markdown rendering
-  // In dev mode: Use Histoire's default (which will use our optimized Shiki with limited langs/themes)
-  // In build mode: Use plain markdown-it (Shiki excluded by plugin)
-  // Note: Using process.env.NODE_ENV here is correct as Histoire sets it based on command
-  markdown:
-    process.env.NODE_ENV === "production"
-      ? (_env) => {
-          // Build mode: Use markdown-it without Shiki
-          const md = new MarkdownIt({
-            html: true,
-            linkify: true,
-            typographer: true,
-          });
-          // Code blocks will render as plain <pre><code>...</code></pre>
-          return md;
-        }
-      : undefined, // Dev mode: Use Histoire's default with our optimized Shiki
   vite: {
     resolve: {
       alias: [{ find: /^@inkcre\/ui-web$/, replacement: resolve(__dirname, "src/index.ts") }],
     },
-    plugins: [optimizeShikiPlugin(), cdnExternalsPlugin()],
     build: {
       sourcemap: false,
       minify: "terser",
diff --git a/packages/web/package.json b/packages/web/package.json
index 54d48f7..7dbc576 100644
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -20,7 +20,8 @@
     "styles/",
     "skills",
     "MIGRATION.md",
-    "DESIGN.md"
+    "DESIGN.md",
+    "docs/design/"
   ],
   "type": "module",
   "sideEffects": [
@@ -85,8 +86,8 @@
     "build:skills": "pnpm run skill:generate:check",
     "clean": "rimraf dist",
     "preview": "vite preview",
-    "format": "oxfmt --config .oxfmtrc.json src stories styles .oxfmtrc.json .oxlintrc.json package.json DESIGN.md skill.seed.json component-manifest.json component-manifest.schema.json tsconfig.json tsconfig.build.json tsconfig.check.json tsconfig.exports.json tsconfig.uno.json env.d.ts histoire.config.ts uno.config.ts vite.config.js vite.subpaths.config.js",
-    "format:check": "oxfmt --check --config .oxfmtrc.json src stories styles .oxfmtrc.json .oxlintrc.json package.json DESIGN.md skill.seed.json component-manifest.json component-manifest.schema.json tsconfig.json tsconfig.build.json tsconfig.check.json tsconfig.exports.json tsconfig.uno.json env.d.ts histoire.config.ts uno.config.ts vite.config.js vite.subpaths.config.js",
+    "format": "oxfmt --config .oxfmtrc.json src stories styles .oxfmtrc.json .oxlintrc.json package.json DESIGN.md docs/design skill.seed.json component-manifest.json component-manifest.schema.json tsconfig.json tsconfig.build.json tsconfig.check.json tsconfig.exports.json tsconfig.uno.json env.d.ts histoire.config.ts uno.config.ts vite.config.js vite.subpaths.config.js",
+    "format:check": "oxfmt --check --config .oxfmtrc.json src stories styles .oxfmtrc.json .oxlintrc.json package.json DESIGN.md docs/design skill.seed.json component-manifest.json component-manifest.schema.json tsconfig.json tsconfig.build.json tsconfig.check.json tsconfig.exports.json tsconfig.uno.json env.d.ts histoire.config.ts uno.config.ts vite.config.js vite.subpaths.config.js",
     "lint": "oxlint --config .oxlintrc.json src stories histoire.config.ts uno.config.ts vite.config.js vite.subpaths.config.js",
     "lint:fix": "pnpm run lint --fix",
     "skill:generate": "tsx ../../scripts/build-agent-skills.ts",
diff --git a/packages/web/skill.seed.json b/packages/web/skill.seed.json
index 582c2ca..2b9997f 100644
--- a/packages/web/skill.seed.json
+++ b/packages/web/skill.seed.json
@@ -465,7 +465,7 @@
         "使用 InkForm layout=\"col\"，内置控件直接传 label、error，保留各自模型名称；自定义字段才包 InkField。",
         "标题选择 title-lg，正文 body-md，说明和错误 body-sm；短元信息才选 label-md。页面留白和列数写在宿主 CSS 中。",
         "主提交写 InkButton theme=\"primary\" native-type=\"submit\"，传 isLoading；业务代码处理校验、异步失败和防止重复提交。",
-        "成功／失败写明确文字，默认使用 surface.subtle 搭配 feedback.success／error；不要创建不存在的 success.surface 或 danger.light。"
+        "成功／失败写明确文字，例行保存结果和普通进度使用 text.base 或 text.subtle；需要强调的结果、风险或变化才使用对应 feedback 前景。不要创建不存在的 success.surface 或 danger.light；出现时机见设计指南的页面组合。"
       ],
       "caveats": [
         "Do not normalize every control to the same model prop name; use each component's actual API.",
@@ -594,11 +594,11 @@
   "styling": {
     "rules": [
       "应用加载一次 @inkcre/ui-web/styles；Sass 使用公开 /styles/functions、/styles/mixins 和 /tokens/ref|sys|comp。",
-      "设计角色的选择、配色关系、状态与布局责任见包内 DESIGN.md；CSS/Sass/Uno 调用与覆盖细节见 styles/README.md。",
+      "包内 DESIGN.md 提供总纲；按任务读取 docs/design 中的视觉语言或页面组合，比较方案时再读判断依据。CSS/Sass/Uno 调用与覆盖细节见 styles/README.md。",
       "apply-font(body-md) 输出四个度量、系统 UI 字体和 none 装饰；代码加 $mono: true，下划线加 $underlined: true。apply-font(title, lg) 无效，应使用 title-lg。",
       "Uno 将 presetInk 放在 presetWind3 后；font-body-md、font-label-lg font-mono underline、p-md 使用同一公开角色。none 不能消除祖先绘制的下划线。",
       "html[data-theme=\"light|dark\"] 优先于系统；省略 data-theme 或设 system 时跟随系统。主题覆盖 CSS 放在库之后并匹配选择器。",
-      "根级 sys 颜色、typo.family.sans/mono、font 角色四属性、space/radius 在 CSS/Sass 变量和 Uno 对应规则之间传播。Sass maps 与 Uno 尺寸／图标／断点／阴影是构建值；任意 ref 变化不保证带动 sys/comp。",
+      "根级 sys 颜色、typo.family.sans/mono、font 角色四属性、space/radius 在 CSS/Sass 变量和 Uno 对应规则之间传播。apply-elevation 读取运行时 sys.elevation.raised 变量；Sass maps 与 Uno 尺寸／图标／断点／阴影是构建值，任意 ref 变化不保证带动 sys/comp。",
       "Popup/Scrim Teleport 到 body，只保证根级覆盖，局部 wrapper 的主题或字体不能自动跟随。库不设置 html 字号，不下载字体。",
       "构建 CSS 自带组件内部静态图标和工具类，不含 preflight；应用动态 icon 仍需自身 Uno 提取或 safelist。"
     ],
diff --git a/packages/web/skills/ui-web/SKILL.md b/packages/web/skills/ui-web/SKILL.md
index 8c60857..c2e6a95 100644
--- a/packages/web/skills/ui-web/SKILL.md
+++ b/packages/web/skills/ui-web/SKILL.md
@@ -16,7 +16,7 @@ matches a product task.
 ## Workflow
 
 1. Identify the product intent and interaction state.
-2. Read [DESIGN.md](../../DESIGN.md) for design decisions, defaults, and extension boundaries; then read `references/component-map.md` to shortlist components.
+2. 从 [DESIGN.md](../../DESIGN.md) 的总纲按当前任务读取设计正文；无需加载全部文件，再用 `references/component-map.md` 选择组件。
 3. For multi-component work, read `references/composition-recipes.md`.
 4. Load only the selected files under `references/components/`.
 5. Check integration, styling, and common-mistake references only when relevant.
@@ -64,7 +64,7 @@ app.use(InKCreUiWeb);
 
 ## References
 
-- [DESIGN.md](../../DESIGN.md): shared design decisions for consumers and maintainers.
+- [DESIGN.md](../../DESIGN.md): 设计总纲与按任务阅读的路径；正文分别说明立场、视觉、组合和判断依据。
 - `references/component-map.md`: intent-to-component routing.
 - `references/composition-recipes.md`: reviewed multi-component workflows.
 - `references/integration.md`: installation, router, and i18n boundaries.
diff --git a/packages/web/skills/ui-web/references/composition-recipes.md b/packages/web/skills/ui-web/references/composition-recipes.md
index 20d7e5e..783d13e 100644
--- a/packages/web/skills/ui-web/references/composition-recipes.md
+++ b/packages/web/skills/ui-web/references/composition-recipes.md
@@ -14,7 +14,7 @@ current generated API facts used to implement them.
 1. 使用 InkForm layout="col"，内置控件直接传 label、error，保留各自模型名称；自定义字段才包 InkField。
 2. 标题选择 title-lg，正文 body-md，说明和错误 body-sm；短元信息才选 label-md。页面留白和列数写在宿主 CSS 中。
 3. 主提交写 InkButton theme="primary" native-type="submit"，传 isLoading；业务代码处理校验、异步失败和防止重复提交。
-4. 成功／失败写明确文字，默认使用 surface.subtle 搭配 feedback.success／error；不要创建不存在的 success.surface 或 danger.light。
+4. 成功／失败写明确文字，例行保存结果和普通进度使用 text.base 或 text.subtle；需要强调的结果、风险或变化才使用对应 feedback 前景。不要创建不存在的 success.surface 或 danger.light；出现时机见设计指南的页面组合。
 
 ```vue
 <script setup lang="ts">
@@ -82,7 +82,7 @@ async function submit() {
   line-height: var(--sys-font-body-sm-line-height);
   font-weight: var(--sys-font-body-sm-font-weight);
   letter-spacing: var(--sys-font-body-sm-letter-spacing);
-  color: var(--sys-color-feedback-success);
+  color: var(--sys-color-text-subtle);
 }
 </style>
 
diff --git a/packages/web/skills/ui-web/references/styling-and-themes.md b/packages/web/skills/ui-web/references/styling-and-themes.md
index 08ef7fb..6f7ebcb 100644
--- a/packages/web/skills/ui-web/references/styling-and-themes.md
+++ b/packages/web/skills/ui-web/references/styling-and-themes.md
@@ -16,11 +16,11 @@ use only the exported functions, mixins, and token subpaths.
 ## Rules
 
 - 应用加载一次 @inkcre/ui-web/styles；Sass 使用公开 /styles/functions、/styles/mixins 和 /tokens/ref|sys|comp。
-- 设计角色的选择、配色关系、状态与布局责任见包内 DESIGN.md；CSS/Sass/Uno 调用与覆盖细节见 styles/README.md。
+- 包内 DESIGN.md 提供总纲；按任务读取 docs/design 中的视觉语言或页面组合，比较方案时再读判断依据。CSS/Sass/Uno 调用与覆盖细节见 styles/README.md。
 - apply-font(body-md) 输出四个度量、系统 UI 字体和 none 装饰；代码加 $mono: true，下划线加 $underlined: true。apply-font(title, lg) 无效，应使用 title-lg。
 - Uno 将 presetInk 放在 presetWind3 后；font-body-md、font-label-lg font-mono underline、p-md 使用同一公开角色。none 不能消除祖先绘制的下划线。
 - html[data-theme="light|dark"] 优先于系统；省略 data-theme 或设 system 时跟随系统。主题覆盖 CSS 放在库之后并匹配选择器。
-- 根级 sys 颜色、typo.family.sans/mono、font 角色四属性、space/radius 在 CSS/Sass 变量和 Uno 对应规则之间传播。Sass maps 与 Uno 尺寸／图标／断点／阴影是构建值；任意 ref 变化不保证带动 sys/comp。
+- 根级 sys 颜色、typo.family.sans/mono、font 角色四属性、space/radius 在 CSS/Sass 变量和 Uno 对应规则之间传播。apply-elevation 读取运行时 sys.elevation.raised 变量；Sass maps 与 Uno 尺寸／图标／断点／阴影是构建值，任意 ref 变化不保证带动 sys/comp。
 - Popup/Scrim Teleport 到 body，只保证根级覆盖，局部 wrapper 的主题或字体不能自动跟随。库不设置 html 字号，不下载字体。
 - 构建 CSS 自带组件内部静态图标和工具类，不含 preflight；应用动态 icon 仍需自身 Uno 提取或 safelist。
 
diff --git a/packages/web/src/components/inkAutoForm/inkAutoForm.scss b/packages/web/src/components/inkAutoForm/inkAutoForm.scss
index 4630834..e42c080 100644
--- a/packages/web/src/components/inkAutoForm/inkAutoForm.scss
+++ b/packages/web/src/components/inkAutoForm/inkAutoForm.scss
@@ -3,7 +3,7 @@
     padding: sys-var(space, md);
     background-color: sys-var(color, surface, subtle);
     color: sys-var(color, feedback, error);
-    border-radius: sys-var(radius, md);
+    border-radius: sys-var(radius, none);
     @include apply-font(body-sm);
   }
 
diff --git a/packages/web/src/components/inkHeader/inkHeader.scss b/packages/web/src/components/inkHeader/inkHeader.scss
index 017b37c..20e1b15 100644
--- a/packages/web/src/components/inkHeader/inkHeader.scss
+++ b/packages/web/src/components/inkHeader/inkHeader.scss
@@ -45,7 +45,10 @@
   }
 
   &__menu-icon {
-    @include apply-icon(md);
+    @include apply-icon(md, true);
+  }
+
+  &__menu-button {
     color: sys-var(color, text, base);
     cursor: pointer;
   }
@@ -59,7 +62,10 @@ button.ink-header__logo {
   padding: 0;
 }
 
-button.ink-header__menu-icon {
+button.ink-header__menu-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   min-width: 24px;
   min-height: 24px;
   background: transparent;
diff --git a/packages/web/src/components/inkHeader/inkHeader.vue b/packages/web/src/components/inkHeader/inkHeader.vue
index 531a68c..a8b910e 100644
--- a/packages/web/src/components/inkHeader/inkHeader.vue
+++ b/packages/web/src/components/inkHeader/inkHeader.vue
@@ -33,9 +33,11 @@ const onTitleClick = () => {
         <button
           type="button"
           aria-label="Menu"
-          class="i-mdi-menu ink-header__menu-icon"
+          class="ink-header__menu-button"
           @click="onMenuClick"
-        ></button>
+        >
+          <span class="i-mdi-menu ink-header__menu-icon" aria-hidden="true" />
+        </button>
       </slot>
     </div>
   </header>
diff --git a/packages/web/src/components/inkSwitch/inkSwitch.scss b/packages/web/src/components/inkSwitch/inkSwitch.scss
index be050da..dfeba44 100644
--- a/packages/web/src/components/inkSwitch/inkSwitch.scss
+++ b/packages/web/src/components/inkSwitch/inkSwitch.scss
@@ -11,7 +11,7 @@
   box-sizing: border-box;
   position: relative;
   padding: 0;
-  @include apply-font(label-md, mono);
+  @include apply-font(label-md);
 
   &__handle {
     background-color: comp-var(switch, handle-bg);
diff --git a/packages/web/stories/controls/inkHeader.story.md b/packages/web/stories/controls/inkHeader.story.md
index e69a180..0003f8a 100644
--- a/packages/web/stories/controls/inkHeader.story.md
+++ b/packages/web/stories/controls/inkHeader.story.md
@@ -4,4 +4,6 @@ InkHeader 展示品牌和当前页面。品牌触发区域与菜单使用原生
 
 默认菜单有 Menu 可访问名称；自定义 right-icon 槽时由消费者提供按钮名称和操作。品牌触发是命令而非链接；需要浏览器链接语义时应自行组合链接。
 
+默认菜单图标随文字颜色适配浅深主题，按钮保留至少 24×24px 的操作区域和独立的键盘焦点轮廓。Basic 示例显示菜单触发次数，可分别通过点击、Enter 和 Space 验证。
+
 标题采用统一系统字体角色，品牌文字显式等宽。长内容可换行，菜单保持独立操作区域；底部分隔是装饰边界。
diff --git a/packages/web/stories/controls/inkHeader.story.vue b/packages/web/stories/controls/inkHeader.story.vue
index 7e04f1d..85d9fb2 100644
--- a/packages/web/stories/controls/inkHeader.story.vue
+++ b/packages/web/stories/controls/inkHeader.story.vue
@@ -1,12 +1,16 @@
 <script setup lang="ts">
+import { ref } from "vue";
 import InkHeader from "../../src/components/inkHeader/inkHeader.vue";
 import logoSrc from "../../src/logo.svg";
+
+const menuClicks = ref(0);
 </script>
 
 <template>
   <Story title="Controls/Header" :layout="{ type: 'single', iframe: false }">
     <Variant title="Basic">
-      <InkHeader title="InKCre" pageTitle="Dashboard" />
+      <InkHeader title="InKCre" pageTitle="Dashboard" @menu-click="menuClicks++" />
+      <output>菜单点击次数：{{ menuClicks }}</output>
     </Variant>
 
     <Variant title="With Logo">
diff --git a/packages/web/stories/controls/inkSwitch.story.md b/packages/web/stories/controls/inkSwitch.story.md
index 382a13f..38a586a 100644
--- a/packages/web/stories/controls/inkSwitch.story.md
+++ b/packages/web/stories/controls/inkSwitch.story.md
@@ -6,4 +6,4 @@ modelValue 可以是 boolean 或 Promise<boolean>。Promise 期间保留上一
 
 受控模型仍由父级接受 `update:modelValue`，组件不会绕过父级拒绝的更新。
 
-轨道由两个等宽区域组成，两种状态文案共同参与尺寸计算，切换与 pending 不改变宽度。xs/sm/md/lg 最小尺寸为 60×24、80×24、100×36、120×48px，字体放大或长文案可增大尺寸。检查“长状态文案保持轨道尺寸”中的英文、中文和等待状态。
+普通状态文案使用系统 UI 字体。轨道由两个等宽区域组成，两种状态文案共同参与尺寸计算，切换与 pending 不改变宽度。xs/sm/md/lg 最小尺寸为 60×24、80×24、100×36、120×48px，字体放大或长文案可增大尺寸。检查“长状态文案保持轨道尺寸”中的英文、中文和等待状态。
diff --git a/packages/web/stories/forms/inkAutoForm.story.vue b/packages/web/stories/forms/inkAutoForm.story.vue
index e6e619c..63e764c 100644
--- a/packages/web/stories/forms/inkAutoForm.story.vue
+++ b/packages/web/stories/forms/inkAutoForm.story.vue
@@ -315,18 +315,21 @@ const retainedSchema: JSONSchema = {
         @validation="retainedValidation = $event"
       />
       <p>校验：{{ retainedValidation?.status }}</p>
-      <pre>{{ retainedData }}</pre>
+      <pre class="story-debug">{{ retainedData }}</pre>
     </Variant>
   </Story>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+@use "@inkcre/ui-web/styles/mixins" as *;
+@use "@inkcre/ui-web/styles/functions" as *;
+
 .story-debug {
-  margin-top: 1rem;
-  padding: 0.5rem;
-  background: #f5f5f5;
-  border-radius: 4px;
-  font-size: 0.875rem;
+  @include apply-font(body-sm, mono);
+  margin-top: sys-var(space, md);
+  padding: sys-var(space, sm);
+  background: sys-var(color, surface, subtle);
+  color: sys-var(color, text, base);
   max-height: 200px;
   overflow: auto;
 }
diff --git a/packages/web/stories/forms/inkForm.story.vue b/packages/web/stories/forms/inkForm.story.vue
index 677e28d..605e1ed 100644
--- a/packages/web/stories/forms/inkForm.story.vue
+++ b/packages/web/stories/forms/inkForm.story.vue
@@ -91,7 +91,7 @@ const formData = ref({
             ]"
           />
           <InkButton theme="primary" native-type="submit" text="提交演示 Submit demonstration" />
-          <p v-if="saved" class="font-body-sm text-feedback-success" role="status">
+          <p v-if="saved" class="font-body-sm text-text-subtle" role="status">
             已触发提交，演示不保存数据。
           </p>
         </InkForm>
diff --git a/packages/web/stories/media/inkImage.story.md b/packages/web/stories/media/inkImage.story.md
index a6a083b..6c0e4ed 100644
--- a/packages/web/stories/media/inkImage.story.md
+++ b/packages/web/stories/media/inkImage.story.md
@@ -6,4 +6,6 @@ InkImage 用原生按钮展示缩略图，Enter/Space 或点击打开全屏预
 
 thumbnail、expanded-header、expanded-footer 可以补充内容，但缩略图槽内部不要嵌套另一个按钮。
 
+“Custom Thumbnail Slot”在缩略图下方持续显示查看提示，可用键盘打开；“With Expanded Footer”提供实际 SVG 文件的下载链接。标题、提示和下载链接各自使用有明确前景配对的底板，在浅深主题和图片背景上保持可读。
+
 展开标题可以完整换行，并使用固定深色底板和浅色文字，避免明亮或复杂图片降低可读性。预览区保持图片比例，超长内容可在局部滚动。
diff --git a/packages/web/stories/media/inkImage.story.vue b/packages/web/stories/media/inkImage.story.vue
index 724024b..9d8ce1f 100644
--- a/packages/web/stories/media/inkImage.story.vue
+++ b/packages/web/stories/media/inkImage.story.vue
@@ -10,66 +10,66 @@ const imageSrc = ref(imageFixture);
   <Story title="Media/Image" :layout="{ type: 'grid', width: '100%' }">
     <!-- [Basic] Default -->
     <Variant title="Basic Usage">
-      <InkImage :src="imageSrc" alt="Mountain landscape" />
+      <InkImage :src="imageSrc" alt="InKCre 标志" />
     </Variant>
 
     <!-- [Visual] With title -->
     <Variant title="With Title">
-      <InkImage :src="imageSrc" alt="Ocean sunset" title="Beautiful Ocean Sunset" />
+      <InkImage :src="imageSrc" alt="InKCre 标志" title="InKCre 标志" />
     </Variant>
 
     <!-- [Styling] Custom Size (Style + Class) -->
     <Variant title="Custom Size (Style + Class)">
-      <InkImage :src="imageSrc" alt="Mountain landscape" class="h-48" style="width: 200px" />
+      <InkImage :src="imageSrc" alt="InKCre 标志" class="h-48" style="width: 200px" />
     </Variant>
 
     <!-- [Slot] Custom Thumbnail -->
     <Variant title="Custom Thumbnail Slot">
-      <InkImage :src="imageSrc" alt="Mountain landscape">
+      <InkImage :src="imageSrc" alt="InKCre 标志">
         <template #thumbnail>
-          <div class="relative overflow-hidden rounded-lg group">
-            <img :src="imageSrc" alt="Mountain landscape" class="w-full h-auto" />
-            <div
-              class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition-all flex items-center justify-center"
-            >
-              <span
-                class="text-white text-sm font-medium opacity-0 group-hover:opacity-100 transition-opacity"
-                >View Full</span
-              >
-            </div>
-          </div>
+          <span class="grid">
+            <img :src="imageSrc" alt="" class="block w-full h-auto" />
+            <span class="image-story-surface">查看原图</span>
+          </span>
         </template>
       </InkImage>
     </Variant>
 
     <!-- [State] Lazy Loading Disabled -->
     <Variant title="Eager Loading (lazy: false)">
-      <InkImage :src="imageSrc" alt="City skyline" :lazy="false" />
+      <InkImage :src="imageSrc" alt="InKCre 标志" :lazy="false" />
     </Variant>
 
     <!-- [Slot] With Footer -->
     <Variant title="With Expanded Footer">
-      <InkImage :src="imageSrc" alt="Mountain landscape" title="Mountain Adventure">
+      <InkImage :src="imageSrc" alt="InKCre 标志" title="InKCre 标志">
         <template #expanded-footer>
-          <div class="flex gap-2">
-            <button class="px-3 py-1 bg-blue-500 text-white text-xs rounded hover:bg-blue-600">
-              Download
-            </button>
-            <button class="px-3 py-1 bg-gray-300 text-gray-800 text-xs rounded hover:bg-gray-400">
-              Share
-            </button>
-          </div>
+          <a :href="imageSrc" download="inkcre.svg" class="image-story-surface">下载原图（SVG）</a>
         </template>
       </InkImage>
     </Variant>
 
     <!-- [State] With Header Slot -->
     <Variant title="With Custom Header">
-      <InkImage :src="imageSrc" alt="Mountain landscape">
+      <InkImage :src="imageSrc" alt="InKCre 标志">
         <template #expanded-header>
-          <span class="text-sm text-gray-600">📸 Photo Details</span>
+          <span class="image-story-surface">InKCre 标志</span>
         </template>
       </InkImage>
     </Variant>
   </Story>
 </template>
+
+<style lang="scss" scoped>
+@use "@inkcre/ui-web/styles/mixins" as *;
+@use "@inkcre/ui-web/styles/functions" as *;
+
+.image-story-surface {
+  @include apply-font(label-lg);
+  display: block;
+  padding: sys-var(space, xs) sys-var(space, sm);
+  background: sys-var(color, surface, base);
+  color: sys-var(color, text, base);
+  overflow-wrap: anywhere;
+}
+</style>
diff --git a/packages/web/stories/recipes/SettingsForm.vue b/packages/web/stories/recipes/SettingsForm.vue
index 5a65389..b513436 100644
--- a/packages/web/stories/recipes/SettingsForm.vue
+++ b/packages/web/stories/recipes/SettingsForm.vue
@@ -63,6 +63,6 @@ async function submit() {
   line-height: var(--sys-font-body-sm-line-height);
   font-weight: var(--sys-font-body-sm-font-weight);
   letter-spacing: var(--sys-font-body-sm-letter-spacing);
-  color: var(--sys-color-feedback-success);
+  color: var(--sys-color-text-subtle);
 }
 </style>
diff --git a/packages/web/styles/README.md b/packages/web/styles/README.md
index 0b0a0ca..397a41e 100644
--- a/packages/web/styles/README.md
+++ b/packages/web/styles/README.md
@@ -4,9 +4,21 @@
 
 ## 从设计选择到 Web 调用
 
-文字角色、配色组合、状态和布局责任见 [设计指南](../DESIGN.md)。本指南负责把这些决定映射到 CSS、Sass 和 UnoCSS，以及说明覆盖在哪里生效。
+文字、配色与空间关系见[视觉语言](../docs/design/visual-language.md)，页面组织见[页面组合](../docs/design/composition.md)；总纲与阅读路径见 [DESIGN.md](../DESIGN.md)。本指南负责把选定角色映射到 CSS、Sass 和 UnoCSS，以及说明覆盖在哪里生效。
 
-常见正文使用 body-md，说明使用 body-sm，页面标题使用 title-lg。普通表单从 InkForm 的 `layout="col"` 开始；主提交动作明确写 `theme="primary" native-type="submit"`。完整可检查的表单、JSON 保存和适配器示例见 [组合配方](../skills/ui-web/references/composition-recipes.md)。
+普通表单从 InkForm 的 `layout="col"` 开始；主提交动作明确写 `theme="primary" native-type="submit"`。完整可检查的表单、JSON 保存和适配器示例见 [组合配方](../skills/ui-web/references/composition-recipes.md)。
+
+## 按用途选择文字角色
+
+| 内容职责                     | 默认角色                          |
+| ---------------------------- | --------------------------------- |
+| 普通正文                     | body-md；紧凑说明与错误用 body-sm |
+| 控件值、字段标签与短元数据   | label-lg／label-md                |
+| 页面、区块与浮层标题         | title-lg／title-sm                |
+| 强调正文或引言、醒目页面标题 | body-lg／headline-lg              |
+| 代码、标识符                 | 相应文字角色，另选等宽字体        |
+
+label-lg 标识控件，body-sm 承载说明。按职责选择角色，不能为了放下说明而改用较小标签。字体家族与尺寸角色分别选择，普通文字默认使用系统 UI 无衬线字体，局部等宽的使用范围见[视觉语言](../docs/design/visual-language.md)。
 
 ## CSS、Sass 与 UnoCSS
 
@@ -65,6 +77,12 @@ font-mono/font-sans 和 underline/no-underline 选择家族及装饰。旧 Uno 
 
 ## 主题和覆盖边界
 
+普通表面的文字使用 text.base 或 text.subtle；primary 和 danger 表面分别配 text.on-primary 与 text.on-danger。feedback 下的 error、success、warning、info 用于普通表面上需要强调的反馈前景，不因状态类别而自动应用于所有状态文字；选择时机见[页面组合](../docs/design/composition.md)。这些前景与动作底色分别承担用途，不能自行推导带色容器。图片上的文字应有稳定的承载表面，不能依赖图片恰好够暗。
+
+必要控件边界使用 border.base，辅助分隔使用 border.subtle，键盘焦点使用 border.strong。hover／pressed、焦点、错误与进行状态各有职责；错误边框不能抹掉焦点提示，进行中的动作保留文字与可读配色。配色需要延续主题间的信息主次和状态含义。
+
+用户明确选择的主题优先于系统偏好。调整配色时连同前景、背景和 hover／pressed 等相关状态一起复核；单个色值或派生公式不能独自证明配对可读。
+
 `html[data-theme="light"]` 或 `dark` 优先于系统偏好；省略 data-theme 或设为 system 时跟随系统。覆盖样式加载在库之后，主题颜色使用匹配选择器：
 
 ```css
@@ -84,6 +102,7 @@ html[data-theme="dark"] {
 | ------------------------------------- | ------------------------------------------------------------- |
 | 系统颜色、sans/mono 家族、角色四属性  | CSS、apply-font、Uno 角色在运行时读取；颜色须成对复核所有状态 |
 | sys.space、sys.radius                 | CSS/Sass 变量读取与 Uno 间距、圆角工具类共同响应              |
+| apply-elevation                       | 运行时读取 sys.elevation.raised 对应档位                      |
 | Sass maps、Uno 尺寸／图标／断点／阴影 | 构建值；改变源后重新生成、构建                                |
 | 任意 ref 变量                         | 不保证带动已经解析的 sys 或 comp，优先覆盖明确的系统角色      |
 
diff --git a/packages/web/styles/tokens/_comp.scss b/packages/web/styles/tokens/_comp.scss
index 83b2b8e..e644a00 100644
--- a/packages/web/styles/tokens/_comp.scss
+++ b/packages/web/styles/tokens/_comp.scss
@@ -5,17 +5,17 @@
 
 $light: (
   "switch": (
-    "track-bg": fn.map-deep-get(ref.$color, "neutral", "2"),
+    "track-bg": fn.map-deep-get(ref.$color, "neutral", "12"),
     "handle-bg": fn.map-deep-get(ref.$color, "neutral", "98"),
-    "label-color": fn.map-deep-get(ref.$color, "neutral", "2")
+    "label-color": fn.map-deep-get(ref.$color, "neutral", "12")
   )
 );
 
 $dark: (
   "switch": (
-    "track-bg": fn.map-deep-get(ref.$color, "neutral", "98"),
-    "handle-bg": fn.map-deep-get(ref.$color, "neutral", "2"),
-    "label-color": fn.map-deep-get(ref.$color, "neutral", "98")
+    "track-bg": fn.map-deep-get(ref.$color, "neutral", "90"),
+    "handle-bg": fn.map-deep-get(ref.$color, "neutral", "12"),
+    "label-color": fn.map-deep-get(ref.$color, "neutral", "90")
   )
 );
 
diff --git a/packages/web/styles/tokens/_ref.scss b/packages/web/styles/tokens/_ref.scss
index d4ab9d2..790ff8e 100644
--- a/packages/web/styles/tokens/_ref.scss
+++ b/packages/web/styles/tokens/_ref.scss
@@ -5,25 +5,25 @@ $elevation: (
     "low": (
       "shadow-type": "dropShadow",
       "radius": "2px",
-      "color": #0c153014,
+      "color": #0000001a,
       "offset-x": "0px",
       "offset-y": "1px",
       "spread": "0px"
     ),
     "md": (
       "shadow-type": "dropShadow",
-      "radius": "20px",
-      "color": #0c15301f,
+      "radius": "6px",
+      "color": #00000029,
       "offset-x": "0px",
-      "offset-y": "6px",
+      "offset-y": "2px",
       "spread": "0px"
     ),
     "high": (
       "shadow-type": "dropShadow",
-      "radius": "32px",
-      "color": #0c155429,
+      "radius": "12px",
+      "color": #0000002e,
       "offset-x": "0px",
-      "offset-y": "12px",
+      "offset-y": "4px",
       "spread": "0px"
     )
   )
@@ -54,28 +54,28 @@ $color: (
     "10": #410008ff,
     "30": #92001eff,
     "35": #a80324ff,
-    "40": #b9192fff,
+    "40": #b3342bff,
     "60": #ff525cff,
     "65": #ff7073ff,
-    "70": #ff8889ff,
+    "70": #ed9690ff,
     "80": #ffb3b1ff,
     "90": #ffdad8ff,
     "98": #fff8f7ff
   ),
   "brand": (
-    "2": #0b1220ff,
-    "6": #121928ff,
-    "12": #1f2635ff,
-    "20": #303747ff,
-    "30": #474e5fff,
-    "40": #5f6677ff,
-    "50": #787e91ff,
-    "60": #9198acff,
-    "70": #acb3c7ff,
-    "80": #b2bccfff,
-    "90": #c8cee3ff,
-    "94": #f7f7fbff,
-    "98": #fbfcffff
+    "2": #070707ff,
+    "6": #131313ff,
+    "12": #1f1f1fff,
+    "20": #303030ff,
+    "30": #474747ff,
+    "40": #5e5e5eff,
+    "50": #777777ff,
+    "60": #919191ff,
+    "70": #abababff,
+    "80": #c6c6c6ff,
+    "90": #e2e2e2ff,
+    "94": #eeeeeeff,
+    "98": #f9f9f9ff
   )
 );
 
diff --git a/packages/web/styles/tokens/_sys.scss b/packages/web/styles/tokens/_sys.scss
index ebb7e6f..1f32a16 100644
--- a/packages/web/styles/tokens/_sys.scss
+++ b/packages/web/styles/tokens/_sys.scss
@@ -4,19 +4,19 @@
 
 $color-light: (
   "text": (
-    "base": fn.map-deep-get(ref.$color, "neutral", "2"),
+    "base": fn.map-deep-get(ref.$color, "neutral", "12"),
     "subtle": fn.map-deep-get(ref.$color, "neutral", "40"),
     "on-primary": fn.map-deep-get(ref.$color, "brand", "98"),
-    "on-danger": fn.map-deep-get(ref.$color, "danger", "98")
+    "on-danger": fn.map-deep-get(ref.$color, "neutral", "98")
   ),
   "surface": (
     "base": fn.map-deep-get(ref.$color, "neutral", "100"),
     "subtle": fn.map-deep-get(ref.$color, "neutral", "98"),
-    "primary": fn.map-deep-get(ref.$color, "brand", "6"),
-    "primary-hover": fn.map-deep-get(ref.$color, "brand", "30"),
+    "primary": fn.map-deep-get(ref.$color, "brand", "12"),
+    "primary-hover": fn.map-deep-get(ref.$color, "brand", "20"),
     "subtle-hover": fn.map-deep-get(ref.$color, "neutral", "94"),
-    "danger": fn.map-deep-get(ref.$color, "danger", "35"),
-    "danger-hover": fn.map-deep-get(ref.$color, "danger", "30"),
+    "danger": #825955,
+    "danger-hover": #704947,
     "base-hover": fn.map-deep-get(ref.$color, "neutral", "94")
   ),
   "border": (
@@ -26,9 +26,9 @@ $color-light: (
   ),
   "feedback": (
     "error": fn.map-deep-get(ref.$color, "danger", "40"),
-    "success": #176b39,
-    "warning": #7a4b00,
-    "info": #005c8a
+    "success": #19713d,
+    "warning": #8a5900,
+    "info": #1267a7
   ),
   "overlay": (
     "scrim": rgba(0, 0, 0, 0.5)
@@ -37,31 +37,31 @@ $color-light: (
 
 $color-dark: (
   "text": (
-    "base": fn.map-deep-get(ref.$color, "neutral", "98"),
-    "subtle": fn.map-deep-get(ref.$color, "neutral", "80"),
-    "on-primary": fn.map-deep-get(ref.$color, "brand", "2"),
-    "on-danger": fn.map-deep-get(ref.$color, "danger", "98")
+    "base": fn.map-deep-get(ref.$color, "neutral", "90"),
+    "subtle": fn.map-deep-get(ref.$color, "neutral", "70"),
+    "on-primary": fn.map-deep-get(ref.$color, "brand", "12"),
+    "on-danger": fn.map-deep-get(ref.$color, "neutral", "12")
   ),
   "surface": (
-    "base": fn.map-deep-get(ref.$color, "neutral", "30"),
-    "subtle": fn.map-deep-get(ref.$color, "neutral", "12"),
+    "base": fn.map-deep-get(ref.$color, "neutral", "12"),
+    "subtle": fn.map-deep-get(ref.$color, "neutral", "20"),
     "primary": fn.map-deep-get(ref.$color, "brand", "90"),
-    "primary-hover": fn.map-deep-get(ref.$color, "brand", "60"),
-    "subtle-hover": fn.map-deep-get(ref.$color, "neutral", "40"),
-    "danger": fn.map-deep-get(ref.$color, "danger", "40"),
-    "danger-hover": fn.map-deep-get(ref.$color, "danger", "35"),
-    "base-hover": fn.map-deep-get(ref.$color, "neutral", "40")
+    "primary-hover": fn.map-deep-get(ref.$color, "brand", "80"),
+    "subtle-hover": #3a3a3a,
+    "danger": #c8a19d,
+    "danger-hover": #b9918b,
+    "base-hover": fn.map-deep-get(ref.$color, "neutral", "20")
   ),
   "border": (
-    "base": fn.map-deep-get(ref.$color, "neutral", "70"),
+    "base": fn.map-deep-get(ref.$color, "neutral", "60"),
     "strong": fn.map-deep-get(ref.$color, "neutral", "80"),
     "subtle": fn.map-deep-get(ref.$color, "neutral", "40")
   ),
   "feedback": (
-    "error": fn.map-deep-get(ref.$color, "danger", "80"),
-    "success": #75d69a,
-    "warning": #ffd27a,
-    "info": #8bceff
+    "error": fn.map-deep-get(ref.$color, "danger", "70"),
+    "success": #67c88c,
+    "warning": #e5b951,
+    "info": #70b5ed
   ),
   "overlay": (
     "scrim": rgba(0, 0, 0, 0.5)
diff --git a/packages/web/styles/uno/preset-ink.ts b/packages/web/styles/uno/preset-ink.ts
index c59c84d..2d0f46f 100644
--- a/packages/web/styles/uno/preset-ink.ts
+++ b/packages/web/styles/uno/preset-ink.ts
@@ -177,9 +177,9 @@ export const presetInk = () => ({
         "desktop": "1280px"
     },
     boxShadow: {
-        "low": "0px 1px 2px 0px #0c153014",
-        "md": "0px 6px 20px 0px #0c15301f",
-        "high": "0px 12px 32px 0px #0c155429"
+        "low": "0px 1px 2px 0px #0000001a",
+        "md": "0px 2px 6px 0px #00000029",
+        "high": "0px 4px 12px 0px #0000002e"
     },
   },
   rules: [
diff --git a/scripts/build-agent-skills.md b/scripts/build-agent-skills.md
index 01eacf5..7fd6814 100644
--- a/scripts/build-agent-skills.md
+++ b/scripts/build-agent-skills.md
@@ -1,10 +1,10 @@
 # UI Web Agent 文档生成
 
-`build-agent-skills.ts` 生成 `packages/web/skills/ui-web/`，并把根级 DESIGN.md 同步到包内。两份 DESIGN.md 内容一致，只有仓库根级源允许人工编辑。
+`build-agent-skills.ts` 生成 `packages/web/skills/ui-web/`，并把根级 DESIGN.md 与 docs/design 正文和图片按原路径同步到包内。对应文件字节一致，只有仓库根级源允许人工编辑。
 
 ## 内容责任
 
-DESIGN.md 拥有共同设计判断；`skill.seed.json` 拥有组件意图、选型、组合步骤和集成注意事项。组件源码与公开类型拥有 API 事实，Story 拥有可运行示例与展示状态。生成器组合这些来源，生成目录不保留手工文件。
+DESIGN.md 拥有总纲与按任务阅读的路径；docs/design 分别拥有设计立场、视觉语言、页面组合和判断依据；`skill.seed.json` 拥有组件意图、选型、组合步骤和集成注意事项。组件源码与公开类型拥有 API 事实，Story 拥有可运行示例与展示状态。生成器组合这些来源，生成目录不保留手工文件。
 
 API 通过 Vue 官方 `vue-component-meta` 读取 props、models 对应的更新事件、事件载荷和插槽参数，枚举类型展开为可读选择。工具版本与 vue-tsc 一致。Vue 元数据不能识别本库 prop helper 的默认参数，因此 `lib/component-api.ts` 用 TypeScript AST 补读这些 helper 调用；不执行组件或默认工厂，未知 helper 或无法定位的声明明确失败。更改 helper 语义时须同步这段适配并复核生成结果。
 
@@ -19,9 +19,9 @@ pnpm build-skills
 pnpm check:skills
 ```
 
-前者写入生成物与设计指南副本；后者检查过期内容并验证 Intent 结构。包构建中的 `build:skills` 也执行过期检查。总检查中的 `check:generated` 只重建 Token 和包元数据，Skill／DESIGN.md 的一致性由包构建检查，Intent 结构单独检查，避免重复生成同一批文档。
+前者写入生成物与整组设计文档副本；后者检查文件集合与内容是否过期，并验证 Intent 结构。包构建中的 `build:skills` 也执行过期检查。总检查中的 `check:generated` 只重建 Token 和包元数据，Skill／设计文档的一致性由包构建检查，Intent 结构单独检查，避免重复生成同一批文档。
 
-`check-package-contract.ts` 从 tarball 在临时目录独立安装，读取同版本 DESIGN.md 和 Skill，检查包内链接与 Intent 发现。允许包内相对跳转，不允许逃出安装包去读取生产者源码或任务记录。
+`check-package-contract.ts` 从 tarball 在临时目录独立安装，读取同版本设计总纲、正文、实例图片与 Skill，检查包内链接与 Intent 发现。允许包内相对跳转，不允许逃出安装包去读取生产者源码或任务记录。
 
 安装与发现方式见 [Web 包说明](../packages/web/README.md#agent-skill)。消费者显式配置可信包；也可以直接读取 Markdown。组织工作流 Skill 和仓库维护授权不随产品包分发。
 
diff --git a/scripts/build-agent-skills.ts b/scripts/build-agent-skills.ts
index 72f9777..66eb810 100644
--- a/scripts/build-agent-skills.ts
+++ b/scripts/build-agent-skills.ts
@@ -1,4 +1,12 @@
-import { existsSync, mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from "node:fs";
+import {
+  copyFileSync,
+  existsSync,
+  mkdirSync,
+  readFileSync,
+  readdirSync,
+  rmSync,
+  writeFileSync,
+} from "node:fs";
 import { dirname, relative, resolve } from "node:path";
 import { createChecker, type ComponentMeta } from "vue-component-meta";
 import { propDefault, propType, typeDeclarations } from "./lib/component-api.js";
@@ -6,6 +14,7 @@ import {
   repositoryRoot,
   readComponentManifest,
   readPackageManifest,
+  listDesignFiles,
   resolveWebPackageRoot,
   type PublicComponent,
 } from "./lib/ui-package.js";
@@ -247,7 +256,7 @@ matches a product task.
 ## Workflow
 
 1. Identify the product intent and interaction state.
-2. Read [DESIGN.md](../../DESIGN.md) for design decisions, defaults, and extension boundaries; then read \`references/component-map.md\` to shortlist components.
+2. 从 [DESIGN.md](../../DESIGN.md) 的总纲按当前任务读取设计正文；无需加载全部文件，再用 \`references/component-map.md\` 选择组件。
 3. For multi-component work, read \`references/composition-recipes.md\`.
 4. Load only the selected files under \`references/components/\`.
 5. Check integration, styling, and common-mistake references only when relevant.
@@ -280,7 +289,7 @@ ${bullets(model.skill.rules)}
 
 ## References
 
-- [DESIGN.md](../../DESIGN.md): shared design decisions for consumers and maintainers.
+- [DESIGN.md](../../DESIGN.md): 设计总纲与按任务阅读的路径；正文分别说明立场、视觉、组合和判断依据。
 - \`references/component-map.md\`: intent-to-component routing.
 - \`references/composition-recipes.md\`: reviewed multi-component workflows.
 - \`references/integration.md\`: installation, router, and i18n boundaries.
@@ -572,13 +581,30 @@ function writeOutputs(outputs: Map<string, string>): void {
 try {
   const model = buildModel();
   const outputs = buildOutputs(model);
-  const designSource = readText(resolve(repositoryRoot, "DESIGN.md"));
-  const designTarget = resolve(packageRoot, "DESIGN.md");
+  const designFiles = listDesignFiles();
   if (checkMode) {
-    if (readTextIfPresent(designTarget) !== designSource)
-      throw new Error("Packaged DESIGN.md is stale");
+    const packagedFiles = existsSync(resolve(packageRoot, "docs/design"))
+      ? listDesignFiles(packageRoot)
+      : ["DESIGN.md"];
+    if (JSON.stringify(packagedFiles) !== JSON.stringify(designFiles)) {
+      throw new Error("Packaged design document file set is stale");
+    }
+    for (const file of designFiles) {
+      const target = resolve(packageRoot, file);
+      if (
+        !existsSync(target) ||
+        !readFileSync(target).equals(readFileSync(resolve(repositoryRoot, file)))
+      ) {
+        throw new Error(`Packaged design document is stale: ${file}`);
+      }
+    }
   } else {
-    writeFileSync(designTarget, designSource, "utf8");
+    rmSync(resolve(packageRoot, "docs/design"), { recursive: true, force: true });
+    for (const file of designFiles) {
+      const target = resolve(packageRoot, file);
+      mkdirSync(dirname(target), { recursive: true });
+      copyFileSync(resolve(repositoryRoot, file), target);
+    }
   }
 
   if (checkMode) {
diff --git a/scripts/check-package-contract.ts b/scripts/check-package-contract.ts
index b670b7c..4af49ca 100644
--- a/scripts/check-package-contract.ts
+++ b/scripts/check-package-contract.ts
@@ -17,6 +17,7 @@ import * as sass from "sass";
 import {
   readComponentManifest,
   readPackageManifest,
+  listDesignFiles,
   repositoryRoot,
   resolveWebPackageRoot,
 } from "./lib/ui-package.js";
@@ -35,6 +36,7 @@ interface PublishedPackageManifest {
 const packageRoot = resolveWebPackageRoot();
 const packageManifest = readPackageManifest(packageRoot);
 const publicComponents = readComponentManifest(packageRoot);
+const designFiles = listDesignFiles();
 const targetPackageName = packageManifest.name;
 const temporaryRoot = mkdtempSync(join(tmpdir(), "inkcre-ui-contract-"));
 
@@ -239,7 +241,7 @@ try {
   }
 
   const requiredFiles = [
-    "DESIGN.md",
+    ...designFiles,
     "dist/index.js",
     "dist/index.d.ts",
     "dist/components.d.ts",
@@ -311,7 +313,12 @@ try {
       dialogReference.includes("isLoading: boolean"),
     "Scoped slot arguments must be available to consumers",
   );
-  for (const file of ["README.md", "DESIGN.md", "MIGRATION.md", "styles/README.md"]) {
+  for (const file of [
+    "README.md",
+    "MIGRATION.md",
+    "styles/README.md",
+    ...designFiles.filter((file) => file.endsWith(".md")),
+  ]) {
     const content = readFileSync(resolve(packedRoot, file), "utf8");
     for (const match of content.matchAll(/\]\(([^)]+)\)/g)) {
       if (/^(?:https?:|#)/.test(match[1])) continue;
@@ -336,10 +343,13 @@ try {
     throw new Error(`Packed CSS references undefined design tokens: ${missingTokens.join(", ")}`);
   }
 
-  assert.equal(
-    readFileSync(resolve(packedRoot, "DESIGN.md"), "utf8"),
-    readFileSync(resolve(repositoryRoot, "DESIGN.md"), "utf8"),
-  );
+  assert.deepEqual(listDesignFiles(packedRoot), designFiles);
+  for (const file of designFiles) {
+    assert.ok(
+      readFileSync(resolve(packedRoot, file)).equals(readFileSync(resolve(repositoryRoot, file))),
+      `Packed design document differs from its source: ${file}`,
+    );
+  }
   assert.ok(
     !existsSync(resolve(consumerModules, "unocss")),
     "Basic install must not require UnoCSS",
diff --git a/scripts/lib/ui-package.ts b/scripts/lib/ui-package.ts
index 65675aa..e427293 100644
--- a/scripts/lib/ui-package.ts
+++ b/scripts/lib/ui-package.ts
@@ -1,5 +1,5 @@
-import { existsSync, readFileSync } from "node:fs";
-import { dirname, resolve } from "node:path";
+import { existsSync, readFileSync, readdirSync } from "node:fs";
+import { dirname, relative, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
 export interface PublicComponent {
@@ -64,3 +64,13 @@ export function readComponentManifest(packageRoot = resolveWebPackageRoot()): Pu
 
   return [...manifest.components].sort((left, right) => left.name.localeCompare(right.name));
 }
+
+/** The design source and its package copy preserve the same relative links. */
+export function listDesignFiles(root = repositoryRoot): string[] {
+  return [
+    "DESIGN.md",
+    ...readdirSync(resolve(root, "docs/design"), { recursive: true, withFileTypes: true })
+      .filter((entry) => entry.isFile())
+      .map((entry) => relative(root, resolve(entry.parentPath, entry.name)).split("\\").join("/")),
+  ].sort();
+}
diff --git a/scripts/prepare-token-update.ts b/scripts/prepare-token-update.ts
index d5c56b9..4d3904d 100644
--- a/scripts/prepare-token-update.ts
+++ b/scripts/prepare-token-update.ts
@@ -254,6 +254,8 @@ function runFixture(): void {
       assert.equal(existsSync(resolve(temporaryRoot, ".changeset/figma-invalid-1.md")), false);
     }
     const cycle = structuredClone(source);
+    // 构造闭环的两端，避免依赖当前正文恰好引用哪一级中性色。
+    cycle.sys.light.color.text.base.value = "{ref.color.neutral.2}";
     cycle.ref.color.neutral["2"].value = "{sys.light.color.text.base}";
     const cycleRoot = resolve(temporaryRoot, "cycle");
     mkdirSync(resolve(cycleRoot, "tokens"), { recursive: true });
diff --git a/tasks/ui-foundations/color-study.html b/tasks/ui-foundations/color-study.html
new file mode 100644
index 0000000..5c4ff9c
--- /dev/null
+++ b/tasks/ui-foundations/color-study.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="zh-CN">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>InKCre · 色调对照</title>
+<style>
+* { box-sizing: border-box; }
+body { margin: 0; color: #252525; background: #eaeaea; font: 16px/1.6 system-ui, sans-serif; }
+main { max-width: 1440px; margin: auto; padding: 32px; }
+h1 { margin: 0; font-size: 26px; font-weight: 600; }
+.intro { max-width: 900px; margin: 8px 0 20px; color: #505050; }
+.controls { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
+.controls button { font: inherit; border: 1px solid #777; padding: 6px 16px; color: #333; background: transparent; cursor: pointer; }
+.controls button[aria-pressed="true"] { background: #333; color: #fff; }
+button:focus-visible { outline: 3px solid #555; outline-offset: 3px; }
+.comparison { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
+h2 { margin: 0; font-size: 20px; font-weight: 600; }
+.caption { color: #505050; font-size: 14px; margin: 4px 0 16px; }
+.sample { background: var(--bg); color: var(--fg); margin-bottom: 20px; }
+.neutral .light { --bg: #f6f6f6; --surface: #fff; --fg: #292929; --secondary: #626262; --border: #b1b1b1; }
+.cool .light { --bg: #f2f5f7; --surface: #fbfdfe; --fg: #28323b; --secondary: #576674; --border: #acb9c3; }
+.warm .light { --bg: #f7f4ef; --surface: #fffdf7; --fg: #373028; --secondary: #6c6154; --border: #beb4a6; }
+.neutral .dark { --bg: #202020; --surface: #292929; --fg: #e8e8e8; --secondary: #b5b5b5; --border: #707070; }
+.cool .dark { --bg: #1e2429; --surface: #273039; --fg: #e3eaf0; --secondary: #afbdc8; --border: #647786; }
+.warm .dark { --bg: #28241f; --surface: #322c25; --fg: #eee7dd; --secondary: #c1b6a6; --border: #827665; }
+.light { --blue: #586f87; --green: #566d60; --red: #8e6461; }
+.dark { --blue: #a1b3c8; --green: #a3b5a8; --red: #c8a19d; }
+.sample-header { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
+.brand { font: 600 17px/1.4 ui-monospace, monospace; }
+.theme-label { color: var(--secondary); font-size: 13px; }
+.content { padding: 24px 20px; }
+h3 { font-size: 20px; font-weight: 600; margin: 0 0 8px; }
+.description { font-size: 15px; color: var(--secondary); margin: 0 0 22px; }
+.row { padding: 14px 0; border-top: 1px solid var(--border); }
+.row-title { margin: 0 0 4px; font-size: 16px; }
+.meta { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--secondary); }
+.success { color: var(--green); }
+.info { color: var(--blue); }
+.warning { color: var(--red); font-size: 14px; margin: 18px 0; }
+.sample-action { display: inline-block; padding: 7px 14px; color: var(--surface); background: var(--fg); font-size: 14px; }
+.palette { display: flex; gap: 8px; margin-top: 24px; }
+.swatch { flex: 1; height: 24px; border: 1px solid var(--border); }
+.palette-note { color: var(--secondary); font-size: 12px; margin: 8px 0 0; }
+footer { font-size: 13px; color: #505050; margin-top: 8px; }
+main[data-mode="light"] .dark, main[data-mode="dark"] .light { display: none; }
+@media (max-width: 850px) { main { padding: 24px 16px; } .comparison { grid-template-columns: 1fr; } }
+</style>
+<main data-mode="both">
+<h1>InKCre · 色调对照</h1>
+<p class="intro">这次只比较黑白灰底色的冷暖。三组使用相同的排版、布局和灰调彩色，便于看清底色如何改变整体感受。色值仅用于本次讨论。</p>
+<div class="controls" role="group" aria-label="选择浅深主题视图">
+<button type="button" data-mode="both" aria-pressed="true">浅深并看</button>
+<button type="button" data-mode="light" aria-pressed="false">只看浅色</button>
+<button type="button" data-mode="dark" aria-pressed="false">只看深色</button>
+</div>
+<div class="comparison"></div>
+<footer>底部色条依次为表面、文字、灰蓝、灰绿、灰红。示意中的“添加来源”为静态样式样本。</footer>
+</main>
+<script>
+const samples = [
+  ['neutral', 'A · 中性灰', '底色接近无色，彩色保留自己的色相。'],
+  ['cool', 'B · 偏冷灰', '底色略带蓝灰，整体感受更清冷。'],
+  ['warm', 'C · 偏暖灰', '底色略带米灰，整体感受更温和。'],
+];
+const palette = ['surface', 'fg', 'blue', 'green', 'red'];
+document.querySelector('.comparison').innerHTML = samples.map(([name, title, caption]) => `
+<section class="${name}" aria-label="${title}">
+<h2>${title}</h2><p class="caption">${caption}</p>
+${['light', 'dark'].map(theme => `
+<article class="sample ${theme}" aria-label="${title} · ${theme === 'light' ? '浅色' : '深色'}">
+<header class="sample-header"><span class="brand">InKCre</span><span class="theme-label">${theme === 'light' ? '浅色背景' : '深色背景'}</span></header>
+<div class="content">
+<h3>阅读与记录</h3>
+<p class="description">收集值得保留的内容，继续上次的阅读。</p>
+<div class="row"><p class="row-title">设计与日常观察</p><div class="meta"><span>12 篇记录</span><span class="success">已同步</span></div></div>
+<div class="row"><p class="row-title">Typography notes</p><div class="meta"><span>今天更新</span><span class="info">正在整理</span></div></div>
+<p class="warning">1 个来源需要重新连接</p>
+<span class="sample-action">添加来源</span>
+<div class="palette" aria-hidden="true">${palette.map(role => `<span class="swatch" style="background:var(--${role})"></span>`).join('')}</div>
+<p class="palette-note">表面 · 文字 · 灰蓝 · 灰绿 · 灰红</p>
+</div></article>`).join('')}
+</section>`).join('');
+for (const button of document.querySelectorAll('.controls button')) {
+  button.addEventListener('click', () => {
+    document.querySelector('main').dataset.mode = button.dataset.mode;
+    for (const sibling of document.querySelectorAll('.controls button')) {
+      sibling.setAttribute('aria-pressed', String(sibling === button));
+    }
+  });
+}
+</script>
+</html>
diff --git a/tasks/ui-foundations/color-study.png b/tasks/ui-foundations/color-study.png
new file mode 100644
index 0000000..c7b5b19
Binary files /dev/null and b/tasks/ui-foundations/color-study.png differ
diff --git a/tasks/ui-foundations/header-evidence/README.md b/tasks/ui-foundations/header-evidence/README.md
new file mode 100644
index 0000000..3505707
--- /dev/null
+++ b/tasks/ui-foundations/header-evidence/README.md
@@ -0,0 +1,17 @@
+# Header 菜单图标修复验收
+
+原按钮直接承载 Uno mask，又把填色重置为透明。修复将 mask 放到 aria-hidden 的子 span，保留原生按钮、Menu 名称、至少 24×24px 操作区域与 menu-click。按钮自身没有 mask，键盘焦点轮廓不会随图标裁剪。
+
+完整 `pnpm check` 与正式 Story 构建的本地浏览器检查通过，见 [本地结果](local.json)。浅深主题分别在 375px／1280px 验证 24px 图形尺寸、图标 mask、非透明且跟随文字的填色、按钮透明背景与未裁剪的焦点，以及点击图标、Enter、Space 每次只发出一个菜单事件。pageerror 为零。
+
+[浅色菜单及焦点](header-light-375.png)、[深色菜单及焦点](header-dark-375.png)已人工复核。Basic Story 用输出次数呈现事件；它是组件交互示例，不是业务页面布局范本。
+
+复跑：
+
+```sh
+pnpm exec node tasks/ui-foundations/header-evidence/verify.mjs /absolute/path/to/@playwright/test/index.mjs https://pr-46.design-dd4.pages.dev
+```
+
+脚本复用既有 Playwright，不新增组件套件。必须对包含本修复的产物执行；registry UI 2.0.0 及当前消费者 PR #104 仍含原缺陷，不能将本地探针或生产者 preview 视为下游已修复。消费者需安装正式修复版本后复验。
+
+最终源码 `d6125cf` 的 [CI](https://github.com/InKCre/ui/actions/runs/34766090160) 与 [preview 交付](https://github.com/InKCre/ui/actions/runs/34766172549) 成功。上述四组检查在实际远端重复通过，24px 图形、填色、焦点和菜单事件正常，pageerror 为零；见 [远端结果与部署身份](verification.json)。截图已更新为该部署的实际结果并人工复核。
diff --git a/tasks/ui-foundations/header-evidence/header-dark-1280.png b/tasks/ui-foundations/header-evidence/header-dark-1280.png
new file mode 100644
index 0000000..de16da4
Binary files /dev/null and b/tasks/ui-foundations/header-evidence/header-dark-1280.png differ
diff --git a/tasks/ui-foundations/header-evidence/header-dark-375.png b/tasks/ui-foundations/header-evidence/header-dark-375.png
new file mode 100644
index 0000000..54b13db
Binary files /dev/null and b/tasks/ui-foundations/header-evidence/header-dark-375.png differ
diff --git a/tasks/ui-foundations/header-evidence/header-light-1280.png b/tasks/ui-foundations/header-evidence/header-light-1280.png
new file mode 100644
index 0000000..1de9d37
Binary files /dev/null and b/tasks/ui-foundations/header-evidence/header-light-1280.png differ
diff --git a/tasks/ui-foundations/header-evidence/header-light-375.png b/tasks/ui-foundations/header-evidence/header-light-375.png
new file mode 100644
index 0000000..ab0a7dd
Binary files /dev/null and b/tasks/ui-foundations/header-evidence/header-light-375.png differ
diff --git a/tasks/ui-foundations/header-evidence/local.json b/tasks/ui-foundations/header-evidence/local.json
new file mode 100644
index 0000000..4c88b07
--- /dev/null
+++ b/tasks/ui-foundations/header-evidence/local.json
@@ -0,0 +1,59 @@
+{
+  "origin": "http://127.0.0.1:5210",
+  "browser": "149.0.7827.55",
+  "checks": [
+    {
+      "theme": "light",
+      "width": 375,
+      "foreground": "rgb(31, 31, 31)",
+      "bounds": {
+        "x": 319,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "light",
+      "width": 1280,
+      "foreground": "rgb(31, 31, 31)",
+      "bounds": {
+        "x": 1224,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "dark",
+      "width": 375,
+      "foreground": "rgb(226, 226, 226)",
+      "bounds": {
+        "x": 319,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "dark",
+      "width": 1280,
+      "foreground": "rgb(226, 226, 226)",
+      "bounds": {
+        "x": 1224,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    }
+  ],
+  "errors": []
+}
diff --git a/tasks/ui-foundations/header-evidence/verification.json b/tasks/ui-foundations/header-evidence/verification.json
new file mode 100644
index 0000000..9654878
--- /dev/null
+++ b/tasks/ui-foundations/header-evidence/verification.json
@@ -0,0 +1,63 @@
+{
+  "origin": "https://pr-46.design-dd4.pages.dev",
+  "browser": "149.0.7827.55",
+  "checks": [
+    {
+      "theme": "light",
+      "width": 375,
+      "foreground": "rgb(31, 31, 31)",
+      "bounds": {
+        "x": 319,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "light",
+      "width": 1280,
+      "foreground": "rgb(31, 31, 31)",
+      "bounds": {
+        "x": 1224,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "dark",
+      "width": 375,
+      "foreground": "rgb(226, 226, 226)",
+      "bounds": {
+        "x": 319,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    },
+    {
+      "theme": "dark",
+      "width": 1280,
+      "foreground": "rgb(226, 226, 226)",
+      "bounds": {
+        "x": 1224,
+        "y": 18,
+        "width": 24,
+        "height": 24
+      },
+      "menuEvents": 3,
+      "mask": "visible child glyph; unmasked button and focus outline"
+    }
+  ],
+  "errors": [],
+  "source": "d6125cf837e5f79f85801c9136ae805625d3c427",
+  "deployment": "https://38e5661b.design-dd4.pages.dev",
+  "ci": "https://github.com/InKCre/ui/actions/runs/34766090160",
+  "preview_run": "https://github.com/InKCre/ui/actions/runs/34766172549"
+}
diff --git a/tasks/ui-foundations/header-evidence/verify.mjs b/tasks/ui-foundations/header-evidence/verify.mjs
new file mode 100644
index 0000000..2eccccb
--- /dev/null
+++ b/tasks/ui-foundations/header-evidence/verify.mjs
@@ -0,0 +1,69 @@
+// 本任务的 Header 回归验收，复用现有 Playwright 与正式 Story 构建。
+import { pathToFileURL } from "node:url";
+import { writeFile } from "node:fs/promises";
+const { chromium, expect } = await import(pathToFileURL(process.argv[2]).href);
+const origin = process.argv[3];
+const browser = await chromium.launch();
+const page = await browser.newPage();
+const errors = [];
+page.on("pageerror", (error) => errors.push(error.message));
+const report = { origin, browser: browser.version(), checks: [], errors };
+try {
+  for (const theme of ["light", "dark"]) {
+    for (const width of [375, 1280]) {
+      await page.setViewportSize({ width, height: 800 });
+      await page.goto(
+        `${origin}/__sandbox.html?storyId=stories-controls-inkheader-story-vue&variantId=stories-controls-inkheader-story-vue-0`,
+      );
+      const menu = page.getByRole("button", { name: "Menu", exact: true });
+      await menu.waitFor();
+      await page.evaluate(
+        (theme) => document.documentElement.classList.toggle("dark", theme === "dark"),
+        theme,
+      );
+      await expect(page.locator("html")).toHaveAttribute("data-theme", theme);
+      const glyph = menu.locator('[aria-hidden="true"]');
+      await expect(glyph).toBeVisible();
+      await expect(glyph).not.toHaveCSS("mask-image", "none");
+      await expect(glyph).toHaveCSS("width", "24px");
+      await expect(glyph).toHaveCSS("height", "24px");
+      const foreground = await menu.evaluate((e) => getComputedStyle(e).color);
+      await expect(glyph).toHaveCSS("background-color", foreground);
+      await expect(glyph).not.toHaveCSS("background-color", "rgba(0, 0, 0, 0)");
+      await expect(menu).toHaveCSS("background-color", "rgba(0, 0, 0, 0)");
+      await expect(menu).toHaveCSS("mask-image", "none");
+      const bounds = await menu.boundingBox();
+      expect(bounds.width).toBeGreaterThanOrEqual(24);
+      expect(bounds.height).toBeGreaterThanOrEqual(24);
+      expect(bounds.x + bounds.width).toBeLessThanOrEqual(width);
+      await glyph.click();
+      await expect(page.locator("output")).toHaveText("菜单点击次数：1");
+      await menu.press("Enter");
+      await expect(page.locator("output")).toHaveText("菜单点击次数：2");
+      await menu.press("Space");
+      await expect(page.locator("output")).toHaveText("菜单点击次数：3");
+      await expect(menu).toBeFocused();
+      await expect(menu).toHaveCSS("outline-style", "solid");
+      await expect(menu).toHaveCSS("outline-width", "2px");
+      await page
+        .locator(".ink-header")
+        .screenshot({ path: new URL(`header-${theme}-${width}.png`, import.meta.url).pathname });
+      report.checks.push({
+        theme,
+        width,
+        foreground,
+        bounds,
+        menuEvents: 3,
+        mask: "visible child glyph; unmasked button and focus outline",
+      });
+    }
+  }
+  expect(errors).toEqual([]);
+  await writeFile(
+    new URL("verification.json", import.meta.url),
+    JSON.stringify(report, null, 2) + "\n",
+  );
+  console.log(JSON.stringify(report));
+} finally {
+  await browser.close();
+}
diff --git a/tasks/ui-foundations/i1-evidence/README.md b/tasks/ui-foundations/i1-evidence/README.md
new file mode 100644
index 0000000..c864c73
--- /dev/null
+++ b/tasks/ui-foundations/i1-evidence/README.md
@@ -0,0 +1,32 @@
+# I1 字体、轮廓与示例验收
+
+2026-09-13，在 `feat/design-knowledge` 的未提交修改上完成。生产者包仍标记为 2.0.0，以下为本地候选产物，不是 registry 上已发布的 2.0.0。消费者继续使用正式版本，其局部修改由独立迁移 worktree 的工作包记录。
+
+## 产物与检查
+
+最终 `pnpm check` 通过，覆盖格式、lint、生成一致性、Intent、Token 工作流、类型、构建、两种包身份的严格独立安装及文档链接，以及 21 个 Story／120 个 Variant 的构建。首轮 Story 构建发现新样式缺少 Sass helper 的显式导入；补入后重新运行完整检查通过，没有扩大自动注入范围。
+
+随后用 `pnpm --filter @inkcre/ui-web pack --pack-destination "$PWD/tmp/i1-pack"` 打包，SHA-256 为 `7be8c129cdee364977199b592da15f37cfca2af3df30d9c408f0afa58967ca8b`。临时 Vue/Vite 页面直接导入解包后的 `dist/index.js` 与 `dist/index.css`，没有引用组件源码。该检查补充已有的严格安装检查，不将复用仓库浏览器工具的页面称为独立安装。
+
+## 浏览器结果
+
+使用既有下游 Playwright 的 Chromium 149.0.7827.55；浏览器与临时服务器在验收后关闭，没有增加测试套件、依赖或发布入口。
+
+| 边界                    | 实际结果                                                                                                             |
+| ----------------------- | -------------------------------------------------------------------------------------------------------------------- |
+| Switch 普通文案         | 外层使用 mono 时，控件仍采用系统 UI sans；技术性内容可以继续在各自局部使用 mono                                      |
+| Switch 状态和尺寸       | 中英文、xs/sm/md/lg、浅深主题、320px／768px 下，Space／Enter 切换和 pending 前后的八个轨道宽度一致；pending 禁止操作 |
+| AutoForm 根错误         | 非对象 schema 的错误直接可见，直角容器；320px 可完整换行，无页面横向溢出                                             |
+| Image 缩略图槽          | 查看提示持续可见；Enter 打开、Escape 关闭并恢复缩略图焦点，浅深主题均通过                                            |
+| Image 预览槽            | 自定义标题有清晰的前景／背景配对；下载链接实际保存 `inkcre.svg`，文件包含 SVG 内容，下载后预览保持打开               |
+| AutoForm Story 调试内容 | JSON 使用 body-sm mono，浅深背景与文字同步变化，容器不再有硬编码圆角                                                 |
+
+数值记录见 [打包组件结果](report.json) 与 [Story 操作结果](story-report.json)。代表图片为 [320px 浅色](components-light-320.png) 和 [320px 深色](components-dark-320.png)；它们是组件状态阵列，不是完整页面视觉样板，也不表示现有反馈色或阴影数值已完成校准。
+
+Story 的复核入口为根级 `pnpm story:dev`。在 Controls/Switch 查看“长状态文案保持轨道尺寸”，在 Forms/AutoForm 查看“Invalid Schema Handling”和表单数据，在 Media/Image 操作“Custom Thumbnail Slot”“With Expanded Footer”“With Custom Header”。这批示例保持现有 Variant 数量，没有另造一套组件演示。
+
+## 下游边界
+
+独立 `feat/ui-v2-migration` worktree 的完整 `pnpm check` 与真实 Host／MF remote 重放通过。Twitter 步骤编号采用直角；375px 截图发现的向导宽度溢出同时修正，关闭按钮完整可见。已有中文注入、时间取消／确认、Mail 下载 pending／失败及窄宽页面旅程继续通过，pageerror 为零。
+
+消费者仍锁定 registry UI 2.0.0，因此上述下游结果不代表生产者的新字体或设计文档已发布、安装。颜色／阴影数值的实验和页面内容层级复审仍分别属于 I2、I3。
diff --git a/tasks/ui-foundations/i1-evidence/components-dark-320.png b/tasks/ui-foundations/i1-evidence/components-dark-320.png
new file mode 100644
index 0000000..24f8292
Binary files /dev/null and b/tasks/ui-foundations/i1-evidence/components-dark-320.png differ
diff --git a/tasks/ui-foundations/i1-evidence/components-light-320.png b/tasks/ui-foundations/i1-evidence/components-light-320.png
new file mode 100644
index 0000000..19d6db8
Binary files /dev/null and b/tasks/ui-foundations/i1-evidence/components-light-320.png differ
diff --git a/tasks/ui-foundations/i1-evidence/report.json b/tasks/ui-foundations/i1-evidence/report.json
new file mode 100644
index 0000000..3472748
--- /dev/null
+++ b/tasks/ui-foundations/i1-evidence/report.json
@@ -0,0 +1,54 @@
+{
+  "browser": "149.0.7827.55",
+  "cases": [
+    {
+      "theme": "light",
+      "width": 320,
+      "widths": [116.4375, 90, 116.4375, 90, 116.4375, 100, 120, 120],
+      "font": {
+        "control": "system-ui, -apple-system, sans-serif",
+        "body": "system-ui, -apple-system, sans-serif",
+        "host": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace"
+      },
+      "error": "Expected an object schema with flat properties",
+      "overflow": 0
+    },
+    {
+      "theme": "light",
+      "width": 768,
+      "widths": [116.4375, 90, 116.4375, 90, 116.4375, 100, 120, 120],
+      "font": {
+        "control": "system-ui, -apple-system, sans-serif",
+        "body": "system-ui, -apple-system, sans-serif",
+        "host": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace"
+      },
+      "error": "Expected an object schema with flat properties",
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "width": 320,
+      "widths": [116.4375, 90, 116.4375, 90, 116.4375, 100, 120, 120],
+      "font": {
+        "control": "system-ui, -apple-system, sans-serif",
+        "body": "system-ui, -apple-system, sans-serif",
+        "host": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace"
+      },
+      "error": "Expected an object schema with flat properties",
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "width": 768,
+      "widths": [116.4375, 90, 116.4375, 90, 116.4375, 100, 120, 120],
+      "font": {
+        "control": "system-ui, -apple-system, sans-serif",
+        "body": "system-ui, -apple-system, sans-serif",
+        "host": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace"
+      },
+      "error": "Expected an object schema with flat properties",
+      "overflow": 0
+    }
+  ],
+  "errors": []
+}
diff --git a/tasks/ui-foundations/i1-evidence/story-report.json b/tasks/ui-foundations/i1-evidence/story-report.json
new file mode 100644
index 0000000..b0dec59
--- /dev/null
+++ b/tasks/ui-foundations/i1-evidence/story-report.json
@@ -0,0 +1,43 @@
+{
+  "checks": [
+    {
+      "theme": "light",
+      "customThumbnail": "keyboard open, Escape close, focus return",
+      "download": "inkcre.svg, valid SVG, dialog remains open",
+      "header": {
+        "color": "rgb(7, 7, 7)",
+        "background": "rgb(255, 255, 255)",
+        "font": "system-ui, -apple-system, sans-serif"
+      }
+    },
+    {
+      "theme": "dark",
+      "customThumbnail": "keyboard open, Escape close, focus return",
+      "download": "inkcre.svg, valid SVG, dialog remains open",
+      "header": {
+        "color": "rgb(249, 249, 249)",
+        "background": "rgb(71, 71, 71)",
+        "font": "system-ui, -apple-system, sans-serif"
+      }
+    },
+    {
+      "theme": "light",
+      "autoFormDebug": {
+        "radius": "0px",
+        "font": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace",
+        "color": "rgb(7, 7, 7)",
+        "background": "rgb(249, 249, 249)"
+      }
+    },
+    {
+      "theme": "dark",
+      "autoFormDebug": {
+        "radius": "0px",
+        "font": "\"SF Mono\", Monaco, \"Roboto Mono\", monospace",
+        "color": "rgb(249, 249, 249)",
+        "background": "rgb(31, 31, 31)"
+      }
+    }
+  ],
+  "errors": []
+}
diff --git a/tasks/ui-foundations/i2-evidence/README.md b/tasks/ui-foundations/i2-evidence/README.md
new file mode 100644
index 0000000..e1244d9
--- /dev/null
+++ b/tasks/ui-foundations/i2-evidence/README.md
@@ -0,0 +1,38 @@
+# I2 正式源与产物验收
+
+用户已认可[修订后的场景校准](../i2-study/README.md)。选定的配色、Switch 与阴影值现已进入 `tokens/inkcre.tokens.json`，沿既有生成链同步 Sass、CSS 和 Uno 输出。150 个公开 Token 路径及类型保持不变，没有新增主题机制、角色或依赖。
+
+`ref.color.brand` 引用对应中性色阶；红色基础值中更新了反馈使用的 40／70 两级。危险动作底色直接由 surface.danger／danger-hover 维护，与较纯的错误前景分开，未新增另一套色阶。反馈角色说明、设计与样式指南、Agent 配方和普通提交示例同步更新；迁移指南说明新默认表现，并将已发布的 2.0.0 要求与当前未发布改动分开。
+
+## 验证结果
+
+完整 `pnpm check` 通过，涵盖格式、lint、生成一致性、Token 导入边界、类型、独立 tarball 安装与公开入口、文档／配方交付，以及 21 个 Story／120 个 Variant 构建。循环引用夹具原先隐式依赖正文指向 neutral.2，本轮改为显式构造闭环的两端；生成器与导入策略没有改变。
+
+[实际产物验收页](index.html)直接使用本地 tarball 的组件和根级主题，不覆盖候选色值。[浏览器记录](verification.json)由 Chromium 149.0.7827.55 生成：
+
+- 浅深主题各 41 个颜色、Switch 与阴影变量和冻结样稿一致。此前候选 84 个配对的结果因而适用于该产物：浅／深最低文字对比约 5.14:1／4.95:1，必要边界约 3.86:1／3.61:1。
+- primary／subtle／danger 的普通、hover、pressed、焦点、disabled 与 pending 配对通过。错误输入保留独立焦点提示；Dropdown 的选中标签、说明及相邻活动项分别使用对应前景。
+- Popup/Scrim 实际 Teleport 到 body，表面、文字与遮罩使用根级主题；Popup 打开期间切换根级主题也能更新。375px 下确认操作完整可见，关闭后焦点返回触发按钮，页面无横向溢出。
+- Sass 与 Uno 三档可见阴影和样稿一致，实际 Tooltip 使用相同的默认档。运行时修改 md 模糊变量会更新 Sass 与 Tooltip，Uno 保持构建值；其工具类的前景／背景配对也通过验证。
+- 页面脚本错误与 HTTP(S) 请求均为零。已查看六张截图，浏览器已关闭；离线页面无需服务。
+
+截图：控件与选中项[浅色](controls-light.png)／[深色](controls-dark.png)，375px Popup [浅色](popup-light-375.png)／[深色](popup-dark-375.png)，375px Scrim [浅色](scrim-light-375.png)／[深色](scrim-dark-375.png)。这是状态与公开入口的验收夹具，阴影探针及按钮矩阵不作为真实页面的组合范本。
+
+Uno 验收保留 presetWind3 的初始化样式；阴影工具类依赖它提供的 ring/shadow 变量。记录保留完整计算值，比较时排除透明的 ring 合成层。UI 包仍不引入 preflight，夹具没有向生产包添加全局样式。
+
+## 产物身份与复跑
+
+本地 tarball 仍标记 `@inkcre/ui-web@2.0.0`，**不是 registry 已发布的 2.0.0**。SHA-256 为 `a2d8e5ecffeaa58aca0ea60e4bcfdf77d486d9b694c91fbc3775ec5708da0f5d`。基线提交为 `11be433`，叠加尚未提交的 I2 源；[artifact.json](artifact.json)另记录 Token 源与 CSS 的哈希，source 字段不表示 I2 已提交或发布。
+
+从仓库根执行：
+
+```sh
+pnpm check
+pnpm --dir packages/web pack --pack-destination ../../tmp/i2-pack
+node tasks/ui-foundations/i2-study/build.mjs tmp/i2-pack/inkcre-ui-web-2.0.0.tgz --delivery
+node tasks/ui-foundations/i2-study/verify-delivery.mjs /path/to/existing/playwright/index.mjs
+```
+
+构建与浏览器脚本复用现有工具，不建立组件测试套件。完整检查日志为本机 `/tmp/inkcre-i2-check.log`，浏览器日志为 `/tmp/inkcre-i2-delivery-verify.log`。构建会清理临时解包目录，实验与证据随父工作包撤除。
+
+生产者 I2 已验证、未提交或发布。消费者 worktree 保持干净，仍使用 registry UI 2.0.0；后续发布后需要按真实安装版本复验，不能把此处的产物夹具当作下游迁移完成。I3 继续拥有真实页面的内容取舍与状态组织。
diff --git a/tasks/ui-foundations/i2-evidence/artifact.json b/tasks/ui-foundations/i2-evidence/artifact.json
new file mode 100644
index 0000000..f7f8a0e
--- /dev/null
+++ b/tasks/ui-foundations/i2-evidence/artifact.json
@@ -0,0 +1,7 @@
+{
+  "source": "11be433ca6e7c203da7f42233983e576a967d71e",
+  "package": "@inkcre/ui-web@2.0.0",
+  "tarballSha256": "a2d8e5ecffeaa58aca0ea60e4bcfdf77d486d9b694c91fbc3775ec5708da0f5d",
+  "tokensSha256": "475712a34e15dc4e474b2b0308110f5423cdf92e66a01bf5de542771c342e593",
+  "cssSha256": "aa16dd5b8a35dbd20ec70e335aab9a1afb473d8a50417fb77e59140f48125b7b"
+}
diff --git a/tasks/ui-foundations/i2-evidence/controls-dark.png b/tasks/ui-foundations/i2-evidence/controls-dark.png
new file mode 100644
index 0000000..8165683
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/controls-dark.png differ
diff --git a/tasks/ui-foundations/i2-evidence/controls-light.png b/tasks/ui-foundations/i2-evidence/controls-light.png
new file mode 100644
index 0000000..16ee886
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/controls-light.png differ
diff --git a/tasks/ui-foundations/i2-evidence/index.html b/tasks/ui-foundations/i2-evidence/index.html
new file mode 100644
index 0000000..e4cebf7
--- /dev/null
+++ b/tasks/ui-foundations/i2-evidence/index.html
@@ -0,0 +1,30 @@
+<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>InKCre · I2 交付验收</title><style>.sass-shadow-low {
+  box-shadow: var(--sys-elevation-raised-low-offset-x) var(--sys-elevation-raised-low-offset-y) var(--sys-elevation-raised-low-radius) var(--sys-elevation-raised-low-spread) var(--sys-elevation-raised-low-color);
+}
+
+.sass-shadow-md {
+  box-shadow: var(--sys-elevation-raised-md-offset-x) var(--sys-elevation-raised-md-offset-y) var(--sys-elevation-raised-md-radius) var(--sys-elevation-raised-md-spread) var(--sys-elevation-raised-md-color);
+}
+
+.sass-shadow-high {
+  box-shadow: var(--sys-elevation-raised-high-offset-x) var(--sys-elevation-raised-high-offset-y) var(--sys-elevation-raised-high-radius) var(--sys-elevation-raised-high-spread) var(--sys-elevation-raised-high-color);
+}/* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.bg-surface-primary{background-color:var(--sys-color-surface-primary);}
+.text-text-on-primary{color:var(--sys-color-text-on-primary);}
+.shadow-high{--un-shadow:0px 4px 12px 0px var(--un-shadow-color, rgb(0 0 0 / 0.18));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-low{--un-shadow:0px 1px 2px 0px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-md{--un-shadow:0px 2px 6px 0px var(--un-shadow-color, rgb(0 0 0 / 0.16));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+*{box-sizing:border-box}body{margin:0;color:var(--sys-color-text-base);background:var(--sys-color-surface-base);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);line-height:var(--sys-font-body-md-line-height)}.delivery{max-width:760px;margin:auto;padding:24px}h1{font-size:var(--sys-font-title-lg-font-size);font-weight:500}h2{font-size:var(--sys-font-title-sm-font-size);font-weight:500}header{margin-bottom:28px}header p{color:var(--sys-color-text-subtle)}header select{font:inherit;color:inherit;background:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base);border-radius:0}.controls{display:grid;gap:16px;padding:20px;background:var(--sys-color-surface-subtle)}.controls h2{margin:0}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.actions{display:grid;gap:16px;margin:24px 0}.overlay-actions{margin-block:28px}.shadow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shadow-sample{padding:12px;border:1px solid var(--sys-color-border-base);background:var(--sys-color-surface-base)}.uno-pair{padding:12px}.ink-popup p{margin-block:16px}.ink-tooltip{width:max-content;max-width:200px}.scrim-content{width:min(420px,calc(100vw - 48px));margin:20vh auto;padding:20px;color:var(--sys-color-text-base);background:var(--sys-color-surface-base)}.scrim-content h2{margin-top:0}@media(max-width:480px){.delivery,.controls{padding:16px}}:root{--ref-elevation-raised-low-shadow-type: dropShadow;--ref-elevation-raised-low-radius: 2px;--ref-elevation-raised-low-color: rgba(0, 0, 0, .1019607843);--ref-elevation-raised-low-offset-x: 0px;--ref-elevation-raised-low-offset-y: 1px;--ref-elevation-raised-low-spread: 0px;--ref-elevation-raised-md-shadow-type: dropShadow;--ref-elevation-raised-md-radius: 6px;--ref-elevation-raised-md-color: rgba(0, 0, 0, .1607843137);--ref-elevation-raised-md-offset-x: 0px;--ref-elevation-raised-md-offset-y: 2px;--ref-elevation-raised-md-spread: 0px;--ref-elevation-raised-high-shadow-type: dropShadow;--ref-elevation-raised-high-radius: 12px;--ref-elevation-raised-high-color: rgba(0, 0, 0, .1803921569);--ref-elevation-raised-high-offset-x: 0px;--ref-elevation-raised-high-offset-y: 4px;--ref-elevation-raised-high-spread: 0px;--ref-color-neutral-2: #070707;--ref-color-neutral-6: #131313;--ref-color-neutral-12: #1f1f1f;--ref-color-neutral-20: #303030;--ref-color-neutral-30: #474747;--ref-color-neutral-40: #5e5e5e;--ref-color-neutral-50: #777777;--ref-color-neutral-60: #919191;--ref-color-neutral-70: #ababab;--ref-color-neutral-80: #c6c6c6;--ref-color-neutral-90: #e2e2e2;--ref-color-neutral-94: #eeeeee;--ref-color-neutral-98: #f9f9f9;--ref-color-neutral-100: white;--ref-color-tertiary-40: #1f9aa5;--ref-color-tertiary-90: #d0f4f4;--ref-color-danger-10: #410008;--ref-color-danger-30: #92001e;--ref-color-danger-35: #a80324;--ref-color-danger-40: #b3342b;--ref-color-danger-60: #ff525c;--ref-color-danger-65: #ff7073;--ref-color-danger-70: #ed9690;--ref-color-danger-80: #ffb3b1;--ref-color-danger-90: #ffdad8;--ref-color-danger-98: #fff8f7;--ref-color-brand-2: #070707;--ref-color-brand-6: #131313;--ref-color-brand-12: #1f1f1f;--ref-color-brand-20: #303030;--ref-color-brand-30: #474747;--ref-color-brand-40: #5e5e5e;--ref-color-brand-50: #777777;--ref-color-brand-60: #919191;--ref-color-brand-70: #ababab;--ref-color-brand-80: #c6c6c6;--ref-color-brand-90: #e2e2e2;--ref-color-brand-94: #eeeeee;--ref-color-brand-98: #f9f9f9;--ref-radius-xs: 4px;--ref-radius-sm: 8px;--ref-radius-md: 16px;--ref-radius-lg: 32px;--ref-radius-none: 0px;--ref-radius-full: 999px;--ref-space-md: 16px;--ref-space-lg: 32px;--ref-space-xl: 56px;--ref-space-xs: 4px;--ref-space-sm: 8px;--ref-typo-family-sans: system-ui, -apple-system, sans-serif;--ref-typo-family-mono: SF Mono , Monaco, Roboto Mono , monospace;--ref-breakpoint-mobile: 768px;--ref-breakpoint-tablet: 1024px;--ref-breakpoint-desktop: 1280px;--ref-opacity-muted: .72;--ref-opacity-medium: .84;--ref-opacity-strong: .92;--ref-size-lg: 48px;--ref-size-md: 36px;--ref-size-sm: 24px;--ref-size-icon-sm: 20px;--ref-size-icon-md: 24px;--ref-size-icon-lg: 36px;--ref-size-iconfont-sm: 8px;--ref-size-iconfont-md: 12px;--ref-size-iconfont-lg: 18px;--ref-size-xl: 58px;--ref-size-xs: 18px;--ref-font-label-lg-font-size: .875rem;--ref-font-label-lg-font-weight: 400;--ref-font-label-lg-line-height: 1.42857143;--ref-font-label-lg-letter-spacing: 0px;--ref-font-label-md-font-size: .75rem;--ref-font-label-md-font-weight: 400;--ref-font-label-md-line-height: 1.33333333;--ref-font-label-md-letter-spacing: 0px;--ref-font-body-sm-font-size: .875rem;--ref-font-body-sm-font-weight: 400;--ref-font-body-sm-line-height: 1.42857143;--ref-font-body-sm-letter-spacing: 0px;--ref-font-body-md-font-size: 1rem;--ref-font-body-md-font-weight: 400;--ref-font-body-md-line-height: 1.5;--ref-font-body-md-letter-spacing: 0px;--ref-font-body-lg-font-size: 1.125rem;--ref-font-body-lg-font-weight: 400;--ref-font-body-lg-line-height: 1.33333333;--ref-font-body-lg-letter-spacing: 0px;--ref-font-title-sm-font-size: 1.375rem;--ref-font-title-sm-font-weight: 400;--ref-font-title-sm-line-height: 1.27272727;--ref-font-title-sm-letter-spacing: 0px;--ref-font-title-lg-font-size: 1.75rem;--ref-font-title-lg-font-weight: 400;--ref-font-title-lg-line-height: 1.28571429;--ref-font-title-lg-letter-spacing: 0px;--ref-font-headline-lg-font-size: 2.25rem;--ref-font-headline-lg-font-weight: 400;--ref-font-headline-lg-line-height: 1.33333333;--ref-font-headline-lg-letter-spacing: 0px;--sys-elevation-raised-low-shadow-type: dropShadow;--sys-elevation-raised-low-radius: 2px;--sys-elevation-raised-low-color: rgba(0, 0, 0, .1019607843);--sys-elevation-raised-low-offset-x: 0px;--sys-elevation-raised-low-offset-y: 1px;--sys-elevation-raised-low-spread: 0px;--sys-elevation-raised-md-shadow-type: dropShadow;--sys-elevation-raised-md-radius: 6px;--sys-elevation-raised-md-color: rgba(0, 0, 0, .1607843137);--sys-elevation-raised-md-offset-x: 0px;--sys-elevation-raised-md-offset-y: 2px;--sys-elevation-raised-md-spread: 0px;--sys-elevation-raised-high-shadow-type: dropShadow;--sys-elevation-raised-high-radius: 12px;--sys-elevation-raised-high-color: rgba(0, 0, 0, .1803921569);--sys-elevation-raised-high-offset-x: 0px;--sys-elevation-raised-high-offset-y: 4px;--sys-elevation-raised-high-spread: 0px;--sys-radius-xs: 4px;--sys-radius-sm: 8px;--sys-radius-md: 16px;--sys-radius-lg: 32px;--sys-radius-none: 0px;--sys-radius-full: 999px;--sys-space-md: 16px;--sys-space-lg: 32px;--sys-space-xl: 56px;--sys-space-xs: 4px;--sys-space-sm: 8px;--sys-typo-family-sans: system-ui, -apple-system, sans-serif;--sys-typo-family-mono: SF Mono , Monaco, Roboto Mono , monospace;--sys-breakpoint-mobile: 768px;--sys-breakpoint-tablet: 1024px;--sys-breakpoint-desktop: 1280px;--sys-opacity-muted: .72;--sys-opacity-medium: .84;--sys-opacity-strong: .92;--sys-size-lg: 48px;--sys-size-md: 36px;--sys-size-sm: 24px;--sys-size-icon-sm: 20px;--sys-size-icon-md: 24px;--sys-size-icon-lg: 36px;--sys-size-iconfont-sm: 8px;--sys-size-iconfont-md: 12px;--sys-size-iconfont-lg: 18px;--sys-size-xl: 58px;--sys-size-xs: 18px;--sys-font-label-lg-font-size: .875rem;--sys-font-label-lg-font-weight: 400;--sys-font-label-lg-line-height: 1.42857143;--sys-font-label-lg-letter-spacing: 0px;--sys-font-label-md-font-size: .75rem;--sys-font-label-md-font-weight: 400;--sys-font-label-md-line-height: 1.33333333;--sys-font-label-md-letter-spacing: 0px;--sys-font-body-sm-font-size: .875rem;--sys-font-body-sm-font-weight: 400;--sys-font-body-sm-line-height: 1.42857143;--sys-font-body-sm-letter-spacing: 0px;--sys-font-body-md-font-size: 1rem;--sys-font-body-md-font-weight: 400;--sys-font-body-md-line-height: 1.5;--sys-font-body-md-letter-spacing: 0px;--sys-font-body-lg-font-size: 1.125rem;--sys-font-body-lg-font-weight: 400;--sys-font-body-lg-line-height: 1.33333333;--sys-font-body-lg-letter-spacing: 0px;--sys-font-title-sm-font-size: 1.375rem;--sys-font-title-sm-font-weight: 400;--sys-font-title-sm-line-height: 1.27272727;--sys-font-title-sm-letter-spacing: 0px;--sys-font-title-lg-font-size: 1.75rem;--sys-font-title-lg-font-weight: 400;--sys-font-title-lg-line-height: 1.28571429;--sys-font-title-lg-letter-spacing: 0px;--sys-font-headline-lg-font-size: 2.25rem;--sys-font-headline-lg-font-weight: 400;--sys-font-headline-lg-line-height: 1.33333333;--sys-font-headline-lg-letter-spacing: 0px}:root,html[data-theme=light]{color-scheme:light;--sys-color-text-base: #1f1f1f;--sys-color-text-subtle: #5e5e5e;--sys-color-text-on-primary: #f9f9f9;--sys-color-text-on-danger: #f9f9f9;--sys-color-surface-base: white;--sys-color-surface-subtle: #f9f9f9;--sys-color-surface-primary: #1f1f1f;--sys-color-surface-primary-hover: #303030;--sys-color-surface-subtle-hover: #eeeeee;--sys-color-surface-danger: #825955;--sys-color-surface-danger-hover: #704947;--sys-color-surface-base-hover: #eeeeee;--sys-color-border-base: #777777;--sys-color-border-strong: #070707;--sys-color-border-subtle: #c6c6c6;--sys-color-feedback-error: #b3342b;--sys-color-feedback-success: #19713d;--sys-color-feedback-warning: #8a5900;--sys-color-feedback-info: #1267a7;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #1f1f1f;--comp-switch-handle-bg: #f9f9f9;--comp-switch-label-color: #1f1f1f}html[data-theme=dark]{color-scheme:dark;--sys-color-text-base: #e2e2e2;--sys-color-text-subtle: #ababab;--sys-color-text-on-primary: #1f1f1f;--sys-color-text-on-danger: #1f1f1f;--sys-color-surface-base: #1f1f1f;--sys-color-surface-subtle: #303030;--sys-color-surface-primary: #e2e2e2;--sys-color-surface-primary-hover: #c6c6c6;--sys-color-surface-subtle-hover: #3a3a3a;--sys-color-surface-danger: #c8a19d;--sys-color-surface-danger-hover: #b9918b;--sys-color-surface-base-hover: #303030;--sys-color-border-base: #919191;--sys-color-border-strong: #c6c6c6;--sys-color-border-subtle: #5e5e5e;--sys-color-feedback-error: #ed9690;--sys-color-feedback-success: #67c88c;--sys-color-feedback-warning: #e5b951;--sys-color-feedback-info: #70b5ed;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #e2e2e2;--comp-switch-handle-bg: #1f1f1f;--comp-switch-label-color: #e2e2e2}@media(prefers-color-scheme:dark){:root:not([data-theme]),html[data-theme=system]{color-scheme:dark;--sys-color-text-base: #e2e2e2;--sys-color-text-subtle: #ababab;--sys-color-text-on-primary: #1f1f1f;--sys-color-text-on-danger: #1f1f1f;--sys-color-surface-base: #1f1f1f;--sys-color-surface-subtle: #303030;--sys-color-surface-primary: #e2e2e2;--sys-color-surface-primary-hover: #c6c6c6;--sys-color-surface-subtle-hover: #3a3a3a;--sys-color-surface-danger: #c8a19d;--sys-color-surface-danger-hover: #b9918b;--sys-color-surface-base-hover: #303030;--sys-color-border-base: #919191;--sys-color-border-strong: #c6c6c6;--sys-color-border-subtle: #5e5e5e;--sys-color-feedback-error: #ed9690;--sys-color-feedback-success: #67c88c;--sys-color-feedback-warning: #e5b951;--sys-color-feedback-info: #70b5ed;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #e2e2e2;--comp-switch-handle-bg: #1f1f1f;--comp-switch-label-color: #e2e2e2}}.i-mdi-alert-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-inbox-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-menu{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-refresh{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.inline{display:inline}.block{display:block}.hidden{display:none}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.flex-row{flex-direction:row}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.px{padding-left:1rem;padding-right:1rem}.ink-form[data-v-80890df3]{display:flex;flex-direction:column;gap:var(--sys-space-md);width:100%}.ink-field[data-v-26546d64]{display:flex;gap:var(--sys-space-sm);min-width:0;max-width:100%;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-field--col[data-v-26546d64]{flex-direction:column;gap:var(--sys-space-xs);width:100%;min-width:0}.ink-field--row[data-v-26546d64]{flex-direction:row;gap:var(--sys-space-sm);width:100%}.ink-field__label[data-v-26546d64]{color:var(--sys-color-text-subtle);white-space:normal;overflow-wrap:anywhere;min-width:0;position:relative}.ink-field__required[data-v-26546d64]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none;color:var(--sys-color-feedback-error)}.ink-field__value--underlined[data-v-26546d64]{text-decoration:underline}.ink-field__value--clickable[data-v-26546d64]{cursor:pointer}.ink-field__error[data-v-26546d64]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--sys-color-feedback-error)}button.ink-field__value[data-v-26546d64]{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:start}.ink-input[data-v-261bfe3b]{display:flex;align-items:center;width:100%;min-width:0;min-height:36px;padding:var(--sys-space-xs) var(--sys-space-sm);border:1px solid var(--sys-color-border-base);box-sizing:border-box;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-input__value[data-v-261bfe3b]{color:var(--sys-color-text-base);overflow-wrap:anywhere;min-width:0}.ink-input__input[data-v-261bfe3b]{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);min-width:0}.ink-input__input[data-v-261bfe3b]::placeholder{color:var(--sys-color-text-subtle);opacity:1}.ink-input--inline[data-v-261bfe3b]:not(.ink-input--inline-editing){border:none;padding:0;min-height:0}.ink-input__inline-text[data-v-261bfe3b]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);border:0;background:none;padding:0;text-align:start;cursor:pointer;overflow-wrap:anywhere}.ink-input[data-v-261bfe3b]:has([aria-invalid=true]){border-color:var(--sys-color-feedback-error)}.ink-input[data-v-261bfe3b]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-textarea[data-v-39471413]{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid var(--sys-color-border-base);box-sizing:border-box}.ink-textarea__input[data-v-39471413],.ink-textarea__value[data-v-39471413]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;padding:var(--sys-space-sm);color:var(--sys-color-text-base);min-height:100px;min-width:0;width:100%;box-sizing:border-box}.ink-textarea__input[data-v-39471413]{flex:1;border:none;outline:none;background:transparent;resize:vertical}.ink-textarea__input[data-v-39471413]::placeholder{color:var(--sys-color-text-subtle);opacity:1}.ink-textarea__value[data-v-39471413]{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sys-color-surface-subtle)}.ink-textarea--mono .ink-textarea__input[data-v-39471413],.ink-textarea--mono .ink-textarea__value[data-v-39471413]{font-family:var(--sys-typo-family-mono)}.ink-textarea[data-v-39471413]:has([aria-invalid=true]){border-color:var(--sys-color-feedback-error)}.ink-textarea[data-v-39471413]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-switch[data-v-9ad27c9b]{background-color:var(--comp-switch-track-bg);border:1px solid var(--comp-switch-track-bg);display:inline-grid;grid-template-columns:repeat(2,1fr);align-items:stretch;width:max-content;min-width:60px;min-height:24px;cursor:pointer;box-sizing:border-box;position:relative;padding:0;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-switch__handle[data-v-9ad27c9b]{background-color:var(--comp-switch-handle-bg);grid-area:1/1;min-width:0;padding:2px 4px;transition:transform .2s ease;transform:translate(0);display:grid;place-items:center;position:relative}.ink-switch--on .ink-switch__handle[data-v-9ad27c9b]{transform:translate(100%)}.ink-switch__label[data-v-9ad27c9b]{grid-area:1/1;color:var(--comp-switch-label-color);text-align:center;white-space:nowrap}.ink-switch__label--hidden[data-v-9ad27c9b]{visibility:hidden}.ink-switch__loading[data-v-9ad27c9b]{position:absolute;color:var(--comp-switch-label-color);font-size:1em}.ink-switch--sm[data-v-9ad27c9b]{min-width:80px}.ink-switch--md[data-v-9ad27c9b]{min-width:100px;min-height:36px}.ink-switch--lg[data-v-9ad27c9b]{min-width:120px;min-height:48px}.ink-switch[data-v-9ad27c9b]:disabled{cursor:not-allowed}.ink-switch[data-v-9ad27c9b]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-button[data-v-41145a76]{display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;border:1px solid transparent;position:relative;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;max-width:100%}.ink-button__icon[data-v-41145a76],.ink-button__loading[data-v-41145a76]{font-size:1em;flex:0 0 auto}.ink-button--loading[data-v-41145a76],.ink-button[data-v-41145a76]:disabled{cursor:not-allowed}.ink-button--theme-subtle[data-v-41145a76]{border-color:var(--sys-color-border-base);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-text-base)}.ink-button--theme-subtle[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-subtle-hover)}.ink-button--theme-primary[data-v-41145a76]{background-color:var(--sys-color-surface-primary);color:var(--sys-color-text-on-primary)}.ink-button--theme-primary[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-primary-hover)}.ink-button--theme-danger[data-v-41145a76]{background-color:var(--sys-color-surface-danger);color:var(--sys-color-text-on-danger)}.ink-button--theme-danger[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-danger-hover)}.ink-button[data-v-41145a76]:disabled:not(.ink-button--loading){color:var(--sys-color-text-subtle);background-color:var(--sys-color-surface-subtle);border-color:var(--sys-color-border-subtle)}.ink-button[data-v-41145a76]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-button--size-md[data-v-41145a76]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;min-height:36px}.ink-button--size-sm[data-v-41145a76]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none;min-height:24px}.ink-button--type-default[data-v-41145a76]{padding:.5em var(--sys-space-md)}.ink-button--type-square[data-v-41145a76]{min-width:36px;padding:.5em}.ink-button--type-square.ink-button--size-sm[data-v-41145a76]{min-width:24px;padding:.25em}.ink-dropdown-container[data-v-12d72b5c]{position:relative;min-width:0;max-width:100%;display:flex;gap:var(--sys-space-sm);align-items:flex-start}.ink-dropdown[data-v-12d72b5c]{display:flex;align-items:center;justify-content:space-between;gap:var(--sys-space-sm);padding:var(--sys-space-xs) var(--sys-space-sm);min-height:36px;box-sizing:border-box;border:1px solid var(--sys-color-border-base);background-color:var(--sys-color-surface-base);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;min-width:0;flex:1;position:relative}.ink-dropdown[aria-invalid=true][data-v-12d72b5c]{border-color:var(--sys-color-feedback-error)}.ink-dropdown[data-v-12d72b5c]:focus-visible,.ink-dropdown[data-v-12d72b5c]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-dropdown--editable[data-v-12d72b5c]{cursor:pointer}.ink-dropdown--active[data-v-12d72b5c]{border-color:var(--sys-color-border-base)}.ink-dropdown__value[data-v-12d72b5c]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;flex:1;color:var(--sys-color-text-base);-webkit-user-select:none;user-select:none;min-width:0;overflow-wrap:anywhere}.ink-dropdown__search-input[data-v-12d72b5c]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;flex:1;color:var(--sys-color-text-base);background:transparent;border:none;outline:none;padding:0;width:100%}.ink-dropdown__chevron[data-v-12d72b5c]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);transition:transform .2s}.ink-dropdown__options[data-v-12d72b5c]{position:absolute;top:100%;left:0;right:0;z-index:5;max-height:200px;overflow-y:auto;background-color:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base);margin-top:var(--sys-space-xs);-webkit-user-select:none;user-select:none}.ink-dropdown__option[data-v-12d72b5c]{padding:var(--sys-space-sm) var(--sys-space-sm);min-height:var(--sys-size-md);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sys-space-xs);justify-content:center;cursor:pointer;transition:background-color .2s}.ink-dropdown__option[data-v-12d72b5c]:hover,.ink-dropdown__option--hovered[data-v-12d72b5c]{background-color:var(--sys-color-surface-base-hover)}.ink-dropdown__option--selected[data-v-12d72b5c]{background-color:var(--sys-color-surface-primary)}.ink-dropdown__option--selected .option__label[data-v-12d72b5c],.ink-dropdown__option--selected .option__description[data-v-12d72b5c]{color:var(--sys-color-text-on-primary)}.ink-dropdown__option--selected[data-v-12d72b5c]:hover,.ink-dropdown__option--selected.ink-dropdown__option--hovered[data-v-12d72b5c]{background-color:var(--sys-color-surface-primary-hover);color:var(--sys-color-text-on-primary)}.option__label[data-v-12d72b5c]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.option__description[data-v-12d72b5c]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle)}.ink-dropdown__loading[data-v-12d72b5c]{display:flex;align-items:center;justify-content:center;gap:var(--sys-space-sm);padding:var(--sys-space-sm) var(--sys-space-md);color:var(--sys-color-text-subtle);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-dropdown__empty[data-v-12d72b5c]{display:flex;align-items:center;justify-content:center;padding:var(--sys-space-sm) var(--sys-space-md);color:var(--sys-color-text-subtle);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}button.ink-dropdown[data-v-12d72b5c]{text-align:start}.ink-datetime-picker-view[data-v-9838f9f1]{display:flex;flex-direction:column;width:100%;max-width:640px;background-color:var(--sys-color-surface-base);padding:var(--sys-space-md);box-sizing:border-box}.ink-datetime-picker-view__columns[data-v-9838f9f1]{display:flex;gap:var(--sys-space-sm);overflow-x:auto;margin-bottom:var(--sys-space-md)}.ink-datetime-picker-view__column[data-v-9838f9f1]{flex:1;min-width:100px;display:flex;flex-direction:column;gap:var(--sys-space-xs);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-datetime-picker-view__column select[data-v-9838f9f1]{width:100%;font:inherit;color:var(--sys-color-text-base);background:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base)}.ink-datetime-picker-view__column select[data-v-9838f9f1]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-datetime-picker-view__column select option[data-v-9838f9f1]{padding:var(--sys-space-xs)}.ink-popup[data-v-917f1942]{margin:0;box-sizing:border-box;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;border:0;color:var(--sys-color-text-base);overflow:auto}.ink-popup[data-v-917f1942]::backdrop{background:var(--sys-color-overlay-scrim)}.ink-popup[data-v-917f1942]{position:fixed;z-index:10;background-color:var(--sys-color-surface-base);padding:var(--sys-space-md);max-height:90vh;max-width:90vw}.ink-popup--center[data-v-917f1942]{top:50%;left:50%;transform:translate(-50%,-50%)}.ink-popup--left[data-v-917f1942]{top:50%;left:var(--sys-space-md);transform:translateY(-50%);max-width:calc(50vw - var(--sys-space-md))}.ink-popup--right[data-v-917f1942]{top:50%;right:var(--sys-space-md);transform:translateY(-50%);max-width:calc(50vw - var(--sys-space-md))}.ink-popup--top[data-v-917f1942]{top:var(--sys-space-md);left:50%;transform:translate(-50%);max-width:calc(100vw - 2 * var(--sys-space-md))}.ink-popup--bottom[data-v-917f1942]{bottom:var(--sys-space-md);left:50%;transform:translate(-50%);max-width:calc(100vw - 2 * var(--sys-space-md))}.ink-picker.editable[data-v-d42342f0]{cursor:pointer}.ink-picker.ink-picker--inline-text.editable[data-v-d42342f0]{text-decoration:underline;text-underline-position:from-font}.ink-picker[data-v-d42342f0]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;max-width:100%}.ink-picker[data-v-d42342f0]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-picker--box[data-v-d42342f0]{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;gap:var(--sys-space-sm);min-height:36px;padding:var(--sys-space-xs) var(--sys-space-sm);border:1px solid var(--sys-color-border-base);box-sizing:border-box;background-color:var(--sys-color-surface-base)}.ink-picker--box.ink-picker--active[data-v-d42342f0]{border-color:var(--sys-color-border-strong)}.ink-picker--box .ink-picker__icon[data-v-d42342f0]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);flex-shrink:0}.ink-picker--inline-text[data-v-d42342f0]{align-items:center;gap:var(--sys-space-xs)}.ink-picker[aria-invalid=true][data-v-d42342f0]{border-color:var(--sys-color-feedback-error)}.ink-picker__value[data-v-d42342f0]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);white-space:normal;overflow-wrap:anywhere;min-width:0;-webkit-user-select:none;user-select:none;flex:1}.ink-picker-popup__actions[data-v-d42342f0]{display:flex;flex-wrap:wrap;gap:var(--sys-space-sm);justify-content:flex-end;margin-top:var(--sys-space-md)}button.ink-picker[data-v-d42342f0]{text-align:start}button.ink-picker--inline-text[data-v-d42342f0]{padding:0;border:0;background:none}.ink-auto-form__error[data-v-19b77a71]{padding:var(--sys-space-md);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-feedback-error);border-radius:var(--sys-radius-none);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}.ink-auto-form__field[data-v-19b77a71]{position:relative}.ink-auto-form__field-errors[data-v-19b77a71]{display:flex;flex-direction:column;gap:var(--sys-space-xs);margin-top:var(--sys-space-xs)}.ink-auto-form__field-error[data-v-19b77a71]{overflow-wrap:anywhere;color:var(--sys-color-feedback-error);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}.ink-dialog[data-v-5355aedf]{display:flex;flex-direction:column;gap:var(--sys-space-md)}.ink-dialog__header[data-v-5355aedf]{display:flex;flex-direction:column;gap:var(--sys-space-xs)}.ink-dialog__title[data-v-5355aedf]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);margin:0}.ink-dialog__subtitle[data-v-5355aedf]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);font-weight:var(--sys-font-body-md-font-weight);line-height:var(--sys-font-body-md-line-height);letter-spacing:var(--sys-font-body-md-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle);margin:0}.ink-dialog__content[data-v-5355aedf]{flex:1;overflow-y:auto}.ink-dialog__footer[data-v-5355aedf]{flex-wrap:wrap;display:flex;justify-content:flex-end;gap:var(--sys-space-sm)}.ink-dialog__popup{width:min(640px,100vw - 32px);max-width:calc(100vw - 32px)}.ink-double-check[data-v-9d72f6ad]{display:inline-block}.ink-double-check__trigger[data-v-9d72f6ad]{display:inline-block;cursor:pointer}.ink-double-check__popup[data-v-9d72f6ad]{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.ink-double-check__title[data-v-9d72f6ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;margin:0 0 var(--sys-space-md) 0;color:var(--sys-color-text-base)}.ink-double-check__message[data-v-9d72f6ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;margin:0 0 var(--sys-space-lg) 0;color:var(--sys-color-text-subtle)}.ink-double-check__actions[data-v-9d72f6ad]{display:flex;flex-wrap:wrap;gap:var(--sys-space-sm);justify-content:flex-end}.ink-double-check__dialog{width:min(400px,100vw - 32px);max-width:calc(100vw - 32px)}.ink-header[data-v-e4c6fa81]{display:flex;flex-wrap:wrap;gap:var(--sys-space-md);align-items:center;justify-content:space-between;padding:var(--sys-space-md) var(--sys-space-lg);background-color:var(--sys-color-surface-subtle);border-bottom:1px solid var(--sys-color-border-subtle)}.ink-header__logo[data-v-e4c6fa81]{min-width:0;max-width:100%;display:flex;align-items:center;gap:var(--sys-space-sm);cursor:pointer}.ink-header__logo-icon[data-v-e4c6fa81]{flex-shrink:0;width:32px;height:32px}.ink-header__logo-text[data-v-e4c6fa81]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-mono);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);-webkit-user-select:none;user-select:none}.ink-header__right[data-v-e4c6fa81]{flex-wrap:wrap;min-width:0;display:flex;align-items:center;gap:var(--sys-space-md)}.ink-header__page-title[data-v-e4c6fa81]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.ink-header__menu-icon[data-v-e4c6fa81]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);cursor:pointer}button.ink-header__logo[data-v-e4c6fa81]{color:inherit;font:inherit;background-color:transparent;border:0;padding:0}button.ink-header__menu-icon[data-v-e4c6fa81]{min-width:24px;min-height:24px;background:transparent;border:0;padding:0}.ink-header button[data-v-e4c6fa81]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-scrim[data-v-2c9f1a24]{position:fixed;inset:0;background-color:var(--sys-color-overlay-scrim);z-index:10;display:flex;align-items:center;justify-content:center}.ink-scrim__wrapper[data-v-2c9f1a24]{width:100%;height:100%}.ink-scrim__close-btn[data-v-2c9f1a24]{position:absolute;top:var(--sys-space-md);right:var(--sys-space-md)}.ink-scrim-fade-enter-active[data-v-2c9f1a24],.ink-scrim-fade-leave-active[data-v-2c9f1a24]{transition:opacity .3s ease}.ink-scrim-fade-enter-from[data-v-2c9f1a24],.ink-scrim-fade-leave-to[data-v-2c9f1a24]{opacity:0}dialog.ink-scrim[data-v-2c9f1a24]{margin:0;border:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;color:inherit}dialog.ink-scrim[data-v-2c9f1a24]:not([open]){display:none}dialog.ink-scrim[data-v-2c9f1a24]::backdrop{background:transparent}.ink-image[data-v-4beb7b08]{display:inline-block;max-width:100%}.ink-image__thumbnail[data-v-4beb7b08]{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ink-image__img[data-v-4beb7b08]{max-width:100%;height:auto;display:block}.ink-image__expanded[data-v-4beb7b08]{padding:var(--sys-space-xl) var(--sys-space-lg);box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:safe center;overflow:auto;flex-direction:column;gap:var(--sys-space-sm)}.ink-image__expanded-header[data-v-4beb7b08]{display:flex;flex-shrink:0;max-width:100%}.ink-image__expanded-title[data-v-4beb7b08]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--ref-color-neutral-98);margin:0;flex:1;background-color:var(--ref-color-neutral-2);padding:var(--sys-space-xs) var(--sys-space-sm);white-space:normal;overflow-wrap:anywhere}.ink-image__img-expanded[data-v-4beb7b08]{min-height:0;flex-shrink:1;max-width:100%;max-height:100%;object-fit:contain;display:block}.ink-image__expanded-footer[data-v-4beb7b08]{flex-shrink:0;max-width:100%}button.ink-image__thumbnail[data-v-4beb7b08]{padding:0;border:0;background:none;color:inherit;font:inherit}button.ink-image__thumbnail[data-v-4beb7b08]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-json-editor[data-v-0ada66df]{border:1px solid var(--sys-color-border-base);transition:border-color .15s ease;padding:var(--sys-space-sm)}.ink-json-editor__editor[data-v-0ada66df]{height:100%;box-sizing:border-box}.ink-json-editor__editor[data-v-0ada66df] .cm-editor{border:none;outline:none;height:100%}.ink-json-editor__editor[data-v-0ada66df] .cm-scroller{font-family:var(--sys-typo-family-mono);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-json-editor__editor--readonly[data-v-0ada66df] .cm-editor{background:var(--sys-color-surface-subtle)}.ink-json-editor[data-v-0ada66df]:focus-within{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}@keyframes ink-loading-pulse-da178f83{0%{opacity:1}50%{opacity:.4}to{opacity:.8}}.ink-loading[data-v-da178f83]{display:flex;align-items:center;gap:var(--sys-space-xs)}.ink-loading__block[data-v-da178f83]{animation:ink-loading-pulse-da178f83 .9s ease-in-out infinite}.ink-loading__block--1[data-v-da178f83]{background-color:var(--ref-color-neutral-80);animation-delay:0s}.ink-loading__block--2[data-v-da178f83]{background-color:var(--ref-color-neutral-70);animation-delay:.3s}.ink-loading__block--3[data-v-da178f83]{background-color:var(--ref-color-neutral-80);animation-delay:.5s}.ink-loading--s-xs .ink-loading__block[data-v-da178f83]{width:5px;height:5px}.ink-loading--s-sm .ink-loading__block[data-v-da178f83]{width:12px;height:12px}.ink-loading--s-md .ink-loading__block[data-v-da178f83]{width:18px;height:18px}.ink-loading--d-sm[data-v-da178f83]{gap:var(--sys-space-xs)}.ink-loading--d-md[data-v-da178f83]{gap:var(--sys-space-sm)}.ink-pagination[data-v-5dba59b6]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sys-space-xs)}.ink-pagination__nav[data-v-5dba59b6]{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--sys-color-border-base);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-text-base);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;border-radius:var(--sys-radius-none);font-size:var(--sys-size-iconfont-md)}.ink-pagination__nav[data-v-5dba59b6]:hover:not(:disabled){background-color:var(--sys-color-surface-subtle-hover)}.ink-pagination__page[data-v-5dba59b6]{display:flex;align-items:center;justify-content:center;min-width:36px;padding:.25em;min-height:36px;border:1px solid transparent;background-color:transparent;color:var(--sys-color-text-base);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;border-radius:var(--sys-radius-none);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-pagination__page[data-v-5dba59b6]:hover:not(:disabled):not(.ink-pagination__page--active){border-color:var(--sys-color-border-base)}.ink-pagination__page--active[data-v-5dba59b6]{border-color:var(--sys-color-surface-primary);background-color:var(--sys-color-surface-primary);color:var(--sys-color-text-on-primary);cursor:default}.ink-pagination__page--ellipsis[data-v-5dba59b6]{cursor:default;border:none}.ink-pagination__page-info[data-v-5dba59b6]{color:var(--sys-color-text-base);padding:0 var(--sys-space-md);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-pagination[data-v-5dba59b6] :is(button):focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-placeholder[data-v-367e77ad]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sys-space-xl);text-align:center;overflow-wrap:anywhere;gap:var(--sys-space-md);color:var(--sys-color-text-subtle)}.ink-placeholder__illustration[data-v-367e77ad]{font-size:var(--sys-size-iconfont-lg);height:var(--sys-size-icon-lg);width:var(--sys-size-icon-lg);display:flex;align-items:center;justify-content:center;color:var(--sys-color-text-subtle)}.ink-placeholder__title[data-v-367e77ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.ink-placeholder__description[data-v-367e77ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);font-weight:var(--sys-font-body-md-font-weight);line-height:var(--sys-font-body-md-line-height);letter-spacing:var(--sys-font-body-md-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle);max-width:400px}.ink-placeholder__actions[data-v-367e77ad]{margin-top:var(--sys-space-sm);display:flex;gap:var(--sys-space-sm);flex-wrap:wrap;justify-content:center}.ink-placeholder--error .ink-placeholder__illustration[data-v-367e77ad]{color:var(--sys-color-feedback-error)}.ink-tooltip-wrapper[data-v-505773dc]{position:relative;display:inline-block}.ink-tooltip[data-v-505773dc]{position:absolute;background-color:var(--sys-color-surface-base);color:var(--sys-color-text-base);border:1px solid var(--sys-color-border-base);border-radius:var(--sys-radius-none);padding:var(--sys-space-xs) var(--sys-space-sm);z-index:50;white-space:pre-wrap;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--sys-elevation-raised-md-offset-x) var(--sys-elevation-raised-md-offset-y) var(--sys-elevation-raised-md-radius) var(--sys-elevation-raised-md-spread) var(--sys-elevation-raised-md-color)}.ink-tooltip--visible[data-v-505773dc]{opacity:1;visibility:visible}.ink-tooltip--top[data-v-505773dc]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--sys-space-xs)}.ink-tooltip--bottom[data-v-505773dc]{top:100%;left:50%;transform:translate(-50%);margin-top:var(--sys-space-xs)}.ink-tooltip--left[data-v-505773dc]{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--sys-space-xs)}.ink-tooltip--right[data-v-505773dc]{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--sys-space-xs)}.ink-tooltip__content[data-v-505773dc]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}
+</style></head><body><div id="app"></div><script>(function(){"use strict";function oi(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const Y={},It=[],De=()=>{},dr=()=>!1,vn=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),li=e=>e.startsWith("onUpdate:"),he=Object.assign,ai=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Fl=Object.prototype.hasOwnProperty,Q=(e,t)=>Fl.call(e,t),U=Array.isArray,Ot=e=>Wt(e)==="[object Map]",bn=e=>Wt(e)==="[object Set]",pr=e=>Wt(e)==="[object Date]",H=e=>typeof e=="function",ae=e=>typeof e=="string",Re=e=>typeof e=="symbol",ee=e=>e!==null&&typeof e=="object",hr=e=>(ee(e)||H(e))&&H(e.then)&&H(e.catch),mr=Object.prototype.toString,Wt=e=>mr.call(e),Vl=e=>Wt(e).slice(8,-1),gr=e=>Wt(e)==="[object Object]",ui=e=>ae(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Gt=oi(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),_n=e=>{const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},Sl=/-\w/g,Ce=_n(e=>e.replace(Sl,t=>t.slice(1).toUpperCase())),Dl=/\B([A-Z])/g,et=_n(e=>e.replace(Dl,"-$1").toLowerCase()),yr=_n(e=>e.charAt(0).toUpperCase()+e.slice(1)),fi=_n(e=>e?`on${yr(e)}`:""),Ie=(e,t)=>!Object.is(e,t),xn=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},vr=(e,t,n,r=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},wn=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let br;const $n=()=>br||(br=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function ci(e){if(U(e)){const t={};for(let n=0;n<e.length;n++){const r=e[n],i=ae(r)?ql(r):ci(r);if(i)for(const s in i)t[s]=i[s]}return t}else if(ae(e)||ee(e))return e}const Ul=/;(?![^(]*\))/g,Bl=/:([^]+)/,Hl=/\/\*[^]*?\*\//g;function ql(e){const t={};return e.replace(Hl,"").split(Ul).forEach(n=>{if(n){const r=n.split(Bl);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function me(e){let t="";if(ae(e))t=e;else if(U(e))for(let n=0;n<e.length;n++){const r=me(e[n]);r&&(t+=r+" ")}else if(ee(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const Wl=oi("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function _r(e){return!!e||e===""}function Gl(e,t){if(e.length!==t.length)return!1;let n=!0;for(let r=0;n&&r<e.length;r++)n=An(e[r],t[r]);return n}function An(e,t){if(e===t)return!0;let n=pr(e),r=pr(t);if(n||r)return n&&r?e.getTime()===t.getTime():!1;if(n=Re(e),r=Re(t),n||r)return e===t;if(n=U(e),r=U(t),n||r)return n&&r?Gl(e,t):!1;if(n=ee(e),r=ee(t),n||r){if(!n||!r)return!1;const i=Object.keys(e).length,s=Object.keys(t).length;if(i!==s)return!1;for(const o in e){const l=e.hasOwnProperty(o),a=t.hasOwnProperty(o);if(l&&!a||!l&&a||!An(e[o],t[o]))return!1}}return String(e)===String(t)}function zl(e,t){return e.findIndex(n=>An(n,t))}const xr=e=>!!(e&&e.__v_isRef===!0),ge=e=>ae(e)?e:e==null?"":U(e)||ee(e)&&(e.toString===mr||!H(e.toString))?xr(e)?ge(e.value):JSON.stringify(e,wr,2):String(e),wr=(e,t)=>xr(t)?wr(e,t.value):Ot(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[r,i],s)=>(n[di(r,s)+" =>"]=i,n),{})}:bn(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>di(n))}:Re(t)?di(t):ee(t)&&!U(t)&&!gr(t)?String(t):t,di=(e,t="")=>{var n;return Re(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};let Oe;class Xl{constructor(t=!1){this.detached=t,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=Oe,!t&&Oe&&(this.index=(Oe.scopes||(Oe.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].pause();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].resume();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].resume()}}run(t){if(this._active){const n=Oe;try{return Oe=this,t()}finally{Oe=n}}}on(){++this._on===1&&(this.prevScope=Oe,Oe=this)}off(){this._on>0&&--this._on===0&&(Oe=this.prevScope,this.prevScope=void 0)}stop(t){if(this._active){this._active=!1;let n,r;for(n=0,r=this.effects.length;n<r;n++)this.effects[n].stop();for(this.effects.length=0,n=0,r=this.cleanups.length;n<r;n++)this.cleanups[n]();if(this.cleanups.length=0,this.scopes){for(n=0,r=this.scopes.length;n<r;n++)this.scopes[n].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!t){const i=this.parent.scopes.pop();i&&i!==this&&(this.parent.scopes[this.index]=i,i.index=this.index)}this.parent=void 0}}}function Jl(){return Oe}let te;const pi=new WeakSet;class $r{constructor(t){this.fn=t,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,Oe&&Oe.active&&Oe.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,pi.has(this)&&(pi.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||Ir(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,Mr(this),Or(this);const t=te,n=Fe;te=this,Fe=!0;try{return this.fn()}finally{Tr(this),te=t,Fe=n,this.flags&=-3}}stop(){if(this.flags&1){for(let t=this.deps;t;t=t.nextDep)yi(t);this.deps=this.depsTail=void 0,Mr(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?pi.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){gi(this)&&this.run()}get dirty(){return gi(this)}}let Ar=0,zt,Xt;function Ir(e,t=!1){if(e.flags|=8,t){e.next=Xt,Xt=e;return}e.next=zt,zt=e}function hi(){Ar++}function mi(){if(--Ar>0)return;if(Xt){let t=Xt;for(Xt=void 0;t;){const n=t.next;t.next=void 0,t.flags&=-9,t=n}}let e;for(;zt;){let t=zt;for(zt=void 0;t;){const n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(r){e||(e=r)}t=n}}if(e)throw e}function Or(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function Tr(e){let t,n=e.depsTail,r=n;for(;r;){const i=r.prevDep;r.version===-1?(r===n&&(n=i),yi(r),Yl(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=i}e.deps=t,e.depsTail=n}function gi(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(kr(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function kr(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Jt)||(e.globalVersion=Jt,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!gi(e))))return;e.flags|=2;const t=e.dep,n=te,r=Fe;te=e,Fe=!0;try{Or(e);const i=e.fn(e._value);(t.version===0||Ie(i,e._value))&&(e.flags|=128,e._value=i,t.version++)}catch(i){throw t.version++,i}finally{te=n,Fe=r,Tr(e),e.flags&=-3}}function yi(e,t=!1){const{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let s=n.computed.deps;s;s=s.nextDep)yi(s,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function Yl(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let Fe=!0;const Er=[];function Ue(){Er.push(Fe),Fe=!1}function Be(){const e=Er.pop();Fe=e===void 0?!0:e}function Mr(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=te;te=void 0;try{t()}finally{te=n}}}let Jt=0;class Zl{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class In{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(t){if(!te||!Fe||te===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==te)n=this.activeLink=new Zl(te,this),te.deps?(n.prevDep=te.depsTail,te.depsTail.nextDep=n,te.depsTail=n):te.deps=te.depsTail=n,Pr(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const r=n.nextDep;r.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=r),n.prevDep=te.depsTail,n.nextDep=void 0,te.depsTail.nextDep=n,te.depsTail=n,te.deps===n&&(te.deps=r)}return n}trigger(t){this.version++,Jt++,this.notify(t)}notify(t){hi();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{mi()}}}function Pr(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let r=t.deps;r;r=r.nextDep)Pr(r)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const vi=new WeakMap,mt=Symbol(""),bi=Symbol(""),Yt=Symbol("");function be(e,t,n){if(Fe&&te){let r=vi.get(e);r||vi.set(e,r=new Map);let i=r.get(n);i||(r.set(n,i=new In),i.map=r,i.key=n),i.track()}}function tt(e,t,n,r,i,s){const o=vi.get(e);if(!o){Jt++;return}const l=a=>{a&&a.trigger()};if(hi(),t==="clear")o.forEach(l);else{const a=U(e),u=a&&ui(n);if(a&&n==="length"){const f=Number(r);o.forEach((p,g)=>{(g==="length"||g===Yt||!Re(g)&&g>=f)&&l(p)})}else switch((n!==void 0||o.has(void 0))&&l(o.get(n)),u&&l(o.get(Yt)),t){case"add":a?u&&l(o.get("length")):(l(o.get(mt)),Ot(e)&&l(o.get(bi)));break;case"delete":a||(l(o.get(mt)),Ot(e)&&l(o.get(bi)));break;case"set":Ot(e)&&l(o.get(mt));break}}mi()}function Tt(e){const t=J(e);return t===e?t:(be(t,"iterate",Yt),Pe(e)?t:t.map(Ve))}function On(e){return be(e=J(e),"iterate",Yt),e}function ut(e,t){return it(e)?gt(e)?kt(Ve(t)):kt(t):Ve(t)}const Ql={__proto__:null,[Symbol.iterator](){return _i(this,Symbol.iterator,e=>ut(this,e))},concat(...e){return Tt(this).concat(...e.map(t=>U(t)?Tt(t):t))},entries(){return _i(this,"entries",e=>(e[1]=ut(this,e[1]),e))},every(e,t){return nt(this,"every",e,t,void 0,arguments)},filter(e,t){return nt(this,"filter",e,t,n=>n.map(r=>ut(this,r)),arguments)},find(e,t){return nt(this,"find",e,t,n=>ut(this,n),arguments)},findIndex(e,t){return nt(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return nt(this,"findLast",e,t,n=>ut(this,n),arguments)},findLastIndex(e,t){return nt(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return nt(this,"forEach",e,t,void 0,arguments)},includes(...e){return xi(this,"includes",e)},indexOf(...e){return xi(this,"indexOf",e)},join(e){return Tt(this).join(e)},lastIndexOf(...e){return xi(this,"lastIndexOf",e)},map(e,t){return nt(this,"map",e,t,void 0,arguments)},pop(){return Zt(this,"pop")},push(...e){return Zt(this,"push",e)},reduce(e,...t){return jr(this,"reduce",e,t)},reduceRight(e,...t){return jr(this,"reduceRight",e,t)},shift(){return Zt(this,"shift")},some(e,t){return nt(this,"some",e,t,void 0,arguments)},splice(...e){return Zt(this,"splice",e)},toReversed(){return Tt(this).toReversed()},toSorted(e){return Tt(this).toSorted(e)},toSpliced(...e){return Tt(this).toSpliced(...e)},unshift(...e){return Zt(this,"unshift",e)},values(){return _i(this,"values",e=>ut(this,e))}};function _i(e,t,n){const r=On(e),i=r[t]();return r!==e&&!Pe(e)&&(i._next=i.next,i.next=()=>{const s=i._next();return s.done||(s.value=n(s.value)),s}),i}const Kl=Array.prototype;function nt(e,t,n,r,i,s){const o=On(e),l=o!==e&&!Pe(e),a=o[t];if(a!==Kl[t]){const p=a.apply(e,s);return l?Ve(p):p}let u=n;o!==e&&(l?u=function(p,g){return n.call(this,ut(e,p),g,e)}:n.length>2&&(u=function(p,g){return n.call(this,p,g,e)}));const f=a.call(o,u,r);return l&&i?i(f):f}function jr(e,t,n,r){const i=On(e);let s=n;return i!==e&&(Pe(e)?n.length>3&&(s=function(o,l,a){return n.call(this,o,l,a,e)}):s=function(o,l,a){return n.call(this,o,ut(e,l),a,e)}),i[t](s,...r)}function xi(e,t,n){const r=J(e);be(r,"iterate",Yt);const i=r[t](...n);return(i===-1||i===!1)&&Ii(n[0])?(n[0]=J(n[0]),r[t](...n)):i}function Zt(e,t,n=[]){Ue(),hi();const r=J(e)[t].apply(e,n);return mi(),Be(),r}const Cl=oi("__proto__,__v_isRef,__isVue"),Lr=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Re));function ea(e){Re(e)||(e=String(e));const t=J(this);return be(t,"has",e),t.hasOwnProperty(e)}class Nr{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,r){if(n==="__v_skip")return t.__v_skip;const i=this._isReadonly,s=this._isShallow;if(n==="__v_isReactive")return!i;if(n==="__v_isReadonly")return i;if(n==="__v_isShallow")return s;if(n==="__v_raw")return r===(i?s?Ur:Dr:s?Sr:Vr).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(r)?t:void 0;const o=U(t);if(!i){let a;if(o&&(a=Ql[n]))return a;if(n==="hasOwnProperty")return ea}const l=Reflect.get(t,n,ye(t)?t:r);if((Re(n)?Lr.has(n):Cl(n))||(i||be(t,"get",n),s))return l;if(ye(l)){const a=o&&ui(n)?l:l.value;return i&&ee(a)?Ai(a):a}return ee(l)?i?Ai(l):$i(l):l}}class Rr extends Nr{constructor(t=!1){super(!1,t)}set(t,n,r,i){let s=t[n];const o=U(t)&&ui(n);if(!this._isShallow){const u=it(s);if(!Pe(r)&&!it(r)&&(s=J(s),r=J(r)),!o&&ye(s)&&!ye(r))return u||(s.value=r),!0}const l=o?Number(n)<t.length:Q(t,n),a=Reflect.set(t,n,r,ye(t)?t:i);return t===J(i)&&(l?Ie(r,s)&&tt(t,"set",n,r):tt(t,"add",n,r)),a}deleteProperty(t,n){const r=Q(t,n);t[n];const i=Reflect.deleteProperty(t,n);return i&&r&&tt(t,"delete",n,void 0),i}has(t,n){const r=Reflect.has(t,n);return(!Re(n)||!Lr.has(n))&&be(t,"has",n),r}ownKeys(t){return be(t,"iterate",U(t)?"length":mt),Reflect.ownKeys(t)}}class Fr extends Nr{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const ta=new Rr,na=new Fr,ia=new Rr(!0),ra=new Fr(!0),wi=e=>e,Tn=e=>Reflect.getPrototypeOf(e);function sa(e,t,n){return function(...r){const i=this.__v_raw,s=J(i),o=Ot(s),l=e==="entries"||e===Symbol.iterator&&o,a=e==="keys"&&o,u=i[e](...r),f=n?wi:t?kt:Ve;return!t&&be(s,"iterate",a?bi:mt),{next(){const{value:p,done:g}=u.next();return g?{value:p,done:g}:{value:l?[f(p[0]),f(p[1])]:f(p),done:g}},[Symbol.iterator](){return this}}}}function kn(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function oa(e,t){const n={get(i){const s=this.__v_raw,o=J(s),l=J(i);e||(Ie(i,l)&&be(o,"get",i),be(o,"get",l));const{has:a}=Tn(o),u=t?wi:e?kt:Ve;if(a.call(o,i))return u(s.get(i));if(a.call(o,l))return u(s.get(l));s!==o&&s.get(i)},get size(){const i=this.__v_raw;return!e&&be(J(i),"iterate",mt),i.size},has(i){const s=this.__v_raw,o=J(s),l=J(i);return e||(Ie(i,l)&&be(o,"has",i),be(o,"has",l)),i===l?s.has(i):s.has(i)||s.has(l)},forEach(i,s){const o=this,l=o.__v_raw,a=J(l),u=t?wi:e?kt:Ve;return!e&&be(a,"iterate",mt),l.forEach((f,p)=>i.call(s,u(f),u(p),o))}};return he(n,e?{add:kn("add"),set:kn("set"),delete:kn("delete"),clear:kn("clear")}:{add(i){!t&&!Pe(i)&&!it(i)&&(i=J(i));const s=J(this);return Tn(s).has.call(s,i)||(s.add(i),tt(s,"add",i,i)),this},set(i,s){!t&&!Pe(s)&&!it(s)&&(s=J(s));const o=J(this),{has:l,get:a}=Tn(o);let u=l.call(o,i);u||(i=J(i),u=l.call(o,i));const f=a.call(o,i);return o.set(i,s),u?Ie(s,f)&&tt(o,"set",i,s):tt(o,"add",i,s),this},delete(i){const s=J(this),{has:o,get:l}=Tn(s);let a=o.call(s,i);a||(i=J(i),a=o.call(s,i)),l&&l.call(s,i);const u=s.delete(i);return a&&tt(s,"delete",i,void 0),u},clear(){const i=J(this),s=i.size!==0,o=i.clear();return s&&tt(i,"clear",void 0,void 0),o}}),["keys","values","entries",Symbol.iterator].forEach(i=>{n[i]=sa(i,e,t)}),n}function En(e,t){const n=oa(e,t);return(r,i,s)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?r:Reflect.get(Q(n,i)&&i in r?n:r,i,s)}const la={get:En(!1,!1)},aa={get:En(!1,!0)},ua={get:En(!0,!1)},fa={get:En(!0,!0)},Vr=new WeakMap,Sr=new WeakMap,Dr=new WeakMap,Ur=new WeakMap;function ca(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function da(e){return e.__v_skip||!Object.isExtensible(e)?0:ca(Vl(e))}function $i(e){return it(e)?e:Mn(e,!1,ta,la,Vr)}function pa(e){return Mn(e,!1,ia,aa,Sr)}function Ai(e){return Mn(e,!0,na,ua,Dr)}function Qc(e){return Mn(e,!0,ra,fa,Ur)}function Mn(e,t,n,r,i){if(!ee(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const s=da(e);if(s===0)return e;const o=i.get(e);if(o)return o;const l=new Proxy(e,s===2?r:n);return i.set(e,l),l}function gt(e){return it(e)?gt(e.__v_raw):!!(e&&e.__v_isReactive)}function it(e){return!!(e&&e.__v_isReadonly)}function Pe(e){return!!(e&&e.__v_isShallow)}function Ii(e){return e?!!e.__v_raw:!1}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function ha(e){return!Q(e,"__v_skip")&&Object.isExtensible(e)&&vr(e,"__v_skip",!0),e}const Ve=e=>ee(e)?$i(e):e,kt=e=>ee(e)?Ai(e):e;function ye(e){return e?e.__v_isRef===!0:!1}function ne(e){return Br(e,!1)}function ma(e){return Br(e,!0)}function Br(e,t){return ye(e)?e:new ga(e,t)}class ga{constructor(t,n){this.dep=new In,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=n?t:J(t),this._value=n?t:Ve(t),this.__v_isShallow=n}get value(){return this.dep.track(),this._value}set value(t){const n=this._rawValue,r=this.__v_isShallow||Pe(t)||it(t);t=r?t:J(t),Ie(t,n)&&(this._rawValue=t,this._value=r?t:Ve(t),this.dep.trigger())}}function V(e){return ye(e)?e.value:e}function yt(e){return H(e)?e():V(e)}const ya={get:(e,t,n)=>t==="__v_raw"?e:V(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const i=e[t];return ye(i)&&!ye(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Hr(e){return gt(e)?e:new Proxy(e,ya)}class va{constructor(t){this.__v_isRef=!0,this._value=void 0;const n=this.dep=new In,{get:r,set:i}=t(n.track.bind(n),n.trigger.bind(n));this._get=r,this._set=i}get value(){return this._value=this._get()}set value(t){this._set(t)}}function ba(e){return new va(e)}class _a{constructor(t,n,r){this.fn=t,this.setter=n,this._value=void 0,this.dep=new In(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Jt-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!n,this.isSSR=r}notify(){if(this.flags|=16,!(this.flags&8)&&te!==this)return Ir(this,!0),!0}get value(){const t=this.dep.track();return kr(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function xa(e,t,n=!1){let r,i;return H(e)?r=e:(r=e.get,i=e.set),new _a(r,i,n)}const Pn={},jn=new WeakMap;let vt;function wa(e,t=!1,n=vt){if(n){let r=jn.get(n);r||jn.set(n,r=[]),r.push(e)}}function $a(e,t,n=Y){const{immediate:r,deep:i,once:s,scheduler:o,augmentJob:l,call:a}=n,u=j=>i?j:Pe(j)||i===!1||i===0?rt(j,1):rt(j);let f,p,g,m,k=!1,I=!1;if(ye(e)?(p=()=>e.value,k=Pe(e)):gt(e)?(p=()=>u(e),k=!0):U(e)?(I=!0,k=e.some(j=>gt(j)||Pe(j)),p=()=>e.map(j=>{if(ye(j))return j.value;if(gt(j))return u(j);if(H(j))return a?a(j,2):j()})):H(e)?t?p=a?()=>a(e,2):e:p=()=>{if(g){Ue();try{g()}finally{Be()}}const j=vt;vt=f;try{return a?a(e,3,[m]):e(m)}finally{vt=j}}:p=De,t&&i){const j=p,X=i===!0?1/0:i;p=()=>rt(j(),X)}const w=Jl(),O=()=>{f.stop(),w&&w.active&&ai(w.effects,f)};if(s&&t){const j=t;t=(...X)=>{j(...X),O()}}let L=I?new Array(e.length).fill(Pn):Pn;const M=j=>{if(!(!(f.flags&1)||!f.dirty&&!j))if(t){const X=f.run();if(i||k||(I?X.some((ce,le)=>Ie(ce,L[le])):Ie(X,L))){g&&g();const ce=vt;vt=f;try{const le=[X,L===Pn?void 0:I&&L[0]===Pn?[]:L,m];L=X,a?a(t,3,le):t(...le)}finally{vt=ce}}}else f.run()};return l&&l(M),f=new $r(p),f.scheduler=o?()=>o(M,!1):M,m=j=>wa(j,!1,f),g=f.onStop=()=>{const j=jn.get(f);if(j){if(a)a(j,4);else for(const X of j)X();jn.delete(f)}},t?r?M(!0):L=f.run():o?o(M.bind(null,!0),!0):f.run(),O.pause=f.pause.bind(f),O.resume=f.resume.bind(f),O.stop=O,O}function rt(e,t=1/0,n){if(t<=0||!ee(e)||e.__v_skip||(n=n||new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,ye(e))rt(e.value,t,n);else if(U(e))for(let r=0;r<e.length;r++)rt(e[r],t,n);else if(bn(e)||Ot(e))e.forEach(r=>{rt(r,t,n)});else if(gr(e)){for(const r in e)rt(e[r],t,n);for(const r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&rt(e[r],t,n)}return e}const Qt=[];let Oi=!1;function Kc(e,...t){if(Oi)return;Oi=!0,Ue();const n=Qt.length?Qt[Qt.length-1].component:null,r=n&&n.appContext.config.warnHandler,i=Aa();if(r)Et(r,n,11,[e+t.map(s=>{var o,l;return(l=(o=s.toString)==null?void 0:o.call(s))!=null?l:JSON.stringify(s)}).join(""),n&&n.proxy,i.map(({vnode:s})=>`at <${Ws(n,s.type)}>`).join(`
+`),i]);else{const s=[`[Vue warn]: ${e}`,...t];i.length&&s.push(`
+`,...Ia(i)),console.warn(...s)}Be(),Oi=!1}function Aa(){let e=Qt[Qt.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const r=e.component&&e.component.parent;e=r&&r.vnode}return t}function Ia(e){const t=[];return e.forEach((n,r)=>{t.push(...r===0?[]:[`
+`],...Oa(n))}),t}function Oa({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",r=e.component?e.component.parent==null:!1,i=` at <${Ws(e.component,e.type,r)}`,s=">"+n;return e.props?[i,...Ta(e.props),s]:[i+s]}function Ta(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(r=>{t.push(...qr(r,e[r]))}),n.length>3&&t.push(" ..."),t}function qr(e,t,n){return ae(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:ye(t)?(t=qr(e,J(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):H(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=J(t),n?t:[`${e}=`,t])}function Et(e,t,n,r){try{return r?e(...r):e()}catch(i){Ln(i,t,n)}}function He(e,t,n,r){if(H(e)){const i=Et(e,t,n,r);return i&&hr(i)&&i.catch(s=>{Ln(s,t,n)}),i}if(U(e)){const i=[];for(let s=0;s<e.length;s++)i.push(He(e[s],t,n,r));return i}}function Ln(e,t,n,r=!0){const i=t?t.vnode:null,{errorHandler:s,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||Y;if(t){let l=t.parent;const a=t.proxy,u=`https://vuejs.org/error-reference/#runtime-${n}`;for(;l;){const f=l.ec;if(f){for(let p=0;p<f.length;p++)if(f[p](e,a,u)===!1)return}l=l.parent}if(s){Ue(),Et(s,null,10,[e,a,u]),Be();return}}ka(e,n,i,r,o)}function ka(e,t,n,r=!0,i=!1){if(i)throw e;console.error(e)}const xe=[];let qe=-1;const Mt=[];let ft=null,Pt=0;const Wr=Promise.resolve();let Nn=null;function jt(e){const t=Nn||Wr;return e?t.then(this?e.bind(this):e):t}function Ea(e){let t=qe+1,n=xe.length;for(;t<n;){const r=t+n>>>1,i=xe[r],s=Kt(i);s<e||s===e&&i.flags&2?t=r+1:n=r}return t}function Ti(e){if(!(e.flags&1)){const t=Kt(e),n=xe[xe.length-1];!n||!(e.flags&2)&&t>=Kt(n)?xe.push(e):xe.splice(Ea(t),0,e),e.flags|=1,Gr()}}function Gr(){Nn||(Nn=Wr.then(Jr))}function Ma(e){U(e)?Mt.push(...e):ft&&e.id===-1?ft.splice(Pt+1,0,e):e.flags&1||(Mt.push(e),e.flags|=1),Gr()}function zr(e,t,n=qe+1){for(;n<xe.length;n++){const r=xe[n];if(r&&r.flags&2){if(e&&r.id!==e.uid)continue;xe.splice(n,1),n--,r.flags&4&&(r.flags&=-2),r(),r.flags&4||(r.flags&=-2)}}}function Xr(e){if(Mt.length){const t=[...new Set(Mt)].sort((n,r)=>Kt(n)-Kt(r));if(Mt.length=0,ft){ft.push(...t);return}for(ft=t,Pt=0;Pt<ft.length;Pt++){const n=ft[Pt];n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2}ft=null,Pt=0}}const Kt=e=>e.id==null?e.flags&2?-1:1/0:e.id;function Jr(e){try{for(qe=0;qe<xe.length;qe++){const t=xe[qe];t&&!(t.flags&8)&&(t.flags&4&&(t.flags&=-2),Et(t,t.i,t.i?15:14),t.flags&4||(t.flags&=-2))}}finally{for(;qe<xe.length;qe++){const t=xe[qe];t&&(t.flags&=-2)}qe=-1,xe.length=0,Xr(),Nn=null,(xe.length||Mt.length)&&Jr()}}let _e=null,Yr=null;function Rn(e){const t=_e;return _e=e,Yr=e&&e.type.__scopeId||null,t}function ct(e,t=_e,n){if(!t||e._n)return e;const r=(...i)=>{r._d&&Fs(-1);const s=Rn(t);let o;try{o=e(...i)}finally{Rn(s),r._d&&Fs(1)}return o};return r._n=!0,r._c=!0,r._d=!0,r}function Zr(e,t){if(_e===null)return e;const n=Yn(_e),r=e.dirs||(e.dirs=[]);for(let i=0;i<t.length;i++){let[s,o,l,a=Y]=t[i];s&&(H(s)&&(s={mounted:s,updated:s}),s.deep&&rt(o),r.push({dir:s,instance:n,value:o,oldValue:void 0,arg:l,modifiers:a}))}return e}function bt(e,t,n,r){const i=e.dirs,s=t&&t.dirs;for(let o=0;o<i.length;o++){const l=i[o];s&&(l.oldValue=s[o].value);let a=l.dir[r];a&&(Ue(),He(a,n,8,[e.el,l,e,t]),Be())}}const Qr=Symbol("_vte"),Pa=e=>e.__isTeleport,Ct=e=>e&&(e.disabled||e.disabled===""),Kr=e=>e&&(e.defer||e.defer===""),Cr=e=>typeof SVGElement<"u"&&e instanceof SVGElement,es=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,ki=(e,t)=>{const n=e&&e.to;return ae(n)?t?t(n):null:n},ts={name:"Teleport",__isTeleport:!0,process(e,t,n,r,i,s,o,l,a,u){const{mc:f,pc:p,pbc:g,o:{insert:m,querySelector:k,createText:I,createComment:w}}=u,O=Ct(t.props);let{shapeFlag:L,children:M,dynamicChildren:j}=t;if(e==null){const X=t.el=I(""),ce=t.anchor=I("");m(X,n,r),m(ce,n,r);const le=(se,pe)=>{L&16&&f(M,se,pe,i,s,o,l,a)},de=()=>{const se=t.target=ki(t.props,k),pe=is(se,t,I,m);se&&(o!=="svg"&&Cr(se)?o="svg":o!=="mathml"&&es(se)&&(o="mathml"),i&&i.isCE&&(i.ce._teleportTargets||(i.ce._teleportTargets=new Set)).add(se),O||(le(se,pe),Vn(t,!1)))};O&&(le(n,ce),Vn(t,!0)),Kr(t.props)?(t.el.__isMounted=!1,$e(()=>{de(),delete t.el.__isMounted},s)):de()}else{if(Kr(t.props)&&e.el.__isMounted===!1){$e(()=>{ts.process(e,t,n,r,i,s,o,l,a,u)},s);return}t.el=e.el,t.targetStart=e.targetStart;const X=t.anchor=e.anchor,ce=t.target=e.target,le=t.targetAnchor=e.targetAnchor,de=Ct(e.props),se=de?n:ce,pe=de?X:le;if(o==="svg"||Cr(ce)?o="svg":(o==="mathml"||es(ce))&&(o="mathml"),j?(g(e.dynamicChildren,j,se,i,s,o,l),Bi(e,t,!0)):a||p(e,t,se,pe,i,s,o,l,!1),O)de?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):Fn(t,n,X,u,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const Ne=t.target=ki(t.props,k);Ne&&Fn(t,Ne,null,u,0)}else de&&Fn(t,ce,le,u,1);Vn(t,O)}},remove(e,t,n,{um:r,o:{remove:i}},s){const{shapeFlag:o,children:l,anchor:a,targetStart:u,targetAnchor:f,target:p,props:g}=e;if(p&&(i(u),i(f)),s&&i(a),o&16){const m=s||!Ct(g);for(let k=0;k<l.length;k++){const I=l[k];r(I,t,n,m,!!I.dynamicChildren)}}},move:Fn,hydrate:ja};function Fn(e,t,n,{o:{insert:r},m:i},s=2){s===0&&r(e.targetAnchor,t,n);const{el:o,anchor:l,shapeFlag:a,children:u,props:f}=e,p=s===2;if(p&&r(o,t,n),(!p||Ct(f))&&a&16)for(let g=0;g<u.length;g++)i(u[g],t,n,2);p&&r(l,t,n)}function ja(e,t,n,r,i,s,{o:{nextSibling:o,parentNode:l,querySelector:a,insert:u,createText:f}},p){function g(I,w,O,L){w.anchor=p(o(I),w,l(I),n,r,i,s),w.targetStart=O,w.targetAnchor=L}const m=t.target=ki(t.props,a),k=Ct(t.props);if(m){const I=m._lpa||m.firstChild;if(t.shapeFlag&16)if(k)g(e,t,I,I&&o(I));else{t.anchor=o(e);let w=I;for(;w;){if(w&&w.nodeType===8){if(w.data==="teleport start anchor")t.targetStart=w;else if(w.data==="teleport anchor"){t.targetAnchor=w,m._lpa=t.targetAnchor&&o(t.targetAnchor);break}}w=o(w)}t.targetAnchor||is(m,t,f,u),p(I&&o(I),t,m,n,r,i,s)}Vn(t,k)}else k&&t.shapeFlag&16&&g(e,t,e,o(e));return t.anchor&&o(t.anchor)}const ns=ts;function Vn(e,t){const n=e.ctx;if(n&&n.ut){let r,i;for(t?(r=e.el,i=e.anchor):(r=e.targetStart,i=e.targetAnchor);r&&r!==i;)r.nodeType===1&&r.setAttribute("data-v-owner",n.uid),r=r.nextSibling;n.ut()}}function is(e,t,n,r){const i=t.targetStart=n(""),s=t.targetAnchor=n("");return i[Qr]=s,e&&(r(i,e),r(s,e)),s}const La=Symbol("_leaveCb");function Ei(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Ei(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function We(e,t){return H(e)?he({name:e.name},t,{setup:e}):e}function rs(){const e=Xn();return e?(e.appContext.config.idPrefix||"v")+"-"+e.ids[0]+e.ids[1]++:""}function ss(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}const Sn=new WeakMap;function en(e,t,n,r,i=!1){if(U(e)){e.forEach((k,I)=>en(k,t&&(U(t)?t[I]:t),n,r,i));return}if(Lt(r)&&!i){r.shapeFlag&512&&r.type.__asyncResolved&&r.component.subTree.component&&en(e,t,n,r.component.subTree);return}const s=r.shapeFlag&4?Yn(r.component):r.el,o=i?null:s,{i:l,r:a}=e,u=t&&t.r,f=l.refs===Y?l.refs={}:l.refs,p=l.setupState,g=J(p),m=p===Y?dr:k=>Q(g,k);if(u!=null&&u!==a){if(os(t),ae(u))f[u]=null,m(u)&&(p[u]=null);else if(ye(u)){u.value=null;const k=t;k.k&&(f[k.k]=null)}}if(H(a))Et(a,l,12,[o,f]);else{const k=ae(a),I=ye(a);if(k||I){const w=()=>{if(e.f){const O=k?m(a)?p[a]:f[a]:a.value;if(i)U(O)&&ai(O,s);else if(U(O))O.includes(s)||O.push(s);else if(k)f[a]=[s],m(a)&&(p[a]=f[a]);else{const L=[s];a.value=L,e.k&&(f[e.k]=L)}}else k?(f[a]=o,m(a)&&(p[a]=o)):I&&(a.value=o,e.k&&(f[e.k]=o))};if(o){const O=()=>{w(),Sn.delete(e)};O.id=-1,Sn.set(e,O),$e(O,n)}else os(e),w()}}}function os(e){const t=Sn.get(e);t&&(t.flags|=8,Sn.delete(e))}$n().requestIdleCallback,$n().cancelIdleCallback;const Lt=e=>!!e.type.__asyncLoader,ls=e=>e.type.__isKeepAlive;function Na(e,t){as(e,"a",t)}function Ra(e,t){as(e,"da",t)}function as(e,t,n=Ae){const r=e.__wdc||(e.__wdc=()=>{let i=n;for(;i;){if(i.isDeactivated)return;i=i.parent}return e()});if(Dn(t,r,n),n){let i=n.parent;for(;i&&i.parent;)ls(i.parent.vnode)&&Fa(r,t,n,i),i=i.parent}}function Fa(e,t,n,r){const i=Dn(t,e,r,!0);fs(()=>{ai(r[t],i)},n)}function Dn(e,t,n=Ae,r=!1){if(n){const i=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{Ue();const l=ln(n),a=He(t,n,e,o);return l(),Be(),a});return r?i.unshift(s):i.push(s),s}}const st=e=>(t,n=Ae)=>{(!an||e==="sp")&&Dn(e,(...r)=>t(...r),n)},Va=st("bm"),us=st("m"),Sa=st("bu"),Da=st("u"),Mi=st("bum"),fs=st("um"),Ua=st("sp"),Ba=st("rtg"),Ha=st("rtc");function qa(e,t=Ae){Dn("ec",e,t)}const Wa=Symbol.for("v-ndc");function Pi(e,t,n,r){let i;const s=n,o=U(e);if(o||ae(e)){const l=o&&gt(e);let a=!1,u=!1;l&&(a=!Pe(e),u=it(e),e=On(e)),i=new Array(e.length);for(let f=0,p=e.length;f<p;f++)i[f]=t(a?u?kt(Ve(e[f])):Ve(e[f]):e[f],f,void 0,s)}else if(typeof e=="number"){i=new Array(e);for(let l=0;l<e;l++)i[l]=t(l+1,l,void 0,s)}else if(ee(e))if(e[Symbol.iterator])i=Array.from(e,(l,a)=>t(l,a,void 0,s));else{const l=Object.keys(e);i=new Array(l.length);for(let a=0,u=l.length;a<u;a++){const f=l[a];i[a]=t(e[f],f,a,s)}}else i=[];return i}function ot(e,t,n={},r,i){if(_e.ce||_e.parent&&Lt(_e.parent)&&_e.parent.ce){const u=Object.keys(n).length>0;return t!=="default"&&(n.name=t),B(),Ge(fe,null,[Z("slot",n,r&&r())],u?-2:64)}let s=e[t];s&&s._c&&(s._d=!1),B();const o=s&&cs(s(n)),l=n.key||o&&o.key,a=Ge(fe,{key:(l&&!Re(l)?l:`_${t}`)+(!o&&r?"_fb":"")},o||(r?r():[]),o&&e._===1?64:-2);return s&&s._c&&(s._d=!0),a}function cs(e){return e.some(t=>qi(t)?!(t.type===lt||t.type===fe&&!cs(t.children)):!0)?e:null}const ji=e=>e?Us(e)?Yn(e):ji(e.parent):null,tn=he(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ji(e.parent),$root:e=>ji(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>hs(e),$forceUpdate:e=>e.f||(e.f=()=>{Ti(e.update)}),$nextTick:e=>e.n||(e.n=jt.bind(e.proxy)),$watch:e=>su.bind(e)}),Li=(e,t)=>e!==Y&&!e.__isScriptSetup&&Q(e,t),Ga={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:r,data:i,props:s,accessCache:o,type:l,appContext:a}=e;if(t[0]!=="$"){const g=o[t];if(g!==void 0)switch(g){case 1:return r[t];case 2:return i[t];case 4:return n[t];case 3:return s[t]}else{if(Li(r,t))return o[t]=1,r[t];if(i!==Y&&Q(i,t))return o[t]=2,i[t];if(Q(s,t))return o[t]=3,s[t];if(n!==Y&&Q(n,t))return o[t]=4,n[t];Ni&&(o[t]=0)}}const u=tn[t];let f,p;if(u)return t==="$attrs"&&be(e.attrs,"get",""),u(e);if((f=l.__cssModules)&&(f=f[t]))return f;if(n!==Y&&Q(n,t))return o[t]=4,n[t];if(p=a.config.globalProperties,Q(p,t))return p[t]},set({_:e},t,n){const{data:r,setupState:i,ctx:s}=e;return Li(i,t)?(i[t]=n,!0):r!==Y&&Q(r,t)?(r[t]=n,!0):Q(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:i,props:s,type:o}},l){let a;return!!(n[l]||e!==Y&&l[0]!=="$"&&Q(e,l)||Li(t,l)||Q(s,l)||Q(r,l)||Q(tn,l)||Q(i.config.globalProperties,l)||(a=o.__cssModules)&&a[l])},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Q(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function za(){return Xa().attrs}function Xa(e){const t=Xn();return t.setupContext||(t.setupContext=qs(t))}function Un(e){return U(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}function Bn(e,t){return!e||!t?e||t:U(e)&&U(t)?e.concat(t):he({},Un(e),Un(t))}let Ni=!0;function Ja(e){const t=hs(e),n=e.proxy,r=e.ctx;Ni=!1,t.beforeCreate&&ds(t.beforeCreate,e,"bc");const{data:i,computed:s,methods:o,watch:l,provide:a,inject:u,created:f,beforeMount:p,mounted:g,beforeUpdate:m,updated:k,activated:I,deactivated:w,beforeDestroy:O,beforeUnmount:L,destroyed:M,unmounted:j,render:X,renderTracked:ce,renderTriggered:le,errorCaptured:de,serverPrefetch:se,expose:pe,inheritAttrs:Ne,components:wt,directives:$t,filters:dn}=t;if(u&&Ya(u,r,null),o)for(const S in o){const R=o[S];H(R)&&(r[S]=R.bind(n))}if(i){const S=i.call(n,n);ee(S)&&(e.data=$i(S))}if(Ni=!0,s)for(const S in s){const R=s[S],Je=H(R)?R.bind(n,n):H(R.get)?R.get.bind(n,n):De,hn=!H(R)&&H(R.set)?R.set.bind(n):De,At=re({get:Je,set:hn});Object.defineProperty(r,S,{enumerable:!0,configurable:!0,get:()=>At.value,set:Ye=>At.value=Ye})}if(l)for(const S in l)ps(l[S],r,n,S);if(a){const S=H(a)?a.call(n):a;Reflect.ownKeys(S).forEach(R=>{tu(R,S[R])})}f&&ds(f,e,"c");function P(S,R){U(R)?R.forEach(Je=>S(Je.bind(n))):R&&S(R.bind(n))}if(P(Va,p),P(us,g),P(Sa,m),P(Da,k),P(Na,I),P(Ra,w),P(qa,de),P(Ha,ce),P(Ba,le),P(Mi,L),P(fs,j),P(Ua,se),U(pe))if(pe.length){const S=e.exposed||(e.exposed={});pe.forEach(R=>{Object.defineProperty(S,R,{get:()=>n[R],set:Je=>n[R]=Je,enumerable:!0})})}else e.exposed||(e.exposed={});X&&e.render===De&&(e.render=X),Ne!=null&&(e.inheritAttrs=Ne),wt&&(e.components=wt),$t&&(e.directives=$t),se&&ss(e)}function Ya(e,t,n=De){U(e)&&(e=Ri(e));for(const r in e){const i=e[r];let s;ee(i)?"default"in i?s=Rt(i.from||r,i.default,!0):s=Rt(i.from||r):s=Rt(i),ye(s)?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:o=>s.value=o}):t[r]=s}}function ds(e,t,n){He(U(e)?e.map(r=>r.bind(t.proxy)):e.bind(t.proxy),t,n)}function ps(e,t,n,r){let i=r.includes(".")?vs(n,r):()=>n[r];if(ae(e)){const s=t[e];H(s)&&je(i,s)}else if(H(e))je(i,e.bind(n));else if(ee(e))if(U(e))e.forEach(s=>ps(s,t,n,r));else{const s=H(e.handler)?e.handler.bind(n):t[e.handler];H(s)&&je(i,s,e)}}function hs(e){const t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:s,config:{optionMergeStrategies:o}}=e.appContext,l=s.get(t);let a;return l?a=l:!i.length&&!n&&!r?a=t:(a={},i.length&&i.forEach(u=>Hn(a,u,o,!0)),Hn(a,t,o)),ee(t)&&s.set(t,a),a}function Hn(e,t,n,r=!1){const{mixins:i,extends:s}=t;s&&Hn(e,s,n,!0),i&&i.forEach(o=>Hn(e,o,n,!0));for(const o in t)if(!(r&&o==="expose")){const l=Za[o]||n&&n[o];e[o]=l?l(e[o],t[o]):t[o]}return e}const Za={data:ms,props:gs,emits:gs,methods:nn,computed:nn,beforeCreate:we,created:we,beforeMount:we,mounted:we,beforeUpdate:we,updated:we,beforeDestroy:we,beforeUnmount:we,destroyed:we,unmounted:we,activated:we,deactivated:we,errorCaptured:we,serverPrefetch:we,components:nn,directives:nn,watch:Ka,provide:ms,inject:Qa};function ms(e,t){return t?e?function(){return he(H(e)?e.call(this,this):e,H(t)?t.call(this,this):t)}:t:e}function Qa(e,t){return nn(Ri(e),Ri(t))}function Ri(e){if(U(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function we(e,t){return e?[...new Set([].concat(e,t))]:t}function nn(e,t){return e?he(Object.create(null),e,t):t}function gs(e,t){return e?U(e)&&U(t)?[...new Set([...e,...t])]:he(Object.create(null),Un(e),Un(t??{})):t}function Ka(e,t){if(!e)return t;if(!t)return e;const n=he(Object.create(null),e);for(const r in t)n[r]=we(e[r],t[r]);return n}function ys(){return{app:null,config:{isNativeTag:dr,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let Ca=0;function eu(e,t){return function(r,i=null){H(r)||(r=he({},r)),i!=null&&!ee(i)&&(i=null);const s=ys(),o=new WeakSet,l=[];let a=!1;const u=s.app={_uid:Ca++,_component:r,_props:i,_container:null,_context:s,_instance:null,version:Fu,get config(){return s.config},set config(f){},use(f,...p){return o.has(f)||(f&&H(f.install)?(o.add(f),f.install(u,...p)):H(f)&&(o.add(f),f(u,...p))),u},mixin(f){return s.mixins.includes(f)||s.mixins.push(f),u},component(f,p){return p?(s.components[f]=p,u):s.components[f]},directive(f,p){return p?(s.directives[f]=p,u):s.directives[f]},mount(f,p,g){if(!a){const m=u._ceVNode||Z(r,i);return m.appContext=s,g===!0?g="svg":g===!1&&(g=void 0),e(m,f,g),a=!0,u._container=f,f.__vue_app__=u,Yn(m.component)}},onUnmount(f){l.push(f)},unmount(){a&&(He(l,u._instance,16),e(null,u._container),delete u._container.__vue_app__)},provide(f,p){return s.provides[f]=p,u},runWithContext(f){const p=Nt;Nt=u;try{return f()}finally{Nt=p}}};return u}}let Nt=null;function tu(e,t){if(Ae){let n=Ae.provides;const r=Ae.parent&&Ae.parent.provides;r===n&&(n=Ae.provides=Object.create(r)),n[e]=t}}function Rt(e,t,n=!1){const r=Xn();if(r||Nt){let i=Nt?Nt._context.provides:r?r.parent==null||r.ce?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides:void 0;if(i&&e in i)return i[e];if(arguments.length>1)return n&&H(t)?t.call(r&&r.proxy):t}}const nu=Symbol.for("v-scx"),iu=()=>Rt(nu);function ru(e,t){return Fi(e,null,{flush:"sync"})}function je(e,t,n){return Fi(e,t,n)}function Fi(e,t,n=Y){const{immediate:r,deep:i,flush:s,once:o}=n,l=he({},n),a=t&&r||!t&&s!=="post";let u;if(an){if(s==="sync"){const m=iu();u=m.__watcherHandles||(m.__watcherHandles=[])}else if(!a){const m=()=>{};return m.stop=De,m.resume=De,m.pause=De,m}}const f=Ae;l.call=(m,k,I)=>He(m,f,k,I);let p=!1;s==="post"?l.scheduler=m=>{$e(m,f&&f.suspense)}:s!=="sync"&&(p=!0,l.scheduler=(m,k)=>{k?m():Ti(m)}),l.augmentJob=m=>{t&&(m.flags|=4),p&&(m.flags|=2,f&&(m.id=f.uid,m.i=f))};const g=$a(e,t,l);return an&&(u?u.push(g):a&&g()),g}function su(e,t,n){const r=this.proxy,i=ae(e)?e.includes(".")?vs(r,e):()=>r[e]:e.bind(r,r);let s;H(t)?s=t:(s=t.handler,n=t);const o=ln(this),l=Fi(i,s.bind(r),n);return o(),l}function vs(e,t){const n=t.split(".");return()=>{let r=e;for(let i=0;i<n.length&&r;i++)r=r[n[i]];return r}}function bs(e,t,n=Y){const r=Xn(),i=Ce(t),s=et(t),o=_s(e,i),l=ba((a,u)=>{let f,p=Y,g;return ru(()=>{const m=e[i];Ie(f,m)&&(f=m,u())}),{get(){return a(),n.get?n.get(f):f},set(m){const k=n.set?n.set(m):m;if(!Ie(k,f)&&!(p!==Y&&Ie(m,p)))return;const I=r.vnode.props;I&&(t in I||i in I||s in I)&&(`onUpdate:${t}`in I||`onUpdate:${i}`in I||`onUpdate:${s}`in I)||(f=m,u()),r.emit(`update:${t}`,k),Ie(m,k)&&Ie(m,p)&&!Ie(k,g)&&u(),p=m,g=k}}});return l[Symbol.iterator]=()=>{let a=0;return{next(){return a<2?{value:a++?o||Y:l,done:!1}:{done:!0}}}},l}const _s=(e,t)=>t==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${Ce(t)}Modifiers`]||e[`${et(t)}Modifiers`];function ou(e,t,...n){if(e.isUnmounted)return;const r=e.vnode.props||Y;let i=n;const s=t.startsWith("update:"),o=s&&_s(r,t.slice(7));o&&(o.trim&&(i=n.map(f=>ae(f)?f.trim():f)),o.number&&(i=n.map(wn)));let l,a=r[l=fi(t)]||r[l=fi(Ce(t))];!a&&s&&(a=r[l=fi(et(t))]),a&&He(a,e,6,i);const u=r[l+"Once"];if(u){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,He(u,e,6,i)}}const lu=new WeakMap;function xs(e,t,n=!1){const r=n?lu:t.emitsCache,i=r.get(e);if(i!==void 0)return i;const s=e.emits;let o={},l=!1;if(!H(e)){const a=u=>{const f=xs(u,t,!0);f&&(l=!0,he(o,f))};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}return!s&&!l?(ee(e)&&r.set(e,null),null):(U(s)?s.forEach(a=>o[a]=null):he(o,s),ee(e)&&r.set(e,o),o)}function qn(e,t){return!e||!vn(t)?!1:(t=t.slice(2).replace(/Once$/,""),Q(e,t[0].toLowerCase()+t.slice(1))||Q(e,et(t))||Q(e,t))}function Cc(){}function ws(e){const{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[s],slots:o,attrs:l,emit:a,render:u,renderCache:f,props:p,data:g,setupState:m,ctx:k,inheritAttrs:I}=e,w=Rn(e);let O,L;try{if(n.shapeFlag&4){const j=i||r,X=j;O=ze(u.call(X,j,f,p,m,g,k)),L=l}else{const j=t;O=ze(j.length>1?j(p,{attrs:l,slots:o,emit:a}):j(p,null)),L=t.props?l:au(l)}}catch(j){rn.length=0,Ln(j,e,1),O=Z(lt)}let M=O;if(L&&I!==!1){const j=Object.keys(L),{shapeFlag:X}=M;j.length&&X&7&&(s&&j.some(li)&&(L=uu(L,s)),M=Ft(M,L,!1,!0))}return n.dirs&&(M=Ft(M,null,!1,!0),M.dirs=M.dirs?M.dirs.concat(n.dirs):n.dirs),n.transition&&Ei(M,n.transition),O=M,Rn(w),O}const au=e=>{let t;for(const n in e)(n==="class"||n==="style"||vn(n))&&((t||(t={}))[n]=e[n]);return t},uu=(e,t)=>{const n={};for(const r in e)(!li(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function fu(e,t,n){const{props:r,children:i,component:s}=e,{props:o,children:l,patchFlag:a}=t,u=s.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&a>=0){if(a&1024)return!0;if(a&16)return r?$s(r,o,u):!!o;if(a&8){const f=t.dynamicProps;for(let p=0;p<f.length;p++){const g=f[p];if(o[g]!==r[g]&&!qn(u,g))return!0}}}else return(i||l)&&(!l||!l.$stable)?!0:r===o?!1:r?o?$s(r,o,u):!0:!!o;return!1}function $s(e,t,n){const r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let i=0;i<r.length;i++){const s=r[i];if(t[s]!==e[s]&&!qn(n,s))return!0}return!1}function cu({vnode:e,parent:t},n){for(;t;){const r=t.subTree;if(r.suspense&&r.suspense.activeBranch===e&&(r.el=e.el),r===e)(e=t.vnode).el=n,t=t.parent;else break}}const As={},Is=()=>Object.create(As),Os=e=>Object.getPrototypeOf(e)===As;function du(e,t,n,r=!1){const i={},s=Is();e.propsDefaults=Object.create(null),Ts(e,t,i,s);for(const o in e.propsOptions[0])o in i||(i[o]=void 0);n?e.props=r?i:pa(i):e.type.props?e.props=i:e.props=s,e.attrs=s}function pu(e,t,n,r){const{props:i,attrs:s,vnode:{patchFlag:o}}=e,l=J(i),[a]=e.propsOptions;let u=!1;if((r||o>0)&&!(o&16)){if(o&8){const f=e.vnode.dynamicProps;for(let p=0;p<f.length;p++){let g=f[p];if(qn(e.emitsOptions,g))continue;const m=t[g];if(a)if(Q(s,g))m!==s[g]&&(s[g]=m,u=!0);else{const k=Ce(g);i[k]=Vi(a,l,k,m,e,!1)}else m!==s[g]&&(s[g]=m,u=!0)}}}else{Ts(e,t,i,s)&&(u=!0);let f;for(const p in l)(!t||!Q(t,p)&&((f=et(p))===p||!Q(t,f)))&&(a?n&&(n[p]!==void 0||n[f]!==void 0)&&(i[p]=Vi(a,l,p,void 0,e,!0)):delete i[p]);if(s!==l)for(const p in s)(!t||!Q(t,p))&&(delete s[p],u=!0)}u&&tt(e.attrs,"set","")}function Ts(e,t,n,r){const[i,s]=e.propsOptions;let o=!1,l;if(t)for(let a in t){if(Gt(a))continue;const u=t[a];let f;i&&Q(i,f=Ce(a))?!s||!s.includes(f)?n[f]=u:(l||(l={}))[f]=u:qn(e.emitsOptions,a)||(!(a in r)||u!==r[a])&&(r[a]=u,o=!0)}if(s){const a=J(n),u=l||Y;for(let f=0;f<s.length;f++){const p=s[f];n[p]=Vi(i,a,p,u[p],e,!Q(u,p))}}return o}function Vi(e,t,n,r,i,s){const o=e[n];if(o!=null){const l=Q(o,"default");if(l&&r===void 0){const a=o.default;if(o.type!==Function&&!o.skipFactory&&H(a)){const{propsDefaults:u}=i;if(n in u)r=u[n];else{const f=ln(i);r=u[n]=a.call(null,t),f()}}else r=a;i.ce&&i.ce._setProp(n,r)}o[0]&&(s&&!l?r=!1:o[1]&&(r===""||r===et(n))&&(r=!0))}return r}const hu=new WeakMap;function ks(e,t,n=!1){const r=n?hu:t.propsCache,i=r.get(e);if(i)return i;const s=e.props,o={},l=[];let a=!1;if(!H(e)){const f=p=>{a=!0;const[g,m]=ks(p,t,!0);he(o,g),m&&l.push(...m)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!s&&!a)return ee(e)&&r.set(e,It),It;if(U(s))for(let f=0;f<s.length;f++){const p=Ce(s[f]);Es(p)&&(o[p]=Y)}else if(s)for(const f in s){const p=Ce(f);if(Es(p)){const g=s[f],m=o[p]=U(g)||H(g)?{type:g}:he({},g),k=m.type;let I=!1,w=!0;if(U(k))for(let O=0;O<k.length;++O){const L=k[O],M=H(L)&&L.name;if(M==="Boolean"){I=!0;break}else M==="String"&&(w=!1)}else I=H(k)&&k.name==="Boolean";m[0]=I,m[1]=w,(I||Q(m,"default"))&&l.push(p)}}const u=[o,l];return ee(e)&&r.set(e,u),u}function Es(e){return e[0]!=="$"&&!Gt(e)}const Si=e=>e==="_"||e==="_ctx"||e==="$stable",Di=e=>U(e)?e.map(ze):[ze(e)],mu=(e,t,n)=>{if(t._n)return t;const r=ct((...i)=>Di(t(...i)),n);return r._c=!1,r},Ms=(e,t,n)=>{const r=e._ctx;for(const i in e){if(Si(i))continue;const s=e[i];if(H(s))t[i]=mu(i,s,r);else if(s!=null){const o=Di(s);t[i]=()=>o}}},Ps=(e,t)=>{const n=Di(t);e.slots.default=()=>n},js=(e,t,n)=>{for(const r in t)(n||!Si(r))&&(e[r]=t[r])},gu=(e,t,n)=>{const r=e.slots=Is();if(e.vnode.shapeFlag&32){const i=t._;i?(js(r,t,n),n&&vr(r,"_",i,!0)):Ms(t,r)}else t&&Ps(e,t)},yu=(e,t,n)=>{const{vnode:r,slots:i}=e;let s=!0,o=Y;if(r.shapeFlag&32){const l=t._;l?n&&l===1?s=!1:js(i,t,n):(s=!t.$stable,Ms(t,i)),o=t}else t&&(Ps(e,t),o={default:1});if(s)for(const l in i)!Si(l)&&o[l]==null&&delete i[l]},$e=wu;function vu(e){return bu(e)}function bu(e,t){const n=$n();n.__VUE__=!0;const{insert:r,remove:i,patchProp:s,createElement:o,createText:l,createComment:a,setText:u,setElementText:f,parentNode:p,nextSibling:g,setScopeId:m=De,insertStaticContent:k}=e,I=(c,d,y,x=null,v=null,b=null,T=void 0,A=null,$=!!d.dynamicChildren)=>{if(c===d)return;c&&!on(c,d)&&(x=si(c),Ye(c,v,b,!0),c=null),d.patchFlag===-2&&($=!1,d.dynamicChildren=null);const{type:_,ref:D,shapeFlag:E}=d;switch(_){case Wn:w(c,d,y,x);break;case lt:O(c,d,y,x);break;case Hi:c==null&&L(d,y,x,T);break;case fe:wt(c,d,y,x,v,b,T,A,$);break;default:E&1?X(c,d,y,x,v,b,T,A,$):E&6?$t(c,d,y,x,v,b,T,A,$):(E&64||E&128)&&_.process(c,d,y,x,v,b,T,A,$,gn)}D!=null&&v?en(D,c&&c.ref,b,d||c,!d):D==null&&c&&c.ref!=null&&en(c.ref,null,b,c,!0)},w=(c,d,y,x)=>{if(c==null)r(d.el=l(d.children),y,x);else{const v=d.el=c.el;d.children!==c.children&&u(v,d.children)}},O=(c,d,y,x)=>{c==null?r(d.el=a(d.children||""),y,x):d.el=c.el},L=(c,d,y,x)=>{[c.el,c.anchor]=k(c.children,d,y,x,c.el,c.anchor)},M=({el:c,anchor:d},y,x)=>{let v;for(;c&&c!==d;)v=g(c),r(c,y,x),c=v;r(d,y,x)},j=({el:c,anchor:d})=>{let y;for(;c&&c!==d;)y=g(c),i(c),c=y;i(d)},X=(c,d,y,x,v,b,T,A,$)=>{if(d.type==="svg"?T="svg":d.type==="math"&&(T="mathml"),c==null)ce(d,y,x,v,b,T,A,$);else{const _=c.el&&c.el._isVueCE?c.el:null;try{_&&_._beginPatch(),se(c,d,v,b,T,A,$)}finally{_&&_._endPatch()}}},ce=(c,d,y,x,v,b,T,A)=>{let $,_;const{props:D,shapeFlag:E,transition:F,dirs:q}=c;if($=c.el=o(c.type,b,D&&D.is,D),E&8?f($,c.children):E&16&&de(c.children,$,null,x,v,Ui(c,b),T,A),q&&bt(c,null,x,"created"),le($,c,c.scopeId,T,x),D){for(const ie in D)ie!=="value"&&!Gt(ie)&&s($,ie,null,D[ie],b,x);"value"in D&&s($,"value",null,D.value,b),(_=D.onVnodeBeforeMount)&&Xe(_,x,c)}q&&bt(c,null,x,"beforeMount");const z=_u(v,F);z&&F.beforeEnter($),r($,d,y),((_=D&&D.onVnodeMounted)||z||q)&&$e(()=>{_&&Xe(_,x,c),z&&F.enter($),q&&bt(c,null,x,"mounted")},v)},le=(c,d,y,x,v)=>{if(y&&m(c,y),x)for(let b=0;b<x.length;b++)m(c,x[b]);if(v){let b=v.subTree;if(d===b||Rs(b.type)&&(b.ssContent===d||b.ssFallback===d)){const T=v.vnode;le(c,T,T.scopeId,T.slotScopeIds,v.parent)}}},de=(c,d,y,x,v,b,T,A,$=0)=>{for(let _=$;_<c.length;_++){const D=c[_]=A?dt(c[_]):ze(c[_]);I(null,D,d,y,x,v,b,T,A)}},se=(c,d,y,x,v,b,T)=>{const A=d.el=c.el;let{patchFlag:$,dynamicChildren:_,dirs:D}=d;$|=c.patchFlag&16;const E=c.props||Y,F=d.props||Y;let q;if(y&&_t(y,!1),(q=F.onVnodeBeforeUpdate)&&Xe(q,y,d,c),D&&bt(d,c,y,"beforeUpdate"),y&&_t(y,!0),(E.innerHTML&&F.innerHTML==null||E.textContent&&F.textContent==null)&&f(A,""),_?pe(c.dynamicChildren,_,A,y,x,Ui(d,v),b):T||R(c,d,A,null,y,x,Ui(d,v),b,!1),$>0){if($&16)Ne(A,E,F,y,v);else if($&2&&E.class!==F.class&&s(A,"class",null,F.class,v),$&4&&s(A,"style",E.style,F.style,v),$&8){const z=d.dynamicProps;for(let ie=0;ie<z.length;ie++){const C=z[ie],Te=E[C],ke=F[C];(ke!==Te||C==="value")&&s(A,C,Te,ke,v,y)}}$&1&&c.children!==d.children&&f(A,d.children)}else!T&&_==null&&Ne(A,E,F,y,v);((q=F.onVnodeUpdated)||D)&&$e(()=>{q&&Xe(q,y,d,c),D&&bt(d,c,y,"updated")},x)},pe=(c,d,y,x,v,b,T)=>{for(let A=0;A<d.length;A++){const $=c[A],_=d[A],D=$.el&&($.type===fe||!on($,_)||$.shapeFlag&198)?p($.el):y;I($,_,D,null,x,v,b,T,!0)}},Ne=(c,d,y,x,v)=>{if(d!==y){if(d!==Y)for(const b in d)!Gt(b)&&!(b in y)&&s(c,b,d[b],null,v,x);for(const b in y){if(Gt(b))continue;const T=y[b],A=d[b];T!==A&&b!=="value"&&s(c,b,A,T,v,x)}"value"in y&&s(c,"value",d.value,y.value,v)}},wt=(c,d,y,x,v,b,T,A,$)=>{const _=d.el=c?c.el:l(""),D=d.anchor=c?c.anchor:l("");let{patchFlag:E,dynamicChildren:F,slotScopeIds:q}=d;q&&(A=A?A.concat(q):q),c==null?(r(_,y,x),r(D,y,x),de(d.children||[],y,D,v,b,T,A,$)):E>0&&E&64&&F&&c.dynamicChildren?(pe(c.dynamicChildren,F,y,v,b,T,A),(d.key!=null||v&&d===v.subTree)&&Bi(c,d,!0)):R(c,d,y,D,v,b,T,A,$)},$t=(c,d,y,x,v,b,T,A,$)=>{d.slotScopeIds=A,c==null?d.shapeFlag&512?v.ctx.activate(d,y,x,T,$):dn(d,y,x,v,b,T,$):pn(c,d,$)},dn=(c,d,y,x,v,b,T)=>{const A=c.component=ku(c,x,v);if(ls(c)&&(A.ctx.renderer=gn),Eu(A,!1,T),A.asyncDep){if(v&&v.registerDep(A,P,T),!c.el){const $=A.subTree=Z(lt);O(null,$,d,y),c.placeholder=$.el}}else P(A,c,d,y,v,b,T)},pn=(c,d,y)=>{const x=d.component=c.component;if(fu(c,d,y))if(x.asyncDep&&!x.asyncResolved){S(x,d,y);return}else x.next=d,x.update();else d.el=c.el,x.vnode=d},P=(c,d,y,x,v,b,T)=>{const A=()=>{if(c.isMounted){let{next:E,bu:F,u:q,parent:z,vnode:ie}=c;{const Qe=Ls(c);if(Qe){E&&(E.el=ie.el,S(c,E,T)),Qe.asyncDep.then(()=>{c.isUnmounted||A()});return}}let C=E,Te;_t(c,!1),E?(E.el=ie.el,S(c,E,T)):E=ie,F&&xn(F),(Te=E.props&&E.props.onVnodeBeforeUpdate)&&Xe(Te,z,E,ie),_t(c,!0);const ke=ws(c),Ze=c.subTree;c.subTree=ke,I(Ze,ke,p(Ze.el),si(Ze),c,v,b),E.el=ke.el,C===null&&cu(c,ke.el),q&&$e(q,v),(Te=E.props&&E.props.onVnodeUpdated)&&$e(()=>Xe(Te,z,E,ie),v)}else{let E;const{el:F,props:q}=d,{bm:z,m:ie,parent:C,root:Te,type:ke}=c,Ze=Lt(d);_t(c,!1),z&&xn(z),!Ze&&(E=q&&q.onVnodeBeforeMount)&&Xe(E,C,d),_t(c,!0);{Te.ce&&Te.ce._def.shadowRoot!==!1&&Te.ce._injectChildStyle(ke);const Qe=c.subTree=ws(c);I(null,Qe,y,x,c,v,b),d.el=Qe.el}if(ie&&$e(ie,v),!Ze&&(E=q&&q.onVnodeMounted)){const Qe=d;$e(()=>Xe(E,C,Qe),v)}(d.shapeFlag&256||C&&Lt(C.vnode)&&C.vnode.shapeFlag&256)&&c.a&&$e(c.a,v),c.isMounted=!0,d=y=x=null}};c.scope.on();const $=c.effect=new $r(A);c.scope.off();const _=c.update=$.run.bind($),D=c.job=$.runIfDirty.bind($);D.i=c,D.id=c.uid,$.scheduler=()=>Ti(D),_t(c,!0),_()},S=(c,d,y)=>{d.component=c;const x=c.vnode.props;c.vnode=d,c.next=null,pu(c,d.props,x,y),yu(c,d.children,y),Ue(),zr(c),Be()},R=(c,d,y,x,v,b,T,A,$=!1)=>{const _=c&&c.children,D=c?c.shapeFlag:0,E=d.children,{patchFlag:F,shapeFlag:q}=d;if(F>0){if(F&128){hn(_,E,y,x,v,b,T,A,$);return}else if(F&256){Je(_,E,y,x,v,b,T,A,$);return}}q&8?(D&16&&mn(_,v,b),E!==_&&f(y,E)):D&16?q&16?hn(_,E,y,x,v,b,T,A,$):mn(_,v,b,!0):(D&8&&f(y,""),q&16&&de(E,y,x,v,b,T,A,$))},Je=(c,d,y,x,v,b,T,A,$)=>{c=c||It,d=d||It;const _=c.length,D=d.length,E=Math.min(_,D);let F;for(F=0;F<E;F++){const q=d[F]=$?dt(d[F]):ze(d[F]);I(c[F],q,y,null,v,b,T,A,$)}_>D?mn(c,v,b,!0,!1,E):de(d,y,x,v,b,T,A,$,E)},hn=(c,d,y,x,v,b,T,A,$)=>{let _=0;const D=d.length;let E=c.length-1,F=D-1;for(;_<=E&&_<=F;){const q=c[_],z=d[_]=$?dt(d[_]):ze(d[_]);if(on(q,z))I(q,z,y,null,v,b,T,A,$);else break;_++}for(;_<=E&&_<=F;){const q=c[E],z=d[F]=$?dt(d[F]):ze(d[F]);if(on(q,z))I(q,z,y,null,v,b,T,A,$);else break;E--,F--}if(_>E){if(_<=F){const q=F+1,z=q<D?d[q].el:x;for(;_<=F;)I(null,d[_]=$?dt(d[_]):ze(d[_]),y,z,v,b,T,A,$),_++}}else if(_>F)for(;_<=E;)Ye(c[_],v,b,!0),_++;else{const q=_,z=_,ie=new Map;for(_=z;_<=F;_++){const Me=d[_]=$?dt(d[_]):ze(d[_]);Me.key!=null&&ie.set(Me.key,_)}let C,Te=0;const ke=F-z+1;let Ze=!1,Qe=0;const yn=new Array(ke);for(_=0;_<ke;_++)yn[_]=0;for(_=q;_<=E;_++){const Me=c[_];if(Te>=ke){Ye(Me,v,b,!0);continue}let Ke;if(Me.key!=null)Ke=ie.get(Me.key);else for(C=z;C<=F;C++)if(yn[C-z]===0&&on(Me,d[C])){Ke=C;break}Ke===void 0?Ye(Me,v,b,!0):(yn[Ke-z]=_+1,Ke>=Qe?Qe=Ke:Ze=!0,I(Me,d[Ke],y,null,v,b,T,A,$),Te++)}const Ll=Ze?xu(yn):It;for(C=Ll.length-1,_=ke-1;_>=0;_--){const Me=z+_,Ke=d[Me],Nl=d[Me+1],Rl=Me+1<D?Nl.el||Nl.placeholder:x;yn[_]===0?I(null,Ke,y,Rl,v,b,T,A,$):Ze&&(C<0||_!==Ll[C]?At(Ke,y,Rl,2):C--)}}},At=(c,d,y,x,v=null)=>{const{el:b,type:T,transition:A,children:$,shapeFlag:_}=c;if(_&6){At(c.component.subTree,d,y,x);return}if(_&128){c.suspense.move(d,y,x);return}if(_&64){T.move(c,d,y,gn);return}if(T===fe){r(b,d,y);for(let E=0;E<$.length;E++)At($[E],d,y,x);r(c.anchor,d,y);return}if(T===Hi){M(c,d,y);return}if(x!==2&&_&1&&A)if(x===0)A.beforeEnter(b),r(b,d,y),$e(()=>A.enter(b),v);else{const{leave:E,delayLeave:F,afterLeave:q}=A,z=()=>{c.ctx.isUnmounted?i(b):r(b,d,y)},ie=()=>{b._isLeaving&&b[La](!0),E(b,()=>{z(),q&&q()})};F?F(b,z,ie):ie()}else r(b,d,y)},Ye=(c,d,y,x=!1,v=!1)=>{const{type:b,props:T,ref:A,children:$,dynamicChildren:_,shapeFlag:D,patchFlag:E,dirs:F,cacheIndex:q}=c;if(E===-2&&(v=!1),A!=null&&(Ue(),en(A,null,y,c,!0),Be()),q!=null&&(d.renderCache[q]=void 0),D&256){d.ctx.deactivate(c);return}const z=D&1&&F,ie=!Lt(c);let C;if(ie&&(C=T&&T.onVnodeBeforeUnmount)&&Xe(C,d,c),D&6)Yc(c.component,y,x);else{if(D&128){c.suspense.unmount(y,x);return}z&&bt(c,null,d,"beforeUnmount"),D&64?c.type.remove(c,d,y,gn,x):_&&!_.hasOnce&&(b!==fe||E>0&&E&64)?mn(_,d,y,!1,!0):(b===fe&&E&384||!v&&D&16)&&mn($,d,y),x&&Pl(c)}(ie&&(C=T&&T.onVnodeUnmounted)||z)&&$e(()=>{C&&Xe(C,d,c),z&&bt(c,null,d,"unmounted")},y)},Pl=c=>{const{type:d,el:y,anchor:x,transition:v}=c;if(d===fe){Jc(y,x);return}if(d===Hi){j(c);return}const b=()=>{i(y),v&&!v.persisted&&v.afterLeave&&v.afterLeave()};if(c.shapeFlag&1&&v&&!v.persisted){const{leave:T,delayLeave:A}=v,$=()=>T(y,b);A?A(c.el,b,$):$()}else b()},Jc=(c,d)=>{let y;for(;c!==d;)y=g(c),i(c),c=y;i(d)},Yc=(c,d,y)=>{const{bum:x,scope:v,job:b,subTree:T,um:A,m:$,a:_}=c;Ns($),Ns(_),x&&xn(x),v.stop(),b&&(b.flags|=8,Ye(T,c,d,y)),A&&$e(A,d),$e(()=>{c.isUnmounted=!0},d)},mn=(c,d,y,x=!1,v=!1,b=0)=>{for(let T=b;T<c.length;T++)Ye(c[T],d,y,x,v)},si=c=>{if(c.shapeFlag&6)return si(c.component.subTree);if(c.shapeFlag&128)return c.suspense.next();const d=g(c.anchor||c.el),y=d&&d[Qr];return y?g(y):d};let fr=!1;const jl=(c,d,y)=>{c==null?d._vnode&&Ye(d._vnode,null,null,!0):I(d._vnode||null,c,d,null,null,null,y),d._vnode=c,fr||(fr=!0,zr(),Xr(),fr=!1)},gn={p:I,um:Ye,m:At,r:Pl,mt:dn,mc:de,pc:R,pbc:pe,n:si,o:e};return{render:jl,hydrate:void 0,createApp:eu(jl)}}function Ui({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function _t({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function _u(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Bi(e,t,n=!1){const r=e.children,i=t.children;if(U(r)&&U(i))for(let s=0;s<r.length;s++){const o=r[s];let l=i[s];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=i[s]=dt(i[s]),l.el=o.el),!n&&l.patchFlag!==-2&&Bi(o,l)),l.type===Wn&&l.patchFlag!==-1&&(l.el=o.el),l.type===lt&&!l.el&&(l.el=o.el)}}function xu(e){const t=e.slice(),n=[0];let r,i,s,o,l;const a=e.length;for(r=0;r<a;r++){const u=e[r];if(u!==0){if(i=n[n.length-1],e[i]<u){t[r]=i,n.push(r);continue}for(s=0,o=n.length-1;s<o;)l=s+o>>1,e[n[l]]<u?s=l+1:o=l;u<e[n[s]]&&(s>0&&(t[r]=n[s-1]),n[s]=r)}}for(s=n.length,o=n[s-1];s-- >0;)n[s]=o,o=t[o];return n}function Ls(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:Ls(t)}function Ns(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}const Rs=e=>e.__isSuspense;function wu(e,t){t&&t.pendingBranch?U(e)?t.effects.push(...e):t.effects.push(e):Ma(e)}const fe=Symbol.for("v-fgt"),Wn=Symbol.for("v-txt"),lt=Symbol.for("v-cmt"),Hi=Symbol.for("v-stc"),rn=[];let Ee=null;function B(e=!1){rn.push(Ee=e?null:[])}function $u(){rn.pop(),Ee=rn[rn.length-1]||null}let sn=1;function Fs(e,t=!1){sn+=e,e<0&&Ee&&t&&(Ee.hasOnce=!0)}function Vs(e){return e.dynamicChildren=sn>0?Ee||It:null,$u(),sn>0&&Ee&&Ee.push(e),e}function G(e,t,n,r,i,s){return Vs(W(e,t,n,r,i,s,!0))}function Ge(e,t,n,r,i){return Vs(Z(e,t,n,r,i,!0))}function qi(e){return e?e.__v_isVNode===!0:!1}function on(e,t){return e.type===t.type&&e.key===t.key}const Ss=({key:e})=>e??null,Gn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ae(e)||ye(e)||H(e)?{i:_e,r:e,k:t,f:!!n}:e:null);function W(e,t=null,n=null,r=0,i=null,s=e===fe?0:1,o=!1,l=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Ss(t),ref:t&&Gn(t),scopeId:Yr,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:_e};return l?(Wi(a,n),s&128&&e.normalize(a)):n&&(a.shapeFlag|=ae(n)?8:16),sn>0&&!o&&Ee&&(a.patchFlag>0||s&6)&&a.patchFlag!==32&&Ee.push(a),a}const Z=Au;function Au(e,t=null,n=null,r=0,i=null,s=!1){if((!e||e===Wa)&&(e=lt),qi(e)){const l=Ft(e,t,!0);return n&&Wi(l,n),sn>0&&!s&&Ee&&(l.shapeFlag&6?Ee[Ee.indexOf(e)]=l:Ee.push(l)),l.patchFlag=-2,l}if(Ru(e)&&(e=e.__vccOpts),t){t=Iu(t);let{class:l,style:a}=t;l&&!ae(l)&&(t.class=me(l)),ee(a)&&(Ii(a)&&!U(a)&&(a=he({},a)),t.style=ci(a))}const o=ae(e)?1:Rs(e)?128:Pa(e)?64:ee(e)?4:H(e)?2:0;return W(e,t,n,r,i,o,s,!0)}function Iu(e){return e?Ii(e)||Os(e)?he({},e):e:null}function Ft(e,t,n=!1,r=!1){const{props:i,ref:s,patchFlag:o,children:l,transition:a}=e,u=t?Vt(i||{},t):i,f={__v_isVNode:!0,__v_skip:!0,type:e.type,props:u,key:u&&Ss(u),ref:t&&t.ref?n&&s?U(s)?s.concat(Gn(t)):[s,Gn(t)]:Gn(t):s,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==fe?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ft(e.ssContent),ssFallback:e.ssFallback&&Ft(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&r&&Ei(f,a.clone(f)),f}function zn(e=" ",t=0){return Z(Wn,null,e,t)}function oe(e="",t=!1){return t?(B(),Ge(lt,null,e)):Z(lt,null,e)}function ze(e){return e==null||typeof e=="boolean"?Z(lt):U(e)?Z(fe,null,e.slice()):qi(e)?dt(e):Z(Wn,null,String(e))}function dt(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ft(e)}function Wi(e,t){let n=0;const{shapeFlag:r}=e;if(t==null)t=null;else if(U(t))n=16;else if(typeof t=="object")if(r&65){const i=t.default;i&&(i._c&&(i._d=!1),Wi(e,i()),i._c&&(i._d=!0));return}else{n=32;const i=t._;!i&&!Os(t)?t._ctx=_e:i===3&&_e&&(_e.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else H(t)?(t={default:t,_ctx:_e},n=32):(t=String(t),r&64?(n=16,t=[zn(t)]):n=8);e.children=t,e.shapeFlag|=n}function Vt(...e){const t={};for(let n=0;n<e.length;n++){const r=e[n];for(const i in r)if(i==="class")t.class!==r.class&&(t.class=me([t.class,r.class]));else if(i==="style")t.style=ci([t.style,r.style]);else if(vn(i)){const s=t[i],o=r[i];o&&s!==o&&!(U(s)&&s.includes(o))&&(t[i]=s?[].concat(s,o):o)}else i!==""&&(t[i]=r[i])}return t}function Xe(e,t,n,r=null){He(e,t,7,[n,r])}const Ou=ys();let Tu=0;function ku(e,t,n){const r=e.type,i=(t?t.appContext:e.appContext)||Ou,s={uid:Tu++,vnode:e,type:r,parent:t,appContext:i,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new Xl(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(i.provides),ids:t?t.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:ks(r,i),emitsOptions:xs(r,i),emit:null,emitted:null,propsDefaults:Y,inheritAttrs:r.inheritAttrs,ctx:Y,data:Y,props:Y,attrs:Y,slots:Y,refs:Y,setupState:Y,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=ou.bind(null,s),e.ce&&e.ce(s),s}let Ae=null;const Xn=()=>Ae||_e;let Jn,Gi;{const e=$n(),t=(n,r)=>{let i;return(i=e[n])||(i=e[n]=[]),i.push(r),s=>{i.length>1?i.forEach(o=>o(s)):i[0](s)}};Jn=t("__VUE_INSTANCE_SETTERS__",n=>Ae=n),Gi=t("__VUE_SSR_SETTERS__",n=>an=n)}const ln=e=>{const t=Ae;return Jn(e),e.scope.on(),()=>{e.scope.off(),Jn(t)}},Ds=()=>{Ae&&Ae.scope.off(),Jn(null)};function Us(e){return e.vnode.shapeFlag&4}let an=!1;function Eu(e,t=!1,n=!1){t&&Gi(t);const{props:r,children:i}=e.vnode,s=Us(e);du(e,r,s,t),gu(e,i,n||t);const o=s?Mu(e,t):void 0;return t&&Gi(!1),o}function Mu(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,Ga);const{setup:r}=n;if(r){Ue();const i=e.setupContext=r.length>1?qs(e):null,s=ln(e),o=Et(r,e,0,[e.props,i]),l=hr(o);if(Be(),s(),(l||e.sp)&&!Lt(e)&&ss(e),l){if(o.then(Ds,Ds),t)return o.then(a=>{Bs(e,a)}).catch(a=>{Ln(a,e,0)});e.asyncDep=o}else Bs(e,o)}else Hs(e)}function Bs(e,t,n){H(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ee(t)&&(e.setupState=Hr(t)),Hs(e)}function Hs(e,t,n){const r=e.type;e.render||(e.render=r.render||De);{const i=ln(e);Ue();try{Ja(e)}finally{Be(),i()}}}const Pu={get(e,t){return be(e,"get",""),e[t]}};function qs(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,Pu),slots:e.slots,emit:e.emit,expose:t}}function Yn(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(Hr(ha(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in tn)return tn[n](e)},has(t,n){return n in t||n in tn}})):e.proxy}const ju=/(?:^|[-_])\w/g,Lu=e=>e.replace(ju,t=>t.toUpperCase()).replace(/[-_]/g,"");function Nu(e,t=!0){return H(e)?e.displayName||e.name:e.name||t&&e.__name}function Ws(e,t,n=!1){let r=Nu(t);if(!r&&t.__file){const i=t.__file.match(/([^/\\]+)\.\w+$/);i&&(r=i[1])}if(!r&&e){const i=s=>{for(const o in s)if(s[o]===t)return o};r=i(e.components)||e.parent&&i(e.parent.type.components)||i(e.appContext.components)}return r?Lu(r):n?"App":"Anonymous"}function Ru(e){return H(e)&&"__vccOpts"in e}const re=(e,t)=>xa(e,t,an),Fu="3.5.25";let zi;const Gs=typeof window<"u"&&window.trustedTypes;if(Gs)try{zi=Gs.createPolicy("vue",{createHTML:e=>e})}catch{}const zs=zi?e=>zi.createHTML(e):e=>e,Vu="http://www.w3.org/2000/svg",Su="http://www.w3.org/1998/Math/MathML",at=typeof document<"u"?document:null,Xs=at&&at.createElement("template"),Du={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const i=t==="svg"?at.createElementNS(Vu,e):t==="mathml"?at.createElementNS(Su,e):n?at.createElement(e,{is:n}):at.createElement(e);return e==="select"&&r&&r.multiple!=null&&i.setAttribute("multiple",r.multiple),i},createText:e=>at.createTextNode(e),createComment:e=>at.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>at.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,r,i,s){const o=n?n.previousSibling:t.lastChild;if(i&&(i===s||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===s||!(i=i.nextSibling)););else{Xs.innerHTML=zs(r==="svg"?`<svg>${e}</svg>`:r==="mathml"?`<math>${e}</math>`:e);const l=Xs.content;if(r==="svg"||r==="mathml"){const a=l.firstChild;for(;a.firstChild;)l.appendChild(a.firstChild);l.removeChild(a)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Uu=Symbol("_vtc");function Bu(e,t,n){const r=e[Uu];r&&(t=(t?[t,...r]:[...r]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Js=Symbol("_vod"),Hu=Symbol("_vsh"),qu=Symbol(""),Wu=/(?:^|;)\s*display\s*:/;function Gu(e,t,n){const r=e.style,i=ae(n);let s=!1;if(n&&!i){if(t)if(ae(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&Zn(r,l,"")}else for(const o in t)n[o]==null&&Zn(r,o,"");for(const o in n)o==="display"&&(s=!0),Zn(r,o,n[o])}else if(i){if(t!==n){const o=r[qu];o&&(n+=";"+o),r.cssText=n,s=Wu.test(n)}}else t&&e.removeAttribute("style");Js in e&&(e[Js]=s?r.display:"",e[Hu]&&(r.display="none"))}const Ys=/\s*!important$/;function Zn(e,t,n){if(U(n))n.forEach(r=>Zn(e,t,r));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const r=zu(e,t);Ys.test(n)?e.setProperty(et(r),n.replace(Ys,""),"important"):e[r]=n}}const Zs=["Webkit","Moz","ms"],Xi={};function zu(e,t){const n=Xi[t];if(n)return n;let r=Ce(t);if(r!=="filter"&&r in e)return Xi[t]=r;r=yr(r);for(let i=0;i<Zs.length;i++){const s=Zs[i]+r;if(s in e)return Xi[t]=s}return t}const Qs="http://www.w3.org/1999/xlink";function Ks(e,t,n,r,i,s=Wl(t)){r&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Qs,t.slice(6,t.length)):e.setAttributeNS(Qs,t,n):n==null||s&&!_r(n)?e.removeAttribute(t):e.setAttribute(t,s?"":Re(n)?String(n):n)}function Cs(e,t,n,r,i){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?zs(n):n);return}const s=e.tagName;if(t==="value"&&s!=="PROGRESS"&&!s.includes("-")){const l=s==="OPTION"?e.getAttribute("value")||"":e.value,a=n==null?e.type==="checkbox"?"on":"":String(n);(l!==a||!("_value"in e))&&(e.value=a),n==null&&e.removeAttribute(t),e._value=n;return}let o=!1;if(n===""||n==null){const l=typeof e[t];l==="boolean"?n=_r(n):n==null&&l==="string"?(n="",o=!0):l==="number"&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function xt(e,t,n,r){e.addEventListener(t,n,r)}function Xu(e,t,n,r){e.removeEventListener(t,n,r)}const eo=Symbol("_vei");function Ju(e,t,n,r,i=null){const s=e[eo]||(e[eo]={}),o=s[t];if(r&&o)o.value=r;else{const[l,a]=Yu(t);if(r){const u=s[t]=Ku(r,i);xt(e,l,u,a)}else o&&(Xu(e,l,o,a),s[t]=void 0)}}const to=/(?:Once|Passive|Capture)$/;function Yu(e){let t;if(to.test(e)){t={};let r;for(;r=e.match(to);)e=e.slice(0,e.length-r[0].length),t[r[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):et(e.slice(2)),t]}let Ji=0;const Zu=Promise.resolve(),Qu=()=>Ji||(Zu.then(()=>Ji=0),Ji=Date.now());function Ku(e,t){const n=r=>{if(!r._vts)r._vts=Date.now();else if(r._vts<=n.attached)return;He(Cu(r,n.value),t,5,[r])};return n.value=e,n.attached=Qu(),n}function Cu(e,t){if(U(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(r=>i=>!i._stopped&&r&&r(i))}else return t}const no=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,ef=(e,t,n,r,i,s)=>{const o=i==="svg";t==="class"?Bu(e,r,o):t==="style"?Gu(e,n,r):vn(t)?li(t)||Ju(e,t,n,r,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):tf(e,t,r,o))?(Cs(e,t,r),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&Ks(e,t,r,o,s,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!ae(r))?Cs(e,Ce(t),r,s,t):(t==="true-value"?e._trueValue=r:t==="false-value"&&(e._falseValue=r),Ks(e,t,r,o))};function tf(e,t,n,r){if(r)return!!(t==="innerHTML"||t==="textContent"||t in e&&no(t)&&H(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="autocorrect"||t==="sandbox"&&e.tagName==="IFRAME"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const i=e.tagName;if(i==="IMG"||i==="VIDEO"||i==="CANVAS"||i==="SOURCE")return!1}return no(t)&&ae(n)?!1:t in e}const Qn=e=>{const t=e.props["onUpdate:modelValue"]||!1;return U(t)?n=>xn(t,n):t};function nf(e){e.target.composing=!0}function io(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const St=Symbol("_assign");function ro(e,t,n){return t&&(e=e.trim()),n&&(e=wn(e)),e}const rf={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[St]=Qn(i);const s=r||i.props&&i.props.type==="number";xt(e,t?"change":"input",o=>{o.target.composing||e[St](ro(e.value,n,s))}),(n||s)&&xt(e,"change",()=>{e.value=ro(e.value,n,s)}),t||(xt(e,"compositionstart",nf),xt(e,"compositionend",io),xt(e,"change",io))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:s}},o){if(e[St]=Qn(o),e.composing)return;const l=(s||e.type==="number")&&!/^0\d/.test(e.value)?wn(e.value):e.value,a=t??"";l!==a&&(document.activeElement===e&&e.type!=="range"&&(r&&t===n||i&&e.value.trim()===a)||(e.value=a))}},sf={deep:!0,created(e,{value:t,modifiers:{number:n}},r){const i=bn(t);xt(e,"change",()=>{const s=Array.prototype.filter.call(e.options,o=>o.selected).map(o=>n?wn(Kn(o)):Kn(o));e[St](e.multiple?i?new Set(s):s:s[0]),e._assigning=!0,jt(()=>{e._assigning=!1})}),e[St]=Qn(r)},mounted(e,{value:t}){so(e,t)},beforeUpdate(e,t,n){e[St]=Qn(n)},updated(e,{value:t}){e._assigning||so(e,t)}};function so(e,t){const n=e.multiple,r=U(t);if(!(n&&!r&&!bn(t))){for(let i=0,s=e.options.length;i<s;i++){const o=e.options[i],l=Kn(o);if(n)if(r){const a=typeof l;a==="string"||a==="number"?o.selected=t.some(u=>String(u)===String(l)):o.selected=zl(t,l)>-1}else o.selected=t.has(l);else if(An(Kn(o),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function Kn(e){return"_value"in e?e._value:e.value}const of=["ctrl","shift","alt","meta"],lf={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>of.some(n=>e[`${n}Key`]&&!t.includes(n))},Dt=(e,t)=>{const n=e._withMods||(e._withMods={}),r=t.join(".");return n[r]||(n[r]=((i,...s)=>{for(let o=0;o<t.length;o++){const l=lf[t[o]];if(l&&l(i,t))return}return e(i,...s)}))},af={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},oo=(e,t)=>{const n=e._withKeys||(e._withKeys={}),r=t.join(".");return n[r]||(n[r]=(i=>{if(!("key"in i))return;const s=et(i.key);if(t.some(o=>o===s||af[o]===s))return e(i)}))},uf=he({patchProp:ef},Du);let lo;function ff(){return lo||(lo=vu(uf))}const cf=((...e)=>{const t=ff().createApp(...e),{mount:n}=t;return t.mount=r=>{const i=pf(r);if(!i)return;const s=t._component;!H(s)&&!s.render&&!s.template&&(s.template=i.innerHTML),i.nodeType===1&&(i.textContent="");const o=n(i,!1,df(i));return i instanceof Element&&(i.removeAttribute("v-cloak"),i.setAttribute("data-v-app","")),o},t});function df(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function pf(e){return ae(e)?document.querySelector(e):e}let ao=class cr{constructor(t,n,r,i){this._uri=t,this._languageId=n,this._version=r,this._content=i,this._lineOffsets=void 0}get uri(){return this._uri}get languageId(){return this._languageId}get version(){return this._version}getText(t){if(t){const n=this.offsetAt(t.start),r=this.offsetAt(t.end);return this._content.substring(n,r)}return this._content}update(t,n){for(const r of t)if(cr.isIncremental(r)){const i=po(r.range),s=this.offsetAt(i.start),o=this.offsetAt(i.end);this._content=this._content.substring(0,s)+r.text+this._content.substring(o,this._content.length);const l=Math.max(i.start.line,0),a=Math.max(i.end.line,0);let u=this._lineOffsets;const f=fo(r.text,!1,s);if(a-l===f.length)for(let g=0,m=f.length;g<m;g++)u[g+l+1]=f[g];else f.length<1e4?u.splice(l+1,a-l,...f):this._lineOffsets=u=u.slice(0,l+1).concat(f,u.slice(a+1));const p=r.text.length-(o-s);if(p!==0)for(let g=l+1+f.length,m=u.length;g<m;g++)u[g]=u[g]+p}else if(cr.isFull(r))this._content=r.text,this._lineOffsets=void 0;else throw new Error("Unknown change event received");this._version=n}getLineOffsets(){return this._lineOffsets===void 0&&(this._lineOffsets=fo(this._content,!0)),this._lineOffsets}positionAt(t){t=Math.max(Math.min(t,this._content.length),0);const n=this.getLineOffsets();let r=0,i=n.length;if(i===0)return{line:0,character:t};for(;r<i;){const o=Math.floor((r+i)/2);n[o]>t?i=o:r=o+1}const s=r-1;return t=this.ensureBeforeEOL(t,n[s]),{line:s,character:t-n[s]}}offsetAt(t){const n=this.getLineOffsets();if(t.line>=n.length)return this._content.length;if(t.line<0)return 0;const r=n[t.line];if(t.character<=0)return r;const i=t.line+1<n.length?n[t.line+1]:this._content.length,s=Math.min(r+t.character,i);return this.ensureBeforeEOL(s,r)}ensureBeforeEOL(t,n){for(;t>n&&co(this._content.charCodeAt(t-1));)t--;return t}get lineCount(){return this.getLineOffsets().length}static isIncremental(t){const n=t;return n!=null&&typeof n.text=="string"&&n.range!==void 0&&(n.rangeLength===void 0||typeof n.rangeLength=="number")}static isFull(t){const n=t;return n!=null&&typeof n.text=="string"&&n.range===void 0&&n.rangeLength===void 0}};var uo;(function(e){function t(i,s,o,l){return new ao(i,s,o,l)}e.create=t;function n(i,s,o){if(i instanceof ao)return i.update(s,o),i;throw new Error("TextDocument.update: document must be created by TextDocument.create")}e.update=n;function r(i,s){const o=i.getText(),l=Yi(s.map(hf),(f,p)=>{const g=f.range.start.line-p.range.start.line;return g===0?f.range.start.character-p.range.start.character:g});let a=0;const u=[];for(const f of l){const p=i.offsetAt(f.range.start);if(p<a)throw new Error("Overlapping edit");p>a&&u.push(o.substring(a,p)),f.newText.length&&u.push(f.newText),a=i.offsetAt(f.range.end)}return u.push(o.substr(a)),u.join("")}e.applyEdits=r})(uo||(uo={}));function Yi(e,t){if(e.length<=1)return e;const n=e.length/2|0,r=e.slice(0,n),i=e.slice(n);Yi(r,t),Yi(i,t);let s=0,o=0,l=0;for(;s<r.length&&o<i.length;)t(r[s],i[o])<=0?e[l++]=r[s++]:e[l++]=i[o++];for(;s<r.length;)e[l++]=r[s++];for(;o<i.length;)e[l++]=i[o++];return e}function fo(e,t,n=0){const r=t?[n]:[];for(let i=0;i<e.length;i++){const s=e.charCodeAt(i);co(s)&&(s===13&&i+1<e.length&&e.charCodeAt(i+1)===10&&i++,r.push(n+i+1))}return r}function co(e){return e===13||e===10}function po(e){const t=e.start,n=e.end;return t.line>n.line||t.line===n.line&&t.character>n.character?{start:n,end:t}:e}function hf(e){const t=po(e.range);return t!==e.range?{newText:e.newText,range:t}:e}var ho;(function(e){e[e.lineFeed=10]="lineFeed",e[e.carriageReturn=13]="carriageReturn",e[e.space=32]="space",e[e._0=48]="_0",e[e._1=49]="_1",e[e._2=50]="_2",e[e._3=51]="_3",e[e._4=52]="_4",e[e._5=53]="_5",e[e._6=54]="_6",e[e._7=55]="_7",e[e._8=56]="_8",e[e._9=57]="_9",e[e.a=97]="a",e[e.b=98]="b",e[e.c=99]="c",e[e.d=100]="d",e[e.e=101]="e",e[e.f=102]="f",e[e.g=103]="g",e[e.h=104]="h",e[e.i=105]="i",e[e.j=106]="j",e[e.k=107]="k",e[e.l=108]="l",e[e.m=109]="m",e[e.n=110]="n",e[e.o=111]="o",e[e.p=112]="p",e[e.q=113]="q",e[e.r=114]="r",e[e.s=115]="s",e[e.t=116]="t",e[e.u=117]="u",e[e.v=118]="v",e[e.w=119]="w",e[e.x=120]="x",e[e.y=121]="y",e[e.z=122]="z",e[e.A=65]="A",e[e.B=66]="B",e[e.C=67]="C",e[e.D=68]="D",e[e.E=69]="E",e[e.F=70]="F",e[e.G=71]="G",e[e.H=72]="H",e[e.I=73]="I",e[e.J=74]="J",e[e.K=75]="K",e[e.L=76]="L",e[e.M=77]="M",e[e.N=78]="N",e[e.O=79]="O",e[e.P=80]="P",e[e.Q=81]="Q",e[e.R=82]="R",e[e.S=83]="S",e[e.T=84]="T",e[e.U=85]="U",e[e.V=86]="V",e[e.W=87]="W",e[e.X=88]="X",e[e.Y=89]="Y",e[e.Z=90]="Z",e[e.asterisk=42]="asterisk",e[e.backslash=92]="backslash",e[e.closeBrace=125]="closeBrace",e[e.closeBracket=93]="closeBracket",e[e.colon=58]="colon",e[e.comma=44]="comma",e[e.dot=46]="dot",e[e.doubleQuote=34]="doubleQuote",e[e.minus=45]="minus",e[e.openBrace=123]="openBrace",e[e.openBracket=91]="openBracket",e[e.plus=43]="plus",e[e.slash=47]="slash",e[e.formFeed=12]="formFeed",e[e.tab=9]="tab"})(ho||(ho={})),new Array(20).fill(0).map((e,t)=>" ".repeat(t));const Ut=200;new Array(Ut).fill(0).map((e,t)=>`
+`+" ".repeat(t)),new Array(Ut).fill(0).map((e,t)=>"\r"+" ".repeat(t)),new Array(Ut).fill(0).map((e,t)=>`\r
+`+" ".repeat(t)),new Array(Ut).fill(0).map((e,t)=>`
+`+"	".repeat(t)),new Array(Ut).fill(0).map((e,t)=>"\r"+"	".repeat(t)),new Array(Ut).fill(0).map((e,t)=>`\r
+`+"	".repeat(t));var mo;(function(e){e.DEFAULT={allowTrailingComma:!1}})(mo||(mo={}));var go;(function(e){e[e.None=0]="None",e[e.UnexpectedEndOfComment=1]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=2]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=3]="UnexpectedEndOfNumber",e[e.InvalidUnicode=4]="InvalidUnicode",e[e.InvalidEscapeCharacter=5]="InvalidEscapeCharacter",e[e.InvalidCharacter=6]="InvalidCharacter"})(go||(go={}));var yo;(function(e){e[e.OpenBraceToken=1]="OpenBraceToken",e[e.CloseBraceToken=2]="CloseBraceToken",e[e.OpenBracketToken=3]="OpenBracketToken",e[e.CloseBracketToken=4]="CloseBracketToken",e[e.CommaToken=5]="CommaToken",e[e.ColonToken=6]="ColonToken",e[e.NullKeyword=7]="NullKeyword",e[e.TrueKeyword=8]="TrueKeyword",e[e.FalseKeyword=9]="FalseKeyword",e[e.StringLiteral=10]="StringLiteral",e[e.NumericLiteral=11]="NumericLiteral",e[e.LineCommentTrivia=12]="LineCommentTrivia",e[e.BlockCommentTrivia=13]="BlockCommentTrivia",e[e.LineBreakTrivia=14]="LineBreakTrivia",e[e.Trivia=15]="Trivia",e[e.Unknown=16]="Unknown",e[e.EOF=17]="EOF"})(yo||(yo={}));var vo;(function(e){e[e.InvalidSymbol=1]="InvalidSymbol",e[e.InvalidNumberFormat=2]="InvalidNumberFormat",e[e.PropertyNameExpected=3]="PropertyNameExpected",e[e.ValueExpected=4]="ValueExpected",e[e.ColonExpected=5]="ColonExpected",e[e.CommaExpected=6]="CommaExpected",e[e.CloseBraceExpected=7]="CloseBraceExpected",e[e.CloseBracketExpected=8]="CloseBracketExpected",e[e.EndOfFileExpected=9]="EndOfFileExpected",e[e.InvalidCommentToken=10]="InvalidCommentToken",e[e.UnexpectedEndOfComment=11]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=12]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=13]="UnexpectedEndOfNumber",e[e.InvalidUnicode=14]="InvalidUnicode",e[e.InvalidEscapeCharacter=15]="InvalidEscapeCharacter",e[e.InvalidCharacter=16]="InvalidCharacter"})(vo||(vo={}));var bo;(function(e){function t(n){return typeof n=="string"}e.is=t})(bo||(bo={}));var Zi;(function(e){function t(n){return typeof n=="string"}e.is=t})(Zi||(Zi={}));var _o;(function(e){e.MIN_VALUE=-2147483648,e.MAX_VALUE=2147483647;function t(n){return typeof n=="number"&&e.MIN_VALUE<=n&&n<=e.MAX_VALUE}e.is=t})(_o||(_o={}));var Cn;(function(e){e.MIN_VALUE=0,e.MAX_VALUE=2147483647;function t(n){return typeof n=="number"&&e.MIN_VALUE<=n&&n<=e.MAX_VALUE}e.is=t})(Cn||(Cn={}));var Se;(function(e){function t(r,i){return r===Number.MAX_VALUE&&(r=Cn.MAX_VALUE),i===Number.MAX_VALUE&&(i=Cn.MAX_VALUE),{line:r,character:i}}e.create=t;function n(r){let i=r;return h.objectLiteral(i)&&h.uinteger(i.line)&&h.uinteger(i.character)}e.is=n})(Se||(Se={}));var ue;(function(e){function t(r,i,s,o){if(h.uinteger(r)&&h.uinteger(i)&&h.uinteger(s)&&h.uinteger(o))return{start:Se.create(r,i),end:Se.create(s,o)};if(Se.is(r)&&Se.is(i))return{start:r,end:i};throw new Error(`Range#create called with invalid arguments[${r}, ${i}, ${s}, ${o}]`)}e.create=t;function n(r){let i=r;return h.objectLiteral(i)&&Se.is(i.start)&&Se.is(i.end)}e.is=n})(ue||(ue={}));var ei;(function(e){function t(r,i){return{uri:r,range:i}}e.create=t;function n(r){let i=r;return h.objectLiteral(i)&&ue.is(i.range)&&(h.string(i.uri)||h.undefined(i.uri))}e.is=n})(ei||(ei={}));var xo;(function(e){function t(r,i,s,o){return{targetUri:r,targetRange:i,targetSelectionRange:s,originSelectionRange:o}}e.create=t;function n(r){let i=r;return h.objectLiteral(i)&&ue.is(i.targetRange)&&h.string(i.targetUri)&&ue.is(i.targetSelectionRange)&&(ue.is(i.originSelectionRange)||h.undefined(i.originSelectionRange))}e.is=n})(xo||(xo={}));var Qi;(function(e){function t(r,i,s,o){return{red:r,green:i,blue:s,alpha:o}}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&h.numberRange(i.red,0,1)&&h.numberRange(i.green,0,1)&&h.numberRange(i.blue,0,1)&&h.numberRange(i.alpha,0,1)}e.is=n})(Qi||(Qi={}));var wo;(function(e){function t(r,i){return{range:r,color:i}}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&ue.is(i.range)&&Qi.is(i.color)}e.is=n})(wo||(wo={}));var $o;(function(e){function t(r,i,s){return{label:r,textEdit:i,additionalTextEdits:s}}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&h.string(i.label)&&(h.undefined(i.textEdit)||Ht.is(i))&&(h.undefined(i.additionalTextEdits)||h.typedArray(i.additionalTextEdits,Ht.is))}e.is=n})($o||($o={}));var Ao;(function(e){e.Comment="comment",e.Imports="imports",e.Region="region"})(Ao||(Ao={}));var Io;(function(e){function t(r,i,s,o,l,a){const u={startLine:r,endLine:i};return h.defined(s)&&(u.startCharacter=s),h.defined(o)&&(u.endCharacter=o),h.defined(l)&&(u.kind=l),h.defined(a)&&(u.collapsedText=a),u}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&h.uinteger(i.startLine)&&h.uinteger(i.startLine)&&(h.undefined(i.startCharacter)||h.uinteger(i.startCharacter))&&(h.undefined(i.endCharacter)||h.uinteger(i.endCharacter))&&(h.undefined(i.kind)||h.string(i.kind))}e.is=n})(Io||(Io={}));var Ki;(function(e){function t(r,i){return{location:r,message:i}}e.create=t;function n(r){let i=r;return h.defined(i)&&ei.is(i.location)&&h.string(i.message)}e.is=n})(Ki||(Ki={}));var Oo;(function(e){e.Error=1,e.Warning=2,e.Information=3,e.Hint=4})(Oo||(Oo={}));var To;(function(e){e.Unnecessary=1,e.Deprecated=2})(To||(To={}));var ko;(function(e){function t(n){const r=n;return h.objectLiteral(r)&&h.string(r.href)}e.is=t})(ko||(ko={}));var ti;(function(e){function t(r,i,s,o,l,a){let u={range:r,message:i};return h.defined(s)&&(u.severity=s),h.defined(o)&&(u.code=o),h.defined(l)&&(u.source=l),h.defined(a)&&(u.relatedInformation=a),u}e.create=t;function n(r){var i;let s=r;return h.defined(s)&&ue.is(s.range)&&h.string(s.message)&&(h.number(s.severity)||h.undefined(s.severity))&&(h.integer(s.code)||h.string(s.code)||h.undefined(s.code))&&(h.undefined(s.codeDescription)||h.string((i=s.codeDescription)===null||i===void 0?void 0:i.href))&&(h.string(s.source)||h.undefined(s.source))&&(h.undefined(s.relatedInformation)||h.typedArray(s.relatedInformation,Ki.is))}e.is=n})(ti||(ti={}));var Bt;(function(e){function t(r,i,...s){let o={title:r,command:i};return h.defined(s)&&s.length>0&&(o.arguments=s),o}e.create=t;function n(r){let i=r;return h.defined(i)&&h.string(i.title)&&h.string(i.command)}e.is=n})(Bt||(Bt={}));var Ht;(function(e){function t(s,o){return{range:s,newText:o}}e.replace=t;function n(s,o){return{range:{start:s,end:s},newText:o}}e.insert=n;function r(s){return{range:s,newText:""}}e.del=r;function i(s){const o=s;return h.objectLiteral(o)&&h.string(o.newText)&&ue.is(o.range)}e.is=i})(Ht||(Ht={}));var Ci;(function(e){function t(r,i,s){const o={label:r};return i!==void 0&&(o.needsConfirmation=i),s!==void 0&&(o.description=s),o}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&h.string(i.label)&&(h.boolean(i.needsConfirmation)||i.needsConfirmation===void 0)&&(h.string(i.description)||i.description===void 0)}e.is=n})(Ci||(Ci={}));var qt;(function(e){function t(n){const r=n;return h.string(r)}e.is=t})(qt||(qt={}));var Eo;(function(e){function t(s,o,l){return{range:s,newText:o,annotationId:l}}e.replace=t;function n(s,o,l){return{range:{start:s,end:s},newText:o,annotationId:l}}e.insert=n;function r(s,o){return{range:s,newText:"",annotationId:o}}e.del=r;function i(s){const o=s;return Ht.is(o)&&(Ci.is(o.annotationId)||qt.is(o.annotationId))}e.is=i})(Eo||(Eo={}));var er;(function(e){function t(r,i){return{textDocument:r,edits:i}}e.create=t;function n(r){let i=r;return h.defined(i)&&sr.is(i.textDocument)&&Array.isArray(i.edits)}e.is=n})(er||(er={}));var tr;(function(e){function t(r,i,s){let o={kind:"create",uri:r};return i!==void 0&&(i.overwrite!==void 0||i.ignoreIfExists!==void 0)&&(o.options=i),s!==void 0&&(o.annotationId=s),o}e.create=t;function n(r){let i=r;return i&&i.kind==="create"&&h.string(i.uri)&&(i.options===void 0||(i.options.overwrite===void 0||h.boolean(i.options.overwrite))&&(i.options.ignoreIfExists===void 0||h.boolean(i.options.ignoreIfExists)))&&(i.annotationId===void 0||qt.is(i.annotationId))}e.is=n})(tr||(tr={}));var nr;(function(e){function t(r,i,s,o){let l={kind:"rename",oldUri:r,newUri:i};return s!==void 0&&(s.overwrite!==void 0||s.ignoreIfExists!==void 0)&&(l.options=s),o!==void 0&&(l.annotationId=o),l}e.create=t;function n(r){let i=r;return i&&i.kind==="rename"&&h.string(i.oldUri)&&h.string(i.newUri)&&(i.options===void 0||(i.options.overwrite===void 0||h.boolean(i.options.overwrite))&&(i.options.ignoreIfExists===void 0||h.boolean(i.options.ignoreIfExists)))&&(i.annotationId===void 0||qt.is(i.annotationId))}e.is=n})(nr||(nr={}));var ir;(function(e){function t(r,i,s){let o={kind:"delete",uri:r};return i!==void 0&&(i.recursive!==void 0||i.ignoreIfNotExists!==void 0)&&(o.options=i),s!==void 0&&(o.annotationId=s),o}e.create=t;function n(r){let i=r;return i&&i.kind==="delete"&&h.string(i.uri)&&(i.options===void 0||(i.options.recursive===void 0||h.boolean(i.options.recursive))&&(i.options.ignoreIfNotExists===void 0||h.boolean(i.options.ignoreIfNotExists)))&&(i.annotationId===void 0||qt.is(i.annotationId))}e.is=n})(ir||(ir={}));var rr;(function(e){function t(n){let r=n;return r&&(r.changes!==void 0||r.documentChanges!==void 0)&&(r.documentChanges===void 0||r.documentChanges.every(i=>h.string(i.kind)?tr.is(i)||nr.is(i)||ir.is(i):er.is(i)))}e.is=t})(rr||(rr={}));var Mo;(function(e){function t(r){return{uri:r}}e.create=t;function n(r){let i=r;return h.defined(i)&&h.string(i.uri)}e.is=n})(Mo||(Mo={}));var Po;(function(e){function t(r,i){return{uri:r,version:i}}e.create=t;function n(r){let i=r;return h.defined(i)&&h.string(i.uri)&&h.integer(i.version)}e.is=n})(Po||(Po={}));var sr;(function(e){function t(r,i){return{uri:r,version:i}}e.create=t;function n(r){let i=r;return h.defined(i)&&h.string(i.uri)&&(i.version===null||h.integer(i.version))}e.is=n})(sr||(sr={}));var jo;(function(e){function t(r,i,s,o){return{uri:r,languageId:i,version:s,text:o}}e.create=t;function n(r){let i=r;return h.defined(i)&&h.string(i.uri)&&h.string(i.languageId)&&h.integer(i.version)&&h.string(i.text)}e.is=n})(jo||(jo={}));var un;(function(e){e.PlainText="plaintext",e.Markdown="markdown";function t(n){const r=n;return r===e.PlainText||r===e.Markdown}e.is=t})(un||(un={}));var fn;(function(e){function t(n){const r=n;return h.objectLiteral(n)&&un.is(r.kind)&&h.string(r.value)}e.is=t})(fn||(fn={}));var Lo;(function(e){e.Text=1,e.Method=2,e.Function=3,e.Constructor=4,e.Field=5,e.Variable=6,e.Class=7,e.Interface=8,e.Module=9,e.Property=10,e.Unit=11,e.Value=12,e.Enum=13,e.Keyword=14,e.Snippet=15,e.Color=16,e.File=17,e.Reference=18,e.Folder=19,e.EnumMember=20,e.Constant=21,e.Struct=22,e.Event=23,e.Operator=24,e.TypeParameter=25})(Lo||(Lo={}));var No;(function(e){e.PlainText=1,e.Snippet=2})(No||(No={}));var Ro;(function(e){e.Deprecated=1})(Ro||(Ro={}));var Fo;(function(e){function t(r,i,s){return{newText:r,insert:i,replace:s}}e.create=t;function n(r){const i=r;return i&&h.string(i.newText)&&ue.is(i.insert)&&ue.is(i.replace)}e.is=n})(Fo||(Fo={}));var Vo;(function(e){e.asIs=1,e.adjustIndentation=2})(Vo||(Vo={}));var So;(function(e){function t(n){const r=n;return r&&(h.string(r.detail)||r.detail===void 0)&&(h.string(r.description)||r.description===void 0)}e.is=t})(So||(So={}));var Do;(function(e){function t(n){return{label:n}}e.create=t})(Do||(Do={}));var Uo;(function(e){function t(n,r){return{items:n||[],isIncomplete:!!r}}e.create=t})(Uo||(Uo={}));var ni;(function(e){function t(r){return r.replace(/[\\`*_{}[\]()#+\-.!]/g,"\\$&")}e.fromPlainText=t;function n(r){const i=r;return h.string(i)||h.objectLiteral(i)&&h.string(i.language)&&h.string(i.value)}e.is=n})(ni||(ni={}));var Bo;(function(e){function t(n){let r=n;return!!r&&h.objectLiteral(r)&&(fn.is(r.contents)||ni.is(r.contents)||h.typedArray(r.contents,ni.is))&&(n.range===void 0||ue.is(n.range))}e.is=t})(Bo||(Bo={}));var Ho;(function(e){function t(n,r){return r?{label:n,documentation:r}:{label:n}}e.create=t})(Ho||(Ho={}));var qo;(function(e){function t(n,r,...i){let s={label:n};return h.defined(r)&&(s.documentation=r),h.defined(i)?s.parameters=i:s.parameters=[],s}e.create=t})(qo||(qo={}));var Wo;(function(e){e.Text=1,e.Read=2,e.Write=3})(Wo||(Wo={}));var Go;(function(e){function t(n,r){let i={range:n};return h.number(r)&&(i.kind=r),i}e.create=t})(Go||(Go={}));var zo;(function(e){e.File=1,e.Module=2,e.Namespace=3,e.Package=4,e.Class=5,e.Method=6,e.Property=7,e.Field=8,e.Constructor=9,e.Enum=10,e.Interface=11,e.Function=12,e.Variable=13,e.Constant=14,e.String=15,e.Number=16,e.Boolean=17,e.Array=18,e.Object=19,e.Key=20,e.Null=21,e.EnumMember=22,e.Struct=23,e.Event=24,e.Operator=25,e.TypeParameter=26})(zo||(zo={}));var Xo;(function(e){e.Deprecated=1})(Xo||(Xo={}));var Jo;(function(e){function t(n,r,i,s,o){let l={name:n,kind:r,location:{uri:s,range:i}};return o&&(l.containerName=o),l}e.create=t})(Jo||(Jo={}));var Yo;(function(e){function t(n,r,i,s){return s!==void 0?{name:n,kind:r,location:{uri:i,range:s}}:{name:n,kind:r,location:{uri:i}}}e.create=t})(Yo||(Yo={}));var Zo;(function(e){function t(r,i,s,o,l,a){let u={name:r,detail:i,kind:s,range:o,selectionRange:l};return a!==void 0&&(u.children=a),u}e.create=t;function n(r){let i=r;return i&&h.string(i.name)&&h.number(i.kind)&&ue.is(i.range)&&ue.is(i.selectionRange)&&(i.detail===void 0||h.string(i.detail))&&(i.deprecated===void 0||h.boolean(i.deprecated))&&(i.children===void 0||Array.isArray(i.children))&&(i.tags===void 0||Array.isArray(i.tags))}e.is=n})(Zo||(Zo={}));var Qo;(function(e){e.Empty="",e.QuickFix="quickfix",e.Refactor="refactor",e.RefactorExtract="refactor.extract",e.RefactorInline="refactor.inline",e.RefactorRewrite="refactor.rewrite",e.Source="source",e.SourceOrganizeImports="source.organizeImports",e.SourceFixAll="source.fixAll"})(Qo||(Qo={}));var ii;(function(e){e.Invoked=1,e.Automatic=2})(ii||(ii={}));var Ko;(function(e){function t(r,i,s){let o={diagnostics:r};return i!=null&&(o.only=i),s!=null&&(o.triggerKind=s),o}e.create=t;function n(r){let i=r;return h.defined(i)&&h.typedArray(i.diagnostics,ti.is)&&(i.only===void 0||h.typedArray(i.only,h.string))&&(i.triggerKind===void 0||i.triggerKind===ii.Invoked||i.triggerKind===ii.Automatic)}e.is=n})(Ko||(Ko={}));var Co;(function(e){function t(r,i,s){let o={title:r},l=!0;return typeof i=="string"?(l=!1,o.kind=i):Bt.is(i)?o.command=i:o.edit=i,l&&s!==void 0&&(o.kind=s),o}e.create=t;function n(r){let i=r;return i&&h.string(i.title)&&(i.diagnostics===void 0||h.typedArray(i.diagnostics,ti.is))&&(i.kind===void 0||h.string(i.kind))&&(i.edit!==void 0||i.command!==void 0)&&(i.command===void 0||Bt.is(i.command))&&(i.isPreferred===void 0||h.boolean(i.isPreferred))&&(i.edit===void 0||rr.is(i.edit))}e.is=n})(Co||(Co={}));var el;(function(e){function t(r,i){let s={range:r};return h.defined(i)&&(s.data=i),s}e.create=t;function n(r){let i=r;return h.defined(i)&&ue.is(i.range)&&(h.undefined(i.command)||Bt.is(i.command))}e.is=n})(el||(el={}));var tl;(function(e){function t(r,i){return{tabSize:r,insertSpaces:i}}e.create=t;function n(r){let i=r;return h.defined(i)&&h.uinteger(i.tabSize)&&h.boolean(i.insertSpaces)}e.is=n})(tl||(tl={}));var nl;(function(e){function t(r,i,s){return{range:r,target:i,data:s}}e.create=t;function n(r){let i=r;return h.defined(i)&&ue.is(i.range)&&(h.undefined(i.target)||h.string(i.target))}e.is=n})(nl||(nl={}));var il;(function(e){function t(r,i){return{range:r,parent:i}}e.create=t;function n(r){let i=r;return h.objectLiteral(i)&&ue.is(i.range)&&(i.parent===void 0||e.is(i.parent))}e.is=n})(il||(il={}));var rl;(function(e){e.namespace="namespace",e.type="type",e.class="class",e.enum="enum",e.interface="interface",e.struct="struct",e.typeParameter="typeParameter",e.parameter="parameter",e.variable="variable",e.property="property",e.enumMember="enumMember",e.event="event",e.function="function",e.method="method",e.macro="macro",e.keyword="keyword",e.modifier="modifier",e.comment="comment",e.string="string",e.number="number",e.regexp="regexp",e.operator="operator",e.decorator="decorator"})(rl||(rl={}));var sl;(function(e){e.declaration="declaration",e.definition="definition",e.readonly="readonly",e.static="static",e.deprecated="deprecated",e.abstract="abstract",e.async="async",e.modification="modification",e.documentation="documentation",e.defaultLibrary="defaultLibrary"})(sl||(sl={}));var ol;(function(e){function t(n){const r=n;return h.objectLiteral(r)&&(r.resultId===void 0||typeof r.resultId=="string")&&Array.isArray(r.data)&&(r.data.length===0||typeof r.data[0]=="number")}e.is=t})(ol||(ol={}));var ll;(function(e){function t(r,i){return{range:r,text:i}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&h.string(i.text)}e.is=n})(ll||(ll={}));var al;(function(e){function t(r,i,s){return{range:r,variableName:i,caseSensitiveLookup:s}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&h.boolean(i.caseSensitiveLookup)&&(h.string(i.variableName)||i.variableName===void 0)}e.is=n})(al||(al={}));var ul;(function(e){function t(r,i){return{range:r,expression:i}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&(h.string(i.expression)||i.expression===void 0)}e.is=n})(ul||(ul={}));var fl;(function(e){function t(r,i){return{frameId:r,stoppedLocation:i}}e.create=t;function n(r){const i=r;return h.defined(i)&&ue.is(r.stoppedLocation)}e.is=n})(fl||(fl={}));var or;(function(e){e.Type=1,e.Parameter=2;function t(n){return n===1||n===2}e.is=t})(or||(or={}));var lr;(function(e){function t(r){return{value:r}}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&(i.tooltip===void 0||h.string(i.tooltip)||fn.is(i.tooltip))&&(i.location===void 0||ei.is(i.location))&&(i.command===void 0||Bt.is(i.command))}e.is=n})(lr||(lr={}));var cl;(function(e){function t(r,i,s){const o={position:r,label:i};return s!==void 0&&(o.kind=s),o}e.create=t;function n(r){const i=r;return h.objectLiteral(i)&&Se.is(i.position)&&(h.string(i.label)||h.typedArray(i.label,lr.is))&&(i.kind===void 0||or.is(i.kind))&&i.textEdits===void 0||h.typedArray(i.textEdits,Ht.is)&&(i.tooltip===void 0||h.string(i.tooltip)||fn.is(i.tooltip))&&(i.paddingLeft===void 0||h.boolean(i.paddingLeft))&&(i.paddingRight===void 0||h.boolean(i.paddingRight))}e.is=n})(cl||(cl={}));var dl;(function(e){function t(n){return{kind:"snippet",value:n}}e.createSnippet=t})(dl||(dl={}));var pl;(function(e){function t(n,r,i,s){return{insertText:n,filterText:r,range:i,command:s}}e.create=t})(pl||(pl={}));var hl;(function(e){function t(n){return{items:n}}e.create=t})(hl||(hl={}));var ml;(function(e){e.Invoked=0,e.Automatic=1})(ml||(ml={}));var gl;(function(e){function t(n,r){return{range:n,text:r}}e.create=t})(gl||(gl={}));var yl;(function(e){function t(n,r){return{triggerKind:n,selectedCompletionInfo:r}}e.create=t})(yl||(yl={}));var vl;(function(e){function t(n){const r=n;return h.objectLiteral(r)&&Zi.is(r.uri)&&h.string(r.name)}e.is=t})(vl||(vl={}));var bl;(function(e){function t(s,o,l,a){return new mf(s,o,l,a)}e.create=t;function n(s){let o=s;return!!(h.defined(o)&&h.string(o.uri)&&(h.undefined(o.languageId)||h.string(o.languageId))&&h.uinteger(o.lineCount)&&h.func(o.getText)&&h.func(o.positionAt)&&h.func(o.offsetAt))}e.is=n;function r(s,o){let l=s.getText(),a=i(o,(f,p)=>{let g=f.range.start.line-p.range.start.line;return g===0?f.range.start.character-p.range.start.character:g}),u=l.length;for(let f=a.length-1;f>=0;f--){let p=a[f],g=s.offsetAt(p.range.start),m=s.offsetAt(p.range.end);if(m<=u)l=l.substring(0,g)+p.newText+l.substring(m,l.length);else throw new Error("Overlapping edit");u=g}return l}e.applyEdits=r;function i(s,o){if(s.length<=1)return s;const l=s.length/2|0,a=s.slice(0,l),u=s.slice(l);i(a,o),i(u,o);let f=0,p=0,g=0;for(;f<a.length&&p<u.length;)o(a[f],u[p])<=0?s[g++]=a[f++]:s[g++]=u[p++];for(;f<a.length;)s[g++]=a[f++];for(;p<u.length;)s[g++]=u[p++];return s}})(bl||(bl={}));class mf{constructor(t,n,r,i){this._uri=t,this._languageId=n,this._version=r,this._content=i,this._lineOffsets=void 0}get uri(){return this._uri}get languageId(){return this._languageId}get version(){return this._version}getText(t){if(t){let n=this.offsetAt(t.start),r=this.offsetAt(t.end);return this._content.substring(n,r)}return this._content}update(t,n){this._content=t.text,this._version=n,this._lineOffsets=void 0}getLineOffsets(){if(this._lineOffsets===void 0){let t=[],n=this._content,r=!0;for(let i=0;i<n.length;i++){r&&(t.push(i),r=!1);let s=n.charAt(i);r=s==="\r"||s===`
+`,s==="\r"&&i+1<n.length&&n.charAt(i+1)===`
+`&&i++}r&&n.length>0&&t.push(n.length),this._lineOffsets=t}return this._lineOffsets}positionAt(t){t=Math.max(Math.min(t,this._content.length),0);let n=this.getLineOffsets(),r=0,i=n.length;if(i===0)return Se.create(0,t);for(;r<i;){let o=Math.floor((r+i)/2);n[o]>t?i=o:r=o+1}let s=r-1;return Se.create(s,t-n[s])}offsetAt(t){let n=this.getLineOffsets();if(t.line>=n.length)return this._content.length;if(t.line<0)return 0;let r=n[t.line],i=t.line+1<n.length?n[t.line+1]:this._content.length;return Math.max(Math.min(r+t.character,i),r)}get lineCount(){return this.getLineOffsets().length}}var h;(function(e){const t=Object.prototype.toString;function n(m){return typeof m<"u"}e.defined=n;function r(m){return typeof m>"u"}e.undefined=r;function i(m){return m===!0||m===!1}e.boolean=i;function s(m){return t.call(m)==="[object String]"}e.string=s;function o(m){return t.call(m)==="[object Number]"}e.number=o;function l(m,k,I){return t.call(m)==="[object Number]"&&k<=m&&m<=I}e.numberRange=l;function a(m){return t.call(m)==="[object Number]"&&-2147483648<=m&&m<=2147483647}e.integer=a;function u(m){return t.call(m)==="[object Number]"&&0<=m&&m<=2147483647}e.uinteger=u;function f(m){return t.call(m)==="[object Function]"}e.func=f;function p(m){return m!==null&&typeof m=="object"}e.objectLiteral=p;function g(m,k){return Array.isArray(m)&&m.every(k)}e.typedArray=g})(h||(h={}));var _l;(function(e){e[e.Undefined=0]="Undefined",e[e.EnumValueMismatch=1]="EnumValueMismatch",e[e.Deprecated=2]="Deprecated",e[e.UnexpectedEndOfComment=257]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=258]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=259]="UnexpectedEndOfNumber",e[e.InvalidUnicode=260]="InvalidUnicode",e[e.InvalidEscapeCharacter=261]="InvalidEscapeCharacter",e[e.InvalidCharacter=262]="InvalidCharacter",e[e.PropertyExpected=513]="PropertyExpected",e[e.CommaExpected=514]="CommaExpected",e[e.ColonExpected=515]="ColonExpected",e[e.ValueExpected=516]="ValueExpected",e[e.CommaOrCloseBacketExpected=517]="CommaOrCloseBacketExpected",e[e.CommaOrCloseBraceExpected=518]="CommaOrCloseBraceExpected",e[e.TrailingComma=519]="TrailingComma",e[e.DuplicateKey=520]="DuplicateKey",e[e.CommentNotPermitted=521]="CommentNotPermitted",e[e.PropertyKeysMustBeDoublequoted=528]="PropertyKeysMustBeDoublequoted",e[e.SchemaResolveError=768]="SchemaResolveError",e[e.SchemaUnsupportedFeature=769]="SchemaUnsupportedFeature"})(_l||(_l={}));var pt;(function(e){e[e.v3=3]="v3",e[e.v4=4]="v4",e[e.v6=6]="v6",e[e.v7=7]="v7",e[e.v2019_09=19]="v2019_09",e[e.v2020_12=20]="v2020_12"})(pt||(pt={}));var xl;(function(e){e.LATEST={textDocument:{completion:{completionItem:{documentationFormat:[un.Markdown,un.PlainText],commitCharactersSupport:!0,labelDetailsSupport:!0}}}}})(xl||(xl={}));function N(...e){const t=e[0];let n,r,i;if(typeof t=="string")n=t,r=t,e.splice(0,1),i=!e||typeof e[0]!="object"?e:e[0];else if(t instanceof Array){const s=e.slice(1);if(t.length!==s.length+1)throw new Error("expected a string as the first argument to l10n.t");let o=t[0];for(let l=1;l<t.length;l++)o+=`{${l-1}}`+t[l];return N(o,...s)}else r=t.message,n=r,t.comment&&t.comment.length>0&&(n+=`/${Array.isArray(t.comment)?t.comment.join(""):t.comment}`),i=t.args??{};return yf(r,i)}var gf=/{([^}]+)}/g;function yf(e,t){return Object.keys(t).length===0?e:e.replace(gf,(n,r)=>t[r]??n)}N("Invalid color format. Use #RGB, #RGBA, #RRGGBB or #RRGGBBAA."),N("String is not a RFC3339 date-time."),N("String is not a RFC3339 date."),N("String is not a RFC3339 time."),N("String is not an e-mail address."),N("String is not a hostname."),N("String is not an IPv4 address."),N("String is not an IPv6 address.");var wl;(function(e){e[e.Key=0]="Key",e[e.Enum=1]="Enum"})(wl||(wl={})),pt.v3,pt.v4,pt.v6,pt.v7,pt.v2019_09,pt.v2020_12;const $l={schemas:{"https://json-schema.org/draft-04/schema":{definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},positiveInteger:{type:"integer",minimum:0},positiveIntegerDefault0:{allOf:[{$ref:"#/definitions/positiveInteger"},{default:0}]},simpleTypes:{type:"string",enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},minItems:1,uniqueItems:!0}},type:"object",properties:{id:{type:"string",format:"uri"},$schema:{type:"string",format:"uri"},title:{type:"string"},description:{type:"string"},default:{},multipleOf:{type:"number",minimum:0,exclusiveMinimum:!0},maximum:{type:"number"},exclusiveMaximum:{type:"boolean",default:!1},minimum:{type:"number"},exclusiveMinimum:{type:"boolean",default:!1},maxLength:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minLength:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},pattern:{type:"string",format:"regex"},additionalItems:{anyOf:[{type:"boolean"},{$ref:"#"}],default:{}},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:{}},maxItems:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minItems:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},uniqueItems:{type:"boolean",default:!1},maxProperties:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minProperties:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},required:{allOf:[{$ref:"#/definitions/stringArray"}]},additionalProperties:{anyOf:[{type:"boolean"},{$ref:"#"}],default:{}},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},enum:{type:"array",minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{anyOf:[{type:"string",enum:["date-time","uri","email","hostname","ipv4","ipv6","regex"]},{type:"string"}]},allOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},anyOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},oneOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},not:{allOf:[{$ref:"#"}]}},dependencies:{exclusiveMaximum:["maximum"],exclusiveMinimum:["minimum"]},default:{}},"https://json-schema.org/draft-07/schema":{definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{allOf:[{$ref:"#/definitions/nonNegativeInteger"},{default:0}]},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}},type:["object","boolean"],properties:{$id:{type:"string",format:"uri-reference"},$schema:{type:"string",format:"uri"},$ref:{type:"string",format:"uri-reference"},$comment:{type:"string"},title:{type:"string"},description:{type:"string"},default:!0,readOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/definitions/nonNegativeInteger"},minLength:{$ref:"#/definitions/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},additionalItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:!0},maxItems:{$ref:"#/definitions/nonNegativeInteger"},minItems:{$ref:"#/definitions/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},contains:{$ref:"#"},maxProperties:{$ref:"#/definitions/nonNegativeInteger"},minProperties:{$ref:"#/definitions/nonNegativeIntegerDefault0"},required:{$ref:"#/definitions/stringArray"},additionalProperties:{$ref:"#"},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},propertyNames:{$ref:"#"},const:!0,enum:{type:"array",items:!0,minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/definitions/schemaArray"},anyOf:{$ref:"#/definitions/schemaArray"},oneOf:{$ref:"#/definitions/schemaArray"},not:{$ref:"#"}},default:!0},"https://json-schema.org/draft/2020-12/schema":{$id:"https://json-schema.org/draft/2020-12/schema",$schema:"https://json-schema.org/draft/2020-12/schema",title:"(Flattened static) Core and Validation specifications meta-schema",type:["object","boolean"],properties:{definitions:{$comment:"While no longer an official keyword as it is replaced by $defs, this keyword is retained in the meta-schema to prevent incompatible extensions as it remains in common use.",type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{$comment:'"dependencies" is no longer a keyword, but schema authors should avoid redefining it to facilitate a smooth transition to "dependentSchemas" and "dependentRequired"',type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/$defs/stringArray"}]}},$id:{type:"string",format:"uri-reference",$comment:"Non-empty fragments not allowed.",pattern:"^[^#]*#?$"},$schema:{type:"string",format:"uri"},$anchor:{type:"string",pattern:"^[A-Za-z_][-A-Za-z0-9._]*$"},$ref:{type:"string",format:"uri-reference"},$dynamicRef:{type:"string",format:"uri-reference"},$vocabulary:{type:"object",propertyNames:{type:"string",format:"uri"},additionalProperties:{type:"boolean"}},$comment:{type:"string"},$defs:{type:"object",additionalProperties:{$ref:"#"},default:{}},prefixItems:{$ref:"#/$defs/schemaArray"},items:{$ref:"#"},contains:{$ref:"#"},additionalProperties:{$ref:"#"},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependentSchemas:{type:"object",additionalProperties:{$ref:"#"}},propertyNames:{$ref:"#"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/$defs/schemaArray"},anyOf:{$ref:"#/$defs/schemaArray"},oneOf:{$ref:"#/$defs/schemaArray"},not:{$ref:"#"},unevaluatedItems:{$ref:"#"},unevaluatedProperties:{$ref:"#"},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/$defs/nonNegativeInteger"},minLength:{$ref:"#/$defs/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},maxItems:{$ref:"#/$defs/nonNegativeInteger"},minItems:{$ref:"#/$defs/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},maxContains:{$ref:"#/$defs/nonNegativeInteger"},minContains:{$ref:"#/$defs/nonNegativeInteger",default:1},maxProperties:{$ref:"#/$defs/nonNegativeInteger"},minProperties:{$ref:"#/$defs/nonNegativeIntegerDefault0"},required:{$ref:"#/$defs/stringArray"},dependentRequired:{type:"object",additionalProperties:{$ref:"#/$defs/stringArray"}},const:!0,enum:{type:"array",items:!0},type:{anyOf:[{$ref:"#/$defs/simpleTypes"},{type:"array",items:{$ref:"#/$defs/simpleTypes"},minItems:1,uniqueItems:!0}]},title:{type:"string"},description:{type:"string"},default:!0,deprecated:{type:"boolean",default:!1},readOnly:{type:"boolean",default:!1},writeOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},contentSchema:{$ref:"#"}},$defs:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{$ref:"#/$defs/nonNegativeInteger",default:0},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}}},"https://json-schema.org/draft/2019-09/schema":{$id:"https://json-schema.org/draft/2019-09/schema",$schema:"https://json-schema.org/draft/2019-09/schema",title:"(Flattened static) Core and Validation specifications meta-schema",type:["object","boolean"],properties:{definitions:{$comment:"While no longer an official keyword as it is replaced by $defs, this keyword is retained in the meta-schema to prevent incompatible extensions as it remains in common use.",type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{$comment:'"dependencies" is no longer a keyword, but schema authors should avoid redefining it to facilitate a smooth transition to "dependentSchemas" and "dependentRequired"',type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/$defs/stringArray"}]}},$id:{type:"string",format:"uri-reference",$comment:"Non-empty fragments not allowed.",pattern:"^[^#]*#?$"},$schema:{type:"string",format:"uri"},$anchor:{type:"string",pattern:"^[A-Za-z][-A-Za-z0-9.:_]*$"},$ref:{type:"string",format:"uri-reference"},$recursiveAnchor:{type:"boolean",default:!1},$vocabulary:{type:"object",propertyNames:{type:"string",format:"uri"},additionalProperties:{type:"boolean"}},$comment:{type:"string"},$defs:{type:"object",additionalProperties:{$ref:"#"},default:{}},additionalItems:{$ref:"#"},unevaluatedItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/$defs/schemaArray"}]},contains:{$ref:"#"},additionalProperties:{$ref:"#"},unevaluatedProperties:{$ref:"#"},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependentSchemas:{type:"object",additionalProperties:{$ref:"#"}},propertyNames:{$ref:"#"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/$defs/schemaArray"},anyOf:{$ref:"#/$defs/schemaArray"},oneOf:{$ref:"#/$defs/schemaArray"},not:{$ref:"#"},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/$defs/nonNegativeInteger"},minLength:{$ref:"#/$defs/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},maxItems:{$ref:"#/$defs/nonNegativeInteger"},minItems:{$ref:"#/$defs/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},maxContains:{$ref:"#/$defs/nonNegativeInteger"},minContains:{$ref:"#/$defs/nonNegativeInteger",default:1},maxProperties:{$ref:"#/$defs/nonNegativeInteger"},minProperties:{$ref:"#/$defs/nonNegativeIntegerDefault0"},required:{$ref:"#/$defs/stringArray"},dependentRequired:{type:"object",additionalProperties:{$ref:"#/$defs/stringArray"}},const:!0,enum:{type:"array",items:!0},type:{anyOf:[{$ref:"#/$defs/simpleTypes"},{type:"array",items:{$ref:"#/$defs/simpleTypes"},minItems:1,uniqueItems:!0}]},title:{type:"string"},description:{type:"string"},default:!0,deprecated:{type:"boolean",default:!1},readOnly:{type:"boolean",default:!1},writeOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},contentSchema:{$ref:"#"}},$defs:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{$ref:"#/$defs/nonNegativeInteger",default:0},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}}}}},vf={id:N("A unique identifier for the schema."),$schema:N("The schema to verify this document against."),title:N("A descriptive title of the schema."),description:N("A long description of the schema. Used in hover menus and suggestions."),default:N("A default value. Used by suggestions."),multipleOf:N("A number that should cleanly divide the current value (i.e. have no remainder)."),maximum:N("The maximum numerical value, inclusive by default."),exclusiveMaximum:N("Makes the maximum property exclusive."),minimum:N("The minimum numerical value, inclusive by default."),exclusiveMinimum:N("Makes the minimum property exclusive."),maxLength:N("The maximum length of a string."),minLength:N("The minimum length of a string."),pattern:N("A regular expression to match the string against. It is not implicitly anchored."),additionalItems:N("For arrays, only when items is set as an array. If items are a schema, this schema validates items after the ones specified by the items schema. If false, additional items will cause validation to fail."),items:N("For arrays. Can either be a schema to validate every element against or an array of schemas to validate each item against in order (the first schema will validate the first element, the second schema will validate the second element, and so on."),maxItems:N("The maximum number of items that can be inside an array. Inclusive."),minItems:N("The minimum number of items that can be inside an array. Inclusive."),uniqueItems:N("If all of the items in the array must be unique. Defaults to false."),maxProperties:N("The maximum number of properties an object can have. Inclusive."),minProperties:N("The minimum number of properties an object can have. Inclusive."),required:N("An array of strings that lists the names of all properties required on this object."),additionalProperties:N("Either a schema or a boolean. If a schema, used to validate all properties not matched by 'properties', 'propertyNames', or 'patternProperties'. If false, any properties not defined by the adajacent keywords will cause this schema to fail."),definitions:N("Not used for validation. Place subschemas here that you wish to reference inline with $ref."),properties:N("A map of property names to schemas for each property."),patternProperties:N("A map of regular expressions on property names to schemas for matching properties."),dependencies:N("A map of property names to either an array of property names or a schema. An array of property names means the property named in the key depends on the properties in the array being present in the object in order to be valid. If the value is a schema, then the schema is only applied to the object if the property in the key exists on the object."),enum:N("The set of literal values that are valid."),type:N("Either a string of one of the basic schema types (number, integer, null, array, object, boolean, string) or an array of strings specifying a subset of those types."),format:N("Describes the format expected for the value. By default, not used for validation"),allOf:N("An array of schemas, all of which must match."),anyOf:N("An array of schemas, where at least one must match."),oneOf:N("An array of schemas, exactly one of which must match."),not:N("A schema which must not match."),$id:N("A unique identifier for the schema."),$ref:N("Reference a definition hosted on any location."),$comment:N("Comments from schema authors to readers or maintainers of the schema."),readOnly:N("Indicates that the value of the instance is managed exclusively by the owning authority."),examples:N("Sample JSON values associated with a particular schema, for the purpose of illustrating usage."),contains:N('An array instance is valid against "contains" if at least one of its elements is valid against the given schema.'),propertyNames:N("If the instance is an object, this keyword validates if every property name in the instance validates against the provided schema."),const:N("An instance validates successfully against this keyword if its value is equal to the value of the keyword."),contentMediaType:N("Describes the media type of a string property."),contentEncoding:N("Describes the content encoding of a string property."),if:N('The validation outcome of the "if" subschema controls which of the "then" or "else" keywords are evaluated.'),then:N('The "then" subschema is used for validation when the "if" subschema succeeds.'),else:N('The "else" subschema is used for validation when the "if" subschema fails.')};for(const e in $l.schemas){const t=$l.schemas[e];for(const n in t.properties){let r=t.properties[n];typeof r=="boolean"&&(r=t.properties[n]={});const i=vf[n];i&&(r.description=i)}}var Al;(function(e){e[e.Object=0]="Object",e[e.Array=1]="Array"})(Al||(Al={}));const bf=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const _f=Object.prototype.toString,xf=e=>_f.call(e)==="[object Object]",ri=()=>{};function ar(e){return Array.isArray(e)?e:[e]}function wf(e){const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))}const $f=/-(\w)/g,Af=wf(e=>e.replace($f,(t,n)=>n?n.toUpperCase():""));function If(e,t){if(typeof Symbol<"u"){const n={...e};return Object.defineProperty(n,Symbol.iterator,{enumerable:!1,value(){let r=0;return{next:()=>({value:t[r++],done:r>t.length})}}}),n}else return Object.assign([...t],e)}function Of(e,t,n){return je(e,t,{...n,immediate:!0})}function Il(e={}){const{inheritAttrs:t=!0}=e,n=ma(),r=We({setup(s,{slots:o}){return()=>{n.value=o.default}}}),i=We({inheritAttrs:t,props:e.props,setup(s,{attrs:o,slots:l}){return()=>{var a;if(!n.value)throw new Error("[VueUse] Failed to find the definition of reusable template");const u=(a=n.value)===null||a===void 0?void 0:a.call(n,{...e.props==null?Tf(o):s,$slots:l});return t&&u?.length===1?u[0]:u}}});return If({define:r,reuse:i},[r,i])}function Tf(e){const t={};for(const n in e)t[Af(n)]=e[n];return t}const Ol=bf?window:void 0;function cn(e){var t;const n=yt(e);return(t=n?.$el)!==null&&t!==void 0?t:n}function ur(...e){const t=(r,i,s,o)=>(r.addEventListener(i,s,o),()=>r.removeEventListener(i,s,o)),n=re(()=>{const r=ar(yt(e[0])).filter(i=>i!=null);return r.every(i=>typeof i!="string")?r:void 0});return Of(()=>{var r,i;return[(r=(i=n.value)===null||i===void 0?void 0:i.map(s=>cn(s)))!==null&&r!==void 0?r:[Ol].filter(s=>s!=null),ar(yt(n.value?e[1]:e[0])),ar(V(n.value?e[2]:e[1])),yt(n.value?e[3]:e[2])]},([r,i,s,o],l,a)=>{if(!r?.length||!i?.length||!s?.length)return;const u=xf(o)?{...o}:o,f=r.flatMap(p=>i.flatMap(g=>s.map(m=>t(p,g,m,u))));a(()=>{f.forEach(p=>p())})},{flush:"post"})}function kf(e,t,n={}){const{window:r=Ol,ignore:i=[],capture:s=!0,detectIframe:o=!1,controls:l=!1}=n;if(!r)return l?{stop:ri,cancel:ri,trigger:ri}:ri;let a=!0;const u=w=>yt(i).some(O=>{if(typeof O=="string")return Array.from(r.document.querySelectorAll(O)).some(L=>L===w.target||w.composedPath().includes(L));{const L=cn(O);return L&&(w.target===L||w.composedPath().includes(L))}});function f(w){const O=yt(w);return O&&O.$.subTree.shapeFlag===16}function p(w,O){const L=yt(w),M=L.$.subTree&&L.$.subTree.children;return M==null||!Array.isArray(M)?!1:M.some(j=>j.el===O.target||O.composedPath().includes(j.el))}const g=w=>{const O=cn(e);if(w.target!=null&&!(!(O instanceof Element)&&f(e)&&p(e,w))&&!(!O||O===w.target||w.composedPath().includes(O))){if("detail"in w&&w.detail===0&&(a=!u(w)),!a){a=!0;return}t(w)}};let m=!1;const k=[ur(r,"click",w=>{m||(m=!0,setTimeout(()=>{m=!1},0),g(w))},{passive:!0,capture:s}),ur(r,"pointerdown",w=>{const O=cn(e);a=!u(w)&&!!(O&&!w.composedPath().includes(O))},{passive:!0}),o&&ur(r,"blur",w=>{setTimeout(()=>{var O;const L=cn(e);((O=r.document.activeElement)===null||O===void 0?void 0:O.tagName)==="IFRAME"&&!L?.contains(r.document.activeElement)&&t(w)},0)},{passive:!0})].filter(Boolean),I=()=>k.forEach(w=>w());return l?{stop:I,cancel:()=>{a=!1},trigger:w=>{a=!0,g(w),a=!1}}:I}function Ef(e){const{props:t,emit:n,modelName:r,defaultValue:i}=e,s=ne(t[r]!==void 0?t[r]:i),o=re(()=>t[r]!==void 0);return je(()=>t[r],l=>{l!==void 0&&(s.value=l)}),re({get(){return o.value?t[r]:s.value},set(l){s.value=l,n(`update:${r}`,l)}})}const ve=e=>({type:Boolean,default:e}),K=e=>({type:String,default:e}),Mf=Symbol("ink-form"),Tl={id:K(),name:K(),disabled:ve(!1),error:K(""),prop:K(),label:K(),layout:K(),editable:ve(!0),required:ve(!1)},ht=(e,t)=>{const n=e.__vccOpts||e;for(const[r,i]of t)n[r]=i;return n},Pf={for:K(),error:K(""),errorId:K(),label:K("Label"),layout:K("col"),value:K(""),editable:ve(!0),required:ve(!1)},jf={"value-click":()=>!0},Lf={class:"flex flex-row"},Nf=["for"],Rf={key:0,"aria-hidden":"true",class:"ink-field__required"},Ff=["id"],Vf=We({__name:"inkField",props:Pf,emits:jf,setup(e,{emit:t}){const n=e,r=t,i=re(()=>["ink-field",`ink-field--${n.layout}`]),s=re(()=>["ink-field__value",{"ink-field__value--underlined":n.layout==="inline"&&n.editable,"ink-field__value--clickable":n.editable}]),o=()=>{r("value-click")};return(l,a)=>(B(),G("div",{class:me(i.value)},[W("div",Lf,[W("label",{for:n.for,class:"ink-field__label"},[zn(ge(l.label)+" ",1),n.required?(B(),G("sup",Rf,"*")):oe("",!0)],8,Nf),ot(l.$slots,"label-right",{},void 0)]),ot(l.$slots,"default",{},()=>[l.editable?(B(),G("button",{key:0,type:"button",class:me(s.value),onClick:o},ge(l.value),3)):(B(),G("span",{key:1,class:me(s.value)},ge(l.value),3))]),l.error?(B(),G("p",{key:0,id:l.errorId,class:"ink-field__error",role:"alert"},ge(l.error),9,Ff)):oe("",!0)],2))}}),kl=ht(Vf,[["__scopeId","data-v-26546d64"]]),Sf={...Tl,modelValue:K(""),nativeType:K("text"),placeholder:K(""),type:K("default")},Df={confirm:e=>!0,cancel:()=>!0,"update:modelValue":e=>!0};function El(e){const t=Rt(Mf,null),n=rs(),r=za(),i=re(()=>e.id||n),s=re(()=>`${i.value}-error`),o=re(()=>[r["aria-describedby"],e.error&&s.value].filter(Boolean).join(" ")||void 0),l=re(()=>e.layout||t?.layout||"col"),a=re(()=>!!(e.label||e.error));return{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}}const Uf=["id","type","name","disabled","required","aria-invalid","aria-describedby","value","placeholder"],Bf=["id","disabled","aria-describedby"],Hf=["id"],qf=We({inheritAttrs:!1,__name:"inkInput",props:Sf,emits:Df,setup(e,{emit:t}){const n=e,r=t,{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}=El(n),u=ne(!1),f=ne(),p=ne(),g=ne("");async function m(){!n.editable||n.disabled||(g.value=n.modelValue??"",u.value=!0,await jt(),f.value?.focus())}async function k(M){if(!(M.isComposing||M.keyCode===229)&&!(M.key!=="Enter"&&M.key!=="Escape")){if(M.preventDefault(),M.stopPropagation(),M.key==="Enter"){const j=M.target.value;r("update:modelValue",j),r("confirm",j)}else r("cancel");u.value=!1,await jt(),p.value?.focus()}}function I(M){const j=M.target.value;n.type==="inline"?g.value=j:r("update:modelValue",j)}function w(){u.value&&(u.value=!1,r("cancel"))}const[O,L]=Il();return(M,j)=>(B(),G(fe,null,[Z(V(O),null,{default:ct(()=>[W("div",{class:me(["ink-input",{"ink-input--inline":M.type==="inline","ink-input--inline-editing":u.value}])},[M.editable&&(M.type!=="inline"||u.value)?(B(),G("input",Vt({key:0},M.$attrs,{id:V(i),ref_key:"input",ref:f,class:"ink-input__input",type:M.nativeType,name:M.name,disabled:M.disabled,required:M.required,"aria-invalid":!!M.error||void 0,"aria-describedby":V(o),value:M.type==="inline"?g.value:M.modelValue,placeholder:M.placeholder,onInput:I,onKeydown:j[0]||(j[0]=X=>M.type==="inline"&&k(X)),onBlur:w}),null,16,Uf)):M.type==="inline"&&M.editable?(B(),G("button",Vt({key:1},M.$attrs,{id:V(i),ref_key:"trigger",ref:p,type:"button",class:"ink-input__inline-text",disabled:M.disabled,"aria-describedby":V(o),onClick:m}),[ot(M.$slots,"default",{},()=>[zn(ge(M.modelValue||M.placeholder),1)],!0)],16,Bf)):(B(),G("span",{key:2,id:V(i),class:"ink-input__value"},ge(M.modelValue),9,Hf))],2)]),_:3}),V(a)?(B(),Ge(kl,{key:0,for:V(i),label:M.label||"",layout:V(l),required:M.required,error:M.error,"error-id":V(s)},{default:ct(()=>[Z(V(L))]),_:1},8,["for","label","layout","required","error","error-id"])):(B(),Ge(V(L),{key:1}))],64))}}),Wf=ht(qf,[["__scopeId","data-v-261bfe3b"]]);function Gf(e,t){const n=ne(!1),r=ne(!1);return je(()=>[e()],async([i],s,o)=>{let l=!0;if(o(()=>{l=!1}),r.value=i instanceof Promise,!(i instanceof Promise)){n.value=i;return}try{const a=await i;l&&(n.value=a)}catch(a){l&&t(a)}finally{l&&(r.value=!1)}},{immediate:!0,flush:"sync"}),{value:n,pending:r}}const zf={modelValue:{type:[Boolean,Promise],default:!1},size:K("md"),showLabel:ve(!0),offText:K("OFF"),onText:K("ON"),disabled:ve(!1),isSwitching:ve(!1)},Xf={error:e=>!0,"update:modelValue":e=>!0},Jf=["aria-checked","aria-label","aria-busy","disabled"],Yf={class:"ink-switch__handle"},Zf=["aria-hidden"],Qf=["aria-hidden"],Kf={key:1,class:"ink-switch__loading i-mdi-loading animate-spin","aria-hidden":"true"},Cf=We({__name:"inkSwitch",props:zf,emits:Xf,setup(e,{emit:t}){const n=e,r=t,{value:i,pending:s}=Gf(()=>n.modelValue,f=>r("error",f)),o=re(()=>["ink-switch",`ink-switch--${n.size}`,{"ink-switch--on":i.value}]),l=re(()=>i.value?n.onText:n.offText),a=re(()=>n.isSwitching||s.value),u=()=>{!a.value&&!n.disabled&&r("update:modelValue",!i.value)};return(f,p)=>(B(),G("button",{type:"button",role:"switch","aria-checked":V(i),"aria-label":f.showLabel?l.value:void 0,"aria-busy":a.value||void 0,disabled:f.disabled||a.value,class:me(o.value),onClick:u},[W("div",Yf,[f.showLabel?(B(),G(fe,{key:0},[W("span",{class:me(["ink-switch__label",{"ink-switch__label--hidden":!V(i)||a.value}]),"aria-hidden":!V(i)||a.value},ge(f.onText),11,Zf),W("span",{class:me(["ink-switch__label",{"ink-switch__label--hidden":V(i)||a.value}]),"aria-hidden":V(i)||a.value},ge(f.offText),11,Qf)],64)):oe("",!0),a.value?(B(),G("span",Kf)):oe("",!0)])],10,Jf))}}),ec=ht(Cf,[["__scopeId","data-v-9ad27c9b"]]),tc={...Tl,options:{type:Array},refresher:{type:Function},modelValue:{type:[String,Number],default:""},placeholder:K("Select an option"),displayAs:K("box"),enableStepping:ve(!1)},nc={"update:modelValue":e=>!0,error:e=>!0,change:e=>!0,"update:options":e=>!0},ic={nativeType:K("button"),disabled:ve(!1),text:K(),icon:K(),iconPlacement:K("prefix"),type:K("default"),theme:K("subtle"),size:K("md"),isLoading:ve(!1)},rc={click:e=>!0},sc=["type","disabled","aria-busy"],oc={key:0},lc={key:2,class:"ink-button__loading i-mdi-loading animate-spin","aria-hidden":"true"},ac=We({__name:"inkButton",props:ic,emits:rc,setup(e,{emit:t}){const n=e,r=t,i=Rt("isLoading",!1),s=re(()=>typeof i=="boolean"?n.isLoading||i:n.isLoading||i.value),o=re(()=>["ink-button",`ink-button--type-${n.type}`,`ink-button--theme-${n.theme}`,`ink-button--size-${n.size}`,{"ink-button--loading":s.value}]),l=a=>{!s.value&&!n.disabled&&r("click",a)};return(a,u)=>(B(),G("button",{class:me(o.value),type:a.nativeType,disabled:a.disabled||s.value,"aria-busy":s.value||void 0,onClick:l},[a.iconPlacement==="prefix"?ot(a.$slots,"prefix-icon",{key:0},()=>[a.icon?(B(),G("span",{key:0,class:me([a.icon,"ink-button__icon"])},null,2)):oe("",!0)]):oe("",!0),ot(a.$slots,"default",{},()=>[a.text?(B(),G("span",oc,ge(a.text),1)):oe("",!0)]),a.iconPlacement==="suffix"?ot(a.$slots,"suffix-icon",{key:1},()=>[a.icon?(B(),G("span",{key:0,class:me([a.icon,"ink-button__icon"])},null,2)):oe("",!0)]):oe("",!0),s.value?(B(),G("span",lc)):oe("",!0)],10,sc))}}),Le=ht(ac,[["__scopeId","data-v-41145a76"]]),uc=["id","disabled","aria-expanded","aria-controls","aria-activedescendant","aria-required","aria-invalid","aria-describedby"],fc={class:"ink-dropdown__value"},cc={key:0,class:"i-mdi-chevron-down ink-dropdown__chevron","aria-hidden":"true"},dc=["name","value","disabled"],pc={key:3,class:"ink-dropdown__options"},hc=["aria-expanded","aria-controls","aria-activedescendant"],mc={key:0,role:"status",class:"ink-dropdown__loading"},gc=["id","aria-label"],yc=["id","aria-selected","onClick"],vc={class:"option__label"},bc={key:0,class:"option__description"},_c={key:1,class:"ink-dropdown__empty"},xc={key:4,role:"alert"},wc=We({inheritAttrs:!1,__name:"inkDropdown",props:tc,emits:nc,setup(e,{emit:t}){const n=e,r=t,{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}=El(n),u=ne(),f=ne(),p=ne(),g=ne(!1),m=ne(!1),k=ne(""),I=ne(""),w=ne(0),O=Ef({props:n,emit:r,modelName:"options",defaultValue:[]}),L=re(()=>n.disabled||!n.editable),M=re(()=>O.value.findIndex(P=>P.value===n.modelValue)),j=re(()=>O.value[M.value]?.label??n.placeholder),X=re(()=>{const P=I.value.toLocaleLowerCase();return O.value.filter(S=>`${S.label} ${S.description??""}`.toLocaleLowerCase().includes(P))}),ce=re(()=>g.value&&X.value[w.value]?`${i.value}-option-${w.value}`:void 0);let le=0;async function de(P=!1){if(!n.refresher||!P&&O.value.length)return;const S=++le;m.value=!0,k.value="";try{const R=await n.refresher();S===le&&(O.value=R)}catch(R){S===le&&(k.value="Unable to load options",r("error",R))}finally{S===le&&(m.value=!1)}}Mi(()=>{le++}),je(()=>n.refresher,()=>{le++,m.value=!1,k.value=""}),je(I,()=>{w.value=0}),je(()=>n.disabled||!n.editable,P=>{P&&se()}),je(X,P=>{w.value=Math.min(w.value,Math.max(0,P.length-1))}),kf(u,()=>se());function se(){g.value=!1,I.value=""}function pe(){L.value||(g.value=!0,w.value=Math.max(0,M.value),de())}function Ne(P){L.value||m.value||(r("update:modelValue",P.value),r("change",P.value),se(),f.value?.focus())}function wt(P){if(L.value||m.value||!O.value.length)return;const S=O.value.length;Ne(O.value[(M.value+P+S)%S])}async function $t(P){if(L.value||P.isComposing)return;const S=P.target===p.value;if(P.key==="Tab"){se();return}if(P.key==="Escape"&&g.value){P.preventDefault(),P.stopPropagation(),se(),f.value?.focus();return}if(["ArrowDown","ArrowUp","Home","End"].includes(P.key)){if(P.preventDefault(),!g.value){pe();return}const R=X.value.length;if(!R)return;P.key==="Home"?w.value=0:P.key==="End"?w.value=R-1:w.value=(w.value+(P.key==="ArrowDown"?1:-1)+R)%R,await jt(),document.getElementById(ce.value??"")?.scrollIntoView({block:"nearest"})}else if(P.key==="Enter"||!S&&P.key===" ")if(P.preventDefault(),!g.value)pe();else{const R=X.value[w.value];R&&Ne(R)}else!S&&P.key.length===1&&!P.ctrlKey&&!P.metaKey&&!P.altKey&&(P.preventDefault(),g.value||pe(),I.value=P.key,await jt(),p.value?.focus())}us(()=>{n.modelValue!==void 0&&n.modelValue!==null&&n.modelValue!==""&&de()});const[dn,pn]=Il();return(P,S)=>(B(),G(fe,null,[Z(V(dn),null,{default:ct(()=>[W("div",{ref_key:"container",ref:u,class:"ink-dropdown-container",onFocusout:S[6]||(S[6]=R=>{u.value?.contains(R.relatedTarget)||se()})},[W("button",Vt(P.$attrs,{id:V(i),ref_key:"trigger",ref:f,type:"button",role:"combobox",disabled:L.value,"aria-expanded":g.value,"aria-controls":`${V(i)}-options`,"aria-haspopup":"listbox","aria-activedescendant":ce.value,"aria-required":P.required||void 0,"aria-invalid":!!P.error||void 0,"aria-describedby":V(o),class:["ink-dropdown",{"ink-dropdown--editable":!L.value,"ink-dropdown--active":g.value}],onClick:S[0]||(S[0]=R=>g.value?se():pe()),onKeydown:$t}),[W("span",fc,ge(j.value),1),L.value?oe("",!0):(B(),G("span",cc))],16,uc),P.name?(B(),G("input",{key:0,type:"hidden",name:P.name,value:P.modelValue??"",disabled:L.value},null,8,dc)):oe("",!0),P.enableStepping?(B(),G(fe,{key:1},[Z(Le,{icon:"i-mdi-chevron-left",type:"square","aria-label":"Previous option",disabled:L.value||m.value||!V(O).length,onClick:S[1]||(S[1]=R=>wt(-1))},null,8,["disabled"]),Z(Le,{icon:"i-mdi-chevron-right",type:"square","aria-label":"Next option",disabled:L.value||m.value||!V(O).length,onClick:S[2]||(S[2]=R=>wt(1))},null,8,["disabled"])],64)):oe("",!0),P.refresher?(B(),Ge(Le,{key:2,icon:"i-mdi-refresh",type:"square","aria-label":"Refresh options","is-loading":m.value,disabled:L.value,onClick:S[3]||(S[3]=R=>de(!0))},null,8,["is-loading","disabled"])):oe("",!0),g.value?(B(),G("div",pc,[Zr(W("input",{ref_key:"searchInput",ref:p,"onUpdate:modelValue":S[4]||(S[4]=R=>I.value=R),role:"combobox","aria-label":"Search options","aria-expanded":g.value,"aria-controls":`${V(i)}-options`,"aria-activedescendant":ce.value,class:"ink-dropdown__search-input",onKeydown:$t},null,40,hc),[[rf,I.value]]),m.value?(B(),G("div",mc,"Loading...")):oe("",!0),W("div",{id:`${V(i)}-options`,role:"listbox","aria-label":P.label||P.placeholder},[(B(!0),G(fe,null,Pi(X.value,(R,Je)=>(B(),G("div",{id:`${V(i)}-option-${Je}`,key:R.value,role:"option","aria-selected":R.value===P.modelValue,class:me(["ink-dropdown__option",{"ink-dropdown__option--selected":R.value===P.modelValue,"ink-dropdown__option--hovered":w.value===Je}]),onMousedown:S[5]||(S[5]=Dt(()=>{},["prevent"])),onClick:hn=>Ne(R)},[W("span",vc,ge(R.label),1),R.description?(B(),G("span",bc,ge(R.description),1)):oe("",!0)],42,yc))),128))],8,gc),!m.value&&!X.value.length?(B(),G("div",_c," No matching options ")):oe("",!0)])):oe("",!0),k.value?(B(),G("span",xc,ge(k.value),1)):oe("",!0)],544)]),_:1}),V(a)?(B(),Ge(kl,{key:0,for:V(i),label:P.label||"",layout:V(l),required:P.required,error:P.error,"error-id":V(s)},{default:ct(()=>[Z(V(pn))]),_:1},8,["for","label","layout","required","error","error-id"])):(B(),Ge(V(pn),{key:1}))],64))}}),$c=ht(wc,[["__scopeId","data-v-12d72b5c"]]),Ac={position:{type:[String,Array],default:"center"},closeOnEscape:ve(!0),closeOnScrim:ve(!0),scrim:ve(!0)},Ic={"scrim-click":()=>!0};function Ml(e,t,n){let r=null;je([e,t,n],([i,s,o])=>{if(i){if(!s){i.open&&i.close();return}i.open&&i.matches(":modal")===o||(i.open&&i.close(),r=document.activeElement instanceof HTMLElement?document.activeElement:null,o?i.showModal():i.show())}},{flush:"post"}),Mi(()=>{const i=e.value,s=i?.contains(document.activeElement);i?.close(),s&&r?.isConnected&&r.focus()})}const Oc=["aria-modal"],Tc=We({inheritAttrs:!1,__name:"inkPopup",props:Bn(Ac,{open:{type:Boolean,default:!1},openModifiers:{}}),emits:Bn(Ic,["update:open"]),setup(e,{emit:t}){const n=e,r=t,i=bs(e,"open"),s=ne();Ml(s,i,()=>n.scrim);function o(){n.closeOnEscape&&(i.value=!1)}function l(p){if(!n.scrim||p.target!==s.value)return;const g=s.value.getBoundingClientRect();(p.clientX<g.left||p.clientX>g.right||p.clientY<g.top||p.clientY>g.bottom)&&f()}const a=re(()=>{const p=n.position;return typeof p=="string"?`ink-popup--${p}`:""}),u=re(()=>{const p=n.position;if(!Array.isArray(p))return{};const[g,m,k,I]=p,w={};return g!=null&&(w.top=`${g}px`),m!=null&&(w.right=`${m}px`),k!=null&&(w.bottom=`${k}px`),I!=null&&(w.left=`${I}px`),w}),f=()=>{n.closeOnScrim&&(i.value=!1),r("scrim-click")};return(p,g)=>(B(),Ge(ns,{to:"body"},[W("dialog",Vt({ref_key:"dialog",ref:s},p.$attrs,{"aria-modal":p.scrim||void 0,class:["ink-popup",a.value],style:u.value,onCancel:Dt(o,["prevent"]),onKeydown:g[0]||(g[0]=oo(m=>{p.scrim||(m.stopPropagation(),o())},["esc"])),onClick:l,onClose:g[1]||(g[1]=()=>{s.value?.open||(i.value=!1)})}),[i.value?ot(p.$slots,"default",{key:0},void 0):oe("",!0)],16,Oc)]))}}),kc=ht(Tc,[["__scopeId","data-v-917f1942"]]),Ec={closeOnScrim:ve(!0),closeOnEscape:ve(!0),showCloseButton:ve(!1)},Mc={"scrim-click":()=>!0,close:()=>!0,"update:open":e=>!0},Pc={key:0,class:"ink-scrim__close-btn"},jc=We({inheritAttrs:!1,__name:"inkScrim",props:Bn(Ec,{open:{type:Boolean,default:!1},openModifiers:{}}),emits:Bn(Mc,["update:open"]),setup(e,{emit:t}){const n=e,r=t,i=bs(e,"open"),s=ne();Ml(s,i,()=>!0);const o=()=>{n.closeOnScrim&&l(),r("scrim-click")},l=()=>{r("close"),i.value=!1};return(a,u)=>(B(),Ge(ns,{to:"body"},[W("dialog",Vt({ref_key:"dialog",ref:s},a.$attrs,{class:"ink-scrim","aria-modal":"true","data-testid":"ink-scrim",onClick:Dt(o,["self"]),onCancel:u[0]||(u[0]=Dt(f=>a.closeOnEscape&&l(),["prevent"])),onClose:u[1]||(u[1]=()=>{!s.value?.open&&i.value&&l()})}),[i.value?(B(),G("div",{key:0,class:"ink-scrim__wrapper",onClick:Dt(o,["self"])},[a.showCloseButton?(B(),G("div",Pc,[Z(Le,{"data-testid":"ink-scrim-close-btn","aria-label":"Close",onClick:l,type:"square",icon:"i-mdi-close"})])):oe("",!0),ot(a.$slots,"default",{close:l},void 0)])):oe("",!0)],16)]))}}),Lc=ht(jc,[["__scopeId","data-v-2c9f1a24"]]),Nc={content:K(""),position:K("top")},Rc={},Fc=["id","aria-hidden"],Vc={class:"ink-tooltip__content"},Sc=We({__name:"inkTooltip",props:Nc,emits:Rc,setup(e,{emit:t}){const n=e,r=ne(!1),i=ne(!1),s=ne(!1),o=re(()=>!s.value&&(r.value||i.value)),l=rs(),a=re(()=>["ink-tooltip",`ink-tooltip--${n.position}`,{"ink-tooltip--visible":o.value}]);return(u,f)=>(B(),G("div",{class:"ink-tooltip-wrapper",onMouseenter:f[0]||(f[0]=p=>{r.value=!0,s.value=!1}),onMouseleave:f[1]||(f[1]=p=>r.value=!1),onFocusin:f[2]||(f[2]=p=>{i.value=!0,s.value=!1}),onFocusout:f[3]||(f[3]=p=>i.value=!1),onKeydown:f[4]||(f[4]=oo(Dt(p=>s.value=!0,["stop"]),["esc"]))},[ot(u.$slots,"default",{describedby:u.content?V(l):void 0},void 0),u.content?(B(),G("div",{key:0,id:V(l),role:"tooltip","aria-hidden":!o.value,class:me(a.value)},[W("div",Vc,ge(u.content),1)],10,Fc)):oe("",!0)],32))}}),Dc=ht(Sc,[["__scopeId","data-v-505773dc"]]),Uc={class:"delivery"},Bc={class:"controls"},Hc={class:"row"},qc={class:"actions"},Wc=["data-kind"],Gc={class:"row overlay-actions"},zc={class:"shadow-grid"},Xc={class:"row"};cf({__name:"Delivery",setup(e){const t=ne("light");je(t,l=>{document.documentElement.dataset.theme=l},{immediate:!0});const n=ne(""),r=ne("text"),i=ne(!0),s=ne(!1),o=ne(!1);return(l,a)=>(B(),G("main",Uc,[W("header",null,[a[12]||(a[12]=W("h1",null,"I2 · 实际产物验收",-1)),a[13]||(a[13]=W("p",null,"本页使用打包产物的根级主题，检查组件状态、浮层和样式入口。",-1)),W("label",null,[a[11]||(a[11]=zn("主题 ",-1)),Zr(W("select",{"onUpdate:modelValue":a[0]||(a[0]=u=>t.value=u),"aria-label":"主题"},[...a[10]||(a[10]=[W("option",{value:"light"},"浅色",-1),W("option",{value:"dark"},"深色",-1)])],512),[[sf,t.value]])])]),W("section",Bc,[a[15]||(a[15]=W("h2",null,"采集设置",-1)),Z(V(Wf),{modelValue:n.value,"onUpdate:modelValue":a[1]||(a[1]=u=>n.value=u),label:"来源名称",error:n.value.trim()?void 0:"请输入来源名称。"},null,8,["modelValue","error"]),Z(V($c),{modelValue:r.value,"onUpdate:modelValue":a[2]||(a[2]=u=>r.value=u),label:"保存内容",options:[{value:"text",label:"正文与链接",description:"保留全文，便于继续阅读。"},{value:"link",label:"仅保留链接",description:"在原始页面打开完整内容。"}]},null,8,["modelValue"]),W("div",Hc,[a[14]||(a[14]=W("label",{for:"sync"},"自动采集",-1)),Z(V(ec),{id:"sync",modelValue:i.value,"onUpdate:modelValue":a[3]||(a[3]=u=>i.value=u),"on-text":"开启","off-text":"关闭"},null,8,["modelValue"])])]),W("section",qc,[(B(),G(fe,null,Pi(["primary","subtle","danger"],u=>W("div",{key:u,class:"row","data-kind":u},[Z(V(Le),{theme:u,text:{primary:"保存设置",subtle:"取消修改",danger:"移除来源"}[u]},null,8,["theme","text"]),Z(V(Le),{theme:u,text:"不可用",disabled:""},null,8,["theme"]),Z(V(Le),{theme:u,text:"处理中","is-loading":""},null,8,["theme"])],8,Wc)),64))]),W("section",Gc,[Z(V(Le),{text:"打开确认",theme:"subtle",onClick:a[4]||(a[4]=u=>s.value=!0)}),Z(V(Le),{text:"打开阅读层",theme:"subtle",onClick:a[5]||(a[5]=u=>o.value=!0)}),Z(V(Dc),{content:"重新连接后继续采集。",position:"top"},{default:ct(({describedby:u})=>[Z(V(Le),{text:"连接说明",theme:"subtle","aria-describedby":u},null,8,["aria-describedby"])]),_:1})]),W("section",zc,[(B(),G(fe,null,Pi(["low","md","high"],u=>(B(),G(fe,{key:u},[W("div",{class:me(["shadow-sample",`sass-shadow-${u}`])},"Sass · "+ge(u),3),W("div",{class:me(["shadow-sample",`shadow-${u}`])},"Uno · "+ge(u),3)],64))),64))]),a[19]||(a[19]=W("p",{class:"uno-pair bg-surface-primary text-text-on-primary"},"Uno 主动作配对",-1)),Z(V(kc),{open:s.value,"onUpdate:open":a[8]||(a[8]=u=>s.value=u),"aria-label":"设置确认"},{default:ct(()=>[a[16]||(a[16]=W("h2",null,"移除阅读摘录？",-1)),a[17]||(a[17]=W("p",null,"停止后续采集，已经保存的内容仍可阅读。",-1)),W("div",Xc,[Z(V(Le),{theme:"danger",text:"移除来源",onClick:a[6]||(a[6]=u=>s.value=!1)}),Z(V(Le),{theme:"subtle",text:"返回设置",onClick:a[7]||(a[7]=u=>s.value=!1)})])]),_:1},8,["open"]),Z(V(Lc),{open:o.value,"onUpdate:open":a[9]||(a[9]=u=>o.value=u),"aria-label":"阅读内容","show-close-button":""},{default:ct(()=>[...a[18]||(a[18]=[W("article",{class:"scrim-content"},[W("h2",null,"阅读摘录"),W("p",null,"当前内容保持完整，关闭后回到原来的采集设置。")],-1)])]),_:1},8,["open"])]))}}).mount("#app")})();
+</script></body></html>
diff --git a/tasks/ui-foundations/i2-evidence/popup-dark-375.png b/tasks/ui-foundations/i2-evidence/popup-dark-375.png
new file mode 100644
index 0000000..401b466
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/popup-dark-375.png differ
diff --git a/tasks/ui-foundations/i2-evidence/popup-light-375.png b/tasks/ui-foundations/i2-evidence/popup-light-375.png
new file mode 100644
index 0000000..83b9ee7
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/popup-light-375.png differ
diff --git a/tasks/ui-foundations/i2-evidence/scrim-dark-375.png b/tasks/ui-foundations/i2-evidence/scrim-dark-375.png
new file mode 100644
index 0000000..f8edc50
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/scrim-dark-375.png differ
diff --git a/tasks/ui-foundations/i2-evidence/scrim-light-375.png b/tasks/ui-foundations/i2-evidence/scrim-light-375.png
new file mode 100644
index 0000000..332a4bb
Binary files /dev/null and b/tasks/ui-foundations/i2-evidence/scrim-light-375.png differ
diff --git a/tasks/ui-foundations/i2-evidence/verification.json b/tasks/ui-foundations/i2-evidence/verification.json
new file mode 100644
index 0000000..027fd26
--- /dev/null
+++ b/tasks/ui-foundations/i2-evidence/verification.json
@@ -0,0 +1,159 @@
+{
+  "source": "11be433ca6e7c203da7f42233983e576a967d71e",
+  "package": "@inkcre/ui-web@2.0.0",
+  "tarballSha256": "a2d8e5ecffeaa58aca0ea60e4bcfdf77d486d9b694c91fbc3775ec5708da0f5d",
+  "tokensSha256": "475712a34e15dc4e474b2b0308110f5423cdf92e66a01bf5de542771c342e593",
+  "cssSha256": "aa16dd5b8a35dbd20ec70e335aab9a1afb473d8a50417fb77e59140f48125b7b",
+  "approvedStudySha256": "2f6dba098c22217d001b6905fd87df1dbdaa2fcf00968c1dab7fed07266b8e2e",
+  "browser": "149.0.7827.55",
+  "themes": [
+    {
+      "theme": "light",
+      "matchedVariables": 41,
+      "tokens": {
+        "--comp-switch-handle-bg": "rgb(249, 249, 249)",
+        "--comp-switch-label-color": "rgb(31, 31, 31)",
+        "--comp-switch-track-bg": "rgb(31, 31, 31)",
+        "--sys-color-border-base": "rgb(119, 119, 119)",
+        "--sys-color-border-strong": "rgb(7, 7, 7)",
+        "--sys-color-border-subtle": "rgb(198, 198, 198)",
+        "--sys-color-feedback-error": "rgb(179, 52, 43)",
+        "--sys-color-feedback-info": "rgb(18, 103, 167)",
+        "--sys-color-feedback-success": "rgb(25, 113, 61)",
+        "--sys-color-feedback-warning": "rgb(138, 89, 0)",
+        "--sys-color-overlay-scrim": "rgba(0, 0, 0, 0.5)",
+        "--sys-color-surface-base": "rgb(255, 255, 255)",
+        "--sys-color-surface-base-hover": "rgb(238, 238, 238)",
+        "--sys-color-surface-danger": "rgb(130, 89, 85)",
+        "--sys-color-surface-danger-hover": "rgb(112, 73, 71)",
+        "--sys-color-surface-primary": "rgb(31, 31, 31)",
+        "--sys-color-surface-primary-hover": "rgb(48, 48, 48)",
+        "--sys-color-surface-subtle": "rgb(249, 249, 249)",
+        "--sys-color-surface-subtle-hover": "rgb(238, 238, 238)",
+        "--sys-color-text-base": "rgb(31, 31, 31)",
+        "--sys-color-text-on-danger": "rgb(249, 249, 249)",
+        "--sys-color-text-on-primary": "rgb(249, 249, 249)",
+        "--sys-color-text-subtle": "rgb(94, 94, 94)",
+        "--sys-elevation-raised-high-color": "rgba(0, 0, 0, 0.18)",
+        "--sys-elevation-raised-high-offset-x": "0px",
+        "--sys-elevation-raised-high-offset-y": "4px",
+        "--sys-elevation-raised-high-radius": "12px",
+        "--sys-elevation-raised-high-shadow-type": "dropShadow",
+        "--sys-elevation-raised-high-spread": "0px",
+        "--sys-elevation-raised-low-color": "rgba(0, 0, 0, 0.1)",
+        "--sys-elevation-raised-low-offset-x": "0px",
+        "--sys-elevation-raised-low-offset-y": "1px",
+        "--sys-elevation-raised-low-radius": "2px",
+        "--sys-elevation-raised-low-shadow-type": "dropShadow",
+        "--sys-elevation-raised-low-spread": "0px",
+        "--sys-elevation-raised-md-color": "rgba(0, 0, 0, 0.16)",
+        "--sys-elevation-raised-md-offset-x": "0px",
+        "--sys-elevation-raised-md-offset-y": "2px",
+        "--sys-elevation-raised-md-radius": "6px",
+        "--sys-elevation-raised-md-shadow-type": "dropShadow",
+        "--sys-elevation-raised-md-spread": "0px"
+      },
+      "shadows": [
+        {
+          "level": "low",
+          "shadow": "rgba(0, 0, 0, 0.1) 0px 1px 2px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px"
+        },
+        {
+          "level": "md",
+          "shadow": "rgba(0, 0, 0, 0.16) 0px 2px 6px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.16) 0px 2px 6px 0px"
+        },
+        {
+          "level": "high",
+          "shadow": "rgba(0, 0, 0, 0.18) 0px 4px 12px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.18) 0px 4px 12px 0px"
+        }
+      ],
+      "buttons": "normal/hover/pressed/focus/disabled/pending",
+      "errorWithFocus": true,
+      "selectedLabelAndDescription": true,
+      "rootPopupAndScrim": true,
+      "openPopupThemeChange": true,
+      "sassRuntimeShadow": true,
+      "unoBuildTimeShadow": true,
+      "narrowWidth": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "matchedVariables": 41,
+      "tokens": {
+        "--comp-switch-handle-bg": "rgb(31, 31, 31)",
+        "--comp-switch-label-color": "rgb(226, 226, 226)",
+        "--comp-switch-track-bg": "rgb(226, 226, 226)",
+        "--sys-color-border-base": "rgb(145, 145, 145)",
+        "--sys-color-border-strong": "rgb(198, 198, 198)",
+        "--sys-color-border-subtle": "rgb(94, 94, 94)",
+        "--sys-color-feedback-error": "rgb(237, 150, 144)",
+        "--sys-color-feedback-info": "rgb(112, 181, 237)",
+        "--sys-color-feedback-success": "rgb(103, 200, 140)",
+        "--sys-color-feedback-warning": "rgb(229, 185, 81)",
+        "--sys-color-overlay-scrim": "rgba(0, 0, 0, 0.5)",
+        "--sys-color-surface-base": "rgb(31, 31, 31)",
+        "--sys-color-surface-base-hover": "rgb(48, 48, 48)",
+        "--sys-color-surface-danger": "rgb(200, 161, 157)",
+        "--sys-color-surface-danger-hover": "rgb(185, 145, 139)",
+        "--sys-color-surface-primary": "rgb(226, 226, 226)",
+        "--sys-color-surface-primary-hover": "rgb(198, 198, 198)",
+        "--sys-color-surface-subtle": "rgb(48, 48, 48)",
+        "--sys-color-surface-subtle-hover": "rgb(58, 58, 58)",
+        "--sys-color-text-base": "rgb(226, 226, 226)",
+        "--sys-color-text-on-danger": "rgb(31, 31, 31)",
+        "--sys-color-text-on-primary": "rgb(31, 31, 31)",
+        "--sys-color-text-subtle": "rgb(171, 171, 171)",
+        "--sys-elevation-raised-high-color": "rgba(0, 0, 0, 0.18)",
+        "--sys-elevation-raised-high-offset-x": "0px",
+        "--sys-elevation-raised-high-offset-y": "4px",
+        "--sys-elevation-raised-high-radius": "12px",
+        "--sys-elevation-raised-high-shadow-type": "dropShadow",
+        "--sys-elevation-raised-high-spread": "0px",
+        "--sys-elevation-raised-low-color": "rgba(0, 0, 0, 0.1)",
+        "--sys-elevation-raised-low-offset-x": "0px",
+        "--sys-elevation-raised-low-offset-y": "1px",
+        "--sys-elevation-raised-low-radius": "2px",
+        "--sys-elevation-raised-low-shadow-type": "dropShadow",
+        "--sys-elevation-raised-low-spread": "0px",
+        "--sys-elevation-raised-md-color": "rgba(0, 0, 0, 0.16)",
+        "--sys-elevation-raised-md-offset-x": "0px",
+        "--sys-elevation-raised-md-offset-y": "2px",
+        "--sys-elevation-raised-md-radius": "6px",
+        "--sys-elevation-raised-md-shadow-type": "dropShadow",
+        "--sys-elevation-raised-md-spread": "0px"
+      },
+      "shadows": [
+        {
+          "level": "low",
+          "shadow": "rgba(0, 0, 0, 0.1) 0px 1px 2px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px"
+        },
+        {
+          "level": "md",
+          "shadow": "rgba(0, 0, 0, 0.16) 0px 2px 6px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.16) 0px 2px 6px 0px"
+        },
+        {
+          "level": "high",
+          "shadow": "rgba(0, 0, 0, 0.18) 0px 4px 12px 0px",
+          "uno": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.18) 0px 4px 12px 0px"
+        }
+      ],
+      "buttons": "normal/hover/pressed/focus/disabled/pending",
+      "errorWithFocus": true,
+      "selectedLabelAndDescription": true,
+      "rootPopupAndScrim": true,
+      "openPopupThemeChange": true,
+      "sassRuntimeShadow": true,
+      "unoBuildTimeShadow": true,
+      "narrowWidth": 375,
+      "overflow": 0
+    }
+  ],
+  "errors": [],
+  "requests": []
+}
diff --git a/tasks/ui-foundations/i2-study/App.vue b/tasks/ui-foundations/i2-study/App.vue
new file mode 100644
index 0000000..ad53834
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/App.vue
@@ -0,0 +1,457 @@
+<script setup>
+import { computed, reactive, ref, watch } from "vue";
+import { InkButton, InkInput, InkSwitch, InkDropdown, InkTooltip } from "@inkcre/ui-web";
+import { sceneTokens } from "./palette.mjs";
+
+const theme = ref("light");
+watch(
+  theme,
+  (value) => {
+    document.documentElement.dataset.theme = value;
+  },
+  { immediate: true },
+);
+const view = ref("scene");
+const formState = ref("normal");
+const feedbackKind = ref("warning");
+const draft = reactive({ name: "阅读摘录", enabled: true, format: "text" });
+const notice = ref("");
+const busy = computed(() => formState.value === "pending");
+const editable = computed(() => !["pending", "disabled"].includes(formState.value));
+const panels = [
+  { id: "current", title: "现行 · I1 产物", proposed: false },
+  { id: "candidate", title: "候选 · 中性底面，清晰反馈", proposed: true },
+];
+const feedback = {
+  normal: { title: "已连接", detail: "最近保存的正文与链接仍然可用。" },
+  success: { title: "连接验证通过", detail: "现在可以继续采集，已有内容保持不变。" },
+  warning: { title: "授权将在一天后到期", detail: "请在到期前重新授权，以免停止采集。" },
+  info: {
+    title: "下一次采集将包含附件",
+    detail: "本次修改仅对之后的采集生效，已有记录保持不变。",
+  },
+  error: { title: "连接失败", detail: "请检查网络与授权后重试；已保存的内容仍然可读。" },
+};
+function save() {
+  if (!draft.name.trim()) {
+    formState.value = "error";
+    return;
+  }
+  notice.value = `已在本页保留「${draft.name}」的设置。`;
+}
+function reset() {
+  Object.assign(draft, { name: "阅读摘录", enabled: true, format: "text" });
+  formState.value = "normal";
+  notice.value = "";
+}
+</script>
+
+<template>
+  <main class="study" :data-view="view" :data-theme="theme">
+    <header class="study-heading">
+      <h1>色彩与阴影 · 场景校准</h1>
+      <p>
+        相同组件、内容与状态，只改变配色和阴影。候选尚未写入正式 Token；本页操作不保存业务数据。
+      </p>
+      <div class="study-controls">
+        <label
+          >主题<select v-model="theme" aria-label="主题">
+            <option value="light">浅色</option>
+            <option value="dark">深色</option>
+          </select></label
+        >
+        <label
+          >查看<select v-model="view" aria-label="查看">
+            <option value="scene">页面场景</option>
+            <option value="states">动作与反馈</option>
+            <option value="layers">覆盖层阴影</option>
+          </select></label
+        >
+        <label v-if="view === 'states'"
+          >反馈情境<select v-model="feedbackKind" aria-label="反馈情境">
+            <option value="normal">日常状态</option>
+            <option value="success">刚完成连接验证</option>
+            <option value="warning">授权即将到期</option>
+            <option value="info">采集范围有变化</option>
+            <option value="error">连接失败</option>
+          </select></label
+        >
+        <label v-if="view === 'scene'"
+          >表单状态<select v-model="formState" aria-label="表单状态">
+            <option value="normal">正常</option>
+            <option value="error">错误</option>
+            <option value="pending">等待</option>
+            <option value="disabled">不可用</option>
+          </select></label
+        >
+      </div>
+    </header>
+    <div class="comparison">
+      <section
+        v-for="panel in panels"
+        :key="panel.id"
+        class="comparison-column"
+        :aria-label="panel.title"
+      >
+        <h2 class="panel-label">{{ panel.title }}</h2>
+        <article
+          class="scene"
+          :data-palette="panel.id"
+          :style="{ ...sceneTokens(theme, panel.proposed), colorScheme: theme }"
+        >
+          <template v-if="view === 'scene'">
+            <header class="scene-heading">
+              <span class="brand">InKCre</span><span class="muted">来源</span>
+            </header>
+            <div class="scene-content">
+              <h2>阅读与记录</h2>
+              <p class="muted intro">收集值得保留的内容，继续上次的阅读。</p>
+              <div class="source-row">
+                <span>阅读摘录</span><span class="feedback muted">3 分钟前更新</span>
+              </div>
+              <div class="source-row">
+                <span>每周通讯</span><span class="feedback muted">昨天更新</span>
+              </div>
+              <section class="settings">
+                <h3>采集设置</h3>
+                <InkInput
+                  v-model="draft.name"
+                  label="来源名称"
+                  :editable="editable"
+                  :error="formState === 'error' ? '请输入可辨认的来源名称。' : undefined"
+                />
+                <InkDropdown
+                  v-model="draft.format"
+                  label="保存内容"
+                  :editable="editable"
+                  :options="[
+                    { label: '正文与链接', value: 'text' },
+                    { label: '仅保留链接', value: 'link' },
+                  ]"
+                />
+                <div class="switch-line">
+                  <label :for="panel.id + '-sync'">自动采集</label
+                  ><InkSwitch
+                    :id="panel.id + '-sync'"
+                    v-model="draft.enabled"
+                    on-text="开启"
+                    off-text="关闭"
+                    :disabled="!editable"
+                    :is-switching="busy"
+                  />
+                </div>
+                <div class="actions">
+                  <InkButton
+                    text="保存设置"
+                    theme="primary"
+                    :is-loading="busy"
+                    :disabled="!editable"
+                    @click="save"
+                  /><InkButton text="取消" theme="subtle" :disabled="!editable" @click="reset" />
+                </div>
+                <p v-if="busy" class="feedback muted" role="status">正在保存设置…</p>
+                <p v-else-if="notice" class="feedback muted" role="status">{{ notice }}</p>
+              </section>
+            </div>
+          </template>
+          <div v-else-if="view === 'states'" class="scene-content">
+            <h2>动作与反馈</h2>
+            <p class="muted intro">可悬停、按下或用 Tab 聚焦。等待中的动作保留原配色和文字。</p>
+            <section
+              v-for="kind in ['primary', 'subtle', 'danger']"
+              :key="kind"
+              class="state-row"
+              :data-kind="kind"
+            >
+              <h3>{{ { primary: "主要动作", subtle: "次要动作", danger: "危险动作" }[kind] }}</h3>
+              <div class="actions">
+                <InkButton
+                  :theme="kind"
+                  :text="kind === 'danger' ? '移除来源' : '执行操作'"
+                  @click="notice = '已触发本页动作示意。'"
+                /><InkButton :theme="kind" text="不可用" disabled /><InkButton
+                  :theme="kind"
+                  text="处理中"
+                  is-loading
+                />
+              </div>
+            </section>
+            <section class="feedback-example" :data-feedback="feedbackKind">
+              <p
+                class="feedback feedback-title"
+                :class="feedbackKind === 'normal' ? 'muted' : feedbackKind"
+              >
+                {{ feedback[feedbackKind].title }}
+              </p>
+              <p class="feedback feedback-detail">{{ feedback[feedbackKind].detail }}</p>
+            </section>
+            <p v-if="notice" class="muted" role="status">{{ notice }}</p>
+          </div>
+          <div v-else class="scene-content layers">
+            <h2>覆盖关系</h2>
+            <p class="muted intro">
+              常驻内容不加阴影；提示覆盖内容时，用细边界和贴近轮廓的轻阴影区分。
+            </p>
+            <div class="tooltip-scene">
+              <div class="source-row"><span>阅读摘录</span><span class="muted">最近更新</span></div>
+              <div class="tooltip-anchor">
+                <InkTooltip
+                  content="重新连接后继续采集。"
+                  position="bottom"
+                  v-slot="{ describedby }"
+                  ><InkButton text="连接说明" theme="subtle" :aria-describedby="describedby"
+                /></InkTooltip>
+              </div>
+              <p class="muted covered-copy">最近保存的正文与链接仍然可用。</p>
+            </div>
+            <p class="muted layer-note">
+              悬停或聚焦「连接说明」查看实际 Tooltip。下方并列展开三个阴影档位，便于比较范围。
+            </p>
+            <div class="shadow-examples">
+              <div
+                v-for="level in ['low', 'md', 'high']"
+                :key="level"
+                class="shadow-sample"
+                :style="{
+                  boxShadow: `var(--sys-elevation-raised-${level}-offset-x) var(--sys-elevation-raised-${level}-offset-y) var(--sys-elevation-raised-${level}-radius) var(--sys-elevation-raised-${level}-spread) var(--sys-elevation-raised-${level}-color)`,
+                }"
+              >
+                {{ { low: "较弱", md: "默认", high: "较强" }[level] }}
+              </div>
+            </div>
+          </div>
+        </article>
+      </section>
+    </div>
+    <footer>
+      本页用于判断视觉力度；普通文字、必要边界、状态和焦点的可辨认性另行检查。键盘与配对结果见同目录记录。
+    </footer>
+  </main>
+</template>
+
+<style>
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+  background: #e9e9e9;
+  color: #252525;
+  font:
+    16px/1.5 system-ui,
+    sans-serif;
+}
+.study {
+  max-width: 1300px;
+  margin: auto;
+  padding: 24px;
+}
+.study-heading h1 {
+  margin: 0;
+  font-size: 26px;
+  font-weight: 600;
+}
+.study-heading > p {
+  margin: 8px 0 20px;
+  max-width: 60em;
+  color: #555;
+}
+.study-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px 24px;
+  margin-bottom: 24px;
+}
+.study-controls label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.study-controls select {
+  color: #252525;
+  background: #fff;
+  border: 1px solid #777;
+  border-radius: 0;
+  font: inherit;
+  padding: 5px 8px;
+}
+.study-controls select:focus-visible {
+  outline: 2px solid #252525;
+  outline-offset: 2px;
+}
+.comparison {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 24px;
+}
+.comparison-column {
+  min-width: 0;
+}
+.panel-label {
+  font-size: 16px;
+  font-weight: 600;
+  margin: 0 0 12px;
+}
+.scene {
+  min-height: 600px;
+  color: var(--sys-color-text-base);
+  background: var(--sys-color-surface-base);
+  font-family: var(--sys-typo-family-sans);
+  font-size: var(--sys-font-body-md-font-size);
+  line-height: var(--sys-font-body-md-line-height);
+}
+.scene-heading {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  border-bottom: 1px solid var(--sys-color-border-subtle);
+  padding: 16px 24px;
+}
+.brand {
+  font-family: var(--sys-typo-family-mono);
+  font-size: var(--sys-font-title-sm-font-size);
+  font-weight: var(--sys-font-title-sm-font-weight);
+}
+.scene-content {
+  padding: 24px;
+}
+.scene h2 {
+  margin: 0;
+  font-size: var(--sys-font-title-lg-font-size);
+  font-weight: var(--sys-font-title-lg-font-weight);
+  line-height: var(--sys-font-title-lg-line-height);
+}
+.scene h3 {
+  margin: 0;
+  font-size: var(--sys-font-title-sm-font-size);
+  font-weight: var(--sys-font-title-sm-font-weight);
+  line-height: var(--sys-font-title-sm-line-height);
+}
+.scene p {
+  margin: 0;
+}
+.scene .intro {
+  margin: 8px 0 24px;
+}
+.muted {
+  color: var(--sys-color-text-subtle);
+}
+.source-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px 16px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--sys-color-border-subtle);
+}
+.source-row .feedback {
+  font-size: var(--sys-font-body-sm-font-size);
+}
+.settings {
+  display: grid;
+  gap: 16px;
+  margin-top: 28px;
+  padding: 20px;
+  background: var(--sys-color-surface-subtle);
+}
+.switch-line {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 16px;
+}
+.switch-line > label {
+  font-size: var(--sys-font-label-lg-font-size);
+}
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.state-row {
+  margin-block: 24px;
+}
+.state-row h3 {
+  margin-bottom: 12px;
+}
+.feedback {
+  font-size: var(--sys-font-body-sm-font-size);
+  line-height: var(--sys-font-body-sm-line-height);
+}
+.success {
+  color: var(--sys-color-feedback-success);
+}
+.warning {
+  color: var(--sys-color-feedback-warning);
+}
+.info {
+  color: var(--sys-color-feedback-info);
+}
+.error {
+  color: var(--sys-color-feedback-error);
+}
+.feedback-example {
+  margin-top: 24px;
+  padding: 16px;
+  background: var(--sys-color-surface-subtle);
+}
+.feedback-title {
+  font-weight: 500;
+}
+.scene .feedback-detail {
+  margin-top: 8px;
+}
+.tooltip-scene {
+  position: relative;
+  padding-bottom: 28px;
+}
+.tooltip-anchor {
+  display: flex;
+  justify-content: center;
+  margin-top: 24px;
+}
+.tooltip-scene .ink-tooltip {
+  width: max-content;
+  max-width: 240px;
+}
+.tooltip-scene .covered-copy {
+  margin-top: 24px;
+}
+.scene .layer-note {
+  margin: 24px 0;
+  font-size: var(--sys-font-body-sm-font-size);
+}
+.shadow-examples {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 28px;
+  padding: 16px 0 32px;
+}
+.shadow-sample {
+  padding: 12px 20px;
+  background: var(--sys-color-surface-base);
+  border: 1px solid var(--sys-color-border-base);
+  font-size: var(--sys-font-body-sm-font-size);
+}
+.study footer {
+  margin-top: 20px;
+  color: #555;
+  font-size: 13px;
+}
+@media (max-width: 760px) {
+  .study {
+    padding: 20px 12px;
+  }
+  .comparison {
+    grid-template-columns: 1fr;
+  }
+  .scene-heading,
+  .scene-content {
+    padding: 20px;
+  }
+  .settings {
+    padding: 16px;
+  }
+}
+</style>
diff --git a/tasks/ui-foundations/i2-study/Delivery.vue b/tasks/ui-foundations/i2-study/Delivery.vue
new file mode 100644
index 0000000..2a8a01a
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/Delivery.vue
@@ -0,0 +1,209 @@
+<script setup>
+import { ref, watch } from "vue";
+import {
+  InkButton,
+  InkInput,
+  InkDropdown,
+  InkSwitch,
+  InkTooltip,
+  InkPopup,
+  InkScrim,
+} from "@inkcre/ui-web";
+
+const theme = ref("light");
+watch(
+  theme,
+  (value) => {
+    document.documentElement.dataset.theme = value;
+  },
+  { immediate: true },
+);
+const name = ref("");
+const format = ref("text");
+const enabled = ref(true);
+const popupOpen = ref(false);
+const scrimOpen = ref(false);
+</script>
+
+<template>
+  <main class="delivery">
+    <header>
+      <h1>I2 · 实际产物验收</h1>
+      <p>本页使用打包产物的根级主题，检查组件状态、浮层和样式入口。</p>
+      <label
+        >主题
+        <select v-model="theme" aria-label="主题">
+          <option value="light">浅色</option>
+          <option value="dark">深色</option>
+        </select></label
+      >
+    </header>
+    <section class="controls">
+      <h2>采集设置</h2>
+      <InkInput
+        v-model="name"
+        label="来源名称"
+        :error="name.trim() ? undefined : '请输入来源名称。'"
+      />
+      <InkDropdown
+        v-model="format"
+        label="保存内容"
+        :options="[
+          { value: 'text', label: '正文与链接', description: '保留全文，便于继续阅读。' },
+          { value: 'link', label: '仅保留链接', description: '在原始页面打开完整内容。' },
+        ]"
+      />
+      <div class="row">
+        <label for="sync">自动采集</label
+        ><InkSwitch id="sync" v-model="enabled" on-text="开启" off-text="关闭" />
+      </div>
+    </section>
+    <section class="actions">
+      <div
+        v-for="kind in ['primary', 'subtle', 'danger']"
+        :key="kind"
+        class="row"
+        :data-kind="kind"
+      >
+        <InkButton
+          :theme="kind"
+          :text="{ primary: '保存设置', subtle: '取消修改', danger: '移除来源' }[kind]"
+        />
+        <InkButton :theme="kind" text="不可用" disabled />
+        <InkButton :theme="kind" text="处理中" is-loading />
+      </div>
+    </section>
+    <section class="row overlay-actions">
+      <InkButton text="打开确认" theme="subtle" @click="popupOpen = true" />
+      <InkButton text="打开阅读层" theme="subtle" @click="scrimOpen = true" />
+      <InkTooltip content="重新连接后继续采集。" position="top" v-slot="{ describedby }">
+        <InkButton text="连接说明" theme="subtle" :aria-describedby="describedby" />
+      </InkTooltip>
+    </section>
+    <section class="shadow-grid">
+      <template v-for="level in ['low', 'md', 'high']" :key="level">
+        <div class="shadow-sample" :class="`sass-shadow-${level}`">Sass · {{ level }}</div>
+        <div class="shadow-sample" :class="`shadow-${level}`">Uno · {{ level }}</div>
+      </template>
+    </section>
+    <p class="uno-pair bg-surface-primary text-text-on-primary">Uno 主动作配对</p>
+    <InkPopup v-model:open="popupOpen" aria-label="设置确认">
+      <h2>移除阅读摘录？</h2>
+      <p>停止后续采集，已经保存的内容仍可阅读。</p>
+      <div class="row">
+        <InkButton theme="danger" text="移除来源" @click="popupOpen = false" /><InkButton
+          theme="subtle"
+          text="返回设置"
+          @click="popupOpen = false"
+        />
+      </div>
+    </InkPopup>
+    <InkScrim v-model:open="scrimOpen" aria-label="阅读内容" show-close-button>
+      <article class="scrim-content">
+        <h2>阅读摘录</h2>
+        <p>当前内容保持完整，关闭后回到原来的采集设置。</p>
+      </article>
+    </InkScrim>
+  </main>
+</template>
+
+<style>
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+  color: var(--sys-color-text-base);
+  background: var(--sys-color-surface-base);
+  font-family: var(--sys-typo-family-sans);
+  font-size: var(--sys-font-body-md-font-size);
+  line-height: var(--sys-font-body-md-line-height);
+}
+.delivery {
+  max-width: 760px;
+  margin: auto;
+  padding: 24px;
+}
+h1 {
+  font-size: var(--sys-font-title-lg-font-size);
+  font-weight: 500;
+}
+h2 {
+  font-size: var(--sys-font-title-sm-font-size);
+  font-weight: 500;
+}
+header {
+  margin-bottom: 28px;
+}
+header p {
+  color: var(--sys-color-text-subtle);
+}
+header select {
+  font: inherit;
+  color: inherit;
+  background: var(--sys-color-surface-base);
+  border: 1px solid var(--sys-color-border-base);
+  border-radius: 0;
+}
+.controls {
+  display: grid;
+  gap: 16px;
+  padding: 20px;
+  background: var(--sys-color-surface-subtle);
+}
+.controls h2 {
+  margin: 0;
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+}
+.actions {
+  display: grid;
+  gap: 16px;
+  margin: 24px 0;
+}
+.overlay-actions {
+  margin-block: 28px;
+}
+.shadow-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 20px;
+}
+.shadow-sample {
+  padding: 12px;
+  border: 1px solid var(--sys-color-border-base);
+  background: var(--sys-color-surface-base);
+}
+.uno-pair {
+  padding: 12px;
+}
+.ink-popup p {
+  margin-block: 16px;
+}
+.ink-tooltip {
+  width: max-content;
+  max-width: 200px;
+}
+.scrim-content {
+  width: min(420px, calc(100vw - 48px));
+  margin: 20vh auto;
+  padding: 20px;
+  color: var(--sys-color-text-base);
+  background: var(--sys-color-surface-base);
+}
+.scrim-content h2 {
+  margin-top: 0;
+}
+@media (max-width: 480px) {
+  .delivery {
+    padding: 16px;
+  }
+  .controls {
+    padding: 16px;
+  }
+}
+</style>
diff --git a/tasks/ui-foundations/i2-study/README.md b/tasks/ui-foundations/i2-study/README.md
new file mode 100644
index 0000000..3ce3954
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/README.md
@@ -0,0 +1,77 @@
+# I2 色彩与阴影校准
+
+本页保留色彩与阴影的校准过程。用户现已认可修订版，选定值已写回 Token 规范源；正式源、实际产物与最终验证见 [I2 交付验收](../i2-evidence/README.md)。本目录的离线页面保留校准时的 I1／候选对照与提示文字，不作为当前发布状态。消费者仍使用 registry UI 2.0.0。
+
+打开 [交互对照](index.html)，左侧是 I1 实际产物，右侧是修订候选。可以切换浅深主题，以及页面场景、动作与反馈、覆盖层阴影三个视图；表单另有正常、错误、等待和不可用状态。在“动作与反馈”中选择反馈情境，分别查看日常状态、连接验证成功、授权即将到期、采集范围变化和连接失败。两个面板共用相同内容和草稿，页面布局不作为新设计规则。本页不请求后端、不保存业务数据。
+
+## 这组候选改变的关系
+
+| 范围               | 现状                                                                | 候选与理由                                                                           |
+| ------------------ | ------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
+| 主动作             | 浅深主题的主表面、悬停与反色文字带蓝灰倾向                          | 改为中性灰配对；浅色用深灰动作，深色用浅灰动作，保留主次区别                         |
+| 深色表面           | 基底 `#474747`，次要区域 `#1f1f1f`，悬停升到 `#5e5e5e`              | 基底 `#1f1f1f`，次要区域 `#303030`，较亮的悬停止于 `#3a3a3a`，减少相邻表面的明暗跳变 |
+| 反馈               | I1 使用较鲜艳的前景；上一版候选的灰绿、灰赭和灰蓝被用户指出过于雾化 | 改用更干净的绿、金黄、蓝和红，只强调需要注意的关键文字；常态状态与详细说明保持中性色 |
+| 危险动作           | 两主题都以较鲜艳的深红底配浅色字                                    | 浅色用灰红底配浅字，深色用较亮的灰红底配深字；前景和表面一起变化                     |
+| 次要文字与必要边界 | 深色边界、文字与较亮的 hover 表面没有统一配对余量                   | 适当降低常态亮度，同时限制 hover 表面亮度，维持边界和文字的可辨认性                  |
+| Switch             | 轨道与滑块接近纯黑白                                                | 随主动作采用相近的中性灰范围，保留状态文字与滑块的对比                               |
+| 覆盖层阴影         | 默认阴影向下偏移 6px、模糊 20px，颜色带蓝灰                         | 默认阴影改为向下 2px、模糊 6px 的中性黑；范围收紧后保留足够的边缘层次                |
+
+所有候选值集中在 [palette.mjs](palette.mjs)。浅色普通表面继续使用现有白色／近白色；阴影三个档位分别是 1px／2px／4px 垂直偏移和 2px／6px／12px 模糊。较弱和较强的小样用于检查家族关系，不赋予常驻卡片使用阴影的许可。
+
+本次反馈前景如下。浅色主题使用较深的色值保留文字对比，深色主题提高明度；“较纯”不等于使用最高饱和度的 RGB 原色。错误文字与危险按钮底色分别承担用途，前者一同提高纯度，后者保留用户认可的灰红。
+
+| 反馈前景 | 浅色主题  | 深色主题  |
+| -------- | --------- | --------- |
+| success  | `#19713d` | `#67c88c` |
+| warning  | `#8a5900` | `#e5b951` |
+| info     | `#1267a7` | `#70b5ed` |
+| error    | `#b3342b` | `#ed9690` |
+
+页面场景已移除常驻的成功／警告着色，普通保存结果和等待说明也使用中性色。反馈示例随情境切换，只有关键文字着色，说明正文保持普通文字颜色；不再并列陈列四种反馈来示范实际用色密度。这是实验的对照安排，不限制真实页面只能出现一个问题，也不授权隐藏同时存在的风险。
+
+现行面板直接使用 I1 tarball 的根级主题，候选只覆盖已有系统颜色、Switch 颜色和阴影变量。组件也取自该 tarball 的真实 JS/CSS；没有重新解析或抄写现行色值，也没有按截图重写按钮、字段、开关、选择器或 Tooltip。示例不使用 Teleport 浮层，因此可以在两个面板并排比较；正式 Popup/Scrim 的候选覆盖仍须在根级验证。
+
+## 证据与边界
+
+2026-09-13 使用 Chromium 149.0.7827.55 完成 [浏览器与配对记录](verification.json)。每个主题／面板检查 29 组文字配对和 13 组边界配对，共 168 组；其中候选占 84 组。配对使用浏览器实际读取的变量，阈值判断保留未舍入值。
+
+| 配对范围 | 最低文字对比度 | 最低必要边界对比度 | 低于本次配对要求的组合 |
+| -------- | -------------- | ------------------ | ---------------------- |
+| 现行浅色 | 5.58:1         | 3.86:1             | 0                      |
+| 候选浅色 | 5.14:1         | 3.86:1             | 0                      |
+| 现行深色 | 3.66:1         | 2.82:1             | 10                     |
+| 候选深色 | 4.95:1         | 3.61:1             | 0                      |
+
+现行深色的缺口集中在 `base-hover`／`subtle-hover`：次要文字、success／info／error 前景及必要边界在这些表面上缺少对比。这里盘点的是允许组合的角色关系，不能仅凭组合存在就断言某个实际页面不合规；也不能把候选通过数值检查称为整体视觉认可。
+
+普通文字按 [WCAG 2.2 的最低文字对比说明](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) 检查 4.5:1；识别控件所需的边界和状态按 [非文本对比说明](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html) 检查 3:1。禁用控件的例外、装饰分隔与阴影不混作必要边界。可读性还受字体和场景影响，本次继续保持既有文字尺度与角色。
+
+真实组件操作通过以下复核：primary／subtle／danger 的普通、hover、pressed、键盘焦点和禁用状态；错误字段保留错误边框与独立焦点；等待动作保留主配色和文字；Tooltip 聚焦／悬停打开及 Escape 关闭。浅深主题的三个视图在 375px 下均无横向溢出，居中触发的提示也保持在视口内。页面脚本错误和 HTTP(S) 请求均为零，六张代表截图已人工查看。
+
+修订版另核对 20 组反馈情境：两种主题、两个面板、五种状态。日常状态使用中性色，四种需要注意的反馈只在关键文字上应用对应前景，说明正文保持 text.base。普通保存结果与等待说明的实际颜色也已验证为 text.subtle。更高的数值对比仍不替代用户对颜色纯度和观感的确认。
+
+截图只说明对应实验：页面[浅色](scene-light.png)／[深色](scene-dark.png)，状态[浅色](states-light.png)／[深色](states-dark.png)，阴影[浅色](layers-light.png)／[深色](layers-dark.png)。截图等待有限 CSS 过渡结束后获取；等待图标自身的循环动画不作为结束条件。
+
+## 复跑与正式落地
+
+UI 基线为 `11be433`，候选 tarball 仍标记 2.0.0，SHA-256 为 `7be8c129cdee364977199b592da15f37cfca2af3df30d9c408f0afa58967ca8b`；它不同于 registry 已发布的同版本。[artifact.json](artifact.json) 中的 source 指这一 UI 基线，实验源码和候选值仍是本轮未提交内容。
+
+在根目录准备本地 UI tarball，然后运行：
+
+```sh
+node tasks/ui-foundations/i2-study/build.mjs tmp/i1-pack/inkcre-ui-web-2.0.0.tgz
+node tasks/ui-foundations/i2-study/verify.mjs /path/to/existing/playwright/index.mjs
+```
+
+本机验证复用 client-web 迁移 worktree 已安装的 Playwright。构建复用现有 Vue/Vite，输出无需服务器的单文件 HTML，并清理临时解包目录。实验与脚本随工作包撤除，不加入组件测试套件、生产包或发布流程。
+
+本轮将用户明确的用途与用量规则同步到设计正文、Web 样式指南和 Agent 配方，并把两个普通提交反馈示例改为中性色。已生成随包副本并补 patch Changeset，完整 `pnpm check` 通过，包括实际 tarball 安装与文档／配方检查、21 个 Story／120 个 Variant 构建；日志为本机 `/tmp/inkcre-i2-feedback-check.log`。Token JSON、组件运行时和消费者源码没有改变。
+
+视觉反馈确认后，按下列边界落地：
+
+1. 将选定配对写回现有 `sys.light/dark`、`comp.light/dark` 和 `effect.elevation`，同步受影响的 ref 色族及引用；保留公共角色、类型和用途，避免留下与默认风格相反的品牌色族。
+2. 沿用现有生成链同步 Sass、CSS 和 Uno；Sass 阴影 helper 读取运行时变量，Uno 阴影仍是构建值，两种入口都要验证。
+3. 对正式 tarball 复核本轮涉及的配对与实际组件，并补根级 Popup/Scrim、深色选中项等依赖全局上下文的场景；更新适用指南与 Changeset，运行完整 `pnpm check`。
+4. 下游按后续已发布产物复验，保持正式依赖与源码实验的证据分开。页面内容层级仍由 I3 处理，不将配色校准扩成信息架构重做。
+
+用户已确认修订后的反馈文字纯度，并要求利用 Token 机制继续迭代，无须把每个色值视为不可更改的最终决定。上述正式落地现已完成并通过[实际产物验收](../i2-evidence/README.md)，未提交或发布；消费者仍使用 registry UI 2.0.0。
diff --git a/tasks/ui-foundations/i2-study/artifact.json b/tasks/ui-foundations/i2-study/artifact.json
new file mode 100644
index 0000000..891a6cb
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/artifact.json
@@ -0,0 +1,5 @@
+{
+  "source": "11be433ca6e7c203da7f42233983e576a967d71e",
+  "package": "@inkcre/ui-web@2.0.0",
+  "tarballSha256": "7be8c129cdee364977199b592da15f37cfca2af3df30d9c408f0afa58967ca8b"
+}
diff --git a/tasks/ui-foundations/i2-study/build.mjs b/tasks/ui-foundations/i2-study/build.mjs
new file mode 100644
index 0000000..76a7f0d
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/build.mjs
@@ -0,0 +1,110 @@
+import { createRequire } from "node:module";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { resolve, dirname } from "node:path";
+import { mkdtempSync, mkdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
+import { execFileSync } from "node:child_process";
+import { createHash } from "node:crypto";
+
+const here = dirname(fileURLToPath(import.meta.url));
+const root = resolve(here, "../../..");
+const require = createRequire(resolve(root, "packages/web/package.json"));
+const { build } = await import(require.resolve("vite"));
+const { default: vue } = await import(require.resolve("@vitejs/plugin-vue"));
+if (!process.argv[2]) throw new Error("Pass the local UI tarball used as the comparison baseline.");
+if (process.argv[3] && process.argv[3] !== "--delivery") throw new Error("Unknown build mode.");
+const delivery = process.argv[3] === "--delivery";
+const destination = delivery ? resolve(here, "../i2-evidence") : here;
+mkdirSync(destination, { recursive: true });
+const tarball = resolve(process.argv[2]);
+const archive = readFileSync(tarball);
+const scratchRoot = resolve(root, "packages/web/tmp");
+mkdirSync(scratchRoot, { recursive: true });
+const scratch = mkdtempSync(resolve(scratchRoot, "i2-study-"));
+try {
+  execFileSync("tar", ["-xzf", tarball, "-C", scratch]);
+  const packageRoot = resolve(scratch, "package");
+  const manifest = JSON.parse(readFileSync(resolve(packageRoot, "package.json"), "utf8"));
+  let probeCss = "";
+  if (delivery) {
+    const sass = require("sass");
+    probeCss = sass.compileString(
+      `
+      @use "mixins" as ink;
+      @each $level in low, md, high {
+        .sass-shadow-#{$level} { @include ink.apply-elevation($level); }
+      }
+    `,
+      { loadPaths: [resolve(packageRoot, "styles")] },
+    ).css;
+    const { createGenerator, presetWind3 } = await import(require.resolve("unocss"));
+    const { presetInk } = await import(
+      pathToFileURL(resolve(packageRoot, "dist/uno/preset-ink.js")).href
+    );
+    const uno = await createGenerator({ presets: [presetWind3(), presetInk()] });
+    probeCss += (
+      await uno.generate(
+        "shadow-low shadow-md shadow-high bg-surface-primary text-text-on-primary",
+        { preflights: true },
+      )
+    ).css;
+  }
+  const result = await build({
+    configFile: false,
+    root: here,
+    plugins: [vue()],
+    define: { "process.env.NODE_ENV": JSON.stringify("production") },
+    resolve: {
+      alias: [
+        { find: /^vue$/, replacement: require.resolve("vue/dist/vue.runtime.esm-bundler.js") },
+        { find: /^@inkcre\/ui-web$/, replacement: resolve(packageRoot, "dist/index.js") },
+        { find: /^@inkcre\/ui-web\/styles$/, replacement: resolve(packageRoot, "dist/index.css") },
+      ],
+      dedupe: ["vue"],
+    },
+    build: {
+      write: false,
+      lib: {
+        entry: resolve(here, delivery ? "delivery.js" : "main.js"),
+        formats: ["iife"],
+        name: "InkcreColorStudy",
+      },
+      minify: true,
+      sourcemap: false,
+      cssCodeSplit: false,
+    },
+  });
+  const output = (Array.isArray(result) ? result : [result]).flatMap((bundle) => bundle.output);
+  const js = output.find((item) => item.type === "chunk").code.replaceAll("</script", "<\\/script");
+  const css = output
+    .filter((item) => item.type === "asset" && item.fileName.endsWith(".css"))
+    .map((item) => item.source)
+    .join("\n");
+  writeFileSync(
+    resolve(destination, "index.html"),
+    `<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>InKCre · I2 ${delivery ? "交付验收" : "色彩与阴影"}</title><style>${probeCss}\n${css}</style></head><body><div id="app"></div><script>${js}</script></body></html>\n`,
+  );
+  writeFileSync(
+    resolve(destination, "artifact.json"),
+    JSON.stringify(
+      {
+        source: execFileSync("git", ["rev-parse", "HEAD"], { cwd: root, encoding: "utf8" }).trim(),
+        package: `${manifest.name}@${manifest.version}`,
+        tarballSha256: createHash("sha256").update(archive).digest("hex"),
+        ...(delivery
+          ? {
+              tokensSha256: createHash("sha256")
+                .update(readFileSync(resolve(root, "tokens/inkcre.tokens.json")))
+                .digest("hex"),
+              cssSha256: createHash("sha256")
+                .update(readFileSync(resolve(packageRoot, "dist/index.css")))
+                .digest("hex"),
+            }
+          : {}),
+      },
+      null,
+      2,
+    ) + "\n",
+  );
+} finally {
+  rmSync(scratch, { recursive: true, force: true });
+}
diff --git a/tasks/ui-foundations/i2-study/delivery.js b/tasks/ui-foundations/i2-study/delivery.js
new file mode 100644
index 0000000..b1c94da
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/delivery.js
@@ -0,0 +1,4 @@
+import { createApp } from "vue";
+import Delivery from "./Delivery.vue";
+import "@inkcre/ui-web/styles";
+createApp(Delivery).mount("#app");
diff --git a/tasks/ui-foundations/i2-study/index.html b/tasks/ui-foundations/i2-study/index.html
new file mode 100644
index 0000000..b790371
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/index.html
@@ -0,0 +1,12 @@
+<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>InKCre · I2 色彩与阴影</title><style>*{box-sizing:border-box}body{margin:0;background:#e9e9e9;color:#252525;font:16px/1.5 system-ui,sans-serif}.study{max-width:1300px;margin:auto;padding:24px}.study-heading h1{margin:0;font-size:26px;font-weight:600}.study-heading>p{margin:8px 0 20px;max-width:60em;color:#555}.study-controls{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px}.study-controls label{display:flex;align-items:center;gap:8px}.study-controls select{color:#252525;background:#fff;border:1px solid #777;border-radius:0;font:inherit;padding:5px 8px}.study-controls select:focus-visible{outline:2px solid #252525;outline-offset:2px}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.comparison-column{min-width:0}.panel-label{font-size:16px;font-weight:600;margin:0 0 12px}.scene{min-height:600px;color:var(--sys-color-text-base);background:var(--sys-color-surface-base);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);line-height:var(--sys-font-body-md-line-height)}.scene-heading{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--sys-color-border-subtle);padding:16px 24px}.brand{font-family:var(--sys-typo-family-mono);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight)}.scene-content{padding:24px}.scene h2{margin:0;font-size:var(--sys-font-title-lg-font-size);font-weight:var(--sys-font-title-lg-font-weight);line-height:var(--sys-font-title-lg-line-height)}.scene h3{margin:0;font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height)}.scene p{margin:0}.scene .intro{margin:8px 0 24px}.muted{color:var(--sys-color-text-subtle)}.source-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--sys-color-border-subtle)}.source-row .feedback{font-size:var(--sys-font-body-sm-font-size)}.settings{display:grid;gap:16px;margin-top:28px;padding:20px;background:var(--sys-color-surface-subtle)}.switch-line{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.switch-line>label{font-size:var(--sys-font-label-lg-font-size)}.actions{display:flex;flex-wrap:wrap;gap:12px}.state-row{margin-block:24px}.state-row h3{margin-bottom:12px}.feedback{font-size:var(--sys-font-body-sm-font-size);line-height:var(--sys-font-body-sm-line-height)}.success{color:var(--sys-color-feedback-success)}.warning{color:var(--sys-color-feedback-warning)}.info{color:var(--sys-color-feedback-info)}.error{color:var(--sys-color-feedback-error)}.feedback-example{margin-top:24px;padding:16px;background:var(--sys-color-surface-subtle)}.feedback-title{font-weight:500}.scene .feedback-detail{margin-top:8px}.tooltip-scene{position:relative;padding-bottom:28px}.tooltip-anchor{display:flex;justify-content:center;margin-top:24px}.tooltip-scene .ink-tooltip{width:max-content;max-width:240px}.tooltip-scene .covered-copy{margin-top:24px}.scene .layer-note{margin:24px 0;font-size:var(--sys-font-body-sm-font-size)}.shadow-examples{display:flex;flex-wrap:wrap;gap:28px;padding:16px 0 32px}.shadow-sample{padding:12px 20px;background:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base);font-size:var(--sys-font-body-sm-font-size)}.study footer{margin-top:20px;color:#555;font-size:13px}@media(max-width:760px){.study{padding:20px 12px}.comparison{grid-template-columns:1fr}.scene-heading,.scene-content{padding:20px}.settings{padding:16px}}:root{--ref-elevation-raised-low-shadow-type: dropShadow;--ref-elevation-raised-low-radius: 2px;--ref-elevation-raised-low-color: rgba(12, 21, 48, .0784313725);--ref-elevation-raised-low-offset-x: 0px;--ref-elevation-raised-low-offset-y: 1px;--ref-elevation-raised-low-spread: 0px;--ref-elevation-raised-md-shadow-type: dropShadow;--ref-elevation-raised-md-radius: 20px;--ref-elevation-raised-md-color: rgba(12, 21, 48, .1215686275);--ref-elevation-raised-md-offset-x: 0px;--ref-elevation-raised-md-offset-y: 6px;--ref-elevation-raised-md-spread: 0px;--ref-elevation-raised-high-shadow-type: dropShadow;--ref-elevation-raised-high-radius: 32px;--ref-elevation-raised-high-color: rgba(12, 21, 84, .1607843137);--ref-elevation-raised-high-offset-x: 0px;--ref-elevation-raised-high-offset-y: 12px;--ref-elevation-raised-high-spread: 0px;--ref-color-neutral-2: #070707;--ref-color-neutral-6: #131313;--ref-color-neutral-12: #1f1f1f;--ref-color-neutral-20: #303030;--ref-color-neutral-30: #474747;--ref-color-neutral-40: #5e5e5e;--ref-color-neutral-50: #777777;--ref-color-neutral-60: #919191;--ref-color-neutral-70: #ababab;--ref-color-neutral-80: #c6c6c6;--ref-color-neutral-90: #e2e2e2;--ref-color-neutral-94: #eeeeee;--ref-color-neutral-98: #f9f9f9;--ref-color-neutral-100: white;--ref-color-tertiary-40: #1f9aa5;--ref-color-tertiary-90: #d0f4f4;--ref-color-danger-10: #410008;--ref-color-danger-30: #92001e;--ref-color-danger-35: #a80324;--ref-color-danger-40: #b9192f;--ref-color-danger-60: #ff525c;--ref-color-danger-65: #ff7073;--ref-color-danger-70: #ff8889;--ref-color-danger-80: #ffb3b1;--ref-color-danger-90: #ffdad8;--ref-color-danger-98: #fff8f7;--ref-color-brand-2: #0b1220;--ref-color-brand-6: #121928;--ref-color-brand-12: #1f2635;--ref-color-brand-20: #303747;--ref-color-brand-30: #474e5f;--ref-color-brand-40: #5f6677;--ref-color-brand-50: #787e91;--ref-color-brand-60: #9198ac;--ref-color-brand-70: #acb3c7;--ref-color-brand-80: #b2bccf;--ref-color-brand-90: #c8cee3;--ref-color-brand-94: #f7f7fb;--ref-color-brand-98: #fbfcff;--ref-radius-xs: 4px;--ref-radius-sm: 8px;--ref-radius-md: 16px;--ref-radius-lg: 32px;--ref-radius-none: 0px;--ref-radius-full: 999px;--ref-space-md: 16px;--ref-space-lg: 32px;--ref-space-xl: 56px;--ref-space-xs: 4px;--ref-space-sm: 8px;--ref-typo-family-sans: system-ui, -apple-system, sans-serif;--ref-typo-family-mono: SF Mono , Monaco, Roboto Mono , monospace;--ref-breakpoint-mobile: 768px;--ref-breakpoint-tablet: 1024px;--ref-breakpoint-desktop: 1280px;--ref-opacity-muted: .72;--ref-opacity-medium: .84;--ref-opacity-strong: .92;--ref-size-lg: 48px;--ref-size-md: 36px;--ref-size-sm: 24px;--ref-size-icon-sm: 20px;--ref-size-icon-md: 24px;--ref-size-icon-lg: 36px;--ref-size-iconfont-sm: 8px;--ref-size-iconfont-md: 12px;--ref-size-iconfont-lg: 18px;--ref-size-xl: 58px;--ref-size-xs: 18px;--ref-font-label-lg-font-size: .875rem;--ref-font-label-lg-font-weight: 400;--ref-font-label-lg-line-height: 1.42857143;--ref-font-label-lg-letter-spacing: 0px;--ref-font-label-md-font-size: .75rem;--ref-font-label-md-font-weight: 400;--ref-font-label-md-line-height: 1.33333333;--ref-font-label-md-letter-spacing: 0px;--ref-font-body-sm-font-size: .875rem;--ref-font-body-sm-font-weight: 400;--ref-font-body-sm-line-height: 1.42857143;--ref-font-body-sm-letter-spacing: 0px;--ref-font-body-md-font-size: 1rem;--ref-font-body-md-font-weight: 400;--ref-font-body-md-line-height: 1.5;--ref-font-body-md-letter-spacing: 0px;--ref-font-body-lg-font-size: 1.125rem;--ref-font-body-lg-font-weight: 400;--ref-font-body-lg-line-height: 1.33333333;--ref-font-body-lg-letter-spacing: 0px;--ref-font-title-sm-font-size: 1.375rem;--ref-font-title-sm-font-weight: 400;--ref-font-title-sm-line-height: 1.27272727;--ref-font-title-sm-letter-spacing: 0px;--ref-font-title-lg-font-size: 1.75rem;--ref-font-title-lg-font-weight: 400;--ref-font-title-lg-line-height: 1.28571429;--ref-font-title-lg-letter-spacing: 0px;--ref-font-headline-lg-font-size: 2.25rem;--ref-font-headline-lg-font-weight: 400;--ref-font-headline-lg-line-height: 1.33333333;--ref-font-headline-lg-letter-spacing: 0px;--sys-elevation-raised-low-shadow-type: dropShadow;--sys-elevation-raised-low-radius: 2px;--sys-elevation-raised-low-color: rgba(12, 21, 48, .0784313725);--sys-elevation-raised-low-offset-x: 0px;--sys-elevation-raised-low-offset-y: 1px;--sys-elevation-raised-low-spread: 0px;--sys-elevation-raised-md-shadow-type: dropShadow;--sys-elevation-raised-md-radius: 20px;--sys-elevation-raised-md-color: rgba(12, 21, 48, .1215686275);--sys-elevation-raised-md-offset-x: 0px;--sys-elevation-raised-md-offset-y: 6px;--sys-elevation-raised-md-spread: 0px;--sys-elevation-raised-high-shadow-type: dropShadow;--sys-elevation-raised-high-radius: 32px;--sys-elevation-raised-high-color: rgba(12, 21, 84, .1607843137);--sys-elevation-raised-high-offset-x: 0px;--sys-elevation-raised-high-offset-y: 12px;--sys-elevation-raised-high-spread: 0px;--sys-radius-xs: 4px;--sys-radius-sm: 8px;--sys-radius-md: 16px;--sys-radius-lg: 32px;--sys-radius-none: 0px;--sys-radius-full: 999px;--sys-space-md: 16px;--sys-space-lg: 32px;--sys-space-xl: 56px;--sys-space-xs: 4px;--sys-space-sm: 8px;--sys-typo-family-sans: system-ui, -apple-system, sans-serif;--sys-typo-family-mono: SF Mono , Monaco, Roboto Mono , monospace;--sys-breakpoint-mobile: 768px;--sys-breakpoint-tablet: 1024px;--sys-breakpoint-desktop: 1280px;--sys-opacity-muted: .72;--sys-opacity-medium: .84;--sys-opacity-strong: .92;--sys-size-lg: 48px;--sys-size-md: 36px;--sys-size-sm: 24px;--sys-size-icon-sm: 20px;--sys-size-icon-md: 24px;--sys-size-icon-lg: 36px;--sys-size-iconfont-sm: 8px;--sys-size-iconfont-md: 12px;--sys-size-iconfont-lg: 18px;--sys-size-xl: 58px;--sys-size-xs: 18px;--sys-font-label-lg-font-size: .875rem;--sys-font-label-lg-font-weight: 400;--sys-font-label-lg-line-height: 1.42857143;--sys-font-label-lg-letter-spacing: 0px;--sys-font-label-md-font-size: .75rem;--sys-font-label-md-font-weight: 400;--sys-font-label-md-line-height: 1.33333333;--sys-font-label-md-letter-spacing: 0px;--sys-font-body-sm-font-size: .875rem;--sys-font-body-sm-font-weight: 400;--sys-font-body-sm-line-height: 1.42857143;--sys-font-body-sm-letter-spacing: 0px;--sys-font-body-md-font-size: 1rem;--sys-font-body-md-font-weight: 400;--sys-font-body-md-line-height: 1.5;--sys-font-body-md-letter-spacing: 0px;--sys-font-body-lg-font-size: 1.125rem;--sys-font-body-lg-font-weight: 400;--sys-font-body-lg-line-height: 1.33333333;--sys-font-body-lg-letter-spacing: 0px;--sys-font-title-sm-font-size: 1.375rem;--sys-font-title-sm-font-weight: 400;--sys-font-title-sm-line-height: 1.27272727;--sys-font-title-sm-letter-spacing: 0px;--sys-font-title-lg-font-size: 1.75rem;--sys-font-title-lg-font-weight: 400;--sys-font-title-lg-line-height: 1.28571429;--sys-font-title-lg-letter-spacing: 0px;--sys-font-headline-lg-font-size: 2.25rem;--sys-font-headline-lg-font-weight: 400;--sys-font-headline-lg-line-height: 1.33333333;--sys-font-headline-lg-letter-spacing: 0px}:root,html[data-theme=light]{color-scheme:light;--sys-color-text-base: #070707;--sys-color-text-subtle: #5e5e5e;--sys-color-text-on-primary: #fbfcff;--sys-color-text-on-danger: #fff8f7;--sys-color-surface-base: white;--sys-color-surface-subtle: #f9f9f9;--sys-color-surface-primary: #121928;--sys-color-surface-primary-hover: #474e5f;--sys-color-surface-subtle-hover: #eeeeee;--sys-color-surface-danger: #a80324;--sys-color-surface-danger-hover: #92001e;--sys-color-surface-base-hover: #eeeeee;--sys-color-border-base: #777777;--sys-color-border-strong: #070707;--sys-color-border-subtle: #c6c6c6;--sys-color-feedback-error: #b9192f;--sys-color-feedback-success: #176b39;--sys-color-feedback-warning: #7a4b00;--sys-color-feedback-info: #005c8a;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #070707;--comp-switch-handle-bg: #f9f9f9;--comp-switch-label-color: #070707}html[data-theme=dark]{color-scheme:dark;--sys-color-text-base: #f9f9f9;--sys-color-text-subtle: #c6c6c6;--sys-color-text-on-primary: #0b1220;--sys-color-text-on-danger: #fff8f7;--sys-color-surface-base: #474747;--sys-color-surface-subtle: #1f1f1f;--sys-color-surface-primary: #c8cee3;--sys-color-surface-primary-hover: #9198ac;--sys-color-surface-subtle-hover: #5e5e5e;--sys-color-surface-danger: #b9192f;--sys-color-surface-danger-hover: #a80324;--sys-color-surface-base-hover: #5e5e5e;--sys-color-border-base: #ababab;--sys-color-border-strong: #c6c6c6;--sys-color-border-subtle: #5e5e5e;--sys-color-feedback-error: #ffb3b1;--sys-color-feedback-success: #75d69a;--sys-color-feedback-warning: #ffd27a;--sys-color-feedback-info: #8bceff;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #f9f9f9;--comp-switch-handle-bg: #070707;--comp-switch-label-color: #f9f9f9}@media(prefers-color-scheme:dark){:root:not([data-theme]),html[data-theme=system]{color-scheme:dark;--sys-color-text-base: #f9f9f9;--sys-color-text-subtle: #c6c6c6;--sys-color-text-on-primary: #0b1220;--sys-color-text-on-danger: #fff8f7;--sys-color-surface-base: #474747;--sys-color-surface-subtle: #1f1f1f;--sys-color-surface-primary: #c8cee3;--sys-color-surface-primary-hover: #9198ac;--sys-color-surface-subtle-hover: #5e5e5e;--sys-color-surface-danger: #b9192f;--sys-color-surface-danger-hover: #a80324;--sys-color-surface-base-hover: #5e5e5e;--sys-color-border-base: #ababab;--sys-color-border-strong: #c6c6c6;--sys-color-border-subtle: #5e5e5e;--sys-color-feedback-error: #ffb3b1;--sys-color-feedback-success: #75d69a;--sys-color-feedback-warning: #ffd27a;--sys-color-feedback-info: #8bceff;--sys-color-overlay-scrim: rgba(0, 0, 0, .5);--comp-switch-track-bg: #f9f9f9;--comp-switch-handle-bg: #070707;--comp-switch-label-color: #f9f9f9}}.i-mdi-alert-circle-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-chevron-right{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-inbox-outline{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-menu{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-mdi-refresh{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 0 0-8 8a8 8 0 0 0 8 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18a6 6 0 0 1-6-6a6 6 0 0 1 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.inline{display:inline}.block{display:block}.hidden{display:none}.h2{height:.5rem}.h3{height:.75rem}.flex{display:flex}.flex-row{flex-direction:row}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.px{padding-left:1rem;padding-right:1rem}.ink-form[data-v-80890df3]{display:flex;flex-direction:column;gap:var(--sys-space-md);width:100%}.ink-field[data-v-26546d64]{display:flex;gap:var(--sys-space-sm);min-width:0;max-width:100%;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-field--col[data-v-26546d64]{flex-direction:column;gap:var(--sys-space-xs);width:100%;min-width:0}.ink-field--row[data-v-26546d64]{flex-direction:row;gap:var(--sys-space-sm);width:100%}.ink-field__label[data-v-26546d64]{color:var(--sys-color-text-subtle);white-space:normal;overflow-wrap:anywhere;min-width:0;position:relative}.ink-field__required[data-v-26546d64]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none;color:var(--sys-color-feedback-error)}.ink-field__value--underlined[data-v-26546d64]{text-decoration:underline}.ink-field__value--clickable[data-v-26546d64]{cursor:pointer}.ink-field__error[data-v-26546d64]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--sys-color-feedback-error)}button.ink-field__value[data-v-26546d64]{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:start}.ink-input[data-v-261bfe3b]{display:flex;align-items:center;width:100%;min-width:0;min-height:36px;padding:var(--sys-space-xs) var(--sys-space-sm);border:1px solid var(--sys-color-border-base);box-sizing:border-box;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-input__value[data-v-261bfe3b]{color:var(--sys-color-text-base);overflow-wrap:anywhere;min-width:0}.ink-input__input[data-v-261bfe3b]{flex:1;border:none;outline:none;padding:0;background:transparent;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);min-width:0}.ink-input__input[data-v-261bfe3b]::placeholder{color:var(--sys-color-text-subtle);opacity:1}.ink-input--inline[data-v-261bfe3b]:not(.ink-input--inline-editing){border:none;padding:0;min-height:0}.ink-input__inline-text[data-v-261bfe3b]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);border:0;background:none;padding:0;text-align:start;cursor:pointer;overflow-wrap:anywhere}.ink-input[data-v-261bfe3b]:has([aria-invalid=true]){border-color:var(--sys-color-feedback-error)}.ink-input[data-v-261bfe3b]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-textarea[data-v-39471413]{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid var(--sys-color-border-base);box-sizing:border-box}.ink-textarea__input[data-v-39471413],.ink-textarea__value[data-v-39471413]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;padding:var(--sys-space-sm);color:var(--sys-color-text-base);min-height:100px;min-width:0;width:100%;box-sizing:border-box}.ink-textarea__input[data-v-39471413]{flex:1;border:none;outline:none;background:transparent;resize:vertical}.ink-textarea__input[data-v-39471413]::placeholder{color:var(--sys-color-text-subtle);opacity:1}.ink-textarea__value[data-v-39471413]{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sys-color-surface-subtle)}.ink-textarea--mono .ink-textarea__input[data-v-39471413],.ink-textarea--mono .ink-textarea__value[data-v-39471413]{font-family:var(--sys-typo-family-mono)}.ink-textarea[data-v-39471413]:has([aria-invalid=true]){border-color:var(--sys-color-feedback-error)}.ink-textarea[data-v-39471413]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-switch[data-v-9ad27c9b]{background-color:var(--comp-switch-track-bg);border:1px solid var(--comp-switch-track-bg);display:inline-grid;grid-template-columns:repeat(2,1fr);align-items:stretch;width:max-content;min-width:60px;min-height:24px;cursor:pointer;box-sizing:border-box;position:relative;padding:0;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-switch__handle[data-v-9ad27c9b]{background-color:var(--comp-switch-handle-bg);grid-area:1/1;min-width:0;padding:2px 4px;transition:transform .2s ease;transform:translate(0);display:grid;place-items:center;position:relative}.ink-switch--on .ink-switch__handle[data-v-9ad27c9b]{transform:translate(100%)}.ink-switch__label[data-v-9ad27c9b]{grid-area:1/1;color:var(--comp-switch-label-color);text-align:center;white-space:nowrap}.ink-switch__label--hidden[data-v-9ad27c9b]{visibility:hidden}.ink-switch__loading[data-v-9ad27c9b]{position:absolute;color:var(--comp-switch-label-color);font-size:1em}.ink-switch--sm[data-v-9ad27c9b]{min-width:80px}.ink-switch--md[data-v-9ad27c9b]{min-width:100px;min-height:36px}.ink-switch--lg[data-v-9ad27c9b]{min-width:120px;min-height:48px}.ink-switch[data-v-9ad27c9b]:disabled{cursor:not-allowed}.ink-switch[data-v-9ad27c9b]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-button[data-v-41145a76]{display:flex;align-items:center;justify-content:center;gap:.5em;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;border:1px solid transparent;position:relative;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;max-width:100%}.ink-button__icon[data-v-41145a76],.ink-button__loading[data-v-41145a76]{font-size:1em;flex:0 0 auto}.ink-button--loading[data-v-41145a76],.ink-button[data-v-41145a76]:disabled{cursor:not-allowed}.ink-button--theme-subtle[data-v-41145a76]{border-color:var(--sys-color-border-base);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-text-base)}.ink-button--theme-subtle[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-subtle-hover)}.ink-button--theme-primary[data-v-41145a76]{background-color:var(--sys-color-surface-primary);color:var(--sys-color-text-on-primary)}.ink-button--theme-primary[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-primary-hover)}.ink-button--theme-danger[data-v-41145a76]{background-color:var(--sys-color-surface-danger);color:var(--sys-color-text-on-danger)}.ink-button--theme-danger[data-v-41145a76]:not(:disabled):is(:hover,:active){background-color:var(--sys-color-surface-danger-hover)}.ink-button[data-v-41145a76]:disabled:not(.ink-button--loading){color:var(--sys-color-text-subtle);background-color:var(--sys-color-surface-subtle);border-color:var(--sys-color-border-subtle)}.ink-button[data-v-41145a76]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-button--size-md[data-v-41145a76]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;min-height:36px}.ink-button--size-sm[data-v-41145a76]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none;min-height:24px}.ink-button--type-default[data-v-41145a76]{padding:.5em var(--sys-space-md)}.ink-button--type-square[data-v-41145a76]{min-width:36px;padding:.5em}.ink-button--type-square.ink-button--size-sm[data-v-41145a76]{min-width:24px;padding:.25em}.ink-dropdown-container[data-v-12d72b5c]{position:relative;min-width:0;max-width:100%;display:flex;gap:var(--sys-space-sm);align-items:flex-start}.ink-dropdown[data-v-12d72b5c]{display:flex;align-items:center;justify-content:space-between;gap:var(--sys-space-sm);padding:var(--sys-space-xs) var(--sys-space-sm);min-height:36px;box-sizing:border-box;border:1px solid var(--sys-color-border-base);background-color:var(--sys-color-surface-base);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;min-width:0;flex:1;position:relative}.ink-dropdown[aria-invalid=true][data-v-12d72b5c]{border-color:var(--sys-color-feedback-error)}.ink-dropdown[data-v-12d72b5c]:focus-visible,.ink-dropdown[data-v-12d72b5c]:has(:focus-visible){outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-dropdown--editable[data-v-12d72b5c]{cursor:pointer}.ink-dropdown--active[data-v-12d72b5c]{border-color:var(--sys-color-border-base)}.ink-dropdown__value[data-v-12d72b5c]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;flex:1;color:var(--sys-color-text-base);-webkit-user-select:none;user-select:none;min-width:0;overflow-wrap:anywhere}.ink-dropdown__search-input[data-v-12d72b5c]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;flex:1;color:var(--sys-color-text-base);background:transparent;border:none;outline:none;padding:0;width:100%}.ink-dropdown__chevron[data-v-12d72b5c]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);transition:transform .2s}.ink-dropdown__options[data-v-12d72b5c]{position:absolute;top:100%;left:0;right:0;z-index:5;max-height:200px;overflow-y:auto;background-color:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base);margin-top:var(--sys-space-xs);-webkit-user-select:none;user-select:none}.ink-dropdown__option[data-v-12d72b5c]{padding:var(--sys-space-sm) var(--sys-space-sm);min-height:var(--sys-size-md);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--sys-space-xs);justify-content:center;cursor:pointer;transition:background-color .2s}.ink-dropdown__option[data-v-12d72b5c]:hover,.ink-dropdown__option--hovered[data-v-12d72b5c]{background-color:var(--sys-color-surface-base-hover)}.ink-dropdown__option--selected[data-v-12d72b5c]{background-color:var(--sys-color-surface-primary)}.ink-dropdown__option--selected .option__label[data-v-12d72b5c],.ink-dropdown__option--selected .option__description[data-v-12d72b5c]{color:var(--sys-color-text-on-primary)}.ink-dropdown__option--selected[data-v-12d72b5c]:hover,.ink-dropdown__option--selected.ink-dropdown__option--hovered[data-v-12d72b5c]{background-color:var(--sys-color-surface-primary-hover);color:var(--sys-color-text-on-primary)}.option__label[data-v-12d72b5c]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.option__description[data-v-12d72b5c]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle)}.ink-dropdown__loading[data-v-12d72b5c]{display:flex;align-items:center;justify-content:center;gap:var(--sys-space-sm);padding:var(--sys-space-sm) var(--sys-space-md);color:var(--sys-color-text-subtle);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-dropdown__empty[data-v-12d72b5c]{display:flex;align-items:center;justify-content:center;padding:var(--sys-space-sm) var(--sys-space-md);color:var(--sys-color-text-subtle);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}button.ink-dropdown[data-v-12d72b5c]{text-align:start}.ink-datetime-picker-view[data-v-9838f9f1]{display:flex;flex-direction:column;width:100%;max-width:640px;background-color:var(--sys-color-surface-base);padding:var(--sys-space-md);box-sizing:border-box}.ink-datetime-picker-view__columns[data-v-9838f9f1]{display:flex;gap:var(--sys-space-sm);overflow-x:auto;margin-bottom:var(--sys-space-md)}.ink-datetime-picker-view__column[data-v-9838f9f1]{flex:1;min-width:100px;display:flex;flex-direction:column;gap:var(--sys-space-xs);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-datetime-picker-view__column select[data-v-9838f9f1]{width:100%;font:inherit;color:var(--sys-color-text-base);background:var(--sys-color-surface-base);border:1px solid var(--sys-color-border-base)}.ink-datetime-picker-view__column select[data-v-9838f9f1]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-datetime-picker-view__column select option[data-v-9838f9f1]{padding:var(--sys-space-xs)}.ink-popup[data-v-917f1942]{margin:0;box-sizing:border-box;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;border:0;color:var(--sys-color-text-base);overflow:auto}.ink-popup[data-v-917f1942]::backdrop{background:var(--sys-color-overlay-scrim)}.ink-popup[data-v-917f1942]{position:fixed;z-index:10;background-color:var(--sys-color-surface-base);padding:var(--sys-space-md);max-height:90vh;max-width:90vw}.ink-popup--center[data-v-917f1942]{top:50%;left:50%;transform:translate(-50%,-50%)}.ink-popup--left[data-v-917f1942]{top:50%;left:var(--sys-space-md);transform:translateY(-50%);max-width:calc(50vw - var(--sys-space-md))}.ink-popup--right[data-v-917f1942]{top:50%;right:var(--sys-space-md);transform:translateY(-50%);max-width:calc(50vw - var(--sys-space-md))}.ink-popup--top[data-v-917f1942]{top:var(--sys-space-md);left:50%;transform:translate(-50%);max-width:calc(100vw - 2 * var(--sys-space-md))}.ink-popup--bottom[data-v-917f1942]{bottom:var(--sys-space-md);left:50%;transform:translate(-50%);max-width:calc(100vw - 2 * var(--sys-space-md))}.ink-picker.editable[data-v-d42342f0]{cursor:pointer}.ink-picker.ink-picker--inline-text.editable[data-v-d42342f0]{text-decoration:underline;text-underline-position:from-font}.ink-picker[data-v-d42342f0]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;max-width:100%}.ink-picker[data-v-d42342f0]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-picker--box[data-v-d42342f0]{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;gap:var(--sys-space-sm);min-height:36px;padding:var(--sys-space-xs) var(--sys-space-sm);border:1px solid var(--sys-color-border-base);box-sizing:border-box;background-color:var(--sys-color-surface-base)}.ink-picker--box.ink-picker--active[data-v-d42342f0]{border-color:var(--sys-color-border-strong)}.ink-picker--box .ink-picker__icon[data-v-d42342f0]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);flex-shrink:0}.ink-picker--inline-text[data-v-d42342f0]{align-items:center;gap:var(--sys-space-xs)}.ink-picker[aria-invalid=true][data-v-d42342f0]{border-color:var(--sys-color-feedback-error)}.ink-picker__value[data-v-d42342f0]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);white-space:normal;overflow-wrap:anywhere;min-width:0;-webkit-user-select:none;user-select:none;flex:1}.ink-picker-popup__actions[data-v-d42342f0]{display:flex;flex-wrap:wrap;gap:var(--sys-space-sm);justify-content:flex-end;margin-top:var(--sys-space-md)}button.ink-picker[data-v-d42342f0]{text-align:start}button.ink-picker--inline-text[data-v-d42342f0]{padding:0;border:0;background:none}.ink-auto-form__error[data-v-19b77a71]{padding:var(--sys-space-md);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-feedback-error);border-radius:var(--sys-radius-none);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}.ink-auto-form__field[data-v-19b77a71]{position:relative}.ink-auto-form__field-errors[data-v-19b77a71]{display:flex;flex-direction:column;gap:var(--sys-space-xs);margin-top:var(--sys-space-xs)}.ink-auto-form__field-error[data-v-19b77a71]{overflow-wrap:anywhere;color:var(--sys-color-feedback-error);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}.ink-dialog[data-v-5355aedf]{display:flex;flex-direction:column;gap:var(--sys-space-md)}.ink-dialog__header[data-v-5355aedf]{display:flex;flex-direction:column;gap:var(--sys-space-xs)}.ink-dialog__title[data-v-5355aedf]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);margin:0}.ink-dialog__subtitle[data-v-5355aedf]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);font-weight:var(--sys-font-body-md-font-weight);line-height:var(--sys-font-body-md-line-height);letter-spacing:var(--sys-font-body-md-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle);margin:0}.ink-dialog__content[data-v-5355aedf]{flex:1;overflow-y:auto}.ink-dialog__footer[data-v-5355aedf]{flex-wrap:wrap;display:flex;justify-content:flex-end;gap:var(--sys-space-sm)}.ink-dialog__popup{width:min(640px,100vw - 32px);max-width:calc(100vw - 32px)}.ink-double-check[data-v-9d72f6ad]{display:inline-block}.ink-double-check__trigger[data-v-9d72f6ad]{display:inline-block;cursor:pointer}.ink-double-check__popup[data-v-9d72f6ad]{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.ink-double-check__title[data-v-9d72f6ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;margin:0 0 var(--sys-space-md) 0;color:var(--sys-color-text-base)}.ink-double-check__message[data-v-9d72f6ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none;margin:0 0 var(--sys-space-lg) 0;color:var(--sys-color-text-subtle)}.ink-double-check__actions[data-v-9d72f6ad]{display:flex;flex-wrap:wrap;gap:var(--sys-space-sm);justify-content:flex-end}.ink-double-check__dialog{width:min(400px,100vw - 32px);max-width:calc(100vw - 32px)}.ink-header[data-v-e4c6fa81]{display:flex;flex-wrap:wrap;gap:var(--sys-space-md);align-items:center;justify-content:space-between;padding:var(--sys-space-md) var(--sys-space-lg);background-color:var(--sys-color-surface-subtle);border-bottom:1px solid var(--sys-color-border-subtle)}.ink-header__logo[data-v-e4c6fa81]{min-width:0;max-width:100%;display:flex;align-items:center;gap:var(--sys-space-sm);cursor:pointer}.ink-header__logo-icon[data-v-e4c6fa81]{flex-shrink:0;width:32px;height:32px}.ink-header__logo-text[data-v-e4c6fa81]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-mono);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base);-webkit-user-select:none;user-select:none}.ink-header__right[data-v-e4c6fa81]{flex-wrap:wrap;min-width:0;display:flex;align-items:center;gap:var(--sys-space-md)}.ink-header__page-title[data-v-e4c6fa81]{overflow-wrap:anywhere;font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.ink-header__menu-icon[data-v-e4c6fa81]{font-size:var(--sys-size-iconfont-md);color:var(--sys-color-text-base);cursor:pointer}button.ink-header__logo[data-v-e4c6fa81]{color:inherit;font:inherit;background-color:transparent;border:0;padding:0}button.ink-header__menu-icon[data-v-e4c6fa81]{min-width:24px;min-height:24px;background:transparent;border:0;padding:0}.ink-header button[data-v-e4c6fa81]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-scrim[data-v-2c9f1a24]{position:fixed;inset:0;background-color:var(--sys-color-overlay-scrim);z-index:10;display:flex;align-items:center;justify-content:center}.ink-scrim__wrapper[data-v-2c9f1a24]{width:100%;height:100%}.ink-scrim__close-btn[data-v-2c9f1a24]{position:absolute;top:var(--sys-space-md);right:var(--sys-space-md)}.ink-scrim-fade-enter-active[data-v-2c9f1a24],.ink-scrim-fade-leave-active[data-v-2c9f1a24]{transition:opacity .3s ease}.ink-scrim-fade-enter-from[data-v-2c9f1a24],.ink-scrim-fade-leave-to[data-v-2c9f1a24]{opacity:0}dialog.ink-scrim[data-v-2c9f1a24]{margin:0;border:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;color:inherit}dialog.ink-scrim[data-v-2c9f1a24]:not([open]){display:none}dialog.ink-scrim[data-v-2c9f1a24]::backdrop{background:transparent}.ink-image[data-v-4beb7b08]{display:inline-block;max-width:100%}.ink-image__thumbnail[data-v-4beb7b08]{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ink-image__img[data-v-4beb7b08]{max-width:100%;height:auto;display:block}.ink-image__expanded[data-v-4beb7b08]{padding:var(--sys-space-xl) var(--sys-space-lg);box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:safe center;overflow:auto;flex-direction:column;gap:var(--sys-space-sm)}.ink-image__expanded-header[data-v-4beb7b08]{display:flex;flex-shrink:0;max-width:100%}.ink-image__expanded-title[data-v-4beb7b08]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--ref-color-neutral-98);margin:0;flex:1;background-color:var(--ref-color-neutral-2);padding:var(--sys-space-xs) var(--sys-space-sm);white-space:normal;overflow-wrap:anywhere}.ink-image__img-expanded[data-v-4beb7b08]{min-height:0;flex-shrink:1;max-width:100%;max-height:100%;object-fit:contain;display:block}.ink-image__expanded-footer[data-v-4beb7b08]{flex-shrink:0;max-width:100%}button.ink-image__thumbnail[data-v-4beb7b08]{padding:0;border:0;background:none;color:inherit;font:inherit}button.ink-image__thumbnail[data-v-4beb7b08]:focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-json-editor[data-v-0ada66df]{border:1px solid var(--sys-color-border-base);transition:border-color .15s ease;padding:var(--sys-space-sm)}.ink-json-editor__editor[data-v-0ada66df]{height:100%;box-sizing:border-box}.ink-json-editor__editor[data-v-0ada66df] .cm-editor{border:none;outline:none;height:100%}.ink-json-editor__editor[data-v-0ada66df] .cm-scroller{font-family:var(--sys-typo-family-mono);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-json-editor__editor--readonly[data-v-0ada66df] .cm-editor{background:var(--sys-color-surface-subtle)}.ink-json-editor[data-v-0ada66df]:focus-within{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}@keyframes ink-loading-pulse-da178f83{0%{opacity:1}50%{opacity:.4}to{opacity:.8}}.ink-loading[data-v-da178f83]{display:flex;align-items:center;gap:var(--sys-space-xs)}.ink-loading__block[data-v-da178f83]{animation:ink-loading-pulse-da178f83 .9s ease-in-out infinite}.ink-loading__block--1[data-v-da178f83]{background-color:var(--ref-color-neutral-80);animation-delay:0s}.ink-loading__block--2[data-v-da178f83]{background-color:var(--ref-color-neutral-70);animation-delay:.3s}.ink-loading__block--3[data-v-da178f83]{background-color:var(--ref-color-neutral-80);animation-delay:.5s}.ink-loading--s-xs .ink-loading__block[data-v-da178f83]{width:5px;height:5px}.ink-loading--s-sm .ink-loading__block[data-v-da178f83]{width:12px;height:12px}.ink-loading--s-md .ink-loading__block[data-v-da178f83]{width:18px;height:18px}.ink-loading--d-sm[data-v-da178f83]{gap:var(--sys-space-xs)}.ink-loading--d-md[data-v-da178f83]{gap:var(--sys-space-sm)}.ink-pagination[data-v-5dba59b6]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sys-space-xs)}.ink-pagination__nav[data-v-5dba59b6]{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--sys-color-border-base);background-color:var(--sys-color-surface-subtle);color:var(--sys-color-text-base);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;border-radius:var(--sys-radius-none);font-size:var(--sys-size-iconfont-md)}.ink-pagination__nav[data-v-5dba59b6]:hover:not(:disabled){background-color:var(--sys-color-surface-subtle-hover)}.ink-pagination__page[data-v-5dba59b6]{display:flex;align-items:center;justify-content:center;min-width:36px;padding:.25em;min-height:36px;border:1px solid transparent;background-color:transparent;color:var(--sys-color-text-base);cursor:pointer;transition:border-color .2s ease,background-color .2s ease;border-radius:var(--sys-radius-none);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-lg-font-size);font-weight:var(--sys-font-label-lg-font-weight);line-height:var(--sys-font-label-lg-line-height);letter-spacing:var(--sys-font-label-lg-letter-spacing);text-decoration:none}.ink-pagination__page[data-v-5dba59b6]:hover:not(:disabled):not(.ink-pagination__page--active){border-color:var(--sys-color-border-base)}.ink-pagination__page--active[data-v-5dba59b6]{border-color:var(--sys-color-surface-primary);background-color:var(--sys-color-surface-primary);color:var(--sys-color-text-on-primary);cursor:default}.ink-pagination__page--ellipsis[data-v-5dba59b6]{cursor:default;border:none}.ink-pagination__page-info[data-v-5dba59b6]{color:var(--sys-color-text-base);padding:0 var(--sys-space-md);font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-label-md-font-size);font-weight:var(--sys-font-label-md-font-weight);line-height:var(--sys-font-label-md-line-height);letter-spacing:var(--sys-font-label-md-letter-spacing);text-decoration:none}.ink-pagination[data-v-5dba59b6] :is(button):focus-visible{outline:2px solid var(--sys-color-border-strong);outline-offset:2px}.ink-placeholder[data-v-367e77ad]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sys-space-xl);text-align:center;overflow-wrap:anywhere;gap:var(--sys-space-md);color:var(--sys-color-text-subtle)}.ink-placeholder__illustration[data-v-367e77ad]{font-size:var(--sys-size-iconfont-lg);height:var(--sys-size-icon-lg);width:var(--sys-size-icon-lg);display:flex;align-items:center;justify-content:center;color:var(--sys-color-text-subtle)}.ink-placeholder__title[data-v-367e77ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-title-sm-font-size);font-weight:var(--sys-font-title-sm-font-weight);line-height:var(--sys-font-title-sm-line-height);letter-spacing:var(--sys-font-title-sm-letter-spacing);text-decoration:none;color:var(--sys-color-text-base)}.ink-placeholder__description[data-v-367e77ad]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-md-font-size);font-weight:var(--sys-font-body-md-font-weight);line-height:var(--sys-font-body-md-line-height);letter-spacing:var(--sys-font-body-md-letter-spacing);text-decoration:none;color:var(--sys-color-text-subtle);max-width:400px}.ink-placeholder__actions[data-v-367e77ad]{margin-top:var(--sys-space-sm);display:flex;gap:var(--sys-space-sm);flex-wrap:wrap;justify-content:center}.ink-placeholder--error .ink-placeholder__illustration[data-v-367e77ad]{color:var(--sys-color-feedback-error)}.ink-tooltip-wrapper[data-v-505773dc]{position:relative;display:inline-block}.ink-tooltip[data-v-505773dc]{position:absolute;background-color:var(--sys-color-surface-base);color:var(--sys-color-text-base);border:1px solid var(--sys-color-border-base);border-radius:var(--sys-radius-none);padding:var(--sys-space-xs) var(--sys-space-sm);z-index:50;white-space:pre-wrap;word-wrap:break-word;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--sys-elevation-raised-md-offset-x) var(--sys-elevation-raised-md-offset-y) var(--sys-elevation-raised-md-radius) var(--sys-elevation-raised-md-spread) var(--sys-elevation-raised-md-color)}.ink-tooltip--visible[data-v-505773dc]{opacity:1;visibility:visible}.ink-tooltip--top[data-v-505773dc]{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--sys-space-xs)}.ink-tooltip--bottom[data-v-505773dc]{top:100%;left:50%;transform:translate(-50%);margin-top:var(--sys-space-xs)}.ink-tooltip--left[data-v-505773dc]{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--sys-space-xs)}.ink-tooltip--right[data-v-505773dc]{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--sys-space-xs)}.ink-tooltip__content[data-v-505773dc]{font-family:var(--sys-typo-family-sans);font-size:var(--sys-font-body-sm-font-size);font-weight:var(--sys-font-body-sm-font-weight);line-height:var(--sys-font-body-sm-line-height);letter-spacing:var(--sys-font-body-sm-letter-spacing);text-decoration:none}
+</style></head><body><div id="app"></div><script>(function(){"use strict";function ri(e){const t=Object.create(null);for(const n of e.split(","))t[n]=1;return n=>n in t}const K={},It=[],Fe=()=>{},rr=()=>!1,yn=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),si=e=>e.startsWith("onUpdate:"),de=Object.assign,oi=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},wl=Object.prototype.hasOwnProperty,J=(e,t)=>wl.call(e,t),H=Array.isArray,At=e=>qt(e)==="[object Map]",bn=e=>qt(e)==="[object Set]",sr=e=>qt(e)==="[object Date]",q=e=>typeof e=="function",le=e=>typeof e=="string",Me=e=>typeof e=="symbol",ee=e=>e!==null&&typeof e=="object",or=e=>(ee(e)||q(e))&&q(e.then)&&q(e.catch),lr=Object.prototype.toString,qt=e=>lr.call(e),$l=e=>qt(e).slice(8,-1),ar=e=>qt(e)==="[object Object]",li=e=>le(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Wt=ri(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),_n=e=>{const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))},Il=/-\w/g,it=_n(e=>e.replace(Il,t=>t.slice(1).toUpperCase())),Al=/\B([A-Z])/g,rt=_n(e=>e.replace(Al,"-$1").toLowerCase()),ur=_n(e=>e.charAt(0).toUpperCase()+e.slice(1)),ai=_n(e=>e?`on${ur(e)}`:""),st=(e,t)=>!Object.is(e,t),xn=(e,...t)=>{for(let n=0;n<e.length;n++)e[n](...t)},fr=(e,t,n,r=!1)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:r,value:n})},wn=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let cr;const $n=()=>cr||(cr=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Gt(e){if(H(e)){const t={};for(let n=0;n<e.length;n++){const r=e[n],i=le(r)?El(r):Gt(r);if(i)for(const s in i)t[s]=i[s]}return t}else if(le(e)||ee(e))return e}const Ol=/;(?![^(]*\))/g,kl=/:([^]+)/,Tl=/\/\*[^]*?\*\//g;function El(e){const t={};return e.replace(Tl,"").split(Ol).forEach(n=>{if(n){const r=n.split(kl);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function pe(e){let t="";if(le(e))t=e;else if(H(e))for(let n=0;n<e.length;n++){const r=pe(e[n]);r&&(t+=r+" ")}else if(ee(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}const Ml=ri("itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly");function dr(e){return!!e||e===""}function Pl(e,t){if(e.length!==t.length)return!1;let n=!0;for(let r=0;n&&r<e.length;r++)n=In(e[r],t[r]);return n}function In(e,t){if(e===t)return!0;let n=sr(e),r=sr(t);if(n||r)return n&&r?e.getTime()===t.getTime():!1;if(n=Me(e),r=Me(t),n||r)return e===t;if(n=H(e),r=H(t),n||r)return n&&r?Pl(e,t):!1;if(n=ee(e),r=ee(t),n||r){if(!n||!r)return!1;const i=Object.keys(e).length,s=Object.keys(t).length;if(i!==s)return!1;for(const o in e){const l=e.hasOwnProperty(o),a=t.hasOwnProperty(o);if(l&&!a||!l&&a||!In(e[o],t[o]))return!1}}return String(e)===String(t)}function jl(e,t){return e.findIndex(n=>In(n,t))}const pr=e=>!!(e&&e.__v_isRef===!0),oe=e=>le(e)?e:e==null?"":H(e)||ee(e)&&(e.toString===lr||!q(e.toString))?pr(e)?oe(e.value):JSON.stringify(e,mr,2):String(e),mr=(e,t)=>pr(t)?mr(e,t.value):At(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[r,i],s)=>(n[ui(r,s)+" =>"]=i,n),{})}:bn(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>ui(n))}:Me(t)?ui(t):ee(t)&&!H(t)&&!ar(t)?String(t):t,ui=(e,t="")=>{var n;return Me(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};let be;class Ll{constructor(t=!1){this.detached=t,this._active=!0,this._on=0,this.effects=[],this.cleanups=[],this._isPaused=!1,this.parent=be,!t&&be&&(this.index=(be.scopes||(be.scopes=[])).push(this)-1)}get active(){return this._active}pause(){if(this._active){this._isPaused=!0;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].pause();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].pause()}}resume(){if(this._active&&this._isPaused){this._isPaused=!1;let t,n;if(this.scopes)for(t=0,n=this.scopes.length;t<n;t++)this.scopes[t].resume();for(t=0,n=this.effects.length;t<n;t++)this.effects[t].resume()}}run(t){if(this._active){const n=be;try{return be=this,t()}finally{be=n}}}on(){++this._on===1&&(this.prevScope=be,be=this)}off(){this._on>0&&--this._on===0&&(be=this.prevScope,this.prevScope=void 0)}stop(t){if(this._active){this._active=!1;let n,r;for(n=0,r=this.effects.length;n<r;n++)this.effects[n].stop();for(this.effects.length=0,n=0,r=this.cleanups.length;n<r;n++)this.cleanups[n]();if(this.cleanups.length=0,this.scopes){for(n=0,r=this.scopes.length;n<r;n++)this.scopes[n].stop(!0);this.scopes.length=0}if(!this.detached&&this.parent&&!t){const i=this.parent.scopes.pop();i&&i!==this&&(this.parent.scopes[this.index]=i,i.index=this.index)}this.parent=void 0}}}function Nl(){return be}let te;const fi=new WeakSet;class hr{constructor(t){this.fn=t,this.deps=void 0,this.depsTail=void 0,this.flags=5,this.next=void 0,this.cleanup=void 0,this.scheduler=void 0,be&&be.active&&be.effects.push(this)}pause(){this.flags|=64}resume(){this.flags&64&&(this.flags&=-65,fi.has(this)&&(fi.delete(this),this.trigger()))}notify(){this.flags&2&&!(this.flags&32)||this.flags&8||vr(this)}run(){if(!(this.flags&1))return this.fn();this.flags|=2,wr(this),yr(this);const t=te,n=Pe;te=this,Pe=!0;try{return this.fn()}finally{br(this),te=t,Pe=n,this.flags&=-3}}stop(){if(this.flags&1){for(let t=this.deps;t;t=t.nextDep)mi(t);this.deps=this.depsTail=void 0,wr(this),this.onStop&&this.onStop(),this.flags&=-2}}trigger(){this.flags&64?fi.add(this):this.scheduler?this.scheduler():this.runIfDirty()}runIfDirty(){pi(this)&&this.run()}get dirty(){return pi(this)}}let gr=0,zt,Xt;function vr(e,t=!1){if(e.flags|=8,t){e.next=Xt,Xt=e;return}e.next=zt,zt=e}function ci(){gr++}function di(){if(--gr>0)return;if(Xt){let t=Xt;for(Xt=void 0;t;){const n=t.next;t.next=void 0,t.flags&=-9,t=n}}let e;for(;zt;){let t=zt;for(zt=void 0;t;){const n=t.next;if(t.next=void 0,t.flags&=-9,t.flags&1)try{t.trigger()}catch(r){e||(e=r)}t=n}}if(e)throw e}function yr(e){for(let t=e.deps;t;t=t.nextDep)t.version=-1,t.prevActiveLink=t.dep.activeLink,t.dep.activeLink=t}function br(e){let t,n=e.depsTail,r=n;for(;r;){const i=r.prevDep;r.version===-1?(r===n&&(n=i),mi(r),Rl(r)):t=r,r.dep.activeLink=r.prevActiveLink,r.prevActiveLink=void 0,r=i}e.deps=t,e.depsTail=n}function pi(e){for(let t=e.deps;t;t=t.nextDep)if(t.dep.version!==t.version||t.dep.computed&&(_r(t.dep.computed)||t.dep.version!==t.version))return!0;return!!e._dirty}function _r(e){if(e.flags&4&&!(e.flags&16)||(e.flags&=-17,e.globalVersion===Jt)||(e.globalVersion=Jt,!e.isSSR&&e.flags&128&&(!e.deps&&!e._dirty||!pi(e))))return;e.flags|=2;const t=e.dep,n=te,r=Pe;te=e,Pe=!0;try{yr(e);const i=e.fn(e._value);(t.version===0||st(i,e._value))&&(e.flags|=128,e._value=i,t.version++)}catch(i){throw t.version++,i}finally{te=n,Pe=r,br(e),e.flags&=-3}}function mi(e,t=!1){const{dep:n,prevSub:r,nextSub:i}=e;if(r&&(r.nextSub=i,e.prevSub=void 0),i&&(i.prevSub=r,e.nextSub=void 0),n.subs===e&&(n.subs=r,!r&&n.computed)){n.computed.flags&=-5;for(let s=n.computed.deps;s;s=s.nextDep)mi(s,!0)}!t&&!--n.sc&&n.map&&n.map.delete(n.key)}function Rl(e){const{prevDep:t,nextDep:n}=e;t&&(t.nextDep=n,e.prevDep=void 0),n&&(n.prevDep=t,e.nextDep=void 0)}let Pe=!0;const xr=[];function Ve(){xr.push(Pe),Pe=!1}function Se(){const e=xr.pop();Pe=e===void 0?!0:e}function wr(e){const{cleanup:t}=e;if(e.cleanup=void 0,t){const n=te;te=void 0;try{t()}finally{te=n}}}let Jt=0;class Fl{constructor(t,n){this.sub=t,this.dep=n,this.version=n.version,this.nextDep=this.prevDep=this.nextSub=this.prevSub=this.prevActiveLink=void 0}}class hi{constructor(t){this.computed=t,this.version=0,this.activeLink=void 0,this.subs=void 0,this.map=void 0,this.key=void 0,this.sc=0,this.__v_skip=!0}track(t){if(!te||!Pe||te===this.computed)return;let n=this.activeLink;if(n===void 0||n.sub!==te)n=this.activeLink=new Fl(te,this),te.deps?(n.prevDep=te.depsTail,te.depsTail.nextDep=n,te.depsTail=n):te.deps=te.depsTail=n,$r(n);else if(n.version===-1&&(n.version=this.version,n.nextDep)){const r=n.nextDep;r.prevDep=n.prevDep,n.prevDep&&(n.prevDep.nextDep=r),n.prevDep=te.depsTail,n.nextDep=void 0,te.depsTail.nextDep=n,te.depsTail=n,te.deps===n&&(te.deps=r)}return n}trigger(t){this.version++,Jt++,this.notify(t)}notify(t){ci();try{for(let n=this.subs;n;n=n.prevSub)n.sub.notify()&&n.sub.dep.notify()}finally{di()}}}function $r(e){if(e.dep.sc++,e.sub.flags&4){const t=e.dep.computed;if(t&&!e.dep.subs){t.flags|=20;for(let r=t.deps;r;r=r.nextDep)$r(r)}const n=e.dep.subs;n!==e&&(e.prevSub=n,n&&(n.nextSub=e)),e.dep.subs=e}}const gi=new WeakMap,dt=Symbol(""),vi=Symbol(""),Yt=Symbol("");function me(e,t,n){if(Pe&&te){let r=gi.get(e);r||gi.set(e,r=new Map);let i=r.get(n);i||(r.set(n,i=new hi),i.map=r,i.key=n),i.track()}}function Je(e,t,n,r,i,s){const o=gi.get(e);if(!o){Jt++;return}const l=a=>{a&&a.trigger()};if(ci(),t==="clear")o.forEach(l);else{const a=H(e),c=a&&li(n);if(a&&n==="length"){const f=Number(r);o.forEach((m,v)=>{(v==="length"||v===Yt||!Me(v)&&v>=f)&&l(m)})}else switch((n!==void 0||o.has(void 0))&&l(o.get(n)),c&&l(o.get(Yt)),t){case"add":a?c&&l(o.get("length")):(l(o.get(dt)),At(e)&&l(o.get(vi)));break;case"delete":a||(l(o.get(dt)),At(e)&&l(o.get(vi)));break;case"set":At(e)&&l(o.get(dt));break}}di()}function Ot(e){const t=X(e);return t===e?t:(me(t,"iterate",Yt),Ae(e)?t:t.map(je))}function An(e){return me(e=X(e),"iterate",Yt),e}function ot(e,t){return Ze(e)?pt(e)?kt(je(t)):kt(t):je(t)}const Vl={__proto__:null,[Symbol.iterator](){return yi(this,Symbol.iterator,e=>ot(this,e))},concat(...e){return Ot(this).concat(...e.map(t=>H(t)?Ot(t):t))},entries(){return yi(this,"entries",e=>(e[1]=ot(this,e[1]),e))},every(e,t){return Ye(this,"every",e,t,void 0,arguments)},filter(e,t){return Ye(this,"filter",e,t,n=>n.map(r=>ot(this,r)),arguments)},find(e,t){return Ye(this,"find",e,t,n=>ot(this,n),arguments)},findIndex(e,t){return Ye(this,"findIndex",e,t,void 0,arguments)},findLast(e,t){return Ye(this,"findLast",e,t,n=>ot(this,n),arguments)},findLastIndex(e,t){return Ye(this,"findLastIndex",e,t,void 0,arguments)},forEach(e,t){return Ye(this,"forEach",e,t,void 0,arguments)},includes(...e){return bi(this,"includes",e)},indexOf(...e){return bi(this,"indexOf",e)},join(e){return Ot(this).join(e)},lastIndexOf(...e){return bi(this,"lastIndexOf",e)},map(e,t){return Ye(this,"map",e,t,void 0,arguments)},pop(){return Zt(this,"pop")},push(...e){return Zt(this,"push",e)},reduce(e,...t){return Ir(this,"reduce",e,t)},reduceRight(e,...t){return Ir(this,"reduceRight",e,t)},shift(){return Zt(this,"shift")},some(e,t){return Ye(this,"some",e,t,void 0,arguments)},splice(...e){return Zt(this,"splice",e)},toReversed(){return Ot(this).toReversed()},toSorted(e){return Ot(this).toSorted(e)},toSpliced(...e){return Ot(this).toSpliced(...e)},unshift(...e){return Zt(this,"unshift",e)},values(){return yi(this,"values",e=>ot(this,e))}};function yi(e,t,n){const r=An(e),i=r[t]();return r!==e&&!Ae(e)&&(i._next=i.next,i.next=()=>{const s=i._next();return s.done||(s.value=n(s.value)),s}),i}const Sl=Array.prototype;function Ye(e,t,n,r,i,s){const o=An(e),l=o!==e&&!Ae(e),a=o[t];if(a!==Sl[t]){const m=a.apply(e,s);return l?je(m):m}let c=n;o!==e&&(l?c=function(m,v){return n.call(this,ot(e,m),v,e)}:n.length>2&&(c=function(m,v){return n.call(this,m,v,e)}));const f=a.call(o,c,r);return l&&i?i(f):f}function Ir(e,t,n,r){const i=An(e);let s=n;return i!==e&&(Ae(e)?n.length>3&&(s=function(o,l,a){return n.call(this,o,l,a,e)}):s=function(o,l,a){return n.call(this,o,ot(e,l),a,e)}),i[t](s,...r)}function bi(e,t,n){const r=X(e);me(r,"iterate",Yt);const i=r[t](...n);return(i===-1||i===!1)&&wi(n[0])?(n[0]=X(n[0]),r[t](...n)):i}function Zt(e,t,n=[]){Ve(),ci();const r=X(e)[t].apply(e,n);return di(),Se(),r}const Dl=ri("__proto__,__v_isRef,__isVue"),Ar=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Me));function Ul(e){Me(e)||(e=String(e));const t=X(this);return me(t,"has",e),t.hasOwnProperty(e)}class Or{constructor(t=!1,n=!1){this._isReadonly=t,this._isShallow=n}get(t,n,r){if(n==="__v_skip")return t.__v_skip;const i=this._isReadonly,s=this._isShallow;if(n==="__v_isReactive")return!i;if(n==="__v_isReadonly")return i;if(n==="__v_isShallow")return s;if(n==="__v_raw")return r===(i?s?jr:Pr:s?Mr:Er).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(r)?t:void 0;const o=H(t);if(!i){let a;if(o&&(a=Vl[n]))return a;if(n==="hasOwnProperty")return Ul}const l=Reflect.get(t,n,fe(t)?t:r);if((Me(n)?Ar.has(n):Dl(n))||(i||me(t,"get",n),s))return l;if(fe(l)){const a=o&&li(n)?l:l.value;return i&&ee(a)?xi(a):a}return ee(l)?i?xi(l):En(l):l}}class kr extends Or{constructor(t=!1){super(!1,t)}set(t,n,r,i){let s=t[n];const o=H(t)&&li(n);if(!this._isShallow){const c=Ze(s);if(!Ae(r)&&!Ze(r)&&(s=X(s),r=X(r)),!o&&fe(s)&&!fe(r))return c||(s.value=r),!0}const l=o?Number(n)<t.length:J(t,n),a=Reflect.set(t,n,r,fe(t)?t:i);return t===X(i)&&(l?st(r,s)&&Je(t,"set",n,r):Je(t,"add",n,r)),a}deleteProperty(t,n){const r=J(t,n);t[n];const i=Reflect.deleteProperty(t,n);return i&&r&&Je(t,"delete",n,void 0),i}has(t,n){const r=Reflect.has(t,n);return(!Me(n)||!Ar.has(n))&&me(t,"has",n),r}ownKeys(t){return me(t,"iterate",H(t)?"length":dt),Reflect.ownKeys(t)}}class Tr extends Or{constructor(t=!1){super(!0,t)}set(t,n){return!0}deleteProperty(t,n){return!0}}const Bl=new kr,Hl=new Tr,ql=new kr(!0),Wl=new Tr(!0),_i=e=>e,On=e=>Reflect.getPrototypeOf(e);function Gl(e,t,n){return function(...r){const i=this.__v_raw,s=X(i),o=At(s),l=e==="entries"||e===Symbol.iterator&&o,a=e==="keys"&&o,c=i[e](...r),f=n?_i:t?kt:je;return!t&&me(s,"iterate",a?vi:dt),{next(){const{value:m,done:v}=c.next();return v?{value:m,done:v}:{value:l?[f(m[0]),f(m[1])]:f(m),done:v}},[Symbol.iterator](){return this}}}}function kn(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function zl(e,t){const n={get(i){const s=this.__v_raw,o=X(s),l=X(i);e||(st(i,l)&&me(o,"get",i),me(o,"get",l));const{has:a}=On(o),c=t?_i:e?kt:je;if(a.call(o,i))return c(s.get(i));if(a.call(o,l))return c(s.get(l));s!==o&&s.get(i)},get size(){const i=this.__v_raw;return!e&&me(X(i),"iterate",dt),i.size},has(i){const s=this.__v_raw,o=X(s),l=X(i);return e||(st(i,l)&&me(o,"has",i),me(o,"has",l)),i===l?s.has(i):s.has(i)||s.has(l)},forEach(i,s){const o=this,l=o.__v_raw,a=X(l),c=t?_i:e?kt:je;return!e&&me(a,"iterate",dt),l.forEach((f,m)=>i.call(s,c(f),c(m),o))}};return de(n,e?{add:kn("add"),set:kn("set"),delete:kn("delete"),clear:kn("clear")}:{add(i){!t&&!Ae(i)&&!Ze(i)&&(i=X(i));const s=X(this);return On(s).has.call(s,i)||(s.add(i),Je(s,"add",i,i)),this},set(i,s){!t&&!Ae(s)&&!Ze(s)&&(s=X(s));const o=X(this),{has:l,get:a}=On(o);let c=l.call(o,i);c||(i=X(i),c=l.call(o,i));const f=a.call(o,i);return o.set(i,s),c?st(s,f)&&Je(o,"set",i,s):Je(o,"add",i,s),this},delete(i){const s=X(this),{has:o,get:l}=On(s);let a=o.call(s,i);a||(i=X(i),a=o.call(s,i)),l&&l.call(s,i);const c=s.delete(i);return a&&Je(s,"delete",i,void 0),c},clear(){const i=X(this),s=i.size!==0,o=i.clear();return s&&Je(i,"clear",void 0,void 0),o}}),["keys","values","entries",Symbol.iterator].forEach(i=>{n[i]=Gl(i,e,t)}),n}function Tn(e,t){const n=zl(e,t);return(r,i,s)=>i==="__v_isReactive"?!e:i==="__v_isReadonly"?e:i==="__v_raw"?r:Reflect.get(J(n,i)&&i in r?n:r,i,s)}const Xl={get:Tn(!1,!1)},Jl={get:Tn(!1,!0)},Yl={get:Tn(!0,!1)},Zl={get:Tn(!0,!0)},Er=new WeakMap,Mr=new WeakMap,Pr=new WeakMap,jr=new WeakMap;function Ql(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Kl(e){return e.__v_skip||!Object.isExtensible(e)?0:Ql($l(e))}function En(e){return Ze(e)?e:Mn(e,!1,Bl,Xl,Er)}function Cl(e){return Mn(e,!1,ql,Jl,Mr)}function xi(e){return Mn(e,!0,Hl,Yl,Pr)}function zc(e){return Mn(e,!0,Wl,Zl,jr)}function Mn(e,t,n,r,i){if(!ee(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const s=Kl(e);if(s===0)return e;const o=i.get(e);if(o)return o;const l=new Proxy(e,s===2?r:n);return i.set(e,l),l}function pt(e){return Ze(e)?pt(e.__v_raw):!!(e&&e.__v_isReactive)}function Ze(e){return!!(e&&e.__v_isReadonly)}function Ae(e){return!!(e&&e.__v_isShallow)}function wi(e){return e?!!e.__v_raw:!1}function X(e){const t=e&&e.__v_raw;return t?X(t):e}function ea(e){return!J(e,"__v_skip")&&Object.isExtensible(e)&&fr(e,"__v_skip",!0),e}const je=e=>ee(e)?En(e):e,kt=e=>ee(e)?xi(e):e;function fe(e){return e?e.__v_isRef===!0:!1}function se(e){return Lr(e,!1)}function ta(e){return Lr(e,!0)}function Lr(e,t){return fe(e)?e:new na(e,t)}class na{constructor(t,n){this.dep=new hi,this.__v_isRef=!0,this.__v_isShallow=!1,this._rawValue=n?t:X(t),this._value=n?t:je(t),this.__v_isShallow=n}get value(){return this.dep.track(),this._value}set value(t){const n=this._rawValue,r=this.__v_isShallow||Ae(t)||Ze(t);t=r?t:X(t),st(t,n)&&(this._rawValue=t,this._value=r?t:je(t),this.dep.trigger())}}function B(e){return fe(e)?e.value:e}function mt(e){return q(e)?e():B(e)}const ia={get:(e,t,n)=>t==="__v_raw"?e:B(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const i=e[t];return fe(i)&&!fe(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function Nr(e){return pt(e)?e:new Proxy(e,ia)}class ra{constructor(t,n,r){this.fn=t,this.setter=n,this._value=void 0,this.dep=new hi(this),this.__v_isRef=!0,this.deps=void 0,this.depsTail=void 0,this.flags=16,this.globalVersion=Jt-1,this.next=void 0,this.effect=this,this.__v_isReadonly=!n,this.isSSR=r}notify(){if(this.flags|=16,!(this.flags&8)&&te!==this)return vr(this,!0),!0}get value(){const t=this.dep.track();return _r(this),t&&(t.version=this.dep.version),this._value}set value(t){this.setter&&this.setter(t)}}function sa(e,t,n=!1){let r,i;return q(e)?r=e:(r=e.get,i=e.set),new ra(r,i,n)}const Pn={},jn=new WeakMap;let ht;function oa(e,t=!1,n=ht){if(n){let r=jn.get(n);r||jn.set(n,r=[]),r.push(e)}}function la(e,t,n=K){const{immediate:r,deep:i,once:s,scheduler:o,augmentJob:l,call:a}=n,c=L=>i?L:Ae(L)||i===!1||i===0?Qe(L,1):Qe(L);let f,m,v,g,y=!1,j=!1;if(fe(e)?(m=()=>e.value,y=Ae(e)):pt(e)?(m=()=>c(e),y=!0):H(e)?(j=!0,y=e.some(L=>pt(L)||Ae(L)),m=()=>e.map(L=>{if(fe(L))return L.value;if(pt(L))return c(L);if(q(L))return a?a(L,2):L()})):q(e)?t?m=a?()=>a(e,2):e:m=()=>{if(v){Ve();try{v()}finally{Se()}}const L=ht;ht=f;try{return a?a(e,3,[g]):e(g)}finally{ht=L}}:m=Fe,t&&i){const L=m,Q=i===!0?1/0:i;m=()=>Qe(L(),Q)}const $=Nl(),E=()=>{f.stop(),$&&$.active&&oi($.effects,f)};if(s&&t){const L=t;t=(...Q)=>{L(...Q),E()}}let R=j?new Array(e.length).fill(Pn):Pn;const P=L=>{if(!(!(f.flags&1)||!f.dirty&&!L))if(t){const Q=f.run();if(i||y||(j?Q.some((Oe,ce)=>st(Oe,R[ce])):st(Q,R))){v&&v();const Oe=ht;ht=f;try{const ce=[Q,R===Pn?void 0:j&&R[0]===Pn?[]:R,g];R=Q,a?a(t,3,ce):t(...ce)}finally{ht=Oe}}}else f.run()};return l&&l(P),f=new hr(m),f.scheduler=o?()=>o(P,!1):P,g=L=>oa(L,!1,f),v=f.onStop=()=>{const L=jn.get(f);if(L){if(a)a(L,4);else for(const Q of L)Q();jn.delete(f)}},t?r?P(!0):R=f.run():o?o(P.bind(null,!0),!0):f.run(),E.pause=f.pause.bind(f),E.resume=f.resume.bind(f),E.stop=E,E}function Qe(e,t=1/0,n){if(t<=0||!ee(e)||e.__v_skip||(n=n||new Map,(n.get(e)||0)>=t))return e;if(n.set(e,t),t--,fe(e))Qe(e.value,t,n);else if(H(e))for(let r=0;r<e.length;r++)Qe(e[r],t,n);else if(bn(e)||At(e))e.forEach(r=>{Qe(r,t,n)});else if(ar(e)){for(const r in e)Qe(e[r],t,n);for(const r of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,r)&&Qe(e[r],t,n)}return e}const Qt=[];let $i=!1;function Xc(e,...t){if($i)return;$i=!0,Ve();const n=Qt.length?Qt[Qt.length-1].component:null,r=n&&n.appContext.config.warnHandler,i=aa();if(r)Tt(r,n,11,[e+t.map(s=>{var o,l;return(l=(o=s.toString)==null?void 0:o.call(s))!=null?l:JSON.stringify(s)}).join(""),n&&n.proxy,i.map(({vnode:s})=>`at <${Ps(n,s.type)}>`).join(`
+`),i]);else{const s=[`[Vue warn]: ${e}`,...t];i.length&&s.push(`
+`,...ua(i)),console.warn(...s)}Se(),$i=!1}function aa(){let e=Qt[Qt.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const r=e.component&&e.component.parent;e=r&&r.vnode}return t}function ua(e){const t=[];return e.forEach((n,r)=>{t.push(...r===0?[]:[`
+`],...fa(n))}),t}function fa({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",r=e.component?e.component.parent==null:!1,i=` at <${Ps(e.component,e.type,r)}`,s=">"+n;return e.props?[i,...ca(e.props),s]:[i+s]}function ca(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(r=>{t.push(...Rr(r,e[r]))}),n.length>3&&t.push(" ..."),t}function Rr(e,t,n){return le(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:fe(t)?(t=Rr(e,X(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):q(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=X(t),n?t:[`${e}=`,t])}function Tt(e,t,n,r){try{return r?e(...r):e()}catch(i){Ln(i,t,n)}}function De(e,t,n,r){if(q(e)){const i=Tt(e,t,n,r);return i&&or(i)&&i.catch(s=>{Ln(s,t,n)}),i}if(H(e)){const i=[];for(let s=0;s<e.length;s++)i.push(De(e[s],t,n,r));return i}}function Ln(e,t,n,r=!0){const i=t?t.vnode:null,{errorHandler:s,throwUnhandledErrorInProduction:o}=t&&t.appContext.config||K;if(t){let l=t.parent;const a=t.proxy,c=`https://vuejs.org/error-reference/#runtime-${n}`;for(;l;){const f=l.ec;if(f){for(let m=0;m<f.length;m++)if(f[m](e,a,c)===!1)return}l=l.parent}if(s){Ve(),Tt(s,null,10,[e,a,c]),Se();return}}da(e,n,i,r,o)}function da(e,t,n,r=!0,i=!1){if(i)throw e;console.error(e)}const ge=[];let Ue=-1;const Et=[];let lt=null,Mt=0;const Fr=Promise.resolve();let Nn=null;function Pt(e){const t=Nn||Fr;return e?t.then(this?e.bind(this):e):t}function pa(e){let t=Ue+1,n=ge.length;for(;t<n;){const r=t+n>>>1,i=ge[r],s=Kt(i);s<e||s===e&&i.flags&2?t=r+1:n=r}return t}function Ii(e){if(!(e.flags&1)){const t=Kt(e),n=ge[ge.length-1];!n||!(e.flags&2)&&t>=Kt(n)?ge.push(e):ge.splice(pa(t),0,e),e.flags|=1,Vr()}}function Vr(){Nn||(Nn=Fr.then(Ur))}function ma(e){H(e)?Et.push(...e):lt&&e.id===-1?lt.splice(Mt+1,0,e):e.flags&1||(Et.push(e),e.flags|=1),Vr()}function Sr(e,t,n=Ue+1){for(;n<ge.length;n++){const r=ge[n];if(r&&r.flags&2){if(e&&r.id!==e.uid)continue;ge.splice(n,1),n--,r.flags&4&&(r.flags&=-2),r(),r.flags&4||(r.flags&=-2)}}}function Dr(e){if(Et.length){const t=[...new Set(Et)].sort((n,r)=>Kt(n)-Kt(r));if(Et.length=0,lt){lt.push(...t);return}for(lt=t,Mt=0;Mt<lt.length;Mt++){const n=lt[Mt];n.flags&4&&(n.flags&=-2),n.flags&8||n(),n.flags&=-2}lt=null,Mt=0}}const Kt=e=>e.id==null?e.flags&2?-1:1/0:e.id;function Ur(e){try{for(Ue=0;Ue<ge.length;Ue++){const t=ge[Ue];t&&!(t.flags&8)&&(t.flags&4&&(t.flags&=-2),Tt(t,t.i,t.i?15:14),t.flags&4||(t.flags&=-2))}}finally{for(;Ue<ge.length;Ue++){const t=ge[Ue];t&&(t.flags&=-2)}Ue=-1,ge.length=0,Dr(),Nn=null,(ge.length||Et.length)&&Ur()}}let he=null,Br=null;function Rn(e){const t=he;return he=e,Br=e&&e.type.__scopeId||null,t}function jt(e,t=he,n){if(!t||e._n)return e;const r=(...i)=>{r._d&&ws(-1);const s=Rn(t);let o;try{o=e(...i)}finally{Rn(s),r._d&&ws(1)}return o};return r._n=!0,r._c=!0,r._d=!0,r}function Ct(e,t){if(he===null)return e;const n=zn(he),r=e.dirs||(e.dirs=[]);for(let i=0;i<t.length;i++){let[s,o,l,a=K]=t[i];s&&(q(s)&&(s={mounted:s,updated:s}),s.deep&&Qe(o),r.push({dir:s,instance:n,value:o,oldValue:void 0,arg:l,modifiers:a}))}return e}function gt(e,t,n,r){const i=e.dirs,s=t&&t.dirs;for(let o=0;o<i.length;o++){const l=i[o];s&&(l.oldValue=s[o].value);let a=l.dir[r];a&&(Ve(),De(a,n,8,[e.el,l,e,t]),Se())}}const ha=Symbol("_vte"),ga=e=>e.__isTeleport,va=Symbol("_leaveCb");function Ai(e,t){e.shapeFlag&6&&e.component?(e.transition=t,Ai(e.component.subTree,t)):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function at(e,t){return q(e)?de({name:e.name},t,{setup:e}):e}function Hr(){const e=Fi();return e?(e.appContext.config.idPrefix||"v")+"-"+e.ids[0]+e.ids[1]++:""}function qr(e){e.ids=[e.ids[0]+e.ids[2]+++"-",0,0]}const Fn=new WeakMap;function en(e,t,n,r,i=!1){if(H(e)){e.forEach((y,j)=>en(y,t&&(H(t)?t[j]:t),n,r,i));return}if(Lt(r)&&!i){r.shapeFlag&512&&r.type.__asyncResolved&&r.component.subTree.component&&en(e,t,n,r.component.subTree);return}const s=r.shapeFlag&4?zn(r.component):r.el,o=i?null:s,{i:l,r:a}=e,c=t&&t.r,f=l.refs===K?l.refs={}:l.refs,m=l.setupState,v=X(m),g=m===K?rr:y=>J(v,y);if(c!=null&&c!==a){if(Wr(t),le(c))f[c]=null,g(c)&&(m[c]=null);else if(fe(c)){c.value=null;const y=t;y.k&&(f[y.k]=null)}}if(q(a))Tt(a,l,12,[o,f]);else{const y=le(a),j=fe(a);if(y||j){const $=()=>{if(e.f){const E=y?g(a)?m[a]:f[a]:a.value;if(i)H(E)&&oi(E,s);else if(H(E))E.includes(s)||E.push(s);else if(y)f[a]=[s],g(a)&&(m[a]=f[a]);else{const R=[s];a.value=R,e.k&&(f[e.k]=R)}}else y?(f[a]=o,g(a)&&(m[a]=o)):j&&(a.value=o,e.k&&(f[e.k]=o))};if(o){const E=()=>{$(),Fn.delete(e)};E.id=-1,Fn.set(e,E),we(E,n)}else Wr(e),$()}}}function Wr(e){const t=Fn.get(e);t&&(t.flags|=8,Fn.delete(e))}$n().requestIdleCallback,$n().cancelIdleCallback;const Lt=e=>!!e.type.__asyncLoader,Gr=e=>e.type.__isKeepAlive;function ya(e,t){zr(e,"a",t)}function ba(e,t){zr(e,"da",t)}function zr(e,t,n=ye){const r=e.__wdc||(e.__wdc=()=>{let i=n;for(;i;){if(i.isDeactivated)return;i=i.parent}return e()});if(Vn(t,r,n),n){let i=n.parent;for(;i&&i.parent;)Gr(i.parent.vnode)&&_a(r,t,n,i),i=i.parent}}function _a(e,t,n,r){const i=Vn(t,e,r,!0);Yr(()=>{oi(r[t],i)},n)}function Vn(e,t,n=ye,r=!1){if(n){const i=n[e]||(n[e]=[]),s=t.__weh||(t.__weh=(...o)=>{Ve();const l=ln(n),a=De(t,n,e,o);return l(),Se(),a});return r?i.unshift(s):i.push(s),s}}const Ke=e=>(t,n=ye)=>{(!an||e==="sp")&&Vn(e,(...r)=>t(...r),n)},xa=Ke("bm"),Xr=Ke("m"),wa=Ke("bu"),$a=Ke("u"),Jr=Ke("bum"),Yr=Ke("um"),Ia=Ke("sp"),Aa=Ke("rtg"),Oa=Ke("rtc");function ka(e,t=ye){Vn("ec",e,t)}const Ta=Symbol.for("v-ndc");function Sn(e,t,n,r){let i;const s=n,o=H(e);if(o||le(e)){const l=o&&pt(e);let a=!1,c=!1;l&&(a=!Ae(e),c=Ze(e),e=An(e)),i=new Array(e.length);for(let f=0,m=e.length;f<m;f++)i[f]=t(a?c?kt(je(e[f])):je(e[f]):e[f],f,void 0,s)}else if(typeof e=="number"){i=new Array(e);for(let l=0;l<e;l++)i[l]=t(l+1,l,void 0,s)}else if(ee(e))if(e[Symbol.iterator])i=Array.from(e,(l,a)=>t(l,a,void 0,s));else{const l=Object.keys(e);i=new Array(l.length);for(let a=0,c=l.length;a<c;a++){const f=l[a];i[a]=t(e[f],f,a,s)}}else i=[];return i}function vt(e,t,n={},r,i){if(he.ce||he.parent&&Lt(he.parent)&&he.parent.ce){const c=Object.keys(n).length>0;return t!=="default"&&(n.name=t),D(),ut(ae,null,[C("slot",n,r&&r())],c?-2:64)}let s=e[t];s&&s._c&&(s._d=!1),D();const o=s&&Zr(s(n)),l=n.key||o&&o.key,a=ut(ae,{key:(l&&!Me(l)?l:`_${t}`)+(!o&&r?"_fb":"")},o||(r?r():[]),o&&e._===1?64:-2);return s&&s._c&&(s._d=!0),a}function Zr(e){return e.some(t=>Ni(t)?!(t.type===Ce||t.type===ae&&!Zr(t.children)):!0)?e:null}const Oi=e=>e?ks(e)?zn(e):Oi(e.parent):null,tn=de(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Oi(e.parent),$root:e=>Oi(e.root),$host:e=>e.ce,$emit:e=>e.emit,$options:e=>es(e),$forceUpdate:e=>e.f||(e.f=()=>{Ii(e.update)}),$nextTick:e=>e.n||(e.n=Pt.bind(e.proxy)),$watch:e=>Ha.bind(e)}),ki=(e,t)=>e!==K&&!e.__isScriptSetup&&J(e,t),Ea={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:n,setupState:r,data:i,props:s,accessCache:o,type:l,appContext:a}=e;if(t[0]!=="$"){const v=o[t];if(v!==void 0)switch(v){case 1:return r[t];case 2:return i[t];case 4:return n[t];case 3:return s[t]}else{if(ki(r,t))return o[t]=1,r[t];if(i!==K&&J(i,t))return o[t]=2,i[t];if(J(s,t))return o[t]=3,s[t];if(n!==K&&J(n,t))return o[t]=4,n[t];Ti&&(o[t]=0)}}const c=tn[t];let f,m;if(c)return t==="$attrs"&&me(e.attrs,"get",""),c(e);if((f=l.__cssModules)&&(f=f[t]))return f;if(n!==K&&J(n,t))return o[t]=4,n[t];if(m=a.config.globalProperties,J(m,t))return m[t]},set({_:e},t,n){const{data:r,setupState:i,ctx:s}=e;return ki(i,t)?(i[t]=n,!0):r!==K&&J(r,t)?(r[t]=n,!0):J(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:i,props:s,type:o}},l){let a;return!!(n[l]||e!==K&&l[0]!=="$"&&J(e,l)||ki(t,l)||J(s,l)||J(r,l)||J(tn,l)||J(i.config.globalProperties,l)||(a=o.__cssModules)&&a[l])},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:J(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function Ma(){return Pa().attrs}function Pa(e){const t=Fi();return t.setupContext||(t.setupContext=Ms(t))}function Qr(e){return H(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let Ti=!0;function ja(e){const t=es(e),n=e.proxy,r=e.ctx;Ti=!1,t.beforeCreate&&Kr(t.beforeCreate,e,"bc");const{data:i,computed:s,methods:o,watch:l,provide:a,inject:c,created:f,beforeMount:m,mounted:v,beforeUpdate:g,updated:y,activated:j,deactivated:$,beforeDestroy:E,beforeUnmount:R,destroyed:P,unmounted:L,render:Q,renderTracked:Oe,renderTriggered:ce,errorCaptured:ke,serverPrefetch:Te,expose:Ee,inheritAttrs:nt,components:xt,directives:wt,filters:dn}=t;if(c&&La(c,r,null),o)for(const S in o){const F=o[S];q(F)&&(r[S]=F.bind(n))}if(i){const S=i.call(n,n);ee(S)&&(e.data=En(S))}if(Ti=!0,s)for(const S in s){const F=s[S],qe=q(F)?F.bind(n,n):q(F.get)?F.get.bind(n,n):Fe,mn=!q(F)&&q(F.set)?F.set.bind(n):Fe,$t=ie({get:qe,set:mn});Object.defineProperty(r,S,{enumerable:!0,configurable:!0,get:()=>$t.value,set:We=>$t.value=We})}if(l)for(const S in l)Cr(l[S],r,n,S);if(a){const S=q(a)?a.call(n):a;Reflect.ownKeys(S).forEach(F=>{Da(F,S[F])})}f&&Kr(f,e,"c");function M(S,F){H(F)?F.forEach(qe=>S(qe.bind(n))):F&&S(F.bind(n))}if(M(xa,m),M(Xr,v),M(wa,g),M($a,y),M(ya,j),M(ba,$),M(ka,ke),M(Oa,Oe),M(Aa,ce),M(Jr,R),M(Yr,L),M(Ia,Te),H(Ee))if(Ee.length){const S=e.exposed||(e.exposed={});Ee.forEach(F=>{Object.defineProperty(S,F,{get:()=>n[F],set:qe=>n[F]=qe,enumerable:!0})})}else e.exposed||(e.exposed={});Q&&e.render===Fe&&(e.render=Q),nt!=null&&(e.inheritAttrs=nt),xt&&(e.components=xt),wt&&(e.directives=wt),Te&&qr(e)}function La(e,t,n=Fe){H(e)&&(e=Ei(e));for(const r in e){const i=e[r];let s;ee(i)?"default"in i?s=Rt(i.from||r,i.default,!0):s=Rt(i.from||r):s=Rt(i),fe(s)?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>s.value,set:o=>s.value=o}):t[r]=s}}function Kr(e,t,n){De(H(e)?e.map(r=>r.bind(t.proxy)):e.bind(t.proxy),t,n)}function Cr(e,t,n,r){let i=r.includes(".")?ss(n,r):()=>n[r];if(le(e)){const s=t[e];q(s)&&Le(i,s)}else if(q(e))Le(i,e.bind(n));else if(ee(e))if(H(e))e.forEach(s=>Cr(s,t,n,r));else{const s=q(e.handler)?e.handler.bind(n):t[e.handler];q(s)&&Le(i,s,e)}}function es(e){const t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:s,config:{optionMergeStrategies:o}}=e.appContext,l=s.get(t);let a;return l?a=l:!i.length&&!n&&!r?a=t:(a={},i.length&&i.forEach(c=>Dn(a,c,o,!0)),Dn(a,t,o)),ee(t)&&s.set(t,a),a}function Dn(e,t,n,r=!1){const{mixins:i,extends:s}=t;s&&Dn(e,s,n,!0),i&&i.forEach(o=>Dn(e,o,n,!0));for(const o in t)if(!(r&&o==="expose")){const l=Na[o]||n&&n[o];e[o]=l?l(e[o],t[o]):t[o]}return e}const Na={data:ts,props:ns,emits:ns,methods:nn,computed:nn,beforeCreate:ve,created:ve,beforeMount:ve,mounted:ve,beforeUpdate:ve,updated:ve,beforeDestroy:ve,beforeUnmount:ve,destroyed:ve,unmounted:ve,activated:ve,deactivated:ve,errorCaptured:ve,serverPrefetch:ve,components:nn,directives:nn,watch:Fa,provide:ts,inject:Ra};function ts(e,t){return t?e?function(){return de(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Ra(e,t){return nn(Ei(e),Ei(t))}function Ei(e){if(H(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function ve(e,t){return e?[...new Set([].concat(e,t))]:t}function nn(e,t){return e?de(Object.create(null),e,t):t}function ns(e,t){return e?H(e)&&H(t)?[...new Set([...e,...t])]:de(Object.create(null),Qr(e),Qr(t??{})):t}function Fa(e,t){if(!e)return t;if(!t)return e;const n=de(Object.create(null),e);for(const r in t)n[r]=ve(e[r],t[r]);return n}function is(){return{app:null,config:{isNativeTag:rr,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let Va=0;function Sa(e,t){return function(r,i=null){q(r)||(r=de({},r)),i!=null&&!ee(i)&&(i=null);const s=is(),o=new WeakSet,l=[];let a=!1;const c=s.app={_uid:Va++,_component:r,_props:i,_container:null,_context:s,_instance:null,version:_u,get config(){return s.config},set config(f){},use(f,...m){return o.has(f)||(f&&q(f.install)?(o.add(f),f.install(c,...m)):q(f)&&(o.add(f),f(c,...m))),c},mixin(f){return s.mixins.includes(f)||s.mixins.push(f),c},component(f,m){return m?(s.components[f]=m,c):s.components[f]},directive(f,m){return m?(s.directives[f]=m,c):s.directives[f]},mount(f,m,v){if(!a){const g=c._ceVNode||C(r,i);return g.appContext=s,v===!0?v="svg":v===!1&&(v=void 0),e(g,f,v),a=!0,c._container=f,f.__vue_app__=c,zn(g.component)}},onUnmount(f){l.push(f)},unmount(){a&&(De(l,c._instance,16),e(null,c._container),delete c._container.__vue_app__)},provide(f,m){return s.provides[f]=m,c},runWithContext(f){const m=Nt;Nt=c;try{return f()}finally{Nt=m}}};return c}}let Nt=null;function Da(e,t){if(ye){let n=ye.provides;const r=ye.parent&&ye.parent.provides;r===n&&(n=ye.provides=Object.create(r)),n[e]=t}}function Rt(e,t,n=!1){const r=Fi();if(r||Nt){let i=Nt?Nt._context.provides:r?r.parent==null||r.ce?r.vnode.appContext&&r.vnode.appContext.provides:r.parent.provides:void 0;if(i&&e in i)return i[e];if(arguments.length>1)return n&&q(t)?t.call(r&&r.proxy):t}}const Ua=Symbol.for("v-scx"),Ba=()=>Rt(Ua);function Le(e,t,n){return rs(e,t,n)}function rs(e,t,n=K){const{immediate:r,deep:i,flush:s,once:o}=n,l=de({},n),a=t&&r||!t&&s!=="post";let c;if(an){if(s==="sync"){const g=Ba();c=g.__watcherHandles||(g.__watcherHandles=[])}else if(!a){const g=()=>{};return g.stop=Fe,g.resume=Fe,g.pause=Fe,g}}const f=ye;l.call=(g,y,j)=>De(g,f,y,j);let m=!1;s==="post"?l.scheduler=g=>{we(g,f&&f.suspense)}:s!=="sync"&&(m=!0,l.scheduler=(g,y)=>{y?g():Ii(g)}),l.augmentJob=g=>{t&&(g.flags|=4),m&&(g.flags|=2,f&&(g.id=f.uid,g.i=f))};const v=la(e,t,l);return an&&(c?c.push(v):a&&v()),v}function Ha(e,t,n){const r=this.proxy,i=le(e)?e.includes(".")?ss(r,e):()=>r[e]:e.bind(r,r);let s;q(t)?s=t:(s=t.handler,n=t);const o=ln(this),l=rs(i,s.bind(r),n);return o(),l}function ss(e,t){const n=t.split(".");return()=>{let r=e;for(let i=0;i<n.length&&r;i++)r=r[n[i]];return r}}const qa=(e,t)=>t==="modelValue"||t==="model-value"?e.modelModifiers:e[`${t}Modifiers`]||e[`${it(t)}Modifiers`]||e[`${rt(t)}Modifiers`];function Wa(e,t,...n){if(e.isUnmounted)return;const r=e.vnode.props||K;let i=n;const s=t.startsWith("update:"),o=s&&qa(r,t.slice(7));o&&(o.trim&&(i=n.map(f=>le(f)?f.trim():f)),o.number&&(i=n.map(wn)));let l,a=r[l=ai(t)]||r[l=ai(it(t))];!a&&s&&(a=r[l=ai(rt(t))]),a&&De(a,e,6,i);const c=r[l+"Once"];if(c){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,De(c,e,6,i)}}const Ga=new WeakMap;function os(e,t,n=!1){const r=n?Ga:t.emitsCache,i=r.get(e);if(i!==void 0)return i;const s=e.emits;let o={},l=!1;if(!q(e)){const a=c=>{const f=os(c,t,!0);f&&(l=!0,de(o,f))};!n&&t.mixins.length&&t.mixins.forEach(a),e.extends&&a(e.extends),e.mixins&&e.mixins.forEach(a)}return!s&&!l?(ee(e)&&r.set(e,null),null):(H(s)?s.forEach(a=>o[a]=null):de(o,s),ee(e)&&r.set(e,o),o)}function Un(e,t){return!e||!yn(t)?!1:(t=t.slice(2).replace(/Once$/,""),J(e,t[0].toLowerCase()+t.slice(1))||J(e,rt(t))||J(e,t))}function Jc(){}function ls(e){const{type:t,vnode:n,proxy:r,withProxy:i,propsOptions:[s],slots:o,attrs:l,emit:a,render:c,renderCache:f,props:m,data:v,setupState:g,ctx:y,inheritAttrs:j}=e,$=Rn(e);let E,R;try{if(n.shapeFlag&4){const L=i||r,Q=L;E=Be(c.call(Q,L,f,m,g,v,y)),R=l}else{const L=t;E=Be(L.length>1?L(m,{attrs:l,slots:o,emit:a}):L(m,null)),R=t.props?l:za(l)}}catch(L){rn.length=0,Ln(L,e,1),E=C(Ce)}let P=E;if(R&&j!==!1){const L=Object.keys(R),{shapeFlag:Q}=P;L.length&&Q&7&&(s&&L.some(si)&&(R=Xa(R,s)),P=Ft(P,R,!1,!0))}return n.dirs&&(P=Ft(P,null,!1,!0),P.dirs=P.dirs?P.dirs.concat(n.dirs):n.dirs),n.transition&&Ai(P,n.transition),E=P,Rn($),E}const za=e=>{let t;for(const n in e)(n==="class"||n==="style"||yn(n))&&((t||(t={}))[n]=e[n]);return t},Xa=(e,t)=>{const n={};for(const r in e)(!si(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Ja(e,t,n){const{props:r,children:i,component:s}=e,{props:o,children:l,patchFlag:a}=t,c=s.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&a>=0){if(a&1024)return!0;if(a&16)return r?as(r,o,c):!!o;if(a&8){const f=t.dynamicProps;for(let m=0;m<f.length;m++){const v=f[m];if(o[v]!==r[v]&&!Un(c,v))return!0}}}else return(i||l)&&(!l||!l.$stable)?!0:r===o?!1:r?o?as(r,o,c):!0:!!o;return!1}function as(e,t,n){const r=Object.keys(t);if(r.length!==Object.keys(e).length)return!0;for(let i=0;i<r.length;i++){const s=r[i];if(t[s]!==e[s]&&!Un(n,s))return!0}return!1}function Ya({vnode:e,parent:t},n){for(;t;){const r=t.subTree;if(r.suspense&&r.suspense.activeBranch===e&&(r.el=e.el),r===e)(e=t.vnode).el=n,t=t.parent;else break}}const us={},fs=()=>Object.create(us),cs=e=>Object.getPrototypeOf(e)===us;function Za(e,t,n,r=!1){const i={},s=fs();e.propsDefaults=Object.create(null),ds(e,t,i,s);for(const o in e.propsOptions[0])o in i||(i[o]=void 0);n?e.props=r?i:Cl(i):e.type.props?e.props=i:e.props=s,e.attrs=s}function Qa(e,t,n,r){const{props:i,attrs:s,vnode:{patchFlag:o}}=e,l=X(i),[a]=e.propsOptions;let c=!1;if((r||o>0)&&!(o&16)){if(o&8){const f=e.vnode.dynamicProps;for(let m=0;m<f.length;m++){let v=f[m];if(Un(e.emitsOptions,v))continue;const g=t[v];if(a)if(J(s,v))g!==s[v]&&(s[v]=g,c=!0);else{const y=it(v);i[y]=Mi(a,l,y,g,e,!1)}else g!==s[v]&&(s[v]=g,c=!0)}}}else{ds(e,t,i,s)&&(c=!0);let f;for(const m in l)(!t||!J(t,m)&&((f=rt(m))===m||!J(t,f)))&&(a?n&&(n[m]!==void 0||n[f]!==void 0)&&(i[m]=Mi(a,l,m,void 0,e,!0)):delete i[m]);if(s!==l)for(const m in s)(!t||!J(t,m))&&(delete s[m],c=!0)}c&&Je(e.attrs,"set","")}function ds(e,t,n,r){const[i,s]=e.propsOptions;let o=!1,l;if(t)for(let a in t){if(Wt(a))continue;const c=t[a];let f;i&&J(i,f=it(a))?!s||!s.includes(f)?n[f]=c:(l||(l={}))[f]=c:Un(e.emitsOptions,a)||(!(a in r)||c!==r[a])&&(r[a]=c,o=!0)}if(s){const a=X(n),c=l||K;for(let f=0;f<s.length;f++){const m=s[f];n[m]=Mi(i,a,m,c[m],e,!J(c,m))}}return o}function Mi(e,t,n,r,i,s){const o=e[n];if(o!=null){const l=J(o,"default");if(l&&r===void 0){const a=o.default;if(o.type!==Function&&!o.skipFactory&&q(a)){const{propsDefaults:c}=i;if(n in c)r=c[n];else{const f=ln(i);r=c[n]=a.call(null,t),f()}}else r=a;i.ce&&i.ce._setProp(n,r)}o[0]&&(s&&!l?r=!1:o[1]&&(r===""||r===rt(n))&&(r=!0))}return r}const Ka=new WeakMap;function ps(e,t,n=!1){const r=n?Ka:t.propsCache,i=r.get(e);if(i)return i;const s=e.props,o={},l=[];let a=!1;if(!q(e)){const f=m=>{a=!0;const[v,g]=ps(m,t,!0);de(o,v),g&&l.push(...g)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!s&&!a)return ee(e)&&r.set(e,It),It;if(H(s))for(let f=0;f<s.length;f++){const m=it(s[f]);ms(m)&&(o[m]=K)}else if(s)for(const f in s){const m=it(f);if(ms(m)){const v=s[f],g=o[m]=H(v)||q(v)?{type:v}:de({},v),y=g.type;let j=!1,$=!0;if(H(y))for(let E=0;E<y.length;++E){const R=y[E],P=q(R)&&R.name;if(P==="Boolean"){j=!0;break}else P==="String"&&($=!1)}else j=q(y)&&y.name==="Boolean";g[0]=j,g[1]=$,(j||J(g,"default"))&&l.push(m)}}const c=[o,l];return ee(e)&&r.set(e,c),c}function ms(e){return e[0]!=="$"&&!Wt(e)}const Pi=e=>e==="_"||e==="_ctx"||e==="$stable",ji=e=>H(e)?e.map(Be):[Be(e)],Ca=(e,t,n)=>{if(t._n)return t;const r=jt((...i)=>ji(t(...i)),n);return r._c=!1,r},hs=(e,t,n)=>{const r=e._ctx;for(const i in e){if(Pi(i))continue;const s=e[i];if(q(s))t[i]=Ca(i,s,r);else if(s!=null){const o=ji(s);t[i]=()=>o}}},gs=(e,t)=>{const n=ji(t);e.slots.default=()=>n},vs=(e,t,n)=>{for(const r in t)(n||!Pi(r))&&(e[r]=t[r])},eu=(e,t,n)=>{const r=e.slots=fs();if(e.vnode.shapeFlag&32){const i=t._;i?(vs(r,t,n),n&&fr(r,"_",i,!0)):hs(t,r)}else t&&gs(e,t)},tu=(e,t,n)=>{const{vnode:r,slots:i}=e;let s=!0,o=K;if(r.shapeFlag&32){const l=t._;l?n&&l===1?s=!1:vs(i,t,n):(s=!t.$stable,hs(t,i)),o=t}else t&&(gs(e,t),o={default:1});if(s)for(const l in i)!Pi(l)&&o[l]==null&&delete i[l]},we=ou;function nu(e){return iu(e)}function iu(e,t){const n=$n();n.__VUE__=!0;const{insert:r,remove:i,patchProp:s,createElement:o,createText:l,createComment:a,setText:c,setElementText:f,parentNode:m,nextSibling:v,setScopeId:g=Fe,insertStaticContent:y}=e,j=(u,d,h,w=null,b=null,_=null,O=void 0,A=null,I=!!d.dynamicChildren)=>{if(u===d)return;u&&!on(u,d)&&(w=ii(u),We(u,b,_,!0),u=null),d.patchFlag===-2&&(I=!1,d.dynamicChildren=null);const{type:x,ref:U,shapeFlag:k}=d;switch(x){case Bn:$(u,d,h,w);break;case Ce:E(u,d,h,w);break;case Hn:u==null&&R(d,h,w,O);break;case ae:xt(u,d,h,w,b,_,O,A,I);break;default:k&1?Q(u,d,h,w,b,_,O,A,I):k&6?wt(u,d,h,w,b,_,O,A,I):(k&64||k&128)&&x.process(u,d,h,w,b,_,O,A,I,gn)}U!=null&&b?en(U,u&&u.ref,_,d||u,!d):U==null&&u&&u.ref!=null&&en(u.ref,null,_,u,!0)},$=(u,d,h,w)=>{if(u==null)r(d.el=l(d.children),h,w);else{const b=d.el=u.el;d.children!==u.children&&c(b,d.children)}},E=(u,d,h,w)=>{u==null?r(d.el=a(d.children||""),h,w):d.el=u.el},R=(u,d,h,w)=>{[u.el,u.anchor]=y(u.children,d,h,w,u.el,u.anchor)},P=({el:u,anchor:d},h,w)=>{let b;for(;u&&u!==d;)b=v(u),r(u,h,w),u=b;r(d,h,w)},L=({el:u,anchor:d})=>{let h;for(;u&&u!==d;)h=v(u),i(u),u=h;i(d)},Q=(u,d,h,w,b,_,O,A,I)=>{if(d.type==="svg"?O="svg":d.type==="math"&&(O="mathml"),u==null)Oe(d,h,w,b,_,O,A,I);else{const x=u.el&&u.el._isVueCE?u.el:null;try{x&&x._beginPatch(),Te(u,d,b,_,O,A,I)}finally{x&&x._endPatch()}}},Oe=(u,d,h,w,b,_,O,A)=>{let I,x;const{props:U,shapeFlag:k,transition:V,dirs:W}=u;if(I=u.el=o(u.type,_,U&&U.is,U),k&8?f(I,u.children):k&16&&ke(u.children,I,null,w,b,Li(u,_),O,A),W&&gt(u,null,w,"created"),ce(I,u,u.scopeId,O,w),U){for(const ne in U)ne!=="value"&&!Wt(ne)&&s(I,ne,null,U[ne],_,w);"value"in U&&s(I,"value",null,U.value,_),(x=U.onVnodeBeforeMount)&&He(x,w,u)}W&&gt(u,null,w,"beforeMount");const z=ru(b,V);z&&V.beforeEnter(I),r(I,d,h),((x=U&&U.onVnodeMounted)||z||W)&&we(()=>{x&&He(x,w,u),z&&V.enter(I),W&&gt(u,null,w,"mounted")},b)},ce=(u,d,h,w,b)=>{if(h&&g(u,h),w)for(let _=0;_<w.length;_++)g(u,w[_]);if(b){let _=b.subTree;if(d===_||xs(_.type)&&(_.ssContent===d||_.ssFallback===d)){const O=b.vnode;ce(u,O,O.scopeId,O.slotScopeIds,b.parent)}}},ke=(u,d,h,w,b,_,O,A,I=0)=>{for(let x=I;x<u.length;x++){const U=u[x]=A?ft(u[x]):Be(u[x]);j(null,U,d,h,w,b,_,O,A)}},Te=(u,d,h,w,b,_,O)=>{const A=d.el=u.el;let{patchFlag:I,dynamicChildren:x,dirs:U}=d;I|=u.patchFlag&16;const k=u.props||K,V=d.props||K;let W;if(h&&yt(h,!1),(W=V.onVnodeBeforeUpdate)&&He(W,h,d,u),U&&gt(d,u,h,"beforeUpdate"),h&&yt(h,!0),(k.innerHTML&&V.innerHTML==null||k.textContent&&V.textContent==null)&&f(A,""),x?Ee(u.dynamicChildren,x,A,h,w,Li(d,b),_):O||F(u,d,A,null,h,w,Li(d,b),_,!1),I>0){if(I&16)nt(A,k,V,h,b);else if(I&2&&k.class!==V.class&&s(A,"class",null,V.class,b),I&4&&s(A,"style",k.style,V.style,b),I&8){const z=d.dynamicProps;for(let ne=0;ne<z.length;ne++){const Z=z[ne],_e=k[Z],xe=V[Z];(xe!==_e||Z==="value")&&s(A,Z,_e,xe,b,h)}}I&1&&u.children!==d.children&&f(A,d.children)}else!O&&x==null&&nt(A,k,V,h,b);((W=V.onVnodeUpdated)||U)&&we(()=>{W&&He(W,h,d,u),U&&gt(d,u,h,"updated")},w)},Ee=(u,d,h,w,b,_,O)=>{for(let A=0;A<d.length;A++){const I=u[A],x=d[A],U=I.el&&(I.type===ae||!on(I,x)||I.shapeFlag&198)?m(I.el):h;j(I,x,U,null,w,b,_,O,!0)}},nt=(u,d,h,w,b)=>{if(d!==h){if(d!==K)for(const _ in d)!Wt(_)&&!(_ in h)&&s(u,_,d[_],null,b,w);for(const _ in h){if(Wt(_))continue;const O=h[_],A=d[_];O!==A&&_!=="value"&&s(u,_,A,O,b,w)}"value"in h&&s(u,"value",d.value,h.value,b)}},xt=(u,d,h,w,b,_,O,A,I)=>{const x=d.el=u?u.el:l(""),U=d.anchor=u?u.anchor:l("");let{patchFlag:k,dynamicChildren:V,slotScopeIds:W}=d;W&&(A=A?A.concat(W):W),u==null?(r(x,h,w),r(U,h,w),ke(d.children||[],h,U,b,_,O,A,I)):k>0&&k&64&&V&&u.dynamicChildren?(Ee(u.dynamicChildren,V,h,b,_,O,A),(d.key!=null||b&&d===b.subTree)&&ys(u,d,!0)):F(u,d,h,U,b,_,O,A,I)},wt=(u,d,h,w,b,_,O,A,I)=>{d.slotScopeIds=A,u==null?d.shapeFlag&512?b.ctx.activate(d,h,w,O,I):dn(d,h,w,b,_,O,I):pn(u,d,I)},dn=(u,d,h,w,b,_,O)=>{const A=u.component=du(u,w,b);if(Gr(u)&&(A.ctx.renderer=gn),pu(A,!1,O),A.asyncDep){if(b&&b.registerDep(A,M,O),!u.el){const I=A.subTree=C(Ce);E(null,I,d,h),u.placeholder=I.el}}else M(A,u,d,h,b,_,O)},pn=(u,d,h)=>{const w=d.component=u.component;if(Ja(u,d,h))if(w.asyncDep&&!w.asyncResolved){S(w,d,h);return}else w.next=d,w.update();else d.el=u.el,w.vnode=d},M=(u,d,h,w,b,_,O)=>{const A=()=>{if(u.isMounted){let{next:k,bu:V,u:W,parent:z,vnode:ne}=u;{const ze=bs(u);if(ze){k&&(k.el=ne.el,S(u,k,O)),ze.asyncDep.then(()=>{u.isUnmounted||A()});return}}let Z=k,_e;yt(u,!1),k?(k.el=ne.el,S(u,k,O)):k=ne,V&&xn(V),(_e=k.props&&k.props.onVnodeBeforeUpdate)&&He(_e,z,k,ne),yt(u,!0);const xe=ls(u),Ge=u.subTree;u.subTree=xe,j(Ge,xe,m(Ge.el),ii(Ge),u,b,_),k.el=xe.el,Z===null&&Ya(u,xe.el),W&&we(W,b),(_e=k.props&&k.props.onVnodeUpdated)&&we(()=>He(_e,z,k,ne),b)}else{let k;const{el:V,props:W}=d,{bm:z,m:ne,parent:Z,root:_e,type:xe}=u,Ge=Lt(d);yt(u,!1),z&&xn(z),!Ge&&(k=W&&W.onVnodeBeforeMount)&&He(k,Z,d),yt(u,!0);{_e.ce&&_e.ce._def.shadowRoot!==!1&&_e.ce._injectChildStyle(xe);const ze=u.subTree=ls(u);j(null,ze,h,w,u,b,_),d.el=ze.el}if(ne&&we(ne,b),!Ge&&(k=W&&W.onVnodeMounted)){const ze=d;we(()=>He(k,Z,ze),b)}(d.shapeFlag&256||Z&&Lt(Z.vnode)&&Z.vnode.shapeFlag&256)&&u.a&&we(u.a,b),u.isMounted=!0,d=h=w=null}};u.scope.on();const I=u.effect=new hr(A);u.scope.off();const x=u.update=I.run.bind(I),U=u.job=I.runIfDirty.bind(I);U.i=u,U.id=u.uid,I.scheduler=()=>Ii(U),yt(u,!0),x()},S=(u,d,h)=>{d.component=u;const w=u.vnode.props;u.vnode=d,u.next=null,Qa(u,d.props,w,h),tu(u,d.children,h),Ve(),Sr(u),Se()},F=(u,d,h,w,b,_,O,A,I=!1)=>{const x=u&&u.children,U=u?u.shapeFlag:0,k=d.children,{patchFlag:V,shapeFlag:W}=d;if(V>0){if(V&128){mn(x,k,h,w,b,_,O,A,I);return}else if(V&256){qe(x,k,h,w,b,_,O,A,I);return}}W&8?(U&16&&hn(x,b,_),k!==x&&f(h,k)):U&16?W&16?mn(x,k,h,w,b,_,O,A,I):hn(x,b,_,!0):(U&8&&f(h,""),W&16&&ke(k,h,w,b,_,O,A,I))},qe=(u,d,h,w,b,_,O,A,I)=>{u=u||It,d=d||It;const x=u.length,U=d.length,k=Math.min(x,U);let V;for(V=0;V<k;V++){const W=d[V]=I?ft(d[V]):Be(d[V]);j(u[V],W,h,null,b,_,O,A,I)}x>U?hn(u,b,_,!0,!1,k):ke(d,h,w,b,_,O,A,I,k)},mn=(u,d,h,w,b,_,O,A,I)=>{let x=0;const U=d.length;let k=u.length-1,V=U-1;for(;x<=k&&x<=V;){const W=u[x],z=d[x]=I?ft(d[x]):Be(d[x]);if(on(W,z))j(W,z,h,null,b,_,O,A,I);else break;x++}for(;x<=k&&x<=V;){const W=u[k],z=d[V]=I?ft(d[V]):Be(d[V]);if(on(W,z))j(W,z,h,null,b,_,O,A,I);else break;k--,V--}if(x>k){if(x<=V){const W=V+1,z=W<U?d[W].el:w;for(;x<=V;)j(null,d[x]=I?ft(d[x]):Be(d[x]),h,z,b,_,O,A,I),x++}}else if(x>V)for(;x<=k;)We(u[x],b,_,!0),x++;else{const W=x,z=x,ne=new Map;for(x=z;x<=V;x++){const Ie=d[x]=I?ft(d[x]):Be(d[x]);Ie.key!=null&&ne.set(Ie.key,x)}let Z,_e=0;const xe=V-z+1;let Ge=!1,ze=0;const vn=new Array(xe);for(x=0;x<xe;x++)vn[x]=0;for(x=W;x<=k;x++){const Ie=u[x];if(_e>=xe){We(Ie,b,_,!0);continue}let Xe;if(Ie.key!=null)Xe=ne.get(Ie.key);else for(Z=z;Z<=V;Z++)if(vn[Z-z]===0&&on(Ie,d[Z])){Xe=Z;break}Xe===void 0?We(Ie,b,_,!0):(vn[Xe-z]=x+1,Xe>=ze?ze=Xe:Ge=!0,j(Ie,d[Xe],h,null,b,_,O,A,I),_e++)}const bl=Ge?su(vn):It;for(Z=bl.length-1,x=xe-1;x>=0;x--){const Ie=z+x,Xe=d[Ie],_l=d[Ie+1],xl=Ie+1<U?_l.el||_l.placeholder:w;vn[x]===0?j(null,Xe,h,xl,b,_,O,A,I):Ge&&(Z<0||x!==bl[Z]?$t(Xe,h,xl,2):Z--)}}},$t=(u,d,h,w,b=null)=>{const{el:_,type:O,transition:A,children:I,shapeFlag:x}=u;if(x&6){$t(u.component.subTree,d,h,w);return}if(x&128){u.suspense.move(d,h,w);return}if(x&64){O.move(u,d,h,gn);return}if(O===ae){r(_,d,h);for(let k=0;k<I.length;k++)$t(I[k],d,h,w);r(u.anchor,d,h);return}if(O===Hn){P(u,d,h);return}if(w!==2&&x&1&&A)if(w===0)A.beforeEnter(_),r(_,d,h),we(()=>A.enter(_),b);else{const{leave:k,delayLeave:V,afterLeave:W}=A,z=()=>{u.ctx.isUnmounted?i(_):r(_,d,h)},ne=()=>{_._isLeaving&&_[va](!0),k(_,()=>{z(),W&&W()})};V?V(_,z,ne):ne()}else r(_,d,h)},We=(u,d,h,w=!1,b=!1)=>{const{type:_,props:O,ref:A,children:I,dynamicChildren:x,shapeFlag:U,patchFlag:k,dirs:V,cacheIndex:W}=u;if(k===-2&&(b=!1),A!=null&&(Ve(),en(A,null,h,u,!0),Se()),W!=null&&(d.renderCache[W]=void 0),U&256){d.ctx.deactivate(u);return}const z=U&1&&V,ne=!Lt(u);let Z;if(ne&&(Z=O&&O.onVnodeBeforeUnmount)&&He(Z,d,u),U&6)Wc(u.component,h,w);else{if(U&128){u.suspense.unmount(h,w);return}z&&gt(u,null,d,"beforeUnmount"),U&64?u.type.remove(u,d,h,gn,w):x&&!x.hasOnce&&(_!==ae||k>0&&k&64)?hn(x,d,h,!1,!0):(_===ae&&k&384||!b&&U&16)&&hn(I,d,h),w&&vl(u)}(ne&&(Z=O&&O.onVnodeUnmounted)||z)&&we(()=>{Z&&He(Z,d,u),z&&gt(u,null,d,"unmounted")},h)},vl=u=>{const{type:d,el:h,anchor:w,transition:b}=u;if(d===ae){qc(h,w);return}if(d===Hn){L(u);return}const _=()=>{i(h),b&&!b.persisted&&b.afterLeave&&b.afterLeave()};if(u.shapeFlag&1&&b&&!b.persisted){const{leave:O,delayLeave:A}=b,I=()=>O(h,_);A?A(u.el,_,I):I()}else _()},qc=(u,d)=>{let h;for(;u!==d;)h=v(u),i(u),u=h;i(d)},Wc=(u,d,h)=>{const{bum:w,scope:b,job:_,subTree:O,um:A,m:I,a:x}=u;_s(I),_s(x),w&&xn(w),b.stop(),_&&(_.flags|=8,We(O,u,d,h)),A&&we(A,d),we(()=>{u.isUnmounted=!0},d)},hn=(u,d,h,w=!1,b=!1,_=0)=>{for(let O=_;O<u.length;O++)We(u[O],d,h,w,b)},ii=u=>{if(u.shapeFlag&6)return ii(u.component.subTree);if(u.shapeFlag&128)return u.suspense.next();const d=v(u.anchor||u.el),h=d&&d[ha];return h?v(h):d};let nr=!1;const yl=(u,d,h)=>{u==null?d._vnode&&We(d._vnode,null,null,!0):j(d._vnode||null,u,d,null,null,null,h),d._vnode=u,nr||(nr=!0,Sr(),Dr(),nr=!1)},gn={p:j,um:We,m:$t,r:vl,mt:dn,mc:ke,pc:F,pbc:Ee,n:ii,o:e};return{render:yl,hydrate:void 0,createApp:Sa(yl)}}function Li({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function yt({effect:e,job:t},n){n?(e.flags|=32,t.flags|=4):(e.flags&=-33,t.flags&=-5)}function ru(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function ys(e,t,n=!1){const r=e.children,i=t.children;if(H(r)&&H(i))for(let s=0;s<r.length;s++){const o=r[s];let l=i[s];l.shapeFlag&1&&!l.dynamicChildren&&((l.patchFlag<=0||l.patchFlag===32)&&(l=i[s]=ft(i[s]),l.el=o.el),!n&&l.patchFlag!==-2&&ys(o,l)),l.type===Bn&&l.patchFlag!==-1&&(l.el=o.el),l.type===Ce&&!l.el&&(l.el=o.el)}}function su(e){const t=e.slice(),n=[0];let r,i,s,o,l;const a=e.length;for(r=0;r<a;r++){const c=e[r];if(c!==0){if(i=n[n.length-1],e[i]<c){t[r]=i,n.push(r);continue}for(s=0,o=n.length-1;s<o;)l=s+o>>1,e[n[l]]<c?s=l+1:o=l;c<e[n[s]]&&(s>0&&(t[r]=n[s-1]),n[s]=r)}}for(s=n.length,o=n[s-1];s-- >0;)n[s]=o,o=t[o];return n}function bs(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:bs(t)}function _s(e){if(e)for(let t=0;t<e.length;t++)e[t].flags|=8}const xs=e=>e.__isSuspense;function ou(e,t){t&&t.pendingBranch?H(e)?t.effects.push(...e):t.effects.push(e):ma(e)}const ae=Symbol.for("v-fgt"),Bn=Symbol.for("v-txt"),Ce=Symbol.for("v-cmt"),Hn=Symbol.for("v-stc"),rn=[];let $e=null;function D(e=!1){rn.push($e=e?null:[])}function lu(){rn.pop(),$e=rn[rn.length-1]||null}let sn=1;function ws(e,t=!1){sn+=e,e<0&&$e&&t&&($e.hasOnce=!0)}function $s(e){return e.dynamicChildren=sn>0?$e||It:null,lu(),sn>0&&$e&&$e.push(e),e}function G(e,t,n,r,i,s){return $s(T(e,t,n,r,i,s,!0))}function ut(e,t,n,r,i){return $s(C(e,t,n,r,i,!0))}function Ni(e){return e?e.__v_isVNode===!0:!1}function on(e,t){return e.type===t.type&&e.key===t.key}const Is=({key:e})=>e??null,qn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?le(e)||fe(e)||q(e)?{i:he,r:e,k:t,f:!!n}:e:null);function T(e,t=null,n=null,r=0,i=null,s=e===ae?0:1,o=!1,l=!1){const a={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Is(t),ref:t&&qn(t),scopeId:Br,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetStart:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:r,dynamicProps:i,dynamicChildren:null,appContext:null,ctx:he};return l?(Ri(a,n),s&128&&e.normalize(a)):n&&(a.shapeFlag|=le(n)?8:16),sn>0&&!o&&$e&&(a.patchFlag>0||s&6)&&a.patchFlag!==32&&$e.push(a),a}const C=au;function au(e,t=null,n=null,r=0,i=null,s=!1){if((!e||e===Ta)&&(e=Ce),Ni(e)){const l=Ft(e,t,!0);return n&&Ri(l,n),sn>0&&!s&&$e&&(l.shapeFlag&6?$e[$e.indexOf(e)]=l:$e.push(l)),l.patchFlag=-2,l}if(bu(e)&&(e=e.__vccOpts),t){t=uu(t);let{class:l,style:a}=t;l&&!le(l)&&(t.class=pe(l)),ee(a)&&(wi(a)&&!H(a)&&(a=de({},a)),t.style=Gt(a))}const o=le(e)?1:xs(e)?128:ga(e)?64:ee(e)?4:q(e)?2:0;return T(e,t,n,r,i,o,s,!0)}function uu(e){return e?wi(e)||cs(e)?de({},e):e:null}function Ft(e,t,n=!1,r=!1){const{props:i,ref:s,patchFlag:o,children:l,transition:a}=e,c=t?Wn(i||{},t):i,f={__v_isVNode:!0,__v_skip:!0,type:e.type,props:c,key:c&&Is(c),ref:t&&t.ref?n&&s?H(s)?s.concat(qn(t)):[s,qn(t)]:qn(t):s,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:l,target:e.target,targetStart:e.targetStart,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ae?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:a,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Ft(e.ssContent),ssFallback:e.ssFallback&&Ft(e.ssFallback),placeholder:e.placeholder,el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return a&&r&&Ai(f,a.clone(f)),f}function bt(e=" ",t=0){return C(Bn,null,e,t)}function As(e,t){const n=C(Hn,null,e);return n.staticCount=t,n}function re(e="",t=!1){return t?(D(),ut(Ce,null,e)):C(Ce,null,e)}function Be(e){return e==null||typeof e=="boolean"?C(Ce):H(e)?C(ae,null,e.slice()):Ni(e)?ft(e):C(Bn,null,String(e))}function ft(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Ft(e)}function Ri(e,t){let n=0;const{shapeFlag:r}=e;if(t==null)t=null;else if(H(t))n=16;else if(typeof t=="object")if(r&65){const i=t.default;i&&(i._c&&(i._d=!1),Ri(e,i()),i._c&&(i._d=!0));return}else{n=32;const i=t._;!i&&!cs(t)?t._ctx=he:i===3&&he&&(he.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:he},n=32):(t=String(t),r&64?(n=16,t=[bt(t)]):n=8);e.children=t,e.shapeFlag|=n}function Wn(...e){const t={};for(let n=0;n<e.length;n++){const r=e[n];for(const i in r)if(i==="class")t.class!==r.class&&(t.class=pe([t.class,r.class]));else if(i==="style")t.style=Gt([t.style,r.style]);else if(yn(i)){const s=t[i],o=r[i];o&&s!==o&&!(H(s)&&s.includes(o))&&(t[i]=s?[].concat(s,o):o)}else i!==""&&(t[i]=r[i])}return t}function He(e,t,n,r=null){De(e,t,7,[n,r])}const fu=is();let cu=0;function du(e,t,n){const r=e.type,i=(t?t.appContext:e.appContext)||fu,s={uid:cu++,vnode:e,type:r,parent:t,appContext:i,root:null,next:null,subTree:null,effect:null,update:null,job:null,scope:new Ll(!0),render:null,proxy:null,exposed:null,exposeProxy:null,withProxy:null,provides:t?t.provides:Object.create(i.provides),ids:t?t.ids:["",0,0],accessCache:null,renderCache:[],components:null,directives:null,propsOptions:ps(r,i),emitsOptions:os(r,i),emit:null,emitted:null,propsDefaults:K,inheritAttrs:r.inheritAttrs,ctx:K,data:K,props:K,attrs:K,slots:K,refs:K,setupState:K,setupContext:null,suspense:n,suspenseId:n?n.pendingId:0,asyncDep:null,asyncResolved:!1,isMounted:!1,isUnmounted:!1,isDeactivated:!1,bc:null,c:null,bm:null,m:null,bu:null,u:null,um:null,bum:null,da:null,a:null,rtg:null,rtc:null,ec:null,sp:null};return s.ctx={_:s},s.root=t?t.root:s,s.emit=Wa.bind(null,s),e.ce&&e.ce(s),s}let ye=null;const Fi=()=>ye||he;let Gn,Vi;{const e=$n(),t=(n,r)=>{let i;return(i=e[n])||(i=e[n]=[]),i.push(r),s=>{i.length>1?i.forEach(o=>o(s)):i[0](s)}};Gn=t("__VUE_INSTANCE_SETTERS__",n=>ye=n),Vi=t("__VUE_SSR_SETTERS__",n=>an=n)}const ln=e=>{const t=ye;return Gn(e),e.scope.on(),()=>{e.scope.off(),Gn(t)}},Os=()=>{ye&&ye.scope.off(),Gn(null)};function ks(e){return e.vnode.shapeFlag&4}let an=!1;function pu(e,t=!1,n=!1){t&&Vi(t);const{props:r,children:i}=e.vnode,s=ks(e);Za(e,r,s,t),eu(e,i,n||t);const o=s?mu(e,t):void 0;return t&&Vi(!1),o}function mu(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,Ea);const{setup:r}=n;if(r){Ve();const i=e.setupContext=r.length>1?Ms(e):null,s=ln(e),o=Tt(r,e,0,[e.props,i]),l=or(o);if(Se(),s(),(l||e.sp)&&!Lt(e)&&qr(e),l){if(o.then(Os,Os),t)return o.then(a=>{Ts(e,a)}).catch(a=>{Ln(a,e,0)});e.asyncDep=o}else Ts(e,o)}else Es(e)}function Ts(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ee(t)&&(e.setupState=Nr(t)),Es(e)}function Es(e,t,n){const r=e.type;e.render||(e.render=r.render||Fe);{const i=ln(e);Ve();try{ja(e)}finally{Se(),i()}}}const hu={get(e,t){return me(e,"get",""),e[t]}};function Ms(e){const t=n=>{e.exposed=n||{}};return{attrs:new Proxy(e.attrs,hu),slots:e.slots,emit:e.emit,expose:t}}function zn(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(Nr(ea(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in tn)return tn[n](e)},has(t,n){return n in t||n in tn}})):e.proxy}const gu=/(?:^|[-_])\w/g,vu=e=>e.replace(gu,t=>t.toUpperCase()).replace(/[-_]/g,"");function yu(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Ps(e,t,n=!1){let r=yu(t);if(!r&&t.__file){const i=t.__file.match(/([^/\\]+)\.\w+$/);i&&(r=i[1])}if(!r&&e){const i=s=>{for(const o in s)if(s[o]===t)return o};r=i(e.components)||e.parent&&i(e.parent.type.components)||i(e.appContext.components)}return r?vu(r):n?"App":"Anonymous"}function bu(e){return q(e)&&"__vccOpts"in e}const ie=(e,t)=>sa(e,t,an),_u="3.5.25";let Si;const js=typeof window<"u"&&window.trustedTypes;if(js)try{Si=js.createPolicy("vue",{createHTML:e=>e})}catch{}const Ls=Si?e=>Si.createHTML(e):e=>e,xu="http://www.w3.org/2000/svg",wu="http://www.w3.org/1998/Math/MathML",et=typeof document<"u"?document:null,Ns=et&&et.createElement("template"),$u={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const i=t==="svg"?et.createElementNS(xu,e):t==="mathml"?et.createElementNS(wu,e):n?et.createElement(e,{is:n}):et.createElement(e);return e==="select"&&r&&r.multiple!=null&&i.setAttribute("multiple",r.multiple),i},createText:e=>et.createTextNode(e),createComment:e=>et.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>et.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,r,i,s){const o=n?n.previousSibling:t.lastChild;if(i&&(i===s||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===s||!(i=i.nextSibling)););else{Ns.innerHTML=Ls(r==="svg"?`<svg>${e}</svg>`:r==="mathml"?`<math>${e}</math>`:e);const l=Ns.content;if(r==="svg"||r==="mathml"){const a=l.firstChild;for(;a.firstChild;)l.appendChild(a.firstChild);l.removeChild(a)}t.insertBefore(l,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},Iu=Symbol("_vtc");function Au(e,t,n){const r=e[Iu];r&&(t=(t?[t,...r]:[...r]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const Rs=Symbol("_vod"),Ou=Symbol("_vsh"),ku=Symbol(""),Tu=/(?:^|;)\s*display\s*:/;function Eu(e,t,n){const r=e.style,i=le(n);let s=!1;if(n&&!i){if(t)if(le(t))for(const o of t.split(";")){const l=o.slice(0,o.indexOf(":")).trim();n[l]==null&&Xn(r,l,"")}else for(const o in t)n[o]==null&&Xn(r,o,"");for(const o in n)o==="display"&&(s=!0),Xn(r,o,n[o])}else if(i){if(t!==n){const o=r[ku];o&&(n+=";"+o),r.cssText=n,s=Tu.test(n)}}else t&&e.removeAttribute("style");Rs in e&&(e[Rs]=s?r.display:"",e[Ou]&&(r.display="none"))}const Fs=/\s*!important$/;function Xn(e,t,n){if(H(n))n.forEach(r=>Xn(e,t,r));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const r=Mu(e,t);Fs.test(n)?e.setProperty(rt(r),n.replace(Fs,""),"important"):e[r]=n}}const Vs=["Webkit","Moz","ms"],Di={};function Mu(e,t){const n=Di[t];if(n)return n;let r=it(t);if(r!=="filter"&&r in e)return Di[t]=r;r=ur(r);for(let i=0;i<Vs.length;i++){const s=Vs[i]+r;if(s in e)return Di[t]=s}return t}const Ss="http://www.w3.org/1999/xlink";function Ds(e,t,n,r,i,s=Ml(t)){r&&t.startsWith("xlink:")?n==null?e.removeAttributeNS(Ss,t.slice(6,t.length)):e.setAttributeNS(Ss,t,n):n==null||s&&!dr(n)?e.removeAttribute(t):e.setAttribute(t,s?"":Me(n)?String(n):n)}function Us(e,t,n,r,i){if(t==="innerHTML"||t==="textContent"){n!=null&&(e[t]=t==="innerHTML"?Ls(n):n);return}const s=e.tagName;if(t==="value"&&s!=="PROGRESS"&&!s.includes("-")){const l=s==="OPTION"?e.getAttribute("value")||"":e.value,a=n==null?e.type==="checkbox"?"on":"":String(n);(l!==a||!("_value"in e))&&(e.value=a),n==null&&e.removeAttribute(t),e._value=n;return}let o=!1;if(n===""||n==null){const l=typeof e[t];l==="boolean"?n=dr(n):n==null&&l==="string"?(n="",o=!0):l==="number"&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function _t(e,t,n,r){e.addEventListener(t,n,r)}function Pu(e,t,n,r){e.removeEventListener(t,n,r)}const Bs=Symbol("_vei");function ju(e,t,n,r,i=null){const s=e[Bs]||(e[Bs]={}),o=s[t];if(r&&o)o.value=r;else{const[l,a]=Lu(t);if(r){const c=s[t]=Fu(r,i);_t(e,l,c,a)}else o&&(Pu(e,l,o,a),s[t]=void 0)}}const Hs=/(?:Once|Passive|Capture)$/;function Lu(e){let t;if(Hs.test(e)){t={};let r;for(;r=e.match(Hs);)e=e.slice(0,e.length-r[0].length),t[r[0].toLowerCase()]=!0}return[e[2]===":"?e.slice(3):rt(e.slice(2)),t]}let Ui=0;const Nu=Promise.resolve(),Ru=()=>Ui||(Nu.then(()=>Ui=0),Ui=Date.now());function Fu(e,t){const n=r=>{if(!r._vts)r._vts=Date.now();else if(r._vts<=n.attached)return;De(Vu(r,n.value),t,5,[r])};return n.value=e,n.attached=Ru(),n}function Vu(e,t){if(H(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(r=>i=>!i._stopped&&r&&r(i))}else return t}const qs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Su=(e,t,n,r,i,s)=>{const o=i==="svg";t==="class"?Au(e,r,o):t==="style"?Eu(e,n,r):yn(t)?si(t)||ju(e,t,n,r,s):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Du(e,t,r,o))?(Us(e,t,r),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&Ds(e,t,r,o,s,t!=="value")):e._isVueCE&&(/[A-Z]/.test(t)||!le(r))?Us(e,it(t),r,s,t):(t==="true-value"?e._trueValue=r:t==="false-value"&&(e._falseValue=r),Ds(e,t,r,o))};function Du(e,t,n,r){if(r)return!!(t==="innerHTML"||t==="textContent"||t in e&&qs(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="autocorrect"||t==="sandbox"&&e.tagName==="IFRAME"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const i=e.tagName;if(i==="IMG"||i==="VIDEO"||i==="CANVAS"||i==="SOURCE")return!1}return qs(t)&&le(n)?!1:t in e}const Jn=e=>{const t=e.props["onUpdate:modelValue"]||!1;return H(t)?n=>xn(t,n):t};function Uu(e){e.target.composing=!0}function Ws(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const Vt=Symbol("_assign");function Gs(e,t,n){return t&&(e=e.trim()),n&&(e=wn(e)),e}const Bu={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[Vt]=Jn(i);const s=r||i.props&&i.props.type==="number";_t(e,t?"change":"input",o=>{o.target.composing||e[Vt](Gs(e.value,n,s))}),(n||s)&&_t(e,"change",()=>{e.value=Gs(e.value,n,s)}),t||(_t(e,"compositionstart",Uu),_t(e,"compositionend",Ws),_t(e,"change",Ws))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:s}},o){if(e[Vt]=Jn(o),e.composing)return;const l=(s||e.type==="number")&&!/^0\d/.test(e.value)?wn(e.value):e.value,a=t??"";l!==a&&(document.activeElement===e&&e.type!=="range"&&(r&&t===n||i&&e.value.trim()===a)||(e.value=a))}},Yn={deep:!0,created(e,{value:t,modifiers:{number:n}},r){const i=bn(t);_t(e,"change",()=>{const s=Array.prototype.filter.call(e.options,o=>o.selected).map(o=>n?wn(Zn(o)):Zn(o));e[Vt](e.multiple?i?new Set(s):s:s[0]),e._assigning=!0,Pt(()=>{e._assigning=!1})}),e[Vt]=Jn(r)},mounted(e,{value:t}){zs(e,t)},beforeUpdate(e,t,n){e[Vt]=Jn(n)},updated(e,{value:t}){e._assigning||zs(e,t)}};function zs(e,t){const n=e.multiple,r=H(t);if(!(n&&!r&&!bn(t))){for(let i=0,s=e.options.length;i<s;i++){const o=e.options[i],l=Zn(o);if(n)if(r){const a=typeof l;a==="string"||a==="number"?o.selected=t.some(c=>String(c)===String(l)):o.selected=jl(t,l)>-1}else o.selected=t.has(l);else if(In(Zn(o),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!n&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function Zn(e){return"_value"in e?e._value:e.value}const Hu=["ctrl","shift","alt","meta"],qu={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Hu.some(n=>e[`${n}Key`]&&!t.includes(n))},Xs=(e,t)=>{const n=e._withMods||(e._withMods={}),r=t.join(".");return n[r]||(n[r]=((i,...s)=>{for(let o=0;o<t.length;o++){const l=qu[t[o]];if(l&&l(i,t))return}return e(i,...s)}))},Wu={esc:"escape",space:" ",up:"arrow-up",left:"arrow-left",right:"arrow-right",down:"arrow-down",delete:"backspace"},Gu=(e,t)=>{const n=e._withKeys||(e._withKeys={}),r=t.join(".");return n[r]||(n[r]=(i=>{if(!("key"in i))return;const s=rt(i.key);if(t.some(o=>o===s||Wu[o]===s))return e(i)}))},zu=de({patchProp:Su},$u);let Js;function Xu(){return Js||(Js=nu(zu))}const Ju=((...e)=>{const t=Xu().createApp(...e),{mount:n}=t;return t.mount=r=>{const i=Zu(r);if(!i)return;const s=t._component;!q(s)&&!s.render&&!s.template&&(s.template=i.innerHTML),i.nodeType===1&&(i.textContent="");const o=n(i,!1,Yu(i));return i instanceof Element&&(i.removeAttribute("v-cloak"),i.setAttribute("data-v-app","")),o},t});function Yu(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function Zu(e){return le(e)?document.querySelector(e):e}let Ys=class ir{constructor(t,n,r,i){this._uri=t,this._languageId=n,this._version=r,this._content=i,this._lineOffsets=void 0}get uri(){return this._uri}get languageId(){return this._languageId}get version(){return this._version}getText(t){if(t){const n=this.offsetAt(t.start),r=this.offsetAt(t.end);return this._content.substring(n,r)}return this._content}update(t,n){for(const r of t)if(ir.isIncremental(r)){const i=Cs(r.range),s=this.offsetAt(i.start),o=this.offsetAt(i.end);this._content=this._content.substring(0,s)+r.text+this._content.substring(o,this._content.length);const l=Math.max(i.start.line,0),a=Math.max(i.end.line,0);let c=this._lineOffsets;const f=Qs(r.text,!1,s);if(a-l===f.length)for(let v=0,g=f.length;v<g;v++)c[v+l+1]=f[v];else f.length<1e4?c.splice(l+1,a-l,...f):this._lineOffsets=c=c.slice(0,l+1).concat(f,c.slice(a+1));const m=r.text.length-(o-s);if(m!==0)for(let v=l+1+f.length,g=c.length;v<g;v++)c[v]=c[v]+m}else if(ir.isFull(r))this._content=r.text,this._lineOffsets=void 0;else throw new Error("Unknown change event received");this._version=n}getLineOffsets(){return this._lineOffsets===void 0&&(this._lineOffsets=Qs(this._content,!0)),this._lineOffsets}positionAt(t){t=Math.max(Math.min(t,this._content.length),0);const n=this.getLineOffsets();let r=0,i=n.length;if(i===0)return{line:0,character:t};for(;r<i;){const o=Math.floor((r+i)/2);n[o]>t?i=o:r=o+1}const s=r-1;return t=this.ensureBeforeEOL(t,n[s]),{line:s,character:t-n[s]}}offsetAt(t){const n=this.getLineOffsets();if(t.line>=n.length)return this._content.length;if(t.line<0)return 0;const r=n[t.line];if(t.character<=0)return r;const i=t.line+1<n.length?n[t.line+1]:this._content.length,s=Math.min(r+t.character,i);return this.ensureBeforeEOL(s,r)}ensureBeforeEOL(t,n){for(;t>n&&Ks(this._content.charCodeAt(t-1));)t--;return t}get lineCount(){return this.getLineOffsets().length}static isIncremental(t){const n=t;return n!=null&&typeof n.text=="string"&&n.range!==void 0&&(n.rangeLength===void 0||typeof n.rangeLength=="number")}static isFull(t){const n=t;return n!=null&&typeof n.text=="string"&&n.range===void 0&&n.rangeLength===void 0}};var Zs;(function(e){function t(i,s,o,l){return new Ys(i,s,o,l)}e.create=t;function n(i,s,o){if(i instanceof Ys)return i.update(s,o),i;throw new Error("TextDocument.update: document must be created by TextDocument.create")}e.update=n;function r(i,s){const o=i.getText(),l=Bi(s.map(Qu),(f,m)=>{const v=f.range.start.line-m.range.start.line;return v===0?f.range.start.character-m.range.start.character:v});let a=0;const c=[];for(const f of l){const m=i.offsetAt(f.range.start);if(m<a)throw new Error("Overlapping edit");m>a&&c.push(o.substring(a,m)),f.newText.length&&c.push(f.newText),a=i.offsetAt(f.range.end)}return c.push(o.substr(a)),c.join("")}e.applyEdits=r})(Zs||(Zs={}));function Bi(e,t){if(e.length<=1)return e;const n=e.length/2|0,r=e.slice(0,n),i=e.slice(n);Bi(r,t),Bi(i,t);let s=0,o=0,l=0;for(;s<r.length&&o<i.length;)t(r[s],i[o])<=0?e[l++]=r[s++]:e[l++]=i[o++];for(;s<r.length;)e[l++]=r[s++];for(;o<i.length;)e[l++]=i[o++];return e}function Qs(e,t,n=0){const r=t?[n]:[];for(let i=0;i<e.length;i++){const s=e.charCodeAt(i);Ks(s)&&(s===13&&i+1<e.length&&e.charCodeAt(i+1)===10&&i++,r.push(n+i+1))}return r}function Ks(e){return e===13||e===10}function Cs(e){const t=e.start,n=e.end;return t.line>n.line||t.line===n.line&&t.character>n.character?{start:n,end:t}:e}function Qu(e){const t=Cs(e.range);return t!==e.range?{newText:e.newText,range:t}:e}var eo;(function(e){e[e.lineFeed=10]="lineFeed",e[e.carriageReturn=13]="carriageReturn",e[e.space=32]="space",e[e._0=48]="_0",e[e._1=49]="_1",e[e._2=50]="_2",e[e._3=51]="_3",e[e._4=52]="_4",e[e._5=53]="_5",e[e._6=54]="_6",e[e._7=55]="_7",e[e._8=56]="_8",e[e._9=57]="_9",e[e.a=97]="a",e[e.b=98]="b",e[e.c=99]="c",e[e.d=100]="d",e[e.e=101]="e",e[e.f=102]="f",e[e.g=103]="g",e[e.h=104]="h",e[e.i=105]="i",e[e.j=106]="j",e[e.k=107]="k",e[e.l=108]="l",e[e.m=109]="m",e[e.n=110]="n",e[e.o=111]="o",e[e.p=112]="p",e[e.q=113]="q",e[e.r=114]="r",e[e.s=115]="s",e[e.t=116]="t",e[e.u=117]="u",e[e.v=118]="v",e[e.w=119]="w",e[e.x=120]="x",e[e.y=121]="y",e[e.z=122]="z",e[e.A=65]="A",e[e.B=66]="B",e[e.C=67]="C",e[e.D=68]="D",e[e.E=69]="E",e[e.F=70]="F",e[e.G=71]="G",e[e.H=72]="H",e[e.I=73]="I",e[e.J=74]="J",e[e.K=75]="K",e[e.L=76]="L",e[e.M=77]="M",e[e.N=78]="N",e[e.O=79]="O",e[e.P=80]="P",e[e.Q=81]="Q",e[e.R=82]="R",e[e.S=83]="S",e[e.T=84]="T",e[e.U=85]="U",e[e.V=86]="V",e[e.W=87]="W",e[e.X=88]="X",e[e.Y=89]="Y",e[e.Z=90]="Z",e[e.asterisk=42]="asterisk",e[e.backslash=92]="backslash",e[e.closeBrace=125]="closeBrace",e[e.closeBracket=93]="closeBracket",e[e.colon=58]="colon",e[e.comma=44]="comma",e[e.dot=46]="dot",e[e.doubleQuote=34]="doubleQuote",e[e.minus=45]="minus",e[e.openBrace=123]="openBrace",e[e.openBracket=91]="openBracket",e[e.plus=43]="plus",e[e.slash=47]="slash",e[e.formFeed=12]="formFeed",e[e.tab=9]="tab"})(eo||(eo={})),new Array(20).fill(0).map((e,t)=>" ".repeat(t));const St=200;new Array(St).fill(0).map((e,t)=>`
+`+" ".repeat(t)),new Array(St).fill(0).map((e,t)=>"\r"+" ".repeat(t)),new Array(St).fill(0).map((e,t)=>`\r
+`+" ".repeat(t)),new Array(St).fill(0).map((e,t)=>`
+`+"	".repeat(t)),new Array(St).fill(0).map((e,t)=>"\r"+"	".repeat(t)),new Array(St).fill(0).map((e,t)=>`\r
+`+"	".repeat(t));var to;(function(e){e.DEFAULT={allowTrailingComma:!1}})(to||(to={}));var no;(function(e){e[e.None=0]="None",e[e.UnexpectedEndOfComment=1]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=2]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=3]="UnexpectedEndOfNumber",e[e.InvalidUnicode=4]="InvalidUnicode",e[e.InvalidEscapeCharacter=5]="InvalidEscapeCharacter",e[e.InvalidCharacter=6]="InvalidCharacter"})(no||(no={}));var io;(function(e){e[e.OpenBraceToken=1]="OpenBraceToken",e[e.CloseBraceToken=2]="CloseBraceToken",e[e.OpenBracketToken=3]="OpenBracketToken",e[e.CloseBracketToken=4]="CloseBracketToken",e[e.CommaToken=5]="CommaToken",e[e.ColonToken=6]="ColonToken",e[e.NullKeyword=7]="NullKeyword",e[e.TrueKeyword=8]="TrueKeyword",e[e.FalseKeyword=9]="FalseKeyword",e[e.StringLiteral=10]="StringLiteral",e[e.NumericLiteral=11]="NumericLiteral",e[e.LineCommentTrivia=12]="LineCommentTrivia",e[e.BlockCommentTrivia=13]="BlockCommentTrivia",e[e.LineBreakTrivia=14]="LineBreakTrivia",e[e.Trivia=15]="Trivia",e[e.Unknown=16]="Unknown",e[e.EOF=17]="EOF"})(io||(io={}));var ro;(function(e){e[e.InvalidSymbol=1]="InvalidSymbol",e[e.InvalidNumberFormat=2]="InvalidNumberFormat",e[e.PropertyNameExpected=3]="PropertyNameExpected",e[e.ValueExpected=4]="ValueExpected",e[e.ColonExpected=5]="ColonExpected",e[e.CommaExpected=6]="CommaExpected",e[e.CloseBraceExpected=7]="CloseBraceExpected",e[e.CloseBracketExpected=8]="CloseBracketExpected",e[e.EndOfFileExpected=9]="EndOfFileExpected",e[e.InvalidCommentToken=10]="InvalidCommentToken",e[e.UnexpectedEndOfComment=11]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=12]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=13]="UnexpectedEndOfNumber",e[e.InvalidUnicode=14]="InvalidUnicode",e[e.InvalidEscapeCharacter=15]="InvalidEscapeCharacter",e[e.InvalidCharacter=16]="InvalidCharacter"})(ro||(ro={}));var so;(function(e){function t(n){return typeof n=="string"}e.is=t})(so||(so={}));var Hi;(function(e){function t(n){return typeof n=="string"}e.is=t})(Hi||(Hi={}));var oo;(function(e){e.MIN_VALUE=-2147483648,e.MAX_VALUE=2147483647;function t(n){return typeof n=="number"&&e.MIN_VALUE<=n&&n<=e.MAX_VALUE}e.is=t})(oo||(oo={}));var Qn;(function(e){e.MIN_VALUE=0,e.MAX_VALUE=2147483647;function t(n){return typeof n=="number"&&e.MIN_VALUE<=n&&n<=e.MAX_VALUE}e.is=t})(Qn||(Qn={}));var Ne;(function(e){function t(r,i){return r===Number.MAX_VALUE&&(r=Qn.MAX_VALUE),i===Number.MAX_VALUE&&(i=Qn.MAX_VALUE),{line:r,character:i}}e.create=t;function n(r){let i=r;return p.objectLiteral(i)&&p.uinteger(i.line)&&p.uinteger(i.character)}e.is=n})(Ne||(Ne={}));var ue;(function(e){function t(r,i,s,o){if(p.uinteger(r)&&p.uinteger(i)&&p.uinteger(s)&&p.uinteger(o))return{start:Ne.create(r,i),end:Ne.create(s,o)};if(Ne.is(r)&&Ne.is(i))return{start:r,end:i};throw new Error(`Range#create called with invalid arguments[${r}, ${i}, ${s}, ${o}]`)}e.create=t;function n(r){let i=r;return p.objectLiteral(i)&&Ne.is(i.start)&&Ne.is(i.end)}e.is=n})(ue||(ue={}));var Kn;(function(e){function t(r,i){return{uri:r,range:i}}e.create=t;function n(r){let i=r;return p.objectLiteral(i)&&ue.is(i.range)&&(p.string(i.uri)||p.undefined(i.uri))}e.is=n})(Kn||(Kn={}));var lo;(function(e){function t(r,i,s,o){return{targetUri:r,targetRange:i,targetSelectionRange:s,originSelectionRange:o}}e.create=t;function n(r){let i=r;return p.objectLiteral(i)&&ue.is(i.targetRange)&&p.string(i.targetUri)&&ue.is(i.targetSelectionRange)&&(ue.is(i.originSelectionRange)||p.undefined(i.originSelectionRange))}e.is=n})(lo||(lo={}));var qi;(function(e){function t(r,i,s,o){return{red:r,green:i,blue:s,alpha:o}}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&p.numberRange(i.red,0,1)&&p.numberRange(i.green,0,1)&&p.numberRange(i.blue,0,1)&&p.numberRange(i.alpha,0,1)}e.is=n})(qi||(qi={}));var ao;(function(e){function t(r,i){return{range:r,color:i}}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&ue.is(i.range)&&qi.is(i.color)}e.is=n})(ao||(ao={}));var uo;(function(e){function t(r,i,s){return{label:r,textEdit:i,additionalTextEdits:s}}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&p.string(i.label)&&(p.undefined(i.textEdit)||Ut.is(i))&&(p.undefined(i.additionalTextEdits)||p.typedArray(i.additionalTextEdits,Ut.is))}e.is=n})(uo||(uo={}));var fo;(function(e){e.Comment="comment",e.Imports="imports",e.Region="region"})(fo||(fo={}));var co;(function(e){function t(r,i,s,o,l,a){const c={startLine:r,endLine:i};return p.defined(s)&&(c.startCharacter=s),p.defined(o)&&(c.endCharacter=o),p.defined(l)&&(c.kind=l),p.defined(a)&&(c.collapsedText=a),c}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&p.uinteger(i.startLine)&&p.uinteger(i.startLine)&&(p.undefined(i.startCharacter)||p.uinteger(i.startCharacter))&&(p.undefined(i.endCharacter)||p.uinteger(i.endCharacter))&&(p.undefined(i.kind)||p.string(i.kind))}e.is=n})(co||(co={}));var Wi;(function(e){function t(r,i){return{location:r,message:i}}e.create=t;function n(r){let i=r;return p.defined(i)&&Kn.is(i.location)&&p.string(i.message)}e.is=n})(Wi||(Wi={}));var po;(function(e){e.Error=1,e.Warning=2,e.Information=3,e.Hint=4})(po||(po={}));var mo;(function(e){e.Unnecessary=1,e.Deprecated=2})(mo||(mo={}));var ho;(function(e){function t(n){const r=n;return p.objectLiteral(r)&&p.string(r.href)}e.is=t})(ho||(ho={}));var Cn;(function(e){function t(r,i,s,o,l,a){let c={range:r,message:i};return p.defined(s)&&(c.severity=s),p.defined(o)&&(c.code=o),p.defined(l)&&(c.source=l),p.defined(a)&&(c.relatedInformation=a),c}e.create=t;function n(r){var i;let s=r;return p.defined(s)&&ue.is(s.range)&&p.string(s.message)&&(p.number(s.severity)||p.undefined(s.severity))&&(p.integer(s.code)||p.string(s.code)||p.undefined(s.code))&&(p.undefined(s.codeDescription)||p.string((i=s.codeDescription)===null||i===void 0?void 0:i.href))&&(p.string(s.source)||p.undefined(s.source))&&(p.undefined(s.relatedInformation)||p.typedArray(s.relatedInformation,Wi.is))}e.is=n})(Cn||(Cn={}));var Dt;(function(e){function t(r,i,...s){let o={title:r,command:i};return p.defined(s)&&s.length>0&&(o.arguments=s),o}e.create=t;function n(r){let i=r;return p.defined(i)&&p.string(i.title)&&p.string(i.command)}e.is=n})(Dt||(Dt={}));var Ut;(function(e){function t(s,o){return{range:s,newText:o}}e.replace=t;function n(s,o){return{range:{start:s,end:s},newText:o}}e.insert=n;function r(s){return{range:s,newText:""}}e.del=r;function i(s){const o=s;return p.objectLiteral(o)&&p.string(o.newText)&&ue.is(o.range)}e.is=i})(Ut||(Ut={}));var Gi;(function(e){function t(r,i,s){const o={label:r};return i!==void 0&&(o.needsConfirmation=i),s!==void 0&&(o.description=s),o}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&p.string(i.label)&&(p.boolean(i.needsConfirmation)||i.needsConfirmation===void 0)&&(p.string(i.description)||i.description===void 0)}e.is=n})(Gi||(Gi={}));var Bt;(function(e){function t(n){const r=n;return p.string(r)}e.is=t})(Bt||(Bt={}));var go;(function(e){function t(s,o,l){return{range:s,newText:o,annotationId:l}}e.replace=t;function n(s,o,l){return{range:{start:s,end:s},newText:o,annotationId:l}}e.insert=n;function r(s,o){return{range:s,newText:"",annotationId:o}}e.del=r;function i(s){const o=s;return Ut.is(o)&&(Gi.is(o.annotationId)||Bt.is(o.annotationId))}e.is=i})(go||(go={}));var zi;(function(e){function t(r,i){return{textDocument:r,edits:i}}e.create=t;function n(r){let i=r;return p.defined(i)&&Qi.is(i.textDocument)&&Array.isArray(i.edits)}e.is=n})(zi||(zi={}));var Xi;(function(e){function t(r,i,s){let o={kind:"create",uri:r};return i!==void 0&&(i.overwrite!==void 0||i.ignoreIfExists!==void 0)&&(o.options=i),s!==void 0&&(o.annotationId=s),o}e.create=t;function n(r){let i=r;return i&&i.kind==="create"&&p.string(i.uri)&&(i.options===void 0||(i.options.overwrite===void 0||p.boolean(i.options.overwrite))&&(i.options.ignoreIfExists===void 0||p.boolean(i.options.ignoreIfExists)))&&(i.annotationId===void 0||Bt.is(i.annotationId))}e.is=n})(Xi||(Xi={}));var Ji;(function(e){function t(r,i,s,o){let l={kind:"rename",oldUri:r,newUri:i};return s!==void 0&&(s.overwrite!==void 0||s.ignoreIfExists!==void 0)&&(l.options=s),o!==void 0&&(l.annotationId=o),l}e.create=t;function n(r){let i=r;return i&&i.kind==="rename"&&p.string(i.oldUri)&&p.string(i.newUri)&&(i.options===void 0||(i.options.overwrite===void 0||p.boolean(i.options.overwrite))&&(i.options.ignoreIfExists===void 0||p.boolean(i.options.ignoreIfExists)))&&(i.annotationId===void 0||Bt.is(i.annotationId))}e.is=n})(Ji||(Ji={}));var Yi;(function(e){function t(r,i,s){let o={kind:"delete",uri:r};return i!==void 0&&(i.recursive!==void 0||i.ignoreIfNotExists!==void 0)&&(o.options=i),s!==void 0&&(o.annotationId=s),o}e.create=t;function n(r){let i=r;return i&&i.kind==="delete"&&p.string(i.uri)&&(i.options===void 0||(i.options.recursive===void 0||p.boolean(i.options.recursive))&&(i.options.ignoreIfNotExists===void 0||p.boolean(i.options.ignoreIfNotExists)))&&(i.annotationId===void 0||Bt.is(i.annotationId))}e.is=n})(Yi||(Yi={}));var Zi;(function(e){function t(n){let r=n;return r&&(r.changes!==void 0||r.documentChanges!==void 0)&&(r.documentChanges===void 0||r.documentChanges.every(i=>p.string(i.kind)?Xi.is(i)||Ji.is(i)||Yi.is(i):zi.is(i)))}e.is=t})(Zi||(Zi={}));var vo;(function(e){function t(r){return{uri:r}}e.create=t;function n(r){let i=r;return p.defined(i)&&p.string(i.uri)}e.is=n})(vo||(vo={}));var yo;(function(e){function t(r,i){return{uri:r,version:i}}e.create=t;function n(r){let i=r;return p.defined(i)&&p.string(i.uri)&&p.integer(i.version)}e.is=n})(yo||(yo={}));var Qi;(function(e){function t(r,i){return{uri:r,version:i}}e.create=t;function n(r){let i=r;return p.defined(i)&&p.string(i.uri)&&(i.version===null||p.integer(i.version))}e.is=n})(Qi||(Qi={}));var bo;(function(e){function t(r,i,s,o){return{uri:r,languageId:i,version:s,text:o}}e.create=t;function n(r){let i=r;return p.defined(i)&&p.string(i.uri)&&p.string(i.languageId)&&p.integer(i.version)&&p.string(i.text)}e.is=n})(bo||(bo={}));var un;(function(e){e.PlainText="plaintext",e.Markdown="markdown";function t(n){const r=n;return r===e.PlainText||r===e.Markdown}e.is=t})(un||(un={}));var fn;(function(e){function t(n){const r=n;return p.objectLiteral(n)&&un.is(r.kind)&&p.string(r.value)}e.is=t})(fn||(fn={}));var _o;(function(e){e.Text=1,e.Method=2,e.Function=3,e.Constructor=4,e.Field=5,e.Variable=6,e.Class=7,e.Interface=8,e.Module=9,e.Property=10,e.Unit=11,e.Value=12,e.Enum=13,e.Keyword=14,e.Snippet=15,e.Color=16,e.File=17,e.Reference=18,e.Folder=19,e.EnumMember=20,e.Constant=21,e.Struct=22,e.Event=23,e.Operator=24,e.TypeParameter=25})(_o||(_o={}));var xo;(function(e){e.PlainText=1,e.Snippet=2})(xo||(xo={}));var wo;(function(e){e.Deprecated=1})(wo||(wo={}));var $o;(function(e){function t(r,i,s){return{newText:r,insert:i,replace:s}}e.create=t;function n(r){const i=r;return i&&p.string(i.newText)&&ue.is(i.insert)&&ue.is(i.replace)}e.is=n})($o||($o={}));var Io;(function(e){e.asIs=1,e.adjustIndentation=2})(Io||(Io={}));var Ao;(function(e){function t(n){const r=n;return r&&(p.string(r.detail)||r.detail===void 0)&&(p.string(r.description)||r.description===void 0)}e.is=t})(Ao||(Ao={}));var Oo;(function(e){function t(n){return{label:n}}e.create=t})(Oo||(Oo={}));var ko;(function(e){function t(n,r){return{items:n||[],isIncomplete:!!r}}e.create=t})(ko||(ko={}));var ei;(function(e){function t(r){return r.replace(/[\\`*_{}[\]()#+\-.!]/g,"\\$&")}e.fromPlainText=t;function n(r){const i=r;return p.string(i)||p.objectLiteral(i)&&p.string(i.language)&&p.string(i.value)}e.is=n})(ei||(ei={}));var To;(function(e){function t(n){let r=n;return!!r&&p.objectLiteral(r)&&(fn.is(r.contents)||ei.is(r.contents)||p.typedArray(r.contents,ei.is))&&(n.range===void 0||ue.is(n.range))}e.is=t})(To||(To={}));var Eo;(function(e){function t(n,r){return r?{label:n,documentation:r}:{label:n}}e.create=t})(Eo||(Eo={}));var Mo;(function(e){function t(n,r,...i){let s={label:n};return p.defined(r)&&(s.documentation=r),p.defined(i)?s.parameters=i:s.parameters=[],s}e.create=t})(Mo||(Mo={}));var Po;(function(e){e.Text=1,e.Read=2,e.Write=3})(Po||(Po={}));var jo;(function(e){function t(n,r){let i={range:n};return p.number(r)&&(i.kind=r),i}e.create=t})(jo||(jo={}));var Lo;(function(e){e.File=1,e.Module=2,e.Namespace=3,e.Package=4,e.Class=5,e.Method=6,e.Property=7,e.Field=8,e.Constructor=9,e.Enum=10,e.Interface=11,e.Function=12,e.Variable=13,e.Constant=14,e.String=15,e.Number=16,e.Boolean=17,e.Array=18,e.Object=19,e.Key=20,e.Null=21,e.EnumMember=22,e.Struct=23,e.Event=24,e.Operator=25,e.TypeParameter=26})(Lo||(Lo={}));var No;(function(e){e.Deprecated=1})(No||(No={}));var Ro;(function(e){function t(n,r,i,s,o){let l={name:n,kind:r,location:{uri:s,range:i}};return o&&(l.containerName=o),l}e.create=t})(Ro||(Ro={}));var Fo;(function(e){function t(n,r,i,s){return s!==void 0?{name:n,kind:r,location:{uri:i,range:s}}:{name:n,kind:r,location:{uri:i}}}e.create=t})(Fo||(Fo={}));var Vo;(function(e){function t(r,i,s,o,l,a){let c={name:r,detail:i,kind:s,range:o,selectionRange:l};return a!==void 0&&(c.children=a),c}e.create=t;function n(r){let i=r;return i&&p.string(i.name)&&p.number(i.kind)&&ue.is(i.range)&&ue.is(i.selectionRange)&&(i.detail===void 0||p.string(i.detail))&&(i.deprecated===void 0||p.boolean(i.deprecated))&&(i.children===void 0||Array.isArray(i.children))&&(i.tags===void 0||Array.isArray(i.tags))}e.is=n})(Vo||(Vo={}));var So;(function(e){e.Empty="",e.QuickFix="quickfix",e.Refactor="refactor",e.RefactorExtract="refactor.extract",e.RefactorInline="refactor.inline",e.RefactorRewrite="refactor.rewrite",e.Source="source",e.SourceOrganizeImports="source.organizeImports",e.SourceFixAll="source.fixAll"})(So||(So={}));var ti;(function(e){e.Invoked=1,e.Automatic=2})(ti||(ti={}));var Do;(function(e){function t(r,i,s){let o={diagnostics:r};return i!=null&&(o.only=i),s!=null&&(o.triggerKind=s),o}e.create=t;function n(r){let i=r;return p.defined(i)&&p.typedArray(i.diagnostics,Cn.is)&&(i.only===void 0||p.typedArray(i.only,p.string))&&(i.triggerKind===void 0||i.triggerKind===ti.Invoked||i.triggerKind===ti.Automatic)}e.is=n})(Do||(Do={}));var Uo;(function(e){function t(r,i,s){let o={title:r},l=!0;return typeof i=="string"?(l=!1,o.kind=i):Dt.is(i)?o.command=i:o.edit=i,l&&s!==void 0&&(o.kind=s),o}e.create=t;function n(r){let i=r;return i&&p.string(i.title)&&(i.diagnostics===void 0||p.typedArray(i.diagnostics,Cn.is))&&(i.kind===void 0||p.string(i.kind))&&(i.edit!==void 0||i.command!==void 0)&&(i.command===void 0||Dt.is(i.command))&&(i.isPreferred===void 0||p.boolean(i.isPreferred))&&(i.edit===void 0||Zi.is(i.edit))}e.is=n})(Uo||(Uo={}));var Bo;(function(e){function t(r,i){let s={range:r};return p.defined(i)&&(s.data=i),s}e.create=t;function n(r){let i=r;return p.defined(i)&&ue.is(i.range)&&(p.undefined(i.command)||Dt.is(i.command))}e.is=n})(Bo||(Bo={}));var Ho;(function(e){function t(r,i){return{tabSize:r,insertSpaces:i}}e.create=t;function n(r){let i=r;return p.defined(i)&&p.uinteger(i.tabSize)&&p.boolean(i.insertSpaces)}e.is=n})(Ho||(Ho={}));var qo;(function(e){function t(r,i,s){return{range:r,target:i,data:s}}e.create=t;function n(r){let i=r;return p.defined(i)&&ue.is(i.range)&&(p.undefined(i.target)||p.string(i.target))}e.is=n})(qo||(qo={}));var Wo;(function(e){function t(r,i){return{range:r,parent:i}}e.create=t;function n(r){let i=r;return p.objectLiteral(i)&&ue.is(i.range)&&(i.parent===void 0||e.is(i.parent))}e.is=n})(Wo||(Wo={}));var Go;(function(e){e.namespace="namespace",e.type="type",e.class="class",e.enum="enum",e.interface="interface",e.struct="struct",e.typeParameter="typeParameter",e.parameter="parameter",e.variable="variable",e.property="property",e.enumMember="enumMember",e.event="event",e.function="function",e.method="method",e.macro="macro",e.keyword="keyword",e.modifier="modifier",e.comment="comment",e.string="string",e.number="number",e.regexp="regexp",e.operator="operator",e.decorator="decorator"})(Go||(Go={}));var zo;(function(e){e.declaration="declaration",e.definition="definition",e.readonly="readonly",e.static="static",e.deprecated="deprecated",e.abstract="abstract",e.async="async",e.modification="modification",e.documentation="documentation",e.defaultLibrary="defaultLibrary"})(zo||(zo={}));var Xo;(function(e){function t(n){const r=n;return p.objectLiteral(r)&&(r.resultId===void 0||typeof r.resultId=="string")&&Array.isArray(r.data)&&(r.data.length===0||typeof r.data[0]=="number")}e.is=t})(Xo||(Xo={}));var Jo;(function(e){function t(r,i){return{range:r,text:i}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&p.string(i.text)}e.is=n})(Jo||(Jo={}));var Yo;(function(e){function t(r,i,s){return{range:r,variableName:i,caseSensitiveLookup:s}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&p.boolean(i.caseSensitiveLookup)&&(p.string(i.variableName)||i.variableName===void 0)}e.is=n})(Yo||(Yo={}));var Zo;(function(e){function t(r,i){return{range:r,expression:i}}e.create=t;function n(r){const i=r;return i!=null&&ue.is(i.range)&&(p.string(i.expression)||i.expression===void 0)}e.is=n})(Zo||(Zo={}));var Qo;(function(e){function t(r,i){return{frameId:r,stoppedLocation:i}}e.create=t;function n(r){const i=r;return p.defined(i)&&ue.is(r.stoppedLocation)}e.is=n})(Qo||(Qo={}));var Ki;(function(e){e.Type=1,e.Parameter=2;function t(n){return n===1||n===2}e.is=t})(Ki||(Ki={}));var Ci;(function(e){function t(r){return{value:r}}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&(i.tooltip===void 0||p.string(i.tooltip)||fn.is(i.tooltip))&&(i.location===void 0||Kn.is(i.location))&&(i.command===void 0||Dt.is(i.command))}e.is=n})(Ci||(Ci={}));var Ko;(function(e){function t(r,i,s){const o={position:r,label:i};return s!==void 0&&(o.kind=s),o}e.create=t;function n(r){const i=r;return p.objectLiteral(i)&&Ne.is(i.position)&&(p.string(i.label)||p.typedArray(i.label,Ci.is))&&(i.kind===void 0||Ki.is(i.kind))&&i.textEdits===void 0||p.typedArray(i.textEdits,Ut.is)&&(i.tooltip===void 0||p.string(i.tooltip)||fn.is(i.tooltip))&&(i.paddingLeft===void 0||p.boolean(i.paddingLeft))&&(i.paddingRight===void 0||p.boolean(i.paddingRight))}e.is=n})(Ko||(Ko={}));var Co;(function(e){function t(n){return{kind:"snippet",value:n}}e.createSnippet=t})(Co||(Co={}));var el;(function(e){function t(n,r,i,s){return{insertText:n,filterText:r,range:i,command:s}}e.create=t})(el||(el={}));var tl;(function(e){function t(n){return{items:n}}e.create=t})(tl||(tl={}));var nl;(function(e){e.Invoked=0,e.Automatic=1})(nl||(nl={}));var il;(function(e){function t(n,r){return{range:n,text:r}}e.create=t})(il||(il={}));var rl;(function(e){function t(n,r){return{triggerKind:n,selectedCompletionInfo:r}}e.create=t})(rl||(rl={}));var sl;(function(e){function t(n){const r=n;return p.objectLiteral(r)&&Hi.is(r.uri)&&p.string(r.name)}e.is=t})(sl||(sl={}));var ol;(function(e){function t(s,o,l,a){return new Ku(s,o,l,a)}e.create=t;function n(s){let o=s;return!!(p.defined(o)&&p.string(o.uri)&&(p.undefined(o.languageId)||p.string(o.languageId))&&p.uinteger(o.lineCount)&&p.func(o.getText)&&p.func(o.positionAt)&&p.func(o.offsetAt))}e.is=n;function r(s,o){let l=s.getText(),a=i(o,(f,m)=>{let v=f.range.start.line-m.range.start.line;return v===0?f.range.start.character-m.range.start.character:v}),c=l.length;for(let f=a.length-1;f>=0;f--){let m=a[f],v=s.offsetAt(m.range.start),g=s.offsetAt(m.range.end);if(g<=c)l=l.substring(0,v)+m.newText+l.substring(g,l.length);else throw new Error("Overlapping edit");c=v}return l}e.applyEdits=r;function i(s,o){if(s.length<=1)return s;const l=s.length/2|0,a=s.slice(0,l),c=s.slice(l);i(a,o),i(c,o);let f=0,m=0,v=0;for(;f<a.length&&m<c.length;)o(a[f],c[m])<=0?s[v++]=a[f++]:s[v++]=c[m++];for(;f<a.length;)s[v++]=a[f++];for(;m<c.length;)s[v++]=c[m++];return s}})(ol||(ol={}));class Ku{constructor(t,n,r,i){this._uri=t,this._languageId=n,this._version=r,this._content=i,this._lineOffsets=void 0}get uri(){return this._uri}get languageId(){return this._languageId}get version(){return this._version}getText(t){if(t){let n=this.offsetAt(t.start),r=this.offsetAt(t.end);return this._content.substring(n,r)}return this._content}update(t,n){this._content=t.text,this._version=n,this._lineOffsets=void 0}getLineOffsets(){if(this._lineOffsets===void 0){let t=[],n=this._content,r=!0;for(let i=0;i<n.length;i++){r&&(t.push(i),r=!1);let s=n.charAt(i);r=s==="\r"||s===`
+`,s==="\r"&&i+1<n.length&&n.charAt(i+1)===`
+`&&i++}r&&n.length>0&&t.push(n.length),this._lineOffsets=t}return this._lineOffsets}positionAt(t){t=Math.max(Math.min(t,this._content.length),0);let n=this.getLineOffsets(),r=0,i=n.length;if(i===0)return Ne.create(0,t);for(;r<i;){let o=Math.floor((r+i)/2);n[o]>t?i=o:r=o+1}let s=r-1;return Ne.create(s,t-n[s])}offsetAt(t){let n=this.getLineOffsets();if(t.line>=n.length)return this._content.length;if(t.line<0)return 0;let r=n[t.line],i=t.line+1<n.length?n[t.line+1]:this._content.length;return Math.max(Math.min(r+t.character,i),r)}get lineCount(){return this.getLineOffsets().length}}var p;(function(e){const t=Object.prototype.toString;function n(g){return typeof g<"u"}e.defined=n;function r(g){return typeof g>"u"}e.undefined=r;function i(g){return g===!0||g===!1}e.boolean=i;function s(g){return t.call(g)==="[object String]"}e.string=s;function o(g){return t.call(g)==="[object Number]"}e.number=o;function l(g,y,j){return t.call(g)==="[object Number]"&&y<=g&&g<=j}e.numberRange=l;function a(g){return t.call(g)==="[object Number]"&&-2147483648<=g&&g<=2147483647}e.integer=a;function c(g){return t.call(g)==="[object Number]"&&0<=g&&g<=2147483647}e.uinteger=c;function f(g){return t.call(g)==="[object Function]"}e.func=f;function m(g){return g!==null&&typeof g=="object"}e.objectLiteral=m;function v(g,y){return Array.isArray(g)&&g.every(y)}e.typedArray=v})(p||(p={}));var ll;(function(e){e[e.Undefined=0]="Undefined",e[e.EnumValueMismatch=1]="EnumValueMismatch",e[e.Deprecated=2]="Deprecated",e[e.UnexpectedEndOfComment=257]="UnexpectedEndOfComment",e[e.UnexpectedEndOfString=258]="UnexpectedEndOfString",e[e.UnexpectedEndOfNumber=259]="UnexpectedEndOfNumber",e[e.InvalidUnicode=260]="InvalidUnicode",e[e.InvalidEscapeCharacter=261]="InvalidEscapeCharacter",e[e.InvalidCharacter=262]="InvalidCharacter",e[e.PropertyExpected=513]="PropertyExpected",e[e.CommaExpected=514]="CommaExpected",e[e.ColonExpected=515]="ColonExpected",e[e.ValueExpected=516]="ValueExpected",e[e.CommaOrCloseBacketExpected=517]="CommaOrCloseBacketExpected",e[e.CommaOrCloseBraceExpected=518]="CommaOrCloseBraceExpected",e[e.TrailingComma=519]="TrailingComma",e[e.DuplicateKey=520]="DuplicateKey",e[e.CommentNotPermitted=521]="CommentNotPermitted",e[e.PropertyKeysMustBeDoublequoted=528]="PropertyKeysMustBeDoublequoted",e[e.SchemaResolveError=768]="SchemaResolveError",e[e.SchemaUnsupportedFeature=769]="SchemaUnsupportedFeature"})(ll||(ll={}));var ct;(function(e){e[e.v3=3]="v3",e[e.v4=4]="v4",e[e.v6=6]="v6",e[e.v7=7]="v7",e[e.v2019_09=19]="v2019_09",e[e.v2020_12=20]="v2020_12"})(ct||(ct={}));var al;(function(e){e.LATEST={textDocument:{completion:{completionItem:{documentationFormat:[un.Markdown,un.PlainText],commitCharactersSupport:!0,labelDetailsSupport:!0}}}}})(al||(al={}));function N(...e){const t=e[0];let n,r,i;if(typeof t=="string")n=t,r=t,e.splice(0,1),i=!e||typeof e[0]!="object"?e:e[0];else if(t instanceof Array){const s=e.slice(1);if(t.length!==s.length+1)throw new Error("expected a string as the first argument to l10n.t");let o=t[0];for(let l=1;l<t.length;l++)o+=`{${l-1}}`+t[l];return N(o,...s)}else r=t.message,n=r,t.comment&&t.comment.length>0&&(n+=`/${Array.isArray(t.comment)?t.comment.join(""):t.comment}`),i=t.args??{};return ef(r,i)}var Cu=/{([^}]+)}/g;function ef(e,t){return Object.keys(t).length===0?e:e.replace(Cu,(n,r)=>t[r]??n)}N("Invalid color format. Use #RGB, #RGBA, #RRGGBB or #RRGGBBAA."),N("String is not a RFC3339 date-time."),N("String is not a RFC3339 date."),N("String is not a RFC3339 time."),N("String is not an e-mail address."),N("String is not a hostname."),N("String is not an IPv4 address."),N("String is not an IPv6 address.");var ul;(function(e){e[e.Key=0]="Key",e[e.Enum=1]="Enum"})(ul||(ul={})),ct.v3,ct.v4,ct.v6,ct.v7,ct.v2019_09,ct.v2020_12;const fl={schemas:{"https://json-schema.org/draft-04/schema":{definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},positiveInteger:{type:"integer",minimum:0},positiveIntegerDefault0:{allOf:[{$ref:"#/definitions/positiveInteger"},{default:0}]},simpleTypes:{type:"string",enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},minItems:1,uniqueItems:!0}},type:"object",properties:{id:{type:"string",format:"uri"},$schema:{type:"string",format:"uri"},title:{type:"string"},description:{type:"string"},default:{},multipleOf:{type:"number",minimum:0,exclusiveMinimum:!0},maximum:{type:"number"},exclusiveMaximum:{type:"boolean",default:!1},minimum:{type:"number"},exclusiveMinimum:{type:"boolean",default:!1},maxLength:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minLength:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},pattern:{type:"string",format:"regex"},additionalItems:{anyOf:[{type:"boolean"},{$ref:"#"}],default:{}},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:{}},maxItems:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minItems:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},uniqueItems:{type:"boolean",default:!1},maxProperties:{allOf:[{$ref:"#/definitions/positiveInteger"}]},minProperties:{allOf:[{$ref:"#/definitions/positiveIntegerDefault0"}]},required:{allOf:[{$ref:"#/definitions/stringArray"}]},additionalProperties:{anyOf:[{type:"boolean"},{$ref:"#"}],default:{}},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},enum:{type:"array",minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{anyOf:[{type:"string",enum:["date-time","uri","email","hostname","ipv4","ipv6","regex"]},{type:"string"}]},allOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},anyOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},oneOf:{allOf:[{$ref:"#/definitions/schemaArray"}]},not:{allOf:[{$ref:"#"}]}},dependencies:{exclusiveMaximum:["maximum"],exclusiveMinimum:["minimum"]},default:{}},"https://json-schema.org/draft-07/schema":{definitions:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{allOf:[{$ref:"#/definitions/nonNegativeInteger"},{default:0}]},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}},type:["object","boolean"],properties:{$id:{type:"string",format:"uri-reference"},$schema:{type:"string",format:"uri"},$ref:{type:"string",format:"uri-reference"},$comment:{type:"string"},title:{type:"string"},description:{type:"string"},default:!0,readOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/definitions/nonNegativeInteger"},minLength:{$ref:"#/definitions/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},additionalItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/definitions/schemaArray"}],default:!0},maxItems:{$ref:"#/definitions/nonNegativeInteger"},minItems:{$ref:"#/definitions/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},contains:{$ref:"#"},maxProperties:{$ref:"#/definitions/nonNegativeInteger"},minProperties:{$ref:"#/definitions/nonNegativeIntegerDefault0"},required:{$ref:"#/definitions/stringArray"},additionalProperties:{$ref:"#"},definitions:{type:"object",additionalProperties:{$ref:"#"},default:{}},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependencies:{type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/definitions/stringArray"}]}},propertyNames:{$ref:"#"},const:!0,enum:{type:"array",items:!0,minItems:1,uniqueItems:!0},type:{anyOf:[{$ref:"#/definitions/simpleTypes"},{type:"array",items:{$ref:"#/definitions/simpleTypes"},minItems:1,uniqueItems:!0}]},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/definitions/schemaArray"},anyOf:{$ref:"#/definitions/schemaArray"},oneOf:{$ref:"#/definitions/schemaArray"},not:{$ref:"#"}},default:!0},"https://json-schema.org/draft/2020-12/schema":{$id:"https://json-schema.org/draft/2020-12/schema",$schema:"https://json-schema.org/draft/2020-12/schema",title:"(Flattened static) Core and Validation specifications meta-schema",type:["object","boolean"],properties:{definitions:{$comment:"While no longer an official keyword as it is replaced by $defs, this keyword is retained in the meta-schema to prevent incompatible extensions as it remains in common use.",type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{$comment:'"dependencies" is no longer a keyword, but schema authors should avoid redefining it to facilitate a smooth transition to "dependentSchemas" and "dependentRequired"',type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/$defs/stringArray"}]}},$id:{type:"string",format:"uri-reference",$comment:"Non-empty fragments not allowed.",pattern:"^[^#]*#?$"},$schema:{type:"string",format:"uri"},$anchor:{type:"string",pattern:"^[A-Za-z_][-A-Za-z0-9._]*$"},$ref:{type:"string",format:"uri-reference"},$dynamicRef:{type:"string",format:"uri-reference"},$vocabulary:{type:"object",propertyNames:{type:"string",format:"uri"},additionalProperties:{type:"boolean"}},$comment:{type:"string"},$defs:{type:"object",additionalProperties:{$ref:"#"},default:{}},prefixItems:{$ref:"#/$defs/schemaArray"},items:{$ref:"#"},contains:{$ref:"#"},additionalProperties:{$ref:"#"},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependentSchemas:{type:"object",additionalProperties:{$ref:"#"}},propertyNames:{$ref:"#"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/$defs/schemaArray"},anyOf:{$ref:"#/$defs/schemaArray"},oneOf:{$ref:"#/$defs/schemaArray"},not:{$ref:"#"},unevaluatedItems:{$ref:"#"},unevaluatedProperties:{$ref:"#"},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/$defs/nonNegativeInteger"},minLength:{$ref:"#/$defs/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},maxItems:{$ref:"#/$defs/nonNegativeInteger"},minItems:{$ref:"#/$defs/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},maxContains:{$ref:"#/$defs/nonNegativeInteger"},minContains:{$ref:"#/$defs/nonNegativeInteger",default:1},maxProperties:{$ref:"#/$defs/nonNegativeInteger"},minProperties:{$ref:"#/$defs/nonNegativeIntegerDefault0"},required:{$ref:"#/$defs/stringArray"},dependentRequired:{type:"object",additionalProperties:{$ref:"#/$defs/stringArray"}},const:!0,enum:{type:"array",items:!0},type:{anyOf:[{$ref:"#/$defs/simpleTypes"},{type:"array",items:{$ref:"#/$defs/simpleTypes"},minItems:1,uniqueItems:!0}]},title:{type:"string"},description:{type:"string"},default:!0,deprecated:{type:"boolean",default:!1},readOnly:{type:"boolean",default:!1},writeOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},contentSchema:{$ref:"#"}},$defs:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{$ref:"#/$defs/nonNegativeInteger",default:0},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}}},"https://json-schema.org/draft/2019-09/schema":{$id:"https://json-schema.org/draft/2019-09/schema",$schema:"https://json-schema.org/draft/2019-09/schema",title:"(Flattened static) Core and Validation specifications meta-schema",type:["object","boolean"],properties:{definitions:{$comment:"While no longer an official keyword as it is replaced by $defs, this keyword is retained in the meta-schema to prevent incompatible extensions as it remains in common use.",type:"object",additionalProperties:{$ref:"#"},default:{}},dependencies:{$comment:'"dependencies" is no longer a keyword, but schema authors should avoid redefining it to facilitate a smooth transition to "dependentSchemas" and "dependentRequired"',type:"object",additionalProperties:{anyOf:[{$ref:"#"},{$ref:"#/$defs/stringArray"}]}},$id:{type:"string",format:"uri-reference",$comment:"Non-empty fragments not allowed.",pattern:"^[^#]*#?$"},$schema:{type:"string",format:"uri"},$anchor:{type:"string",pattern:"^[A-Za-z][-A-Za-z0-9.:_]*$"},$ref:{type:"string",format:"uri-reference"},$recursiveAnchor:{type:"boolean",default:!1},$vocabulary:{type:"object",propertyNames:{type:"string",format:"uri"},additionalProperties:{type:"boolean"}},$comment:{type:"string"},$defs:{type:"object",additionalProperties:{$ref:"#"},default:{}},additionalItems:{$ref:"#"},unevaluatedItems:{$ref:"#"},items:{anyOf:[{$ref:"#"},{$ref:"#/$defs/schemaArray"}]},contains:{$ref:"#"},additionalProperties:{$ref:"#"},unevaluatedProperties:{$ref:"#"},properties:{type:"object",additionalProperties:{$ref:"#"},default:{}},patternProperties:{type:"object",additionalProperties:{$ref:"#"},propertyNames:{format:"regex"},default:{}},dependentSchemas:{type:"object",additionalProperties:{$ref:"#"}},propertyNames:{$ref:"#"},if:{$ref:"#"},then:{$ref:"#"},else:{$ref:"#"},allOf:{$ref:"#/$defs/schemaArray"},anyOf:{$ref:"#/$defs/schemaArray"},oneOf:{$ref:"#/$defs/schemaArray"},not:{$ref:"#"},multipleOf:{type:"number",exclusiveMinimum:0},maximum:{type:"number"},exclusiveMaximum:{type:"number"},minimum:{type:"number"},exclusiveMinimum:{type:"number"},maxLength:{$ref:"#/$defs/nonNegativeInteger"},minLength:{$ref:"#/$defs/nonNegativeIntegerDefault0"},pattern:{type:"string",format:"regex"},maxItems:{$ref:"#/$defs/nonNegativeInteger"},minItems:{$ref:"#/$defs/nonNegativeIntegerDefault0"},uniqueItems:{type:"boolean",default:!1},maxContains:{$ref:"#/$defs/nonNegativeInteger"},minContains:{$ref:"#/$defs/nonNegativeInteger",default:1},maxProperties:{$ref:"#/$defs/nonNegativeInteger"},minProperties:{$ref:"#/$defs/nonNegativeIntegerDefault0"},required:{$ref:"#/$defs/stringArray"},dependentRequired:{type:"object",additionalProperties:{$ref:"#/$defs/stringArray"}},const:!0,enum:{type:"array",items:!0},type:{anyOf:[{$ref:"#/$defs/simpleTypes"},{type:"array",items:{$ref:"#/$defs/simpleTypes"},minItems:1,uniqueItems:!0}]},title:{type:"string"},description:{type:"string"},default:!0,deprecated:{type:"boolean",default:!1},readOnly:{type:"boolean",default:!1},writeOnly:{type:"boolean",default:!1},examples:{type:"array",items:!0},format:{type:"string"},contentMediaType:{type:"string"},contentEncoding:{type:"string"},contentSchema:{$ref:"#"}},$defs:{schemaArray:{type:"array",minItems:1,items:{$ref:"#"}},nonNegativeInteger:{type:"integer",minimum:0},nonNegativeIntegerDefault0:{$ref:"#/$defs/nonNegativeInteger",default:0},simpleTypes:{enum:["array","boolean","integer","null","number","object","string"]},stringArray:{type:"array",items:{type:"string"},uniqueItems:!0,default:[]}}}}},tf={id:N("A unique identifier for the schema."),$schema:N("The schema to verify this document against."),title:N("A descriptive title of the schema."),description:N("A long description of the schema. Used in hover menus and suggestions."),default:N("A default value. Used by suggestions."),multipleOf:N("A number that should cleanly divide the current value (i.e. have no remainder)."),maximum:N("The maximum numerical value, inclusive by default."),exclusiveMaximum:N("Makes the maximum property exclusive."),minimum:N("The minimum numerical value, inclusive by default."),exclusiveMinimum:N("Makes the minimum property exclusive."),maxLength:N("The maximum length of a string."),minLength:N("The minimum length of a string."),pattern:N("A regular expression to match the string against. It is not implicitly anchored."),additionalItems:N("For arrays, only when items is set as an array. If items are a schema, this schema validates items after the ones specified by the items schema. If false, additional items will cause validation to fail."),items:N("For arrays. Can either be a schema to validate every element against or an array of schemas to validate each item against in order (the first schema will validate the first element, the second schema will validate the second element, and so on."),maxItems:N("The maximum number of items that can be inside an array. Inclusive."),minItems:N("The minimum number of items that can be inside an array. Inclusive."),uniqueItems:N("If all of the items in the array must be unique. Defaults to false."),maxProperties:N("The maximum number of properties an object can have. Inclusive."),minProperties:N("The minimum number of properties an object can have. Inclusive."),required:N("An array of strings that lists the names of all properties required on this object."),additionalProperties:N("Either a schema or a boolean. If a schema, used to validate all properties not matched by 'properties', 'propertyNames', or 'patternProperties'. If false, any properties not defined by the adajacent keywords will cause this schema to fail."),definitions:N("Not used for validation. Place subschemas here that you wish to reference inline with $ref."),properties:N("A map of property names to schemas for each property."),patternProperties:N("A map of regular expressions on property names to schemas for matching properties."),dependencies:N("A map of property names to either an array of property names or a schema. An array of property names means the property named in the key depends on the properties in the array being present in the object in order to be valid. If the value is a schema, then the schema is only applied to the object if the property in the key exists on the object."),enum:N("The set of literal values that are valid."),type:N("Either a string of one of the basic schema types (number, integer, null, array, object, boolean, string) or an array of strings specifying a subset of those types."),format:N("Describes the format expected for the value. By default, not used for validation"),allOf:N("An array of schemas, all of which must match."),anyOf:N("An array of schemas, where at least one must match."),oneOf:N("An array of schemas, exactly one of which must match."),not:N("A schema which must not match."),$id:N("A unique identifier for the schema."),$ref:N("Reference a definition hosted on any location."),$comment:N("Comments from schema authors to readers or maintainers of the schema."),readOnly:N("Indicates that the value of the instance is managed exclusively by the owning authority."),examples:N("Sample JSON values associated with a particular schema, for the purpose of illustrating usage."),contains:N('An array instance is valid against "contains" if at least one of its elements is valid against the given schema.'),propertyNames:N("If the instance is an object, this keyword validates if every property name in the instance validates against the provided schema."),const:N("An instance validates successfully against this keyword if its value is equal to the value of the keyword."),contentMediaType:N("Describes the media type of a string property."),contentEncoding:N("Describes the content encoding of a string property."),if:N('The validation outcome of the "if" subschema controls which of the "then" or "else" keywords are evaluated.'),then:N('The "then" subschema is used for validation when the "if" subschema succeeds.'),else:N('The "else" subschema is used for validation when the "if" subschema fails.')};for(const e in fl.schemas){const t=fl.schemas[e];for(const n in t.properties){let r=t.properties[n];typeof r=="boolean"&&(r=t.properties[n]={});const i=tf[n];i&&(r.description=i)}}var cl;(function(e){e[e.Object=0]="Object",e[e.Array=1]="Array"})(cl||(cl={}));const nf=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const rf=Object.prototype.toString,sf=e=>rf.call(e)==="[object Object]",ni=()=>{};function er(e){return Array.isArray(e)?e:[e]}function of(e){const t=Object.create(null);return(n=>t[n]||(t[n]=e(n)))}const lf=/-(\w)/g,af=of(e=>e.replace(lf,(t,n)=>n?n.toUpperCase():""));function uf(e,t){if(typeof Symbol<"u"){const n={...e};return Object.defineProperty(n,Symbol.iterator,{enumerable:!1,value(){let r=0;return{next:()=>({value:t[r++],done:r>t.length})}}}),n}else return Object.assign([...t],e)}function ff(e,t,n){return Le(e,t,{...n,immediate:!0})}function dl(e={}){const{inheritAttrs:t=!0}=e,n=ta(),r=at({setup(s,{slots:o}){return()=>{n.value=o.default}}}),i=at({inheritAttrs:t,props:e.props,setup(s,{attrs:o,slots:l}){return()=>{var a;if(!n.value)throw new Error("[VueUse] Failed to find the definition of reusable template");const c=(a=n.value)===null||a===void 0?void 0:a.call(n,{...e.props==null?cf(o):s,$slots:l});return t&&c?.length===1?c[0]:c}}});return uf({define:r,reuse:i},[r,i])}function cf(e){const t={};for(const n in e)t[af(n)]=e[n];return t}const pl=nf?window:void 0;function cn(e){var t;const n=mt(e);return(t=n?.$el)!==null&&t!==void 0?t:n}function tr(...e){const t=(r,i,s,o)=>(r.addEventListener(i,s,o),()=>r.removeEventListener(i,s,o)),n=ie(()=>{const r=er(mt(e[0])).filter(i=>i!=null);return r.every(i=>typeof i!="string")?r:void 0});return ff(()=>{var r,i;return[(r=(i=n.value)===null||i===void 0?void 0:i.map(s=>cn(s)))!==null&&r!==void 0?r:[pl].filter(s=>s!=null),er(mt(n.value?e[1]:e[0])),er(B(n.value?e[2]:e[1])),mt(n.value?e[3]:e[2])]},([r,i,s,o],l,a)=>{if(!r?.length||!i?.length||!s?.length)return;const c=sf(o)?{...o}:o,f=r.flatMap(m=>i.flatMap(v=>s.map(g=>t(m,v,g,c))));a(()=>{f.forEach(m=>m())})},{flush:"post"})}function df(e,t,n={}){const{window:r=pl,ignore:i=[],capture:s=!0,detectIframe:o=!1,controls:l=!1}=n;if(!r)return l?{stop:ni,cancel:ni,trigger:ni}:ni;let a=!0;const c=$=>mt(i).some(E=>{if(typeof E=="string")return Array.from(r.document.querySelectorAll(E)).some(R=>R===$.target||$.composedPath().includes(R));{const R=cn(E);return R&&($.target===R||$.composedPath().includes(R))}});function f($){const E=mt($);return E&&E.$.subTree.shapeFlag===16}function m($,E){const R=mt($),P=R.$.subTree&&R.$.subTree.children;return P==null||!Array.isArray(P)?!1:P.some(L=>L.el===E.target||E.composedPath().includes(L.el))}const v=$=>{const E=cn(e);if($.target!=null&&!(!(E instanceof Element)&&f(e)&&m(e,$))&&!(!E||E===$.target||$.composedPath().includes(E))){if("detail"in $&&$.detail===0&&(a=!c($)),!a){a=!0;return}t($)}};let g=!1;const y=[tr(r,"click",$=>{g||(g=!0,setTimeout(()=>{g=!1},0),v($))},{passive:!0,capture:s}),tr(r,"pointerdown",$=>{const E=cn(e);a=!c($)&&!!(E&&!$.composedPath().includes(E))},{passive:!0}),o&&tr(r,"blur",$=>{setTimeout(()=>{var E;const R=cn(e);((E=r.document.activeElement)===null||E===void 0?void 0:E.tagName)==="IFRAME"&&!R?.contains(r.document.activeElement)&&t($)},0)},{passive:!0})].filter(Boolean),j=()=>y.forEach($=>$());return l?{stop:j,cancel:()=>{a=!1},trigger:$=>{a=!0,v($),a=!1}}:j}function pf(e){const{props:t,emit:n,modelName:r,defaultValue:i}=e,s=se(t[r]!==void 0?t[r]:i),o=ie(()=>t[r]!==void 0);return Le(()=>t[r],l=>{l!==void 0&&(s.value=l)}),ie({get(){return o.value?t[r]:s.value},set(l){s.value=l,n(`update:${r}`,l)}})}const Re=e=>({type:Boolean,default:e}),Y=e=>({type:String,default:e}),mf=Symbol("ink-form"),ml={id:Y(),name:Y(),disabled:Re(!1),error:Y(""),prop:Y(),label:Y(),layout:Y(),editable:Re(!0),required:Re(!1)},Ht=(e,t)=>{const n=e.__vccOpts||e;for(const[r,i]of t)n[r]=i;return n},hf={for:Y(),error:Y(""),errorId:Y(),label:Y("Label"),layout:Y("col"),value:Y(""),editable:Re(!0),required:Re(!1)},gf={"value-click":()=>!0},vf={class:"flex flex-row"},yf=["for"],bf={key:0,"aria-hidden":"true",class:"ink-field__required"},_f=["id"],xf=at({__name:"inkField",props:hf,emits:gf,setup(e,{emit:t}){const n=e,r=t,i=ie(()=>["ink-field",`ink-field--${n.layout}`]),s=ie(()=>["ink-field__value",{"ink-field__value--underlined":n.layout==="inline"&&n.editable,"ink-field__value--clickable":n.editable}]),o=()=>{r("value-click")};return(l,a)=>(D(),G("div",{class:pe(i.value)},[T("div",vf,[T("label",{for:n.for,class:"ink-field__label"},[bt(oe(l.label)+" ",1),n.required?(D(),G("sup",bf,"*")):re("",!0)],8,yf),vt(l.$slots,"label-right",{},void 0)]),vt(l.$slots,"default",{},()=>[l.editable?(D(),G("button",{key:0,type:"button",class:pe(s.value),onClick:o},oe(l.value),3)):(D(),G("span",{key:1,class:pe(s.value)},oe(l.value),3))]),l.error?(D(),G("p",{key:0,id:l.errorId,class:"ink-field__error",role:"alert"},oe(l.error),9,_f)):re("",!0)],2))}}),hl=Ht(xf,[["__scopeId","data-v-26546d64"]]),wf={...ml,modelValue:Y(""),nativeType:Y("text"),placeholder:Y(""),type:Y("default")},$f={confirm:e=>!0,cancel:()=>!0,"update:modelValue":e=>!0};function gl(e){const t=Rt(mf,null),n=Hr(),r=Ma(),i=ie(()=>e.id||n),s=ie(()=>`${i.value}-error`),o=ie(()=>[r["aria-describedby"],e.error&&s.value].filter(Boolean).join(" ")||void 0),l=ie(()=>e.layout||t?.layout||"col"),a=ie(()=>!!(e.label||e.error));return{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}}const If=["id","type","name","disabled","required","aria-invalid","aria-describedby","value","placeholder"],Af=["id","disabled","aria-describedby"],Of=["id"],kf=at({inheritAttrs:!1,__name:"inkInput",props:wf,emits:$f,setup(e,{emit:t}){const n=e,r=t,{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}=gl(n),c=se(!1),f=se(),m=se(),v=se("");async function g(){!n.editable||n.disabled||(v.value=n.modelValue??"",c.value=!0,await Pt(),f.value?.focus())}async function y(P){if(!(P.isComposing||P.keyCode===229)&&!(P.key!=="Enter"&&P.key!=="Escape")){if(P.preventDefault(),P.stopPropagation(),P.key==="Enter"){const L=P.target.value;r("update:modelValue",L),r("confirm",L)}else r("cancel");c.value=!1,await Pt(),m.value?.focus()}}function j(P){const L=P.target.value;n.type==="inline"?v.value=L:r("update:modelValue",L)}function $(){c.value&&(c.value=!1,r("cancel"))}const[E,R]=dl();return(P,L)=>(D(),G(ae,null,[C(B(E),null,{default:jt(()=>[T("div",{class:pe(["ink-input",{"ink-input--inline":P.type==="inline","ink-input--inline-editing":c.value}])},[P.editable&&(P.type!=="inline"||c.value)?(D(),G("input",Wn({key:0},P.$attrs,{id:B(i),ref_key:"input",ref:f,class:"ink-input__input",type:P.nativeType,name:P.name,disabled:P.disabled,required:P.required,"aria-invalid":!!P.error||void 0,"aria-describedby":B(o),value:P.type==="inline"?v.value:P.modelValue,placeholder:P.placeholder,onInput:j,onKeydown:L[0]||(L[0]=Q=>P.type==="inline"&&y(Q)),onBlur:$}),null,16,If)):P.type==="inline"&&P.editable?(D(),G("button",Wn({key:1},P.$attrs,{id:B(i),ref_key:"trigger",ref:m,type:"button",class:"ink-input__inline-text",disabled:P.disabled,"aria-describedby":B(o),onClick:g}),[vt(P.$slots,"default",{},()=>[bt(oe(P.modelValue||P.placeholder),1)],!0)],16,Af)):(D(),G("span",{key:2,id:B(i),class:"ink-input__value"},oe(P.modelValue),9,Of))],2)]),_:3}),B(a)?(D(),ut(hl,{key:0,for:B(i),label:P.label||"",layout:B(l),required:P.required,error:P.error,"error-id":B(s)},{default:jt(()=>[C(B(R))]),_:1},8,["for","label","layout","required","error","error-id"])):(D(),ut(B(R),{key:1}))],64))}}),Tf=Ht(kf,[["__scopeId","data-v-261bfe3b"]]);function Ef(e,t){const n=se(!1),r=se(!1);return Le(()=>[e()],async([i],s,o)=>{let l=!0;if(o(()=>{l=!1}),r.value=i instanceof Promise,!(i instanceof Promise)){n.value=i;return}try{const a=await i;l&&(n.value=a)}catch(a){l&&t(a)}finally{l&&(r.value=!1)}},{immediate:!0,flush:"sync"}),{value:n,pending:r}}const Mf={modelValue:{type:[Boolean,Promise],default:!1},size:Y("md"),showLabel:Re(!0),offText:Y("OFF"),onText:Y("ON"),disabled:Re(!1),isSwitching:Re(!1)},Pf={error:e=>!0,"update:modelValue":e=>!0},jf=["aria-checked","aria-label","aria-busy","disabled"],Lf={class:"ink-switch__handle"},Nf=["aria-hidden"],Rf=["aria-hidden"],Ff={key:1,class:"ink-switch__loading i-mdi-loading animate-spin","aria-hidden":"true"},Vf=at({__name:"inkSwitch",props:Mf,emits:Pf,setup(e,{emit:t}){const n=e,r=t,{value:i,pending:s}=Ef(()=>n.modelValue,f=>r("error",f)),o=ie(()=>["ink-switch",`ink-switch--${n.size}`,{"ink-switch--on":i.value}]),l=ie(()=>i.value?n.onText:n.offText),a=ie(()=>n.isSwitching||s.value),c=()=>{!a.value&&!n.disabled&&r("update:modelValue",!i.value)};return(f,m)=>(D(),G("button",{type:"button",role:"switch","aria-checked":B(i),"aria-label":f.showLabel?l.value:void 0,"aria-busy":a.value||void 0,disabled:f.disabled||a.value,class:pe(o.value),onClick:c},[T("div",Lf,[f.showLabel?(D(),G(ae,{key:0},[T("span",{class:pe(["ink-switch__label",{"ink-switch__label--hidden":!B(i)||a.value}]),"aria-hidden":!B(i)||a.value},oe(f.onText),11,Nf),T("span",{class:pe(["ink-switch__label",{"ink-switch__label--hidden":B(i)||a.value}]),"aria-hidden":B(i)||a.value},oe(f.offText),11,Rf)],64)):re("",!0),a.value?(D(),G("span",Ff)):re("",!0)])],10,jf))}}),Sf=Ht(Vf,[["__scopeId","data-v-9ad27c9b"]]),Df={...ml,options:{type:Array},refresher:{type:Function},modelValue:{type:[String,Number],default:""},placeholder:Y("Select an option"),displayAs:Y("box"),enableStepping:Re(!1)},Uf={"update:modelValue":e=>!0,error:e=>!0,change:e=>!0,"update:options":e=>!0},Bf={nativeType:Y("button"),disabled:Re(!1),text:Y(),icon:Y(),iconPlacement:Y("prefix"),type:Y("default"),theme:Y("subtle"),size:Y("md"),isLoading:Re(!1)},Hf={click:e=>!0},qf=["type","disabled","aria-busy"],Wf={key:0},Gf={key:2,class:"ink-button__loading i-mdi-loading animate-spin","aria-hidden":"true"},zf=at({__name:"inkButton",props:Bf,emits:Hf,setup(e,{emit:t}){const n=e,r=t,i=Rt("isLoading",!1),s=ie(()=>typeof i=="boolean"?n.isLoading||i:n.isLoading||i.value),o=ie(()=>["ink-button",`ink-button--type-${n.type}`,`ink-button--theme-${n.theme}`,`ink-button--size-${n.size}`,{"ink-button--loading":s.value}]),l=a=>{!s.value&&!n.disabled&&r("click",a)};return(a,c)=>(D(),G("button",{class:pe(o.value),type:a.nativeType,disabled:a.disabled||s.value,"aria-busy":s.value||void 0,onClick:l},[a.iconPlacement==="prefix"?vt(a.$slots,"prefix-icon",{key:0},()=>[a.icon?(D(),G("span",{key:0,class:pe([a.icon,"ink-button__icon"])},null,2)):re("",!0)]):re("",!0),vt(a.$slots,"default",{},()=>[a.text?(D(),G("span",Wf,oe(a.text),1)):re("",!0)]),a.iconPlacement==="suffix"?vt(a.$slots,"suffix-icon",{key:1},()=>[a.icon?(D(),G("span",{key:0,class:pe([a.icon,"ink-button__icon"])},null,2)):re("",!0)]):re("",!0),s.value?(D(),G("span",Gf)):re("",!0)],10,qf))}}),tt=Ht(zf,[["__scopeId","data-v-41145a76"]]),Xf=["id","disabled","aria-expanded","aria-controls","aria-activedescendant","aria-required","aria-invalid","aria-describedby"],Jf={class:"ink-dropdown__value"},Yf={key:0,class:"i-mdi-chevron-down ink-dropdown__chevron","aria-hidden":"true"},Zf=["name","value","disabled"],Qf={key:3,class:"ink-dropdown__options"},Kf=["aria-expanded","aria-controls","aria-activedescendant"],Cf={key:0,role:"status",class:"ink-dropdown__loading"},ec=["id","aria-label"],tc=["id","aria-selected","onClick"],nc={class:"option__label"},ic={key:0,class:"option__description"},rc={key:1,class:"ink-dropdown__empty"},sc={key:4,role:"alert"},oc=at({inheritAttrs:!1,__name:"inkDropdown",props:Df,emits:Uf,setup(e,{emit:t}){const n=e,r=t,{controlId:i,errorId:s,describedBy:o,fieldLayout:l,useField:a}=gl(n),c=se(),f=se(),m=se(),v=se(!1),g=se(!1),y=se(""),j=se(""),$=se(0),E=pf({props:n,emit:r,modelName:"options",defaultValue:[]}),R=ie(()=>n.disabled||!n.editable),P=ie(()=>E.value.findIndex(M=>M.value===n.modelValue)),L=ie(()=>E.value[P.value]?.label??n.placeholder),Q=ie(()=>{const M=j.value.toLocaleLowerCase();return E.value.filter(S=>`${S.label} ${S.description??""}`.toLocaleLowerCase().includes(M))}),Oe=ie(()=>v.value&&Q.value[$.value]?`${i.value}-option-${$.value}`:void 0);let ce=0;async function ke(M=!1){if(!n.refresher||!M&&E.value.length)return;const S=++ce;g.value=!0,y.value="";try{const F=await n.refresher();S===ce&&(E.value=F)}catch(F){S===ce&&(y.value="Unable to load options",r("error",F))}finally{S===ce&&(g.value=!1)}}Jr(()=>{ce++}),Le(()=>n.refresher,()=>{ce++,g.value=!1,y.value=""}),Le(j,()=>{$.value=0}),Le(()=>n.disabled||!n.editable,M=>{M&&Te()}),Le(Q,M=>{$.value=Math.min($.value,Math.max(0,M.length-1))}),df(c,()=>Te());function Te(){v.value=!1,j.value=""}function Ee(){R.value||(v.value=!0,$.value=Math.max(0,P.value),ke())}function nt(M){R.value||g.value||(r("update:modelValue",M.value),r("change",M.value),Te(),f.value?.focus())}function xt(M){if(R.value||g.value||!E.value.length)return;const S=E.value.length;nt(E.value[(P.value+M+S)%S])}async function wt(M){if(R.value||M.isComposing)return;const S=M.target===m.value;if(M.key==="Tab"){Te();return}if(M.key==="Escape"&&v.value){M.preventDefault(),M.stopPropagation(),Te(),f.value?.focus();return}if(["ArrowDown","ArrowUp","Home","End"].includes(M.key)){if(M.preventDefault(),!v.value){Ee();return}const F=Q.value.length;if(!F)return;M.key==="Home"?$.value=0:M.key==="End"?$.value=F-1:$.value=($.value+(M.key==="ArrowDown"?1:-1)+F)%F,await Pt(),document.getElementById(Oe.value??"")?.scrollIntoView({block:"nearest"})}else if(M.key==="Enter"||!S&&M.key===" ")if(M.preventDefault(),!v.value)Ee();else{const F=Q.value[$.value];F&&nt(F)}else!S&&M.key.length===1&&!M.ctrlKey&&!M.metaKey&&!M.altKey&&(M.preventDefault(),v.value||Ee(),j.value=M.key,await Pt(),m.value?.focus())}Xr(()=>{n.modelValue!==void 0&&n.modelValue!==null&&n.modelValue!==""&&ke()});const[dn,pn]=dl();return(M,S)=>(D(),G(ae,null,[C(B(dn),null,{default:jt(()=>[T("div",{ref_key:"container",ref:c,class:"ink-dropdown-container",onFocusout:S[6]||(S[6]=F=>{c.value?.contains(F.relatedTarget)||Te()})},[T("button",Wn(M.$attrs,{id:B(i),ref_key:"trigger",ref:f,type:"button",role:"combobox",disabled:R.value,"aria-expanded":v.value,"aria-controls":`${B(i)}-options`,"aria-haspopup":"listbox","aria-activedescendant":Oe.value,"aria-required":M.required||void 0,"aria-invalid":!!M.error||void 0,"aria-describedby":B(o),class:["ink-dropdown",{"ink-dropdown--editable":!R.value,"ink-dropdown--active":v.value}],onClick:S[0]||(S[0]=F=>v.value?Te():Ee()),onKeydown:wt}),[T("span",Jf,oe(L.value),1),R.value?re("",!0):(D(),G("span",Yf))],16,Xf),M.name?(D(),G("input",{key:0,type:"hidden",name:M.name,value:M.modelValue??"",disabled:R.value},null,8,Zf)):re("",!0),M.enableStepping?(D(),G(ae,{key:1},[C(tt,{icon:"i-mdi-chevron-left",type:"square","aria-label":"Previous option",disabled:R.value||g.value||!B(E).length,onClick:S[1]||(S[1]=F=>xt(-1))},null,8,["disabled"]),C(tt,{icon:"i-mdi-chevron-right",type:"square","aria-label":"Next option",disabled:R.value||g.value||!B(E).length,onClick:S[2]||(S[2]=F=>xt(1))},null,8,["disabled"])],64)):re("",!0),M.refresher?(D(),ut(tt,{key:2,icon:"i-mdi-refresh",type:"square","aria-label":"Refresh options","is-loading":g.value,disabled:R.value,onClick:S[3]||(S[3]=F=>ke(!0))},null,8,["is-loading","disabled"])):re("",!0),v.value?(D(),G("div",Qf,[Ct(T("input",{ref_key:"searchInput",ref:m,"onUpdate:modelValue":S[4]||(S[4]=F=>j.value=F),role:"combobox","aria-label":"Search options","aria-expanded":v.value,"aria-controls":`${B(i)}-options`,"aria-activedescendant":Oe.value,class:"ink-dropdown__search-input",onKeydown:wt},null,40,Kf),[[Bu,j.value]]),g.value?(D(),G("div",Cf,"Loading...")):re("",!0),T("div",{id:`${B(i)}-options`,role:"listbox","aria-label":M.label||M.placeholder},[(D(!0),G(ae,null,Sn(Q.value,(F,qe)=>(D(),G("div",{id:`${B(i)}-option-${qe}`,key:F.value,role:"option","aria-selected":F.value===M.modelValue,class:pe(["ink-dropdown__option",{"ink-dropdown__option--selected":F.value===M.modelValue,"ink-dropdown__option--hovered":$.value===qe}]),onMousedown:S[5]||(S[5]=Xs(()=>{},["prevent"])),onClick:mn=>nt(F)},[T("span",nc,oe(F.label),1),F.description?(D(),G("span",ic,oe(F.description),1)):re("",!0)],42,tc))),128))],8,ec),!g.value&&!Q.value.length?(D(),G("div",rc," No matching options ")):re("",!0)])):re("",!0),y.value?(D(),G("span",sc,oe(y.value),1)):re("",!0)],544)]),_:1}),B(a)?(D(),ut(hl,{key:0,for:B(i),label:M.label||"",layout:B(l),required:M.required,error:M.error,"error-id":B(s)},{default:jt(()=>[C(B(pn))]),_:1},8,["for","label","layout","required","error","error-id"])):(D(),ut(B(pn),{key:1}))],64))}}),lc=Ht(oc,[["__scopeId","data-v-12d72b5c"]]),ac={content:Y(""),position:Y("top")},uc={},fc=["id","aria-hidden"],cc={class:"ink-tooltip__content"},dc=at({__name:"inkTooltip",props:ac,emits:uc,setup(e,{emit:t}){const n=e,r=se(!1),i=se(!1),s=se(!1),o=ie(()=>!s.value&&(r.value||i.value)),l=Hr(),a=ie(()=>["ink-tooltip",`ink-tooltip--${n.position}`,{"ink-tooltip--visible":o.value}]);return(c,f)=>(D(),G("div",{class:"ink-tooltip-wrapper",onMouseenter:f[0]||(f[0]=m=>{r.value=!0,s.value=!1}),onMouseleave:f[1]||(f[1]=m=>r.value=!1),onFocusin:f[2]||(f[2]=m=>{i.value=!0,s.value=!1}),onFocusout:f[3]||(f[3]=m=>i.value=!1),onKeydown:f[4]||(f[4]=Gu(Xs(m=>s.value=!0,["stop"]),["esc"]))},[vt(c.$slots,"default",{describedby:c.content?B(l):void 0},void 0),c.content?(D(),G("div",{key:0,id:B(l),role:"tooltip","aria-hidden":!o.value,class:pe(a.value)},[T("div",cc,oe(c.content),1)],10,fc)):re("",!0)],32))}}),pc=Ht(dc,[["__scopeId","data-v-505773dc"]]),mc={light:{"text-base":"#1f1f1f","text-on-primary":"#f9f9f9","text-on-danger":"#f9f9f9","surface-primary":"#1f1f1f","surface-primary-hover":"#303030","surface-danger":"#825955","surface-danger-hover":"#704947","feedback-success":"#19713d","feedback-warning":"#8a5900","feedback-info":"#1267a7","feedback-error":"#b3342b"},dark:{"text-base":"#e2e2e2","text-subtle":"#ababab","text-on-primary":"#1f1f1f","text-on-danger":"#1f1f1f","surface-base":"#1f1f1f","surface-subtle":"#303030","surface-primary":"#e2e2e2","surface-primary-hover":"#c6c6c6","surface-subtle-hover":"#3a3a3a","surface-base-hover":"#303030","surface-danger":"#c8a19d","surface-danger-hover":"#b9918b","border-base":"#919191","border-subtle":"#5e5e5e","feedback-success":"#67c88c","feedback-warning":"#e5b951","feedback-info":"#70b5ed","feedback-error":"#ed9690"}},hc={low:{offsetX:0,offsetY:1,radius:2,spread:0,color:"#0000001a"},md:{offsetX:0,offsetY:2,radius:6,spread:0,color:"#00000029"},high:{offsetX:0,offsetY:4,radius:12,spread:0,color:"#0000002e"}};function gc(e,t){if(!t)return{};const n=Object.fromEntries(Object.entries(mc[e]).map(([r,i])=>[`--sys-color-${r}`,i]));n["--comp-switch-track-bg"]=e==="light"?"#1f1f1f":"#e2e2e2",n["--comp-switch-handle-bg"]=e==="light"?"#f9f9f9":"#1f1f1f",n["--comp-switch-label-color"]=n["--comp-switch-track-bg"];for(const r of["low","md","high"]){const i=hc[r];for(const[s,o]of Object.entries({"offset-x":"offsetX","offset-y":"offsetY",radius:"radius",spread:"spread",color:"color"}))n[`--sys-elevation-raised-${r}-${s}`]=o==="color"?i[o]:`${i[o]}px`}return n}const vc=["data-view","data-theme"],yc={class:"study-heading"},bc={class:"study-controls"},_c={key:0},xc={key:1},wc={class:"comparison"},$c=["aria-label"],Ic={class:"panel-label"},Ac=["data-palette"],Oc={class:"scene-content"},kc={class:"settings"},Tc={class:"switch-line"},Ec=["for"],Mc={class:"actions"},Pc={key:0,class:"feedback muted",role:"status"},jc={key:1,class:"feedback muted",role:"status"},Lc={key:1,class:"scene-content"},Nc=["data-kind"],Rc={class:"actions"},Fc=["data-feedback"],Vc={class:"feedback feedback-detail"},Sc={key:0,class:"muted",role:"status"},Dc={key:2,class:"scene-content layers"},Uc={class:"tooltip-scene"},Bc={class:"tooltip-anchor"},Hc={class:"shadow-examples"};Ju({__name:"App",setup(e){const t=se("light");Le(t,g=>{document.documentElement.dataset.theme=g},{immediate:!0});const n=se("scene"),r=se("normal"),i=se("warning"),s=En({name:"阅读摘录",enabled:!0,format:"text"}),o=se(""),l=ie(()=>r.value==="pending"),a=ie(()=>!["pending","disabled"].includes(r.value)),c=[{id:"current",title:"现行 · I1 产物",proposed:!1},{id:"candidate",title:"候选 · 中性底面，清晰反馈",proposed:!0}],f={normal:{title:"已连接",detail:"最近保存的正文与链接仍然可用。"},success:{title:"连接验证通过",detail:"现在可以继续采集，已有内容保持不变。"},warning:{title:"授权将在一天后到期",detail:"请在到期前重新授权，以免停止采集。"},info:{title:"下一次采集将包含附件",detail:"本次修改仅对之后的采集生效，已有记录保持不变。"},error:{title:"连接失败",detail:"请检查网络与授权后重试；已保存的内容仍然可读。"}};function m(){if(!s.name.trim()){r.value="error";return}o.value=`已在本页保留「${s.name}」的设置。`}function v(){Object.assign(s,{name:"阅读摘录",enabled:!0,format:"text"}),r.value="normal",o.value=""}return(g,y)=>(D(),G("main",{class:"study","data-view":n.value,"data-theme":t.value},[T("header",yc,[y[16]||(y[16]=T("h1",null,"色彩与阴影 · 场景校准",-1)),y[17]||(y[17]=T("p",null," 相同组件、内容与状态，只改变配色和阴影。候选尚未写入正式 Token；本页操作不保存业务数据。 ",-1)),T("div",bc,[T("label",null,[y[9]||(y[9]=bt("主题",-1)),Ct(T("select",{"onUpdate:modelValue":y[0]||(y[0]=j=>t.value=j),"aria-label":"主题"},[...y[8]||(y[8]=[T("option",{value:"light"},"浅色",-1),T("option",{value:"dark"},"深色",-1)])],512),[[Yn,t.value]])]),T("label",null,[y[11]||(y[11]=bt("查看",-1)),Ct(T("select",{"onUpdate:modelValue":y[1]||(y[1]=j=>n.value=j),"aria-label":"查看"},[...y[10]||(y[10]=[T("option",{value:"scene"},"页面场景",-1),T("option",{value:"states"},"动作与反馈",-1),T("option",{value:"layers"},"覆盖层阴影",-1)])],512),[[Yn,n.value]])]),n.value==="states"?(D(),G("label",_c,[y[13]||(y[13]=bt("反馈情境",-1)),Ct(T("select",{"onUpdate:modelValue":y[2]||(y[2]=j=>i.value=j),"aria-label":"反馈情境"},[...y[12]||(y[12]=[As('<option value="normal">日常状态</option><option value="success">刚完成连接验证</option><option value="warning">授权即将到期</option><option value="info">采集范围有变化</option><option value="error">连接失败</option>',5)])],512),[[Yn,i.value]])])):re("v-if",!0),n.value==="scene"?(D(),G("label",xc,[y[15]||(y[15]=bt("表单状态",-1)),Ct(T("select",{"onUpdate:modelValue":y[3]||(y[3]=j=>r.value=j),"aria-label":"表单状态"},[...y[14]||(y[14]=[T("option",{value:"normal"},"正常",-1),T("option",{value:"error"},"错误",-1),T("option",{value:"pending"},"等待",-1),T("option",{value:"disabled"},"不可用",-1)])],512),[[Yn,r.value]])])):re("v-if",!0)])]),T("div",wc,[(D(),G(ae,null,Sn(c,j=>T("section",{key:j.id,class:"comparison-column","aria-label":j.title},[T("h2",Ic,oe(j.title),1),T("article",{class:"scene","data-palette":j.id,style:Gt({...B(gc)(t.value,j.proposed),colorScheme:t.value})},[n.value==="scene"?(D(),G(ae,{key:0},[y[20]||(y[20]=T("header",{class:"scene-heading"},[T("span",{class:"brand"},"InKCre"),T("span",{class:"muted"},"来源")],-1)),T("div",Oc,[y[19]||(y[19]=As('<h2>阅读与记录</h2><p class="muted intro">收集值得保留的内容，继续上次的阅读。</p><div class="source-row"><span>阅读摘录</span><span class="feedback muted">3 分钟前更新</span></div><div class="source-row"><span>每周通讯</span><span class="feedback muted">昨天更新</span></div>',4)),T("section",kc,[y[18]||(y[18]=T("h3",null,"采集设置",-1)),C(B(Tf),{modelValue:s.name,"onUpdate:modelValue":y[4]||(y[4]=$=>s.name=$),label:"来源名称",editable:a.value,error:r.value==="error"?"请输入可辨认的来源名称。":void 0},null,8,["modelValue","editable","error"]),C(B(lc),{modelValue:s.format,"onUpdate:modelValue":y[5]||(y[5]=$=>s.format=$),label:"保存内容",editable:a.value,options:[{label:"正文与链接",value:"text"},{label:"仅保留链接",value:"link"}]},null,8,["modelValue","editable"]),T("div",Tc,[T("label",{for:j.id+"-sync"},"自动采集",8,Ec),C(B(Sf),{id:j.id+"-sync",modelValue:s.enabled,"onUpdate:modelValue":y[6]||(y[6]=$=>s.enabled=$),"on-text":"开启","off-text":"关闭",disabled:!a.value,"is-switching":l.value},null,8,["id","modelValue","disabled","is-switching"])]),T("div",Mc,[C(B(tt),{text:"保存设置",theme:"primary","is-loading":l.value,disabled:!a.value,onClick:m},null,8,["is-loading","disabled"]),C(B(tt),{text:"取消",theme:"subtle",disabled:!a.value,onClick:v},null,8,["disabled"])]),l.value?(D(),G("p",Pc,"正在保存设置…")):o.value?(D(),G("p",jc,oe(o.value),1)):re("v-if",!0)])])],64)):n.value==="states"?(D(),G("div",Lc,[y[21]||(y[21]=T("h2",null,"动作与反馈",-1)),y[22]||(y[22]=T("p",{class:"muted intro"},"可悬停、按下或用 Tab 聚焦。等待中的动作保留原配色和文字。",-1)),(D(),G(ae,null,Sn(["primary","subtle","danger"],$=>T("section",{key:$,class:"state-row","data-kind":$},[T("h3",null,oe({primary:"主要动作",subtle:"次要动作",danger:"危险动作"}[$]),1),T("div",Rc,[C(B(tt),{theme:$,text:$==="danger"?"移除来源":"执行操作",onClick:y[7]||(y[7]=E=>o.value="已触发本页动作示意。")},null,8,["theme","text"]),C(B(tt),{theme:$,text:"不可用",disabled:""},null,8,["theme"]),C(B(tt),{theme:$,text:"处理中","is-loading":""},null,8,["theme"])])],8,Nc)),64)),T("section",{class:"feedback-example","data-feedback":i.value},[T("p",{class:pe(["feedback feedback-title",i.value==="normal"?"muted":i.value])},oe(f[i.value].title),3),T("p",Vc,oe(f[i.value].detail),1)],8,Fc),o.value?(D(),G("p",Sc,oe(o.value),1)):re("v-if",!0)])):(D(),G("div",Dc,[y[25]||(y[25]=T("h2",null,"覆盖关系",-1)),y[26]||(y[26]=T("p",{class:"muted intro"}," 常驻内容不加阴影；提示覆盖内容时，用细边界和贴近轮廓的轻阴影区分。 ",-1)),T("div",Uc,[y[23]||(y[23]=T("div",{class:"source-row"},[T("span",null,"阅读摘录"),T("span",{class:"muted"},"最近更新")],-1)),T("div",Bc,[C(B(pc),{content:"重新连接后继续采集。",position:"bottom"},{default:jt(({describedby:$})=>[C(B(tt),{text:"连接说明",theme:"subtle","aria-describedby":$},null,8,["aria-describedby"])]),_:1})]),y[24]||(y[24]=T("p",{class:"muted covered-copy"},"最近保存的正文与链接仍然可用。",-1))]),y[27]||(y[27]=T("p",{class:"muted layer-note"}," 悬停或聚焦「连接说明」查看实际 Tooltip。下方并列展开三个阴影档位，便于比较范围。 ",-1)),T("div",Hc,[(D(),G(ae,null,Sn(["low","md","high"],$=>T("div",{key:$,class:"shadow-sample",style:Gt({boxShadow:`var(--sys-elevation-raised-${$}-offset-x) var(--sys-elevation-raised-${$}-offset-y) var(--sys-elevation-raised-${$}-radius) var(--sys-elevation-raised-${$}-spread) var(--sys-elevation-raised-${$}-color)`})},oe({low:"较弱",md:"默认",high:"较强"}[$]),5)),64))])]))],12,Ac)],8,$c)),64))]),y[28]||(y[28]=T("footer",null," 本页用于判断视觉力度；普通文字、必要边界、状态和焦点的可辨认性另行检查。键盘与配对结果见同目录记录。 ",-1))],8,vc))}}).mount("#app")})();
+</script></body></html>
diff --git a/tasks/ui-foundations/i2-study/layers-dark.png b/tasks/ui-foundations/i2-study/layers-dark.png
new file mode 100644
index 0000000..1e52dfd
Binary files /dev/null and b/tasks/ui-foundations/i2-study/layers-dark.png differ
diff --git a/tasks/ui-foundations/i2-study/layers-light.png b/tasks/ui-foundations/i2-study/layers-light.png
new file mode 100644
index 0000000..3c4d00d
Binary files /dev/null and b/tasks/ui-foundations/i2-study/layers-light.png differ
diff --git a/tasks/ui-foundations/i2-study/main.js b/tasks/ui-foundations/i2-study/main.js
new file mode 100644
index 0000000..0741b01
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/main.js
@@ -0,0 +1,4 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import "@inkcre/ui-web/styles";
+createApp(App).mount("#app");
diff --git a/tasks/ui-foundations/i2-study/palette.mjs b/tasks/ui-foundations/i2-study/palette.mjs
new file mode 100644
index 0000000..d76ad43
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/palette.mjs
@@ -0,0 +1,65 @@
+export const candidate = {
+  light: {
+    "text-base": "#1f1f1f",
+    "text-on-primary": "#f9f9f9",
+    "text-on-danger": "#f9f9f9",
+    "surface-primary": "#1f1f1f",
+    "surface-primary-hover": "#303030",
+    "surface-danger": "#825955",
+    "surface-danger-hover": "#704947",
+    "feedback-success": "#19713d",
+    "feedback-warning": "#8a5900",
+    "feedback-info": "#1267a7",
+    "feedback-error": "#b3342b",
+  },
+  dark: {
+    "text-base": "#e2e2e2",
+    "text-subtle": "#ababab",
+    "text-on-primary": "#1f1f1f",
+    "text-on-danger": "#1f1f1f",
+    "surface-base": "#1f1f1f",
+    "surface-subtle": "#303030",
+    "surface-primary": "#e2e2e2",
+    "surface-primary-hover": "#c6c6c6",
+    "surface-subtle-hover": "#3a3a3a",
+    "surface-base-hover": "#303030",
+    "surface-danger": "#c8a19d",
+    "surface-danger-hover": "#b9918b",
+    "border-base": "#919191",
+    "border-subtle": "#5e5e5e",
+    "feedback-success": "#67c88c",
+    "feedback-warning": "#e5b951",
+    "feedback-info": "#70b5ed",
+    "feedback-error": "#ed9690",
+  },
+};
+
+export const candidateElevation = {
+  low: { offsetX: 0, offsetY: 1, radius: 2, spread: 0, color: "#0000001a" },
+  md: { offsetX: 0, offsetY: 2, radius: 6, spread: 0, color: "#00000029" },
+  high: { offsetX: 0, offsetY: 4, radius: 12, spread: 0, color: "#0000002e" },
+};
+
+export function sceneTokens(theme, proposed) {
+  if (!proposed) return {};
+  const variables = Object.fromEntries(
+    Object.entries(candidate[theme]).map(([name, value]) => [`--sys-color-${name}`, value]),
+  );
+  variables["--comp-switch-track-bg"] = theme === "light" ? "#1f1f1f" : "#e2e2e2";
+  variables["--comp-switch-handle-bg"] = theme === "light" ? "#f9f9f9" : "#1f1f1f";
+  variables["--comp-switch-label-color"] = variables["--comp-switch-track-bg"];
+  for (const level of ["low", "md", "high"]) {
+    const effect = candidateElevation[level];
+    for (const [key, field] of Object.entries({
+      "offset-x": "offsetX",
+      "offset-y": "offsetY",
+      radius: "radius",
+      spread: "spread",
+      color: "color",
+    })) {
+      variables[`--sys-elevation-raised-${level}-${key}`] =
+        field === "color" ? effect[field] : `${effect[field]}px`;
+    }
+  }
+  return variables;
+}
diff --git a/tasks/ui-foundations/i2-study/scene-dark.png b/tasks/ui-foundations/i2-study/scene-dark.png
new file mode 100644
index 0000000..8669998
Binary files /dev/null and b/tasks/ui-foundations/i2-study/scene-dark.png differ
diff --git a/tasks/ui-foundations/i2-study/scene-light.png b/tasks/ui-foundations/i2-study/scene-light.png
new file mode 100644
index 0000000..38cd5aa
Binary files /dev/null and b/tasks/ui-foundations/i2-study/scene-light.png differ
diff --git a/tasks/ui-foundations/i2-study/states-dark.png b/tasks/ui-foundations/i2-study/states-dark.png
new file mode 100644
index 0000000..ec46191
Binary files /dev/null and b/tasks/ui-foundations/i2-study/states-dark.png differ
diff --git a/tasks/ui-foundations/i2-study/states-light.png b/tasks/ui-foundations/i2-study/states-light.png
new file mode 100644
index 0000000..71953ce
Binary files /dev/null and b/tasks/ui-foundations/i2-study/states-light.png differ
diff --git a/tasks/ui-foundations/i2-study/verification.json b/tasks/ui-foundations/i2-study/verification.json
new file mode 100644
index 0000000..3ad5631
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/verification.json
@@ -0,0 +1,365 @@
+{
+  "source": "11be433ca6e7c203da7f42233983e576a967d71e",
+  "package": "@inkcre/ui-web@2.0.0",
+  "tarballSha256": "7be8c129cdee364977199b592da15f37cfca2af3df30d9c408f0afa58967ca8b",
+  "browser": "149.0.7827.55",
+  "colors": [
+    {
+      "theme": "light",
+      "palette": "current",
+      "textPairs": 29,
+      "boundaryPairs": 13,
+      "minimumText": {
+        "foreground": "--sys-color-feedback-error",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 5.581280277976265,
+        "threshold": 4.5
+      },
+      "minimumBoundary": {
+        "foreground": "--sys-color-border-base",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 3.8596550990537786,
+        "threshold": 3
+      },
+      "failures": []
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "textPairs": 29,
+      "boundaryPairs": 13,
+      "minimumText": {
+        "foreground": "--sys-color-feedback-info",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 5.136425052803227,
+        "threshold": 4.5
+      },
+      "minimumBoundary": {
+        "foreground": "--sys-color-border-base",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 3.8596550990537786,
+        "threshold": 3
+      },
+      "failures": []
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "textPairs": 29,
+      "boundaryPairs": 13,
+      "minimumText": {
+        "foreground": "--sys-color-feedback-success",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 3.6563483343098064,
+        "threshold": 4.5
+      },
+      "minimumBoundary": {
+        "foreground": "--sys-color-border-base",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 2.823648221727756,
+        "threshold": 3
+      },
+      "failures": [
+        {
+          "foreground": "--sys-color-text-subtle",
+          "background": "--sys-color-surface-base-hover",
+          "ratio": 3.7960988661520703,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-success",
+          "background": "--sys-color-surface-base-hover",
+          "ratio": 3.6563483343098064,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-info",
+          "background": "--sys-color-surface-base-hover",
+          "ratio": 3.8195920127660896,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-error",
+          "background": "--sys-color-surface-base-hover",
+          "ratio": 3.808658019123771,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-text-subtle",
+          "background": "--sys-color-surface-subtle-hover",
+          "ratio": 3.7960988661520703,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-success",
+          "background": "--sys-color-surface-subtle-hover",
+          "ratio": 3.6563483343098064,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-info",
+          "background": "--sys-color-surface-subtle-hover",
+          "ratio": 3.8195920127660896,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-feedback-error",
+          "background": "--sys-color-surface-subtle-hover",
+          "ratio": 3.808658019123771,
+          "threshold": 4.5
+        },
+        {
+          "foreground": "--sys-color-border-base",
+          "background": "--sys-color-surface-base-hover",
+          "ratio": 2.823648221727756,
+          "threshold": 3
+        },
+        {
+          "foreground": "--sys-color-border-base",
+          "background": "--sys-color-surface-subtle-hover",
+          "ratio": 2.823648221727756,
+          "threshold": 3
+        }
+      ]
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "textPairs": 29,
+      "boundaryPairs": 13,
+      "minimumText": {
+        "foreground": "--sys-color-text-subtle",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 4.953236104038707,
+        "threshold": 4.5
+      },
+      "minimumBoundary": {
+        "foreground": "--sys-color-border-base",
+        "background": "--sys-color-surface-subtle-hover",
+        "ratio": 3.6089659792815545,
+        "threshold": 3
+      },
+      "failures": []
+    }
+  ],
+  "interactions": [
+    {
+      "theme": "light",
+      "errorBorderWithFocus": true,
+      "pendingKeepsPrimaryPair": true,
+      "routineStatusUsesNeutralText": true,
+      "buttonStates": "primary/subtle/danger: normal, hover, pressed, focus, disabled"
+    },
+    {
+      "theme": "dark",
+      "errorBorderWithFocus": true,
+      "pendingKeepsPrimaryPair": true,
+      "routineStatusUsesNeutralText": true,
+      "buttonStates": "primary/subtle/danger: normal, hover, pressed, focus, disabled"
+    }
+  ],
+  "feedback": [
+    {
+      "theme": "light",
+      "palette": "current",
+      "kind": "normal",
+      "titleColor": "#5e5e5e",
+      "detailColor": "#070707"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "kind": "normal",
+      "titleColor": "#5e5e5e",
+      "detailColor": "#1f1f1f"
+    },
+    {
+      "theme": "light",
+      "palette": "current",
+      "kind": "success",
+      "titleColor": "#176b39",
+      "detailColor": "#070707"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "kind": "success",
+      "titleColor": "#19713d",
+      "detailColor": "#1f1f1f"
+    },
+    {
+      "theme": "light",
+      "palette": "current",
+      "kind": "warning",
+      "titleColor": "#7a4b00",
+      "detailColor": "#070707"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "kind": "warning",
+      "titleColor": "#8a5900",
+      "detailColor": "#1f1f1f"
+    },
+    {
+      "theme": "light",
+      "palette": "current",
+      "kind": "info",
+      "titleColor": "#005c8a",
+      "detailColor": "#070707"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "kind": "info",
+      "titleColor": "#1267a7",
+      "detailColor": "#1f1f1f"
+    },
+    {
+      "theme": "light",
+      "palette": "current",
+      "kind": "error",
+      "titleColor": "#b9192f",
+      "detailColor": "#070707"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "kind": "error",
+      "titleColor": "#b3342b",
+      "detailColor": "#1f1f1f"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "kind": "normal",
+      "titleColor": "#c6c6c6",
+      "detailColor": "#f9f9f9"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "kind": "normal",
+      "titleColor": "#ababab",
+      "detailColor": "#e2e2e2"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "kind": "success",
+      "titleColor": "#75d69a",
+      "detailColor": "#f9f9f9"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "kind": "success",
+      "titleColor": "#67c88c",
+      "detailColor": "#e2e2e2"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "kind": "warning",
+      "titleColor": "#ffd27a",
+      "detailColor": "#f9f9f9"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "kind": "warning",
+      "titleColor": "#e5b951",
+      "detailColor": "#e2e2e2"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "kind": "info",
+      "titleColor": "#8bceff",
+      "detailColor": "#f9f9f9"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "kind": "info",
+      "titleColor": "#70b5ed",
+      "detailColor": "#e2e2e2"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "kind": "error",
+      "titleColor": "#ffb3b1",
+      "detailColor": "#f9f9f9"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "kind": "error",
+      "titleColor": "#ed9690",
+      "detailColor": "#e2e2e2"
+    }
+  ],
+  "shadows": [
+    {
+      "theme": "light",
+      "palette": "current",
+      "shadow": "rgba(12, 21, 48, 0.12) 0px 6px 20px 0px"
+    },
+    {
+      "theme": "light",
+      "palette": "candidate",
+      "shadow": "rgba(0, 0, 0, 0.16) 0px 2px 6px 0px"
+    },
+    {
+      "theme": "dark",
+      "palette": "current",
+      "shadow": "rgba(12, 21, 48, 0.12) 0px 6px 20px 0px"
+    },
+    {
+      "theme": "dark",
+      "palette": "candidate",
+      "shadow": "rgba(0, 0, 0, 0.16) 0px 2px 6px 0px"
+    }
+  ],
+  "narrow": [
+    {
+      "theme": "light",
+      "view": "scene",
+      "width": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "light",
+      "view": "states",
+      "width": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "light",
+      "view": "layers",
+      "width": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "view": "scene",
+      "width": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "view": "states",
+      "width": 375,
+      "overflow": 0
+    },
+    {
+      "theme": "dark",
+      "view": "layers",
+      "width": 375,
+      "overflow": 0
+    }
+  ],
+  "errors": [],
+  "networkRequests": []
+}
diff --git a/tasks/ui-foundations/i2-study/verify-delivery.mjs b/tasks/ui-foundations/i2-study/verify-delivery.mjs
new file mode 100644
index 0000000..00479be
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/verify-delivery.mjs
@@ -0,0 +1,274 @@
+import { readFileSync, writeFileSync } from "node:fs";
+import { createHash } from "node:crypto";
+import { dirname, resolve } from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+
+if (!process.argv[2]) throw new Error("Pass an existing Playwright module path.");
+const { chromium, expect } = await import(pathToFileURL(resolve(process.argv[2])).href);
+const here = dirname(fileURLToPath(import.meta.url));
+const evidence = resolve(here, "../i2-evidence");
+const browser = await chromium.launch();
+const page = await browser.newPage({ viewport: { width: 1000, height: 1000 } });
+const study = await browser.newPage();
+const errors = [],
+  requests = [];
+for (const tab of [page, study]) {
+  tab.on("pageerror", (error) => errors.push(error.message));
+  tab.on("request", (request) => {
+    if (/^https?:/.test(request.url())) requests.push(request.url());
+  });
+}
+const report = {
+  ...JSON.parse(readFileSync(resolve(evidence, "artifact.json"), "utf8")),
+  approvedStudySha256: createHash("sha256")
+    .update(readFileSync(resolve(here, "index.html")))
+    .digest("hex"),
+  browser: browser.version(),
+  themes: [],
+};
+
+// 比较浏览器实际值；冻结样稿与产物分别构建，不从当前 Token 源重算期望值。
+const readTheme = (locator) =>
+  locator.evaluate((element) => {
+    const style = getComputedStyle(element);
+    const probe = document.createElement("span");
+    element.appendChild(probe);
+    const values = Object.fromEntries(
+      Array.from(style)
+        .filter(
+          (name) =>
+            name.startsWith("--sys-color-") ||
+            name.startsWith("--comp-switch-") ||
+            name.startsWith("--sys-elevation-raised-"),
+        )
+        .sort()
+        .map((name) => {
+          let value = style.getPropertyValue(name).trim();
+          if (CSS.supports("color", value)) {
+            probe.style.color = value;
+            value = getComputedStyle(probe).color;
+          }
+          return [name, value];
+        }),
+    );
+    probe.remove();
+    return values;
+  });
+const settle = () =>
+  page.waitForFunction(() =>
+    document
+      .getAnimations()
+      .every(
+        (animation) =>
+          animation.effect?.getComputedTiming().iterations === Infinity ||
+          animation.playState !== "running",
+      ),
+  );
+
+try {
+  await study.goto(pathToFileURL(resolve(here, "index.html")).href);
+  const expected = {};
+  for (const theme of ["light", "dark"]) {
+    await study.getByLabel("主题", { exact: true }).selectOption(theme);
+    await study.getByLabel("查看", { exact: true }).selectOption("layers");
+    const panel = study.locator('[data-palette="candidate"]');
+    expected[theme] = {
+      tokens: await readTheme(panel),
+      shadows: await panel
+        .locator(".shadow-sample")
+        .evaluateAll((elements) => elements.map((element) => getComputedStyle(element).boxShadow)),
+    };
+  }
+  await page.goto(pathToFileURL(resolve(evidence, "index.html")).href);
+  for (const theme of ["light", "dark"]) {
+    await page.getByLabel("主题", { exact: true }).selectOption(theme);
+    const tokens = await readTheme(page.locator("html"));
+    expect(tokens).toEqual(expected[theme].tokens);
+    const color = (role) => tokens[`--sys-color-${role}`];
+    for (const kind of ["primary", "subtle", "danger"]) {
+      const buttons = page.locator(`[data-kind="${kind}"] button`);
+      const button = buttons.first();
+      const foreground = kind === "subtle" ? "text-base" : `text-on-${kind}`;
+      await page.mouse.move(0, 0);
+      await expect(button).toHaveCSS("background-color", color(`surface-${kind}`));
+      await expect(button).toHaveCSS("color", color(foreground));
+      await button.hover();
+      await expect(button).toHaveCSS("background-color", color(`surface-${kind}-hover`));
+      await page.mouse.down();
+      await expect(button).toHaveCSS("background-color", color(`surface-${kind}-hover`));
+      await page.mouse.up();
+      await button.focus();
+      await button.press("Tab");
+      await page.keyboard.press("Shift+Tab");
+      await expect(button).toBeFocused();
+      await expect(button).toHaveCSS("outline-color", color("border-strong"));
+      await expect(button).toHaveCSS("outline-width", "2px");
+      await expect(buttons.nth(1)).toBeDisabled();
+      await expect(buttons.nth(1)).toHaveCSS("background-color", color("surface-subtle"));
+      await expect(buttons.nth(1)).toHaveCSS("color", color("text-subtle"));
+      await expect(buttons.nth(2)).toBeDisabled();
+      await expect(buttons.nth(2)).toHaveCSS("background-color", color(`surface-${kind}`));
+      await expect(buttons.nth(2)).toHaveCSS("color", color(foreground));
+    }
+    const input = page.getByRole("textbox", { name: "来源名称", exact: true });
+    await input.focus();
+    await input.press("ArrowLeft");
+    await expect(input).toHaveAttribute("aria-invalid", "true");
+    await expect(page.locator(".ink-input")).toHaveCSS("border-color", color("feedback-error"));
+    await expect(page.locator(".ink-input")).toHaveCSS("outline-color", color("border-strong"));
+    const combo = page.getByRole("combobox", { name: "保存内容", exact: true });
+    await combo.focus();
+    await combo.press("ArrowDown");
+    const listbox = page.getByRole("listbox", { name: "保存内容", exact: true });
+    const selected = listbox.getByRole("option", { selected: true });
+    await expect(selected).toHaveCSS("background-color", color("surface-primary-hover"));
+    for (const selector of [".option__label", ".option__description"]) {
+      await expect(selected.locator(selector)).toHaveCSS("color", color("text-on-primary"));
+    }
+    await combo.press("ArrowDown");
+    await expect(selected).toHaveCSS("background-color", color("surface-primary"));
+    const next = listbox.getByRole("option", { selected: false });
+    await expect(next).toHaveCSS("background-color", color("surface-base-hover"));
+    await expect(next.locator(".option__description")).toHaveCSS("color", color("text-subtle"));
+    await page.mouse.move(0, 0);
+    await settle();
+    await page.screenshot({ path: resolve(evidence, `controls-${theme}.png`), fullPage: true });
+    await combo.press("Escape");
+    await expect(combo).toBeFocused();
+
+    const shadows = [];
+    for (const [index, level] of ["low", "md", "high"].entries()) {
+      const sass = page.locator(`.sass-shadow-${level}`);
+      const uno = page.locator(`.shadow-${level}`);
+      await expect(sass).toHaveCSS("box-shadow", expected[theme].shadows[index]);
+      const unoShadow = await uno.evaluate((element) => getComputedStyle(element).boxShadow);
+      // Wind3 合成透明的 ring 层；比较可见阴影，同时保留完整计算值。
+      const painted = unoShadow
+        .split(/,(?![^(]*\))/)
+        .map((layer) => layer.trim())
+        .filter((layer) => !layer.startsWith("rgba(0, 0, 0, 0)"));
+      expect(painted).toEqual([expected[theme].shadows[index]]);
+      shadows.push({ level, shadow: expected[theme].shadows[index], uno: unoShadow });
+    }
+    const tooltipTrigger = page.getByRole("button", { name: "连接说明", exact: true });
+    await tooltipTrigger.focus();
+    const tooltip = page.locator('[role="tooltip"]');
+    await expect(tooltip).toBeVisible();
+    await expect(tooltip).toHaveCSS("box-shadow", expected[theme].shadows[1]);
+    await page.evaluate(() =>
+      document.documentElement.style.setProperty("--sys-elevation-raised-md-radius", "8px"),
+    );
+    await expect(page.locator(".sass-shadow-md")).not.toHaveCSS(
+      "box-shadow",
+      expected[theme].shadows[1],
+    );
+    await expect(tooltip).toHaveCSS(
+      "box-shadow",
+      await page
+        .locator(".sass-shadow-md")
+        .evaluate((element) => getComputedStyle(element).boxShadow),
+    );
+    await expect(page.locator(".shadow-md")).toHaveCSS("box-shadow", shadows[1].uno);
+    await page.evaluate(() =>
+      document.documentElement.style.removeProperty("--sys-elevation-raised-md-radius"),
+    );
+    await tooltipTrigger.press("Escape");
+    await expect(tooltip).toHaveAttribute("aria-hidden", "true");
+    await expect(page.locator(".uno-pair")).toHaveCSS("background-color", color("surface-primary"));
+    await expect(page.locator(".uno-pair")).toHaveCSS("color", color("text-on-primary"));
+
+    await page.getByRole("button", { name: "打开确认", exact: true }).click();
+    const popup = page.getByRole("dialog", { name: "设置确认", exact: true });
+    await expect(popup).toBeVisible();
+    expect(await popup.evaluate((element) => element.parentElement === document.body)).toBe(true);
+    await expect(popup).toHaveCSS("background-color", color("surface-base"));
+    await expect(popup).toHaveCSS("color", color("text-base"));
+    expect(
+      await popup.evaluate((element) => getComputedStyle(element, "::backdrop").backgroundColor),
+    ).toBe(color("overlay-scrim"));
+    const other = theme === "light" ? "dark" : "light";
+    await page.evaluate((value) => {
+      document.documentElement.dataset.theme = value;
+    }, other);
+    await expect(popup).toHaveCSS(
+      "background-color",
+      expected[other].tokens["--sys-color-surface-base"],
+    );
+    await expect(popup).toHaveCSS("color", expected[other].tokens["--sys-color-text-base"]);
+    await page.evaluate((value) => {
+      document.documentElement.dataset.theme = value;
+    }, theme);
+    await page.setViewportSize({ width: 375, height: 900 });
+    const popupBounds = await popup.boundingBox();
+    expect(popupBounds.x).toBeGreaterThanOrEqual(0);
+    expect(popupBounds.x + popupBounds.width).toBeLessThanOrEqual(375);
+    for (const button of await popup.getByRole("button").all()) {
+      const bounds = await button.boundingBox();
+      expect(bounds.x).toBeGreaterThanOrEqual(0);
+      expect(bounds.x + bounds.width).toBeLessThanOrEqual(375);
+    }
+    await settle();
+    await page.screenshot({ path: resolve(evidence, `popup-${theme}-375.png`) });
+    await page.keyboard.press("Escape");
+    await expect(popup).not.toBeVisible();
+    await expect(page.getByRole("button", { name: "打开确认", exact: true })).toBeFocused();
+
+    await page.getByRole("button", { name: "打开阅读层", exact: true }).click();
+    const scrim = page.getByRole("dialog", { name: "阅读内容", exact: true });
+    await expect(scrim).toBeVisible();
+    expect(await scrim.evaluate((element) => element.parentElement === document.body)).toBe(true);
+    await expect(scrim).toHaveCSS("background-color", color("overlay-scrim"));
+    await expect(scrim.locator(".scrim-content")).toHaveCSS(
+      "background-color",
+      color("surface-base"),
+    );
+    await expect(scrim.locator(".scrim-content")).toHaveCSS("color", color("text-base"));
+    await expect(scrim.getByRole("button", { name: "Close", exact: true })).toHaveCSS(
+      "background-color",
+      color("surface-subtle"),
+    );
+    await settle();
+    await page.screenshot({ path: resolve(evidence, `scrim-${theme}-375.png`) });
+    await scrim.getByRole("button", { name: "Close", exact: true }).click();
+    await expect(scrim).not.toBeVisible();
+    await expect(page.getByRole("button", { name: "打开阅读层", exact: true })).toBeFocused();
+    const overflow = await page.evaluate(() => document.documentElement.scrollWidth - innerWidth);
+    expect(overflow).toBeLessThanOrEqual(1);
+    await page.setViewportSize({ width: 1000, height: 1000 });
+    report.themes.push({
+      theme,
+      matchedVariables: Object.keys(tokens).length,
+      tokens,
+      shadows,
+      buttons: "normal/hover/pressed/focus/disabled/pending",
+      errorWithFocus: true,
+      selectedLabelAndDescription: true,
+      rootPopupAndScrim: true,
+      openPopupThemeChange: true,
+      sassRuntimeShadow: true,
+      unoBuildTimeShadow: true,
+      narrowWidth: 375,
+      overflow,
+    });
+  }
+  expect(errors).toEqual([]);
+  expect(requests).toEqual([]);
+  writeFileSync(
+    resolve(evidence, "verification.json"),
+    JSON.stringify({ ...report, errors, requests }, null, 2) + "\n",
+  );
+  console.log(
+    JSON.stringify(
+      report.themes.map(({ theme, matchedVariables, overflow }) => ({
+        theme,
+        matchedVariables,
+        overflow,
+      })),
+    ),
+  );
+} catch (error) {
+  await page.screenshot({ path: resolve(evidence, "failure.png"), fullPage: true });
+  throw error;
+} finally {
+  await browser.close();
+}
diff --git a/tasks/ui-foundations/i2-study/verify.mjs b/tasks/ui-foundations/i2-study/verify.mjs
new file mode 100644
index 0000000..0a5bcf8
--- /dev/null
+++ b/tasks/ui-foundations/i2-study/verify.mjs
@@ -0,0 +1,296 @@
+import { pathToFileURL, fileURLToPath } from "node:url";
+import { dirname, resolve } from "node:path";
+import { readFileSync, writeFileSync } from "node:fs";
+
+if (!process.argv[2]) throw new Error("Pass an existing Playwright module path.");
+const { chromium, expect } = await import(pathToFileURL(resolve(process.argv[2])).href);
+const here = dirname(fileURLToPath(import.meta.url));
+const rgb = (hex) =>
+  hex
+    .slice(1, 7)
+    .match(/../g)
+    .map((part) => parseInt(part, 16));
+const cssRgb = (hex) => `rgb(${rgb(hex).join(", ")})`;
+function luminance(hex) {
+  const [r, g, b] = rgb(hex)
+    .map((value) => value / 255)
+    .map((value) => (value <= 0.04045 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4));
+  return r * 0.2126 + g * 0.7152 + b * 0.0722;
+}
+function contrast(a, b) {
+  const [x, y] = [luminance(a), luminance(b)];
+  return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);
+}
+function measurePairs(colors) {
+  const text = [],
+    boundaries = [];
+  const add = (list, foreground, background, threshold) => {
+    const ratio = contrast(colors[foreground], colors[background]);
+    list.push({ foreground, background, ratio, threshold });
+  };
+  for (const surface of ["base", "subtle", "base-hover", "subtle-hover"]) {
+    for (const role of [
+      "text-base",
+      "text-subtle",
+      "feedback-success",
+      "feedback-warning",
+      "feedback-info",
+      "feedback-error",
+    ])
+      add(text, `--sys-color-${role}`, `--sys-color-surface-${surface}`, 4.5);
+    for (const role of ["border-base", "border-strong", "feedback-error"])
+      add(boundaries, `--sys-color-${role}`, `--sys-color-surface-${surface}`, 3);
+  }
+  for (const role of ["primary", "danger"])
+    for (const state of ["", "-hover"])
+      add(text, `--sys-color-text-on-${role}`, `--sys-color-surface-${role}${state}`, 4.5);
+  add(text, "--comp-switch-label-color", "--comp-switch-handle-bg", 4.5);
+  add(boundaries, "--comp-switch-track-bg", "--comp-switch-handle-bg", 3);
+  const minimum = (list) => list.reduce((a, b) => (a.ratio < b.ratio ? a : b));
+  return {
+    textPairs: text.length,
+    boundaryPairs: boundaries.length,
+    minimumText: minimum(text),
+    minimumBoundary: minimum(boundaries),
+    failures: [...text, ...boundaries].filter((pair) => pair.ratio < pair.threshold),
+  };
+}
+
+const browser = await chromium.launch();
+const page = await browser.newPage({ viewport: { width: 1280, height: 1080 } });
+const errors = [],
+  requests = [];
+page.on("pageerror", (error) => errors.push(error.message));
+page.on("request", (request) => {
+  if (/^https?:/.test(request.url())) requests.push(request.url());
+});
+const report = {
+  ...JSON.parse(readFileSync(resolve(here, "artifact.json"), "utf8")),
+  browser: browser.version(),
+  colors: [],
+  interactions: [],
+  feedback: [],
+  shadows: [],
+  narrow: [],
+};
+const settle = () =>
+  page.waitForFunction(() =>
+    document
+      .getAnimations()
+      .every(
+        (animation) =>
+          animation.effect?.getComputedTiming().iterations === Infinity ||
+          animation.playState !== "running",
+      ),
+  );
+const paletteOf = (panel) =>
+  panel.evaluate((element) =>
+    Object.fromEntries(
+      Array.from(getComputedStyle(element))
+        .filter((name) => name.startsWith("--sys-color-") || name.startsWith("--comp-switch-"))
+        .map((name) => [name, getComputedStyle(element).getPropertyValue(name).trim()]),
+    ),
+  );
+try {
+  await page.goto(pathToFileURL(resolve(here, "index.html")).href);
+  await expect(page.locator("[data-palette]")).toHaveCount(2);
+  for (const theme of ["light", "dark"]) {
+    await page.getByLabel("主题", { exact: true }).selectOption(theme);
+    await page.getByLabel("查看", { exact: true }).selectOption("scene");
+    await page
+      .locator('[data-palette="current"]')
+      .getByRole("button", { name: "取消", exact: true })
+      .click();
+    await page.mouse.move(0, 0);
+    await settle();
+    await page.screenshot({ path: resolve(here, `scene-${theme}.png`), fullPage: true });
+    for (const id of ["current", "candidate"]) {
+      const panel = page.locator(`[data-palette="${id}"]`);
+      const colors = await paletteOf(panel);
+      const measured = measurePairs(colors);
+      report.colors.push({ theme, palette: id, ...measured });
+      if (id === "candidate") expect(measured.failures).toEqual([]);
+      await expect(
+        panel.locator(".source-row .success, .source-row .warning, .source-row .info"),
+      ).toHaveCount(0);
+      await panel.getByRole("button", { name: "保存设置", exact: true }).click();
+      await expect(panel.getByRole("status")).toHaveCSS(
+        "color",
+        cssRgb(colors["--sys-color-text-subtle"]),
+      );
+    }
+    await page.getByLabel("表单状态", { exact: true }).selectOption("error");
+    for (const id of ["current", "candidate"]) {
+      const panel = page.locator(`[data-palette="${id}"]`);
+      const input = panel.getByRole("textbox", { name: "来源名称", exact: true });
+      await input.focus();
+      await input.press("ArrowLeft");
+      await expect(input).toHaveAttribute("aria-invalid", "true");
+      const colors = await paletteOf(panel);
+      await expect(panel.locator(".ink-input")).toHaveCSS(
+        "border-color",
+        cssRgb(colors["--sys-color-feedback-error"]),
+      );
+      await expect(panel.locator(".ink-input")).toHaveCSS(
+        "outline-color",
+        cssRgb(colors["--sys-color-border-strong"]),
+      );
+      await expect(panel.locator(".ink-input")).toHaveCSS("outline-width", "2px");
+    }
+    await page.getByLabel("表单状态", { exact: true }).selectOption("pending");
+    for (const id of ["current", "candidate"]) {
+      const panel = page.locator(`[data-palette="${id}"]`);
+      const button = panel.getByRole("button", { name: "保存设置", exact: true });
+      const colors = await paletteOf(panel);
+      await expect(button).toBeDisabled();
+      await expect(button).toHaveCSS(
+        "background-color",
+        cssRgb(colors["--sys-color-surface-primary"]),
+      );
+      await expect(button).toHaveCSS("color", cssRgb(colors["--sys-color-text-on-primary"]));
+      await expect(panel.getByRole("status")).toHaveCSS(
+        "color",
+        cssRgb(colors["--sys-color-text-subtle"]),
+      );
+    }
+    await page.getByLabel("表单状态", { exact: true }).selectOption("normal");
+    await page.getByLabel("查看", { exact: true }).selectOption("states");
+    for (const kind of ["normal", "success", "warning", "info", "error"]) {
+      await page.getByLabel("反馈情境", { exact: true }).selectOption(kind);
+      for (const id of ["current", "candidate"]) {
+        const panel = page.locator(`[data-palette="${id}"]`);
+        const colors = await paletteOf(panel);
+        const feedback = panel.locator(".feedback-example");
+        await expect(feedback).toHaveCount(1);
+        await expect(feedback).toHaveAttribute("data-feedback", kind);
+        const titleColor =
+          colors[kind === "normal" ? "--sys-color-text-subtle" : `--sys-color-feedback-${kind}`];
+        await expect(feedback.locator(".feedback-title")).toHaveCSS("color", cssRgb(titleColor));
+        await expect(feedback.locator(".feedback-detail")).toHaveCSS(
+          "color",
+          cssRgb(colors["--sys-color-text-base"]),
+        );
+        report.feedback.push({
+          theme,
+          palette: id,
+          kind,
+          titleColor,
+          detailColor: colors["--sys-color-text-base"],
+        });
+      }
+    }
+    await page.getByLabel("反馈情境", { exact: true }).selectOption("warning");
+    await page.getByLabel("查看", { exact: true }).selectOption("scene");
+    await page
+      .locator('[data-palette="current"]')
+      .getByRole("button", { name: "取消", exact: true })
+      .click();
+    await page.getByLabel("查看", { exact: true }).selectOption("states");
+    await page.mouse.move(0, 0);
+    await settle();
+    await page.screenshot({ path: resolve(here, `states-${theme}.png`), fullPage: true });
+    for (const id of ["current", "candidate"])
+      for (const kind of ["primary", "subtle", "danger"]) {
+        const panel = page.locator(`[data-palette="${id}"]`);
+        const colors = await paletteOf(panel);
+        const button = panel.locator(`[data-kind="${kind}"] button`).first();
+        await page.mouse.move(0, 0);
+        await expect(button).toHaveCSS(
+          "background-color",
+          cssRgb(colors[`--sys-color-surface-${kind}`]),
+        );
+        await button.hover();
+        await expect(button).toHaveCSS(
+          "background-color",
+          cssRgb(colors[`--sys-color-surface-${kind}-hover`]),
+        );
+        await page.mouse.down();
+        await expect(button).toHaveCSS(
+          "background-color",
+          cssRgb(colors[`--sys-color-surface-${kind}-hover`]),
+        );
+        await page.mouse.up();
+        await button.focus();
+        await page.keyboard.press("Tab");
+        await page.keyboard.press("Shift+Tab");
+        await expect(button).toBeFocused();
+        await expect(button).toHaveCSS("outline-width", "2px");
+        const disabled = panel.locator(`[data-kind="${kind}"] button`).nth(1);
+        await expect(disabled).toBeDisabled();
+        await expect(disabled).toHaveCSS(
+          "background-color",
+          cssRgb(colors["--sys-color-surface-subtle"]),
+        );
+      }
+    report.interactions.push({
+      theme,
+      errorBorderWithFocus: true,
+      pendingKeepsPrimaryPair: true,
+      routineStatusUsesNeutralText: true,
+      buttonStates: "primary/subtle/danger: normal, hover, pressed, focus, disabled",
+    });
+    await page.getByLabel("查看", { exact: true }).selectOption("layers");
+    const buttons = page.getByRole("button", { name: "连接说明", exact: true });
+    await buttons.first().focus();
+    await buttons.nth(1).hover();
+    await settle();
+    for (const id of ["current", "candidate"]) {
+      const tooltip = page.locator(`[data-palette="${id}"] [role="tooltip"]`);
+      await expect(tooltip).toBeVisible();
+      await expect(tooltip).toHaveAttribute("aria-hidden", "false");
+      report.shadows.push({
+        theme,
+        palette: id,
+        shadow: await tooltip.evaluate((element) => getComputedStyle(element).boxShadow),
+      });
+    }
+    await page.screenshot({ path: resolve(here, `layers-${theme}.png`), fullPage: true });
+    await buttons.nth(1).focus();
+    await page.keyboard.press("Escape");
+    await expect(page.locator('[data-palette="candidate"] [role="tooltip"]')).toHaveAttribute(
+      "aria-hidden",
+      "true",
+    );
+    await page.setViewportSize({ width: 375, height: 900 });
+    for (const view of ["scene", "states", "layers"]) {
+      await page.getByLabel("查看", { exact: true }).selectOption(view);
+      if (view === "layers") {
+        await page
+          .locator('[data-palette="candidate"]')
+          .getByRole("button", { name: "连接说明", exact: true })
+          .focus();
+        const bounds = await page
+          .locator('[data-palette="candidate"] [role="tooltip"]')
+          .boundingBox();
+        expect(bounds.x).toBeGreaterThanOrEqual(0);
+        expect(bounds.x + bounds.width).toBeLessThanOrEqual(375);
+      }
+      const overflow = await page.evaluate(() => document.documentElement.scrollWidth - innerWidth);
+      expect(overflow).toBeLessThanOrEqual(1);
+      report.narrow.push({ theme, view, width: 375, overflow });
+    }
+    await page.setViewportSize({ width: 1280, height: 1080 });
+  }
+  expect(errors).toEqual([]);
+  expect(requests).toEqual([]);
+  writeFileSync(
+    resolve(here, "verification.json"),
+    JSON.stringify({ ...report, errors, networkRequests: requests }, null, 2) + "\n",
+  );
+  console.log(
+    JSON.stringify(
+      report.colors.map(({ theme, palette, minimumText, minimumBoundary, failures }) => ({
+        theme,
+        palette,
+        minimumText: minimumText.ratio,
+        minimumBoundary: minimumBoundary.ratio,
+        failures: failures.length,
+      })),
+    ),
+  );
+} catch (error) {
+  await page.screenshot({ path: resolve(here, "failure.png"), fullPage: true });
+  throw error;
+} finally {
+  await browser.close();
+}
diff --git a/tasks/ui-foundations/packet.md b/tasks/ui-foundations/packet.md
index 96947bb..cbffd0d 100644
--- a/tasks/ui-foundations/packet.md
+++ b/tasks/ui-foundations/packet.md
@@ -10,6 +10,8 @@
 
 功能与版本分别经 UI [PR #43](https://github.com/InKCre/ui/pull/43)、[PR #44](https://github.com/InKCre/ui/pull/44) 检查后合入。正式发布、产物身份和消费者关联见 [发布与真实迁移](release-and-consumer-migration.md)。本地历史提交和验证证据保留在后续执行记录中；“未提交／未发布／消费者原状”仅描述各阶段结束时的状态。
 
+2026-09-13 用户进一步指出，DESIGN.md 的缺口在于侧重点与知识组织，而不是是否禁止圆角。F0 已按总纲、设计立场、视觉语言、页面组合和判断依据完成重组，并通过逐项讨论确认主要视觉方向与先取舍内容再安排留白的原则。设计知识 `1e9a4a5`、I1 `11be433`、I2 `284ade6` 保留独立提交，已推送至 [UI PR #46](https://github.com/InKCre/ui/pull/46)。下游 I1 `6a61637`、I3 `9af7a17` 及数据库冷启动修复 `cfd7b12` 已推送至 PR #104，真实 preview 页面验收、本机 SSH 数据库 E2E 与最终远端 CI 均通过。UI 展示构建在 preview 中发现既有运行时替换问题，已独立提交 `9128425` 修复，完整检查和远端复验均通过，证据见文末。两个 PR 尚未合入，生产者新包未发布；消费者仍安装正式 UI 2.0.0。
+
 DESIGN.md 的定位和实施方案见 [L3 讨论方案](plan-l3-design-docs.md)，交付结果见 [L3 执行记录](l3-execution.md)。用户已授权发布 UI 和跨仓迁移，当前工作沿此边界继续；按用户要求，不恢复 Firefox 原生文字放大专项。
 
 [A 组](groups.md#a-开发约定与文档入口) 的指南、命令、链接和历史信息校准已完成，已补 patch Changeset 并通过完整验证。后续执行见 [B—E 实施记录](execution-b-e.md)。
@@ -48,7 +50,7 @@ L0 实现基线已更新到 `origin/main` 的 `9f7267cbc410aa1421cd5d42ff5af2775
 | L2 Web 组件       | [C](groups.md#c-基础控件与表单上下文)       | 原生控件、字段关联、受控状态和基础事件                    | 已验证、已提交 `b9c0bc6`                                             |
 | L2 Web 组件       | [D](groups.md#d-浮层确认与日期交互)         | 模态与焦点、确认取消、异步状态、日期草稿                  | 已验证、已提交 `b9c0bc6`                                             |
 | L2 Web 组件       | [E](groups.md#e-schema-表单与-json-编辑)    | 用户数据、schema 隔离、校验、原始 JSON 编辑               | 已验证、已提交 `b9c0bc6`                                             |
-| L3 文档与工程交付 | [F](groups.md#f-ai-消费文档与示例)          | 共同设计指南、完整 API 事实、可检查的示例、Agent 读取入口 | F0—F3 已验证，已随 2.0.0 发布                                        |
+| L3 文档与工程交付 | [F](groups.md#f-ai-消费文档与示例)          | 共同设计指南、完整 API 事实、可检查的示例、Agent 读取入口 | F0—F3 已随 2.0.0 发布；F0 重组与主要视觉方向已确认，本地交付验证通过 |
 | L3 文档与工程交付 | [G](groups.md#g-package-工程验证与下游接入) | 实际消费者、依赖责任、最小安装、交付验证                  | G2 与本地交付已发布；G3 在 client-web #104 验证，G1 外部位置仍有缺口 |
 | L4 平台演进       | [H](groups.md#h-多端契约与扩展时机)         | 共享语义与平台实现边界                                    | 原则已记录；具体平台方案未展开，实现暂缓                             |
 
@@ -97,7 +99,7 @@ client-web、mail、twitter 与 ext-dev-utils 在独立迁移 worktree 中均锁
 
 ## L0 执行结果
 
-2026-09-12，A1、A2 已验证。实际改动仅涉及根级与包级 README／AGENTS、组件编写指南、现有文档导航、Token 与 Skill 生成说明、样式说明、Migration、本工作包和一份 [patch Changeset](../../.changeset/puny-clocks-boil.md)。L0 的运行时、生成器、依赖、工作流和生成物未发生差异；已提交为 `c5b230a`，未推送、发布或修改下游仓库。
+2026-09-12，A1、A2 已验证。实际改动仅涉及根级与包级 README／AGENTS、组件编写指南、现有文档导航、Token 与 Skill 生成说明、样式说明、Migration、本工作包和一份 [patch Changeset](https://github.com/InKCre/ui/blob/2b553ab002483474a603e691244019d0b5c628e5/.changeset/puny-clocks-boil.md)。L0 的运行时、生成器、依赖、工作流和生成物未发生差异；已提交为 `c5b230a`，未推送、发布或修改下游仓库。
 
 移除了不存在的测试命令、逐组件测试文件要求、不准确的示例与旧路径；校正 `unknown`、原生元素、模型所有权及错误处理指导；明确 Story／Skill 检查能证明什么。Token 文档如实描述 `type/value` 输入与现有转换限制，没有迁移格式或更改 Token。消费者文档保留公开导入、直接 Markdown 入口及显式 Intent 配置，并将 client-web 联调链接更新到其当前开发运行时文档。
 
@@ -146,3 +148,221 @@ B5 仓库内迁移已验证，详见 [实施记录](b5-execution.md) 和 [正式
 用户确认共同 design.md 的方案并要求开始 L3，现已完成本仓库 F0—F3、G2 和 G3 本地交付。根级 DESIGN.md、生成的模型／类型／默认值／事件／插槽文档、Story 共用配方、同版本随包发现、依赖责任与严格独立安装检查已同步。完整 pnpm check、最终 tarball 检查和三份配方的浏览器旅程通过；生成器对过期指南和未知 prop helper 按预期失败。结果见 [L3 执行记录](l3-execution.md) 与 [验证证据](l3-evidence/README.md)。
 
 Vue 最低版本按真实声明校准为 3.5.25，内部 JSON 服务固定 5.6.4，已补 major Changeset；包版本仍为 1.4.0，未提交、推送或发布。G1 已核对三个本地消费者并记录实际调用缺口；extension registry 独立 UI／Figma 发送端尚缺位置，G3 真实消费者迁移和页面验收尚未完成。准备的局部跨仓补丁未应用，消费者 checkout 保持原状。
+
+## F0 复审：设计理念与视觉风格
+
+用户纠正了此前将下游视觉偏差收窄为“圆角默认及例外”的判断。当前问题是共同 DESIGN.md 是否充分表达 InKCre 的设计理念、视觉风格及其理由；不把“禁止圆角”作为本次讨论的目标，也不将上轮消费者的局部形状修正自动升格为系统规则。此前形状二选一的问题不再作为本轮待决入口。
+
+复核根级 DESIGN.md、L3 定位与执行记录及用户提供的 Why & What 草案后，当前判断为：指南对角色选择、配色配对、内容适应、组件组合和维护责任已有可用说明，但没有充分建立从共同设计立场到视觉表达、页面组合与取舍边界的联系。L3 首版主要归档了 L1/L2 已认可结论，知识发现与包内交付通过，不代表它已经能够指导陌生页面延续 InKCre 的视觉风格。Why & What 主要解释设计决策和上下文关系，不能独自承担具体视觉风格的定义。
+
+需要区分已认可的设计理念、现有实现中的风格线索和尚未确认的提议。不能把旧代码的所有表现都总结成品牌规范，也不能只增加“简洁、克制”等宽泛形容词。后续讨论应以少量认可的真实界面与对照方案，明确内容与操作的主次、文字和留白的节奏、颜色与边界的用途、容器的组织方式，以及变化时应保持的关系；再据此修订正式指南和消费验收。
+
+本轮仅审视并更新工作包，没有修改正式 DESIGN.md、Token、组件或消费者源码。已有下游迁移修正及检查仍有效，但不据此宣称设计风格已获认可；文档不足也不能解释所有执行遗漏，现有指南中已明确的要求仍须落实。
+
+## F0 知识拆分实施
+
+用户认可按设计立场、视觉语言、页面组合、判断依据四类知识继续处理，并明确当前问题是侧重点不对、单文件容易形成 monolith。已从最新 origin/main 的 `3de2a66` 建立 `feat/design-knowledge`，保留上一轮工作包修改。本轮拥有 DESIGN.md 与四份设计正文、已有指南的责任归位、Agent 读取路径和同版本随包交付；不改变 Token、组件运行时或下游页面，不提交或发布尚待审阅的视觉主张。
+
+DESIGN.md 保持共同立场和按任务导航；四份正文位于 `docs/design/`，分别拥有原则、视觉、组合与判断证据。可跨平台的设计知识与 Web 具体调用分开；原有 CSS／主题契约回到样式指南，扩展／兼容操作回到维护入口，避免只是拆开一个仍需全文加载的大文件。生成与包检查沿用现有脚本，不引入文档框架。
+
+已有设计关系可以直接整理；现行表现中的视觉线索必须标为提炼稿，待认可的代表界面用于后续校准。已向用户询问代表界面的名称或链接，同时继续独立的责任梳理和可审阅正文。原有 B5 截图只用于说明已验证的特定关系，不作为完整页面品牌认证。
+
+已完成的人工正文为 [DESIGN.md](../../DESIGN.md) 的 18 行总纲，以及[设计立场](../../docs/design/principles.md)、[视觉语言](../../docs/design/visual-language.md)、[页面组合](../../docs/design/composition.md)、[判断依据](../../docs/design/reference.md)。正文围绕内容、注意、对象归属、动作后果与适应关系组织，解释圆角、边界和容器应如何参与这些关系。视觉语言区分既有角色约定与当前组件的表达线索；判断依据为两张既有 B5 图片注明可推广关系、验证情境和不代表完整页面风格的范围。
+
+消费者从总纲进入与当前页面有关的正文，再查组件参考；维护者从 AGENTS 进入同一设计源，结合 Token 或组件的现有维护指南处理变更。字体调用、主题传播、数据模型与操作授权留在各自技术入口。生成器同步总纲、四份正文和两张图片共 7 个文件；包检查验证完整文件集合、字节与链接。图片已纳入明确的 Git 跟踪范围，避免新 checkout 丢失文档资源。已补 [patch Changeset](../../.changeset/better-trees-begin.md)，没有新增依赖或文档框架。
+
+验证结果：完整 `pnpm check` 通过，包含格式、lint、生成一致性、Intent、Token 工作流、类型、构建、真实 tarball 的严格独立安装与文档链接，以及 21 个 Story／120 个 Variant 的构建。对包内副本依次做删除正文、篡改图片、增加过期正文的临时实验，`skill:generate:check` 均按预期失败，随后完整恢复并运行基线。另核对 17 个设计源链接与锚点，以及 AGENTS／docs/index／.gitignore 的共享托管块，均保持有效；`git diff --check` 通过。这些证据验证交付完整性，不构成新的视觉认可。
+
+当前待校准的是代表页面中的整体强调程度、连续内容与独立容器的比例、几何与层次组合，以及阅读区和操作区的密度。用户尚未补充代表页面，本轮将这些判断保留为明确的提炼稿；未把既有消费者修正继续扩散成新规则。分支 `feat/design-knowledge` 保留可审阅改动，未提交、推送、发布或修改下游源码。
+
+## F0 正文清理与视觉语言确认
+
+用户指出，描述现有组件表现、提炼过程和待确认状态的元描述不应进入正式文档，可以保留在 task packet；视觉语言应分别、交互地确认。本轮按此边界清理 DESIGN.md、设计正文及 README／Skill 入口。正式文档保留设计选择、理由、具体例子与适用范围；当前工作进度、实现观察和候选主张只在本节记录。上节“将提炼稿保留在正文”的方式已被此次纠正替代。
+
+从视觉语言移入的实现观察：
+
+> 现有 Button、Input、Header、Switch 和 Popup 呈现出几条共同线索：以中性色表面承载内容，用文字、对齐和可辨认的边界组织界面，把明显色彩用于动作与状态。Header 品牌文字和技术标识使用等宽表达，连续阅读使用系统 UI 字体。多数常用控件呈平面的矩形轮廓，层次主要来自分隔、背景关系和位置。
+
+这些是对现有实现的观察，不作为认可的整体风格。此前据此提出的“让信息和操作直接可辨，让视觉秩序来自排版、空间与边界的配合”也不能仅靠改成规定口吻就进入正式指南。品牌文字的等宽表达、控件矩形轮廓、圆角与阴影的组合等，后续分别讨论。既有文字角色、配色配对、字段关系与内容增长约定继续保留。
+
+判断依据中的两张图片分别来自 B5 的 `form-production-320.png` 与 `states-dark.png`。前者为 1000px 画布内的 320px 表单内容区域，含双语与重复校验文案；后者是多种状态的并列验证阵列。它们只用于解释字段关联与动作状态，不作为完整页面样板。正文改为直接解释这些设计关系和例子的适用范围，移除 B5 验收过程与品牌认可进度。
+
+确认按以下顺序展开，每次只处理一项，用户也可以调整顺序。每项确认后将选择及理由写入对应正文，再继续下一项；不把一次性提供全部代表页面作为前置条件。
+
+1. 整体气质：界面给人的感受与视觉性格。
+2. 文字表达：标题与正文的对比、等宽表达的使用范围。
+3. 色彩表达：中性色基底、强调色的强度与用途、浅深主题的关系。
+4. 形状与层次：边界、圆角、底色和阴影如何共同区分控件与容器。
+5. 空间与密度：阅读节奏、操作密度和不同容器中的变化。
+
+第一项候选建议为“平静、有秩序，略带技术感”：内容先进入视线，排版和对齐建立节奏，控件的强调跟随任务；技术感来自清晰、精确的组织。此建议尚未获得用户确认，不写入正式视觉语言，也不预先决定等宽字体、圆角或色值。
+
+清理已完成并同步随包副本。`pnpm format:check`、`pnpm check:skills`、`pnpm check:package`、18 个设计源链接与锚点核对及 `git diff --check` 通过。沿用上一轮完整基线，按本轮正文及生成模板文案的影响复核格式、发现与实际安装包；未重复运行组件与 Story 检查。当前只等待第一项设计反馈，未提交或发布。
+
+第一项已确认：用户同意“平静、有秩序，略带技术感”，同时指出“内容先进入视线、排版与空间建立阅读节奏、控件可辨、强调随任务分配”属于基本 interface guideline，不能当作视觉风格的具体定义。正式视觉语言只补入已确认的气质句。后续判断必须区分可用性底线与审美选择：即使两个方案都清楚、好用，也要说明 InKCre 为什么在字体、形状、色彩和质感上选择其中一种。已有正文中的通用关系仍是基础约束，不能计作风格已定义；随具体风格确认再整理其合适归属。
+
+下一项讨论文字的视觉性格。候选建议：系统 UI 无衬线承担正文与普通控件，品牌名及少量短栏目名、编号使用等宽表达，以局部字体对比形成轻微技术感。等宽字的品牌用途尚未确认，不能因现有 Header 恰好如此就视为标准；不提前决定所有标题、字重、字号或引入字体依赖。
+
+已确认的气质句已同步包内副本，正文格式、`pnpm check:skills` 与差异检查通过；本次没有改变链接、交付机制或运行时，未重复整包构建。未提交或发布。
+
+第二项的字体组合已确认：用户认可“无衬线为主、局部等宽混排”，并指出现有 monospace 有过度使用，这个方向也用于纠正实现。已在视觉语言中写明普通正文／控件的默认字体、品牌／少量栏目名／编号的局部等宽表达，以及避免容器继承扩散的边界。用户同时要求参考中西文排印指南；通用排印规则与风格选择分开，不将外部作者的偏好自动作为 InKCre 标准。
+
+2026-09-13 查阅的排印依据：
+
+- [W3C 中文排版需求](https://www.w3.org/TR/clreq/) 涵盖中文标点、行首行尾禁则、中西混排、字距和行段布局；查阅版本为 2026-09-01 Group Note Draft，作为研究中的参考，不宣称是强制标准。后续提取适用于界面文字的规则，按简繁与地区差异处理，不整套照搬书籍版式。
+- [Butterick：Body text](https://practicaltypography.com/body-text.html) 将字体、字号、行距与行长联系起来，也承认 Web 正文可采用衬线或无衬线字体；本项目采用无衬线是自身的风格选择。
+- [Butterick：Line length](https://practicaltypography.com/line-length.html) 给出西文平均每行 45—90 字符的经验范围。它是西文排印建议，不转换成中文统一字数或全局宽度 Token。
+
+排印指南的具体采纳项仍待梳理确认，先覆盖标点与断行、中西文混排、正文行长和行距的配合。字体回退与宿主排版支持归技术实现，品牌字体对比归视觉语言，不新增排版框架、字体依赖或全局文本改写机制。
+
+只读盘点发现 `packages/web/src/components/inkSwitch/inkSwitch.scss:14` 对整个普通状态控件应用 mono，是后续收敛项；Header 品牌、JsonEditor 与显式 mono 的 Textarea 各有对应用途。迁移 worktree 中 Source 的 id-label 与 id 共用 mono，需区分说明标签与编号；JobCard 编号、ExtensionCard 版本号和配置代码不可仅凭出现 mono 就判为过度使用。client-webext 的若干容器也有 monospace，但它仍属此前记录的独立主题范围。当前没有修改这些实现，后续按确认后的设计统一复核，不能据此宣称下游字体迁移完成。
+
+下一项仍在文字表达内：标题与正文的视觉反差。候选方向是标题适度增大、以中等或半粗字重形成稳定层级，正文保持常规字重；不普遍采用极粗的大标题。具体字重与尺度尚未确认，不改变现有 Token。
+
+字体组合正文已格式化并同步包内副本，`pnpm check:skills` 和差异检查通过。当前改动为文档与工作包，未提交或发布。
+
+标题力度已确认：用户认为目前的标题／正文对比力度较好。正式视觉语言记录“适度的字号差异、中等或半粗标题、常规字重正文”，维持现有 Token 度量，不将此确认解释为重新调整字号或字重。文字风格已确认局部等宽混排与温和明确的标题层级；中西文排印规则的整理仍是独立的基础工作，未因风格确认而宣称完成。
+
+下一项为色彩整体表达，候选建议是以接近黑白的中性色构成大部分界面，主要通过明暗差形成视觉对比，彩色仅在少量重点与状态中出现。该项讨论色彩面积和整体观感，不替代已确认的语义配色与可读性要求，也不预先决定具体色值；尚待用户确认。
+
+标题力度正文已同步包内副本，格式、`pnpm check:skills` 和差异检查通过。本轮未改变 Token 或组件实现，未提交或发布。
+
+色彩方向已确认：用户认可界面框架以黑白灰为主、少量彩色，并补充彩色应尽量偏灰、偏淡、低饱和。正式视觉语言记录小面积、低饱和、带灰调的柔和表达。这里将“淡”理解为不鲜艳、不刺眼的整体感受，不将其直接解释成所有颜色提高明度或统一降低透明度；具体明度仍需结合背景，已有文字和状态的可读性约定继续有效。用户未确认新的调色板或具体色值，本轮不修改颜色 Token。
+
+后续具体色板重点确认灰调的程度与色彩冷暖，而不是要求用户裁决通用可读性要求。浅深背景下的明度与对比由实现验证，在两种主题中保持低饱和的整体感受；尚未确定具体色值或主题表面方案。
+
+色彩方向正文已格式化并同步包内副本，`pnpm check:skills` 与差异检查通过；未改变运行时、提交或发布。
+
+用户要求继续后，进入色调的可视比较。[交互色调对照](color-study.html) 与[截图](color-study.png) 展示 A 中性灰、B 偏冷灰、C 偏暖灰的浅深两组样本。布局、文案、字体和三个灰调彩色保持相同，改变中性表面、文字和边界的冷暖，先判断框架底色的偏好。示意布局只用于控制比较条件，不把其控件形状、间距或字号升格为新的认可规则。建议优先考虑 A，以接近黑白的框架承载局部灰调彩色；用户尚未选择，正式视觉语言和 Token 不变。
+
+对照是无需服务或依赖的单文件 HTML，支持浅深并看／只看浅色／只看深色。通过现有下游 Playwright 在 Chromium 中检查 6 个样本、视图切换、390px 窄容器无横向溢出及无页面脚本错误，并查看截图；18 组反馈色与背景配对的计算对比度均不低于 4.5:1。浏览器已关闭，没有留下开发服务器。HTML 与截图属于 task packet 实验资产，不进入随包设计正文；未提交或发布。
+
+用户选择 A 中性灰方向。正式视觉语言补入“基础灰保持中性，不整体偏向蓝灰或米灰”，与先前的小面积低饱和灰调彩色组合。认可范围是基础色调的冷暖，不包含实验中的精确色值、字体度量、边界粗细、形状或布局；颜色 Token 未改。
+
+下一项讨论形状与层次，先确认整体轮廓：候选方向是平直、利落的几何，以矩形轮廓为主，局部用小圆角柔化转折，整体保持平面感。圆角的适用位置、层次所需的边界／底色／阴影仍分别判断，不将候选转成全局直角禁令或统一卡片样式。此候选尚待用户确认，不写入正式正文。
+
+中性灰方向已同步随包正文，格式、`pnpm check:skills` 与差异检查通过；未提交或发布。
+
+形态方向已确认并收紧：用户基本认可平直、利落、矩形为主及薄而平面的质感，指出“局部用小圆角柔化转折”过于宽泛。系统几乎都采用无圆角，任意加入圆角会突兀；卡片不能仅因是局部组件而获得圆角例外。本轮撤回这一宽泛候选，正式正文明确默认直角，卡片、按钮、输入框与浮层共享轮廓语言。例外须按明确形态用途约定，结合周围界面确认，不能以小面积或柔化装饰为理由自行引入。当前没有新增任何圆角例外，也不将这次收紧扩展成对所有圆形内容的禁止。
+
+后续需要区分“对象本身的形状”与“通用容器的装饰”：例如旋钮或环形进度的圆形是否属于必要的功能表达，可以单独讨论；它们不自动授权卡片、按钮和输入框采用圆角。具体例外尚待确认，候选留在工作包，不预先写入正式正文。Token 中已有圆角值也不构成设计许可，本轮不改 Token 或组件实现。
+
+形态正文已格式化并同步包内副本，`pnpm check:skills` 与差异检查通过；未提交或发布。
+
+用户确认上述圆角边界并要求继续。下一项为层次与阴影，候选表达是平整的版面、清晰的细实线边界与轻微底色差；页面及常驻内容区默认无阴影。实际覆盖其他内容的菜单、弹层若需要进一步表达前后关系，可以单独使用范围小、强度低、贴近轮廓的阴影。这个用途不能扩散成普通卡片的悬浮效果；阴影也不赋予圆角例外。此项尚待确认，只记录在工作包，不修改正式设计正文、Token 或组件。
+
+用户已确认层次与阴影方向，正式正文补入常驻内容默认无阴影、细实线与轻微底色差，以及临时覆盖层的小范围低强度阴影；继续遵循直角轮廓。本轮不修改阴影 Token 或组件实现。
+
+下一项为视觉空间与密度，候选方向是整体适度紧凑、局部舒展：列表和工具区具有稳定的行列节奏，相关信息距离较近；连续阅读区以段落与区块间的留白形成停顿。较大的留白集中在内容分段和页面边缘，不给每个字段或条目都加宽阔的内边距。该项讨论可辨识的空间节奏，不是固定像素表，也不以缩小字体或压缩操作目标实现紧凑；尚待用户确认，不写入正式正文。
+
+层次与阴影正文已格式化并同步随包副本，`pnpm check:skills` 与差异检查通过；未提交或发布。
+
+空间与密度已确认，正式视觉语言记录整体适度紧凑、局部舒展，较大的留白集中在段落、区块和页面边缘。用户同时指出，Agent 容易填满界面，而留白之前应先减少内容、元素；这种减少涉及交互状态、内容层级和多种尺寸，不能简化为静态页面的删减。本轮将这一判断写入设计立场，页面组合展开删除重复／无价值元素、按需进入次要详情、在正确状态呈现必要反馈及跨尺寸保留上下文，判断依据补充来源列表／详情／编辑的例子。既有“完整阅读不截断”的要求继续有效；减少的是当前视图负担，不是丢失必要内容。
+
+五项视觉方向已完成本轮确认，随即归整正文责任。视觉语言集中表达已确认的气质、字体对比、标题力度、中性灰与灰调彩色、默认直角、平面层次及空间节奏；文字角色表、配色角色与状态边界回到现有 Web 样式指南，内容取舍与分层由页面组合拥有。中西文排印参考进入判断依据，简要整理混排间距、语言与地区标点、行距与行长共同判断，强调显示调整不改写用户原文和代码；没有采用固定中文字数、全局字距算法或新依赖。
+
+尚未完成的是颜色和阴影等具体值的正式实验、现有 monospace 等实现偏差的收敛、下游按更新设计知识的复审与完整页面验证。当前文档收拢不等于这些实现已迁移，也不新增圆角例外；本轮继续只改设计与技术指南及其随包副本。
+
+收拢后的视觉语言为 33 行，按五项已确认方向组织；通用呈现原则、具体角色调用、排印参考各有明确入口。已重新生成随包正文，完整 `pnpm check` 通过，包含生成一致性、Intent、Token 工作流、类型、构建、真实 tarball 的独立安装与文档链接，以及 21 个 Story／120 个 Variant 构建。另核对 27 个本地设计／样式链接、共享托管块与差异，均通过。没有改变组件源码、Token JSON、锁文件或共享文档；分支仍保留可审阅改动，未提交、推送或发布。
+
+## F0/G3 已确认风格的实现对齐
+
+用户要求继续，按已确认规则从文档进入实现。先完成有明确判断依据的局部修正，颜色和阴影的具体值仍需场景对照；内容取舍另按列表、详情、编辑、反馈与尺寸的状态关系处理，不以统一隐藏详情代替设计。
+
+| 切片              | 目标与拥有范围                                                                                                                                    | 当前状态与验收                                                                                                                                                        |
+| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| I1 字体与轮廓     | Switch 普通状态使用无衬线；AutoForm 根错误容器保持直角；AutoForm、Image Story 延续同一风格并提供真实可操作示例；下游 Twitter 步骤编号采用共同轮廓 | 已验证；生产者与下游完整检查、实际产物及 Story 浏览器验证通过，另修复窄屏向导关闭按钮裁剪；见 [I1 证据](i1-evidence/README.md)                                        |
+| I2 色彩与阴影     | 对照基础色、动作和反馈的浅深主题配对，校准临时覆盖层阴影；具体值确认后再改 Token 和实现                                                           | 已确认、正式落地并验证；Token、生成输出、指南、示例与 Changeset 已同步，完整检查和[实际产物验收](i2-evidence/README.md)通过；已提交 `284ade6` 并推送至 PR #46，未发布 |
+| I3 页面内容与状态 | 以真实 Sources 列表／详情／配置编辑等场景审视重复信息、按需详情和必要反馈，并覆盖窄宽容器与状态变化                                               | 已提交并推送至 PR #104；真实 preview 页面、本机 SSH 数据库 E2E 与最终 CI 均通过，未合入 main                                                                          |
+
+I1 从普通状态等宽、错误面板圆角及示例自行装饰，收敛到已确认的无衬线默认与直角轮廓。拥有两个组件 SCSS、相关 Story／说明、适用 Changeset 和现有消费者的步骤样式；不改变模型、事件、schema 校验、业务权限、保存边界或 Token 值。Switch 切换与 pending 保持稳定宽度，错误仍直接可见，Image 的键盘打开／关闭和槽内操作应继续可用。没有新增依赖、测试框架或通用样式重置。
+
+复核修正了一处先前的盘点假设：Source 的 `id-label` 实际只显示 `#`，与编号共同使用等宽具有明确用途。Job 编号、版本、日志时间／结构化值、配置代码和技术类型标识也不因使用 mono 就需要删除。`client-webext` 仍是独立主题，不混入这批直接 UI 消费者修正。下游执行在既有 `feat/ui-v2-migration` worktree，由其工作包记录验证。
+
+I1 已完成。Image 示例去除没有行为的 Download／Share 按钮，改为实际原图下载链接；缩略图提示持续可见，替代文字与实际标志图片一致。AutoForm 调试数据继续用局部等宽，颜色随主题变化。生产者只修改两个组件的样式和相关示例／说明，未改模型、事件或 Token JSON；已补 patch Changeset。
+
+下游窄屏复验发现并修复了同一向导的基础宽度问题：88vw 没有扣除宿主弹层内边距，造成关闭按钮被裁剪。通过容器最大宽度约束解决，夹具增加内容区与操作区的完整可见性检查。这属于本次真实页面验收发现的必要修正，不恢复 Firefox 原生文字放大专项。
+
+最终两仓 `pnpm check` 均通过。生产者候选 tarball 验证中英文 Switch 的尺寸、切换、pending、外层 mono 隔离，以及浅深主题、320px／768px 下的错误呈现；Story 验证实际键盘与下载行为；消费者重放真实 Host／Twitter／Mail，保持既有交互通过。详见 [I1 验收](i1-evidence/README.md)。分支保留可审阅修改，未提交、推送或发布；消费者仍安装正式 2.0.0。
+
+下一切片 I2 以常用动作、反馈与临时覆盖层做浅深主题对照，先决定配对关系和视觉强度，再更新数值。I3 独立处理真实页面中的内容取舍与状态关系，避免借调色或轮廓修改掩盖信息层级问题。
+
+用户现已授权提交，并要求 I1 独立提交后继续 I2。F0 设计知识与交付已先归档为 `1e9a4a5`，本次 I1 的组件样式、Story、Changeset 与验收证据另作独立提交；下游同一切片也在迁移 worktree 单独归档。沿用上一轮最终完整检查与浏览器结果，本轮没有额外修改运行时；不将本地提交等同推送或发布。
+
+## I2 色彩与阴影：场景校准
+
+前置提交已完成：生产者 I1 为 `11be433`，消费者 I1 为 `6a61637`，两个工作区均已归档干净后开始此切片。用户本轮的 l1／l2 按紧邻上下文中的 I1／I2 执行，不回到已经发布的历史 L1／L2 整治。
+
+**当前状态：I2 正式落地与实际产物验证已完成。** 选定值沿现有 Token 角色维护；颜色和阴影属于可继续迭代的设计参数，不再要求逐个色值确认。下文保留各次实验与讨论的历史边界，最终结果见本节末尾与 [I2 验收](i2-evidence/README.md)。
+
+本轮从偏蓝灰主动作、较鲜艳的反馈、深色背景的大幅明暗跳变及较宽的覆盖层阴影，校准为中性主动作、灰调彩色、小幅表面层次与贴近边缘的阴影。先在 task packet 中给出真实组件的现状／候选对照；继续沿用逐项视觉确认约定，候选值不直接进入正式 Token。拥有本切片的实验、配对记录和后续明确的迁移路径，不新增主题引擎、色彩依赖或 Token 角色。
+
+验证覆盖浅深主题下的正文与次要说明、primary／subtle／danger 的普通／hover／pressed／focus／pending／disabled 状态、错误字段的边框和焦点共存、反馈在普通表面上的前景配对，以及 Tooltip 的实际覆盖关系。按影响进行窄容器与真实组件复核；不把通过对比度计算视为视觉偏好已确认，也不把实验页面当作真实下游迁移完成。
+
+已完成 [I2 交互对照](i2-study/index.html) 与[实施／验证记录](i2-study/README.md)。候选按现有角色覆盖，实际组件来自 I1 tarball：主动作和 Switch 收敛为中性灰，反馈采用灰绿／灰赭／灰蓝／灰红，深色底面与内容区的关系由较大明暗跳变改为小幅提亮。危险动作在深色主题同时调整前景和背景；阴影采用中性黑，并缩小偏移与模糊范围。精确值集中于实验文件，不进入正式规范或生成物。
+
+两种主题、现行／候选四组共检查 168 个配对；候选 84 组均达到本次文字 4.5:1、必要边界 3:1 的要求，最低分别为约 4.78:1 和 3.61:1。现行深色有 10 个不足组合，集中在较亮 hover 表面上的次要文字、部分反馈和必要边界，记录为角色配对缺口，不据此宣称具体页面全部失败。实际组件状态、错误与焦点共存、pending、Tooltip 开关以及三个视图的 375px 布局均通过；没有页面脚本错误或 HTTP(S) 请求。
+
+实验为离线单文件 HTML，复用现有构建与浏览器工具，没有新增生产依赖或测试框架。本轮只改工作包及实验，I1 后的组件、Token JSON、生成物、包版本与消费者源码保持原状。已将具体视觉力度交给用户继续校准；下一步依据反馈修订或将选定配对正式落地，而不是直接把实验值视为已认可默认。
+
+用户本轮认可整体色彩，特别认可危险动作按钮的红色，同时指出两项修正：真实页面应避免密集使用成功／警告／信息色；需要引起注意的语义与文字应使用较纯的颜色，上一版绿、黄、蓝过于雾化。由此修正先前“所有彩色都低饱和”的概括：中性框架保持安静，危险动作底色保留已认可灰红；需要强调的反馈前景按用途提高纯度，常态状态与过程说明不自动着色。错误文字也按这一用途与危险按钮底色分开校准，不把对按钮红色的认可推导成所有红色前景都必须同值。
+
+本轮拥有范围是视觉语言／页面组合的已确认规则、对应 Web 样式与 Agent 配方、两个普通提交反馈示例，以及现有 I2 实验和验证。实验移除默认页上的成功／警告堆叠，四种语义反馈通过当前情境切换，详细说明保持中性色。中性表面、动作底色、Switch 和阴影候选不变；新反馈前景仍待修订稿的视觉校准。正式 Token、组件运行时和下游消费者不在本次调整中改变，I3 的真实页面内容复审仍独立执行。
+
+修订版已验证：候选 84 个配对全部通过，浅／深主题最低文字对比约为 5.14:1／4.95:1，最低必要边界约为 3.86:1／3.61:1；实际按钮状态、错误与焦点共存、Tooltip 和 375px 布局继续通过。新增 20 组情境核对，确认普通状态用中性色、需要注意的反馈只在关键文字着色，说明正文及普通保存／等待结果保持中性色。已查看六张更新截图，并分别查看绿、蓝、红前景在浅深背景上的实际文字。浏览器日志为本机 `/tmp/inkcre-i2-feedback-verify.log`，可复跑脚本与结果保存在实验目录。
+
+正式指南、Agent 配方与两个普通提交示例已同步生成，补充 patch Changeset；先前 F0 的待发布摘要同时改为“中性灰与少量彩色重点”，避免继续泛化低饱和要求。完整 `pnpm check` 通过，包含实际包安装、配方／文档交付和 21 个 Story／120 个 Variant；日志为本机 `/tmp/inkcre-i2-feedback-check.log`。最后只补入“默认”一词澄清中性色规则的适用边界，重新生成并检查 Skill。已请用户继续校准修订前景的纯度，未将数值检查当作审美确认。没有提交、推送或发布，下游 worktree 保持干净。
+
+用户已确认修订色彩，I2 随即进入正式源。150 个 Token 路径与类型保留；品牌色族映射到中性色阶，危险动作底色与错误前景按用途分开维护。选定的浅深配对、Switch 与三个阴影档位同步到 Sass／CSS／Uno，没有新增角色、依赖或主题引擎。指南说明两种阴影入口的覆盖差异，迁移文档区分未发布默认主题与已发布 2.0.0 契约；既有 I2 patch Changeset 已更新。
+
+完整 `pnpm check` 通过。换色揭示循环引用夹具依赖旧正文色的隐式关系，现改为显式构造闭环，不修改生成器或导入规则。实际 tarball 在根级主题下与冻结样稿逐项比较，浅深各 41 个相关变量一致；按钮全状态、错误与焦点、选中标签／说明、Tooltip、Teleport 浮层和 375px 操作均通过。Sass／Uno 三档可见阴影一致，并实际验证运行时变量只影响 Sass／Tooltip 的既有边界。六张截图已查看，无页面脚本错误或网络请求；产物身份、哈希和可复跑记录见 [I2 验收](i2-evidence/README.md)。
+
+I2 已验证并按用户授权独立提交为 `284ade6`，未推送或发布。消费者仍使用正式 registry 2.0.0，发布后的安装复验尚未执行。下一次视觉调整按已维护的用途与配对修改 Token，再检查受影响状态即可，不重新展开整轮风格确认，也不恢复 Firefox 原生 200% 文字放大专项。
+
+## I3 页面内容与状态
+
+用户授权提交 I2 后开始 I3，本轮 l3 按紧邻的 I1—I3 切片执行。下游继续使用 `client-web-ui-v2-migration` 隔离 worktree；生产者仅更新本工作包。具体实现、验证与产物身份由消费者 `tasks/ui-v2-migration/packet.md` 和现有 evidence 目录记录。
+
+源码追踪确认 SourceCard 仅在 Sources 列表使用，列表常驻创建表单、配置 JSON 和行内昵称编辑，详情同时再提供整份修改表单。列表与删除读取还存在将数据库错误当作空数据／成功的问题；详情的来源类型只在初次 setup 读取，来源返回前得到空结果，后续未重新获取。
+
+本轮将列表收敛为名称、类型、ID、当前采集入口，创建表单由明确动作打开；完整配置与删除集中到有对象上下文的详情。详情保留配置修改，调度创建按需进入，现有计划与任务直接呈现。拥有下游 Source 列表／详情／表单与必要模型错误边界、局部 Job 状态表达、双语文案、说明、Changeset 和现有浏览器验收。保留 Core 数据与采集语义、JSON 原始草稿、失败恢复、窄宽操作、注册表依赖及 MF 共享；不新增主题覆盖或通用状态框架。以完整检查及真实构建的页面旅程验证，网络夹具只证明前端状态与请求，不替代真实数据库或 OAuth 集成。
+
+I3 已完成本轮来源工作流与关联消费修正。列表保留可比较的身份和采集入口，详情集中完整配置修改，现有任务与计划保持直接可见，创建表单按操作进入。读取失败不再当作空结果或无限加载，写入等待与拒绝保留草稿；返回列表定位原来源，过期响应不能覆盖新路由，新建任务使用已保存来源的类型规则。
+
+真实依赖追踪补齐 Twitter 来源切换失败的旧选择／时间草稿保护。截图还发现 Host 漏注册 UI Uno preset，使错误类没有生成，以及窄屏创建弹层过窄；已在消费者的相应入口修复。没有增加依赖、主题覆盖或通用状态层，也没有改变本仓库 Token／组件实现。
+
+消费者最终完整 `pnpm check`、TS7、Changeset 状态及实际 Host／Twitter／Mail 重放通过，pageerror 为零，1280px／375px 代表截图已查看。数据库 E2E 本次仍因 SSH 握手连接重置未进入浏览器；额外 type-aware lint 的 11 项既有问题没有混入此切片。范围、截图、产物哈希与受控读写证据见消费者 `tasks/ui-v2-migration/evidence/README.md` 的 I3 节，不沿用旧 PR CI 证明新改动。
+
+生产者 I2 为 `284ade6`；本工作包的新记录与消费者 I3 尚未提交，未推送或发布。消费者继续锁定 registry UI 2.0.0，因此 I3 截图不包含尚未发布的 I2 颜色。I1—I3 的约定实施切片已分别落实；这不代表全部消费者页面审视已经完成，UI 更新发布后的实际安装复验和 client-webext 独立主题仍各自保留后续边界。
+
+## PR preview 交付
+
+用户授权提交、推送与创建 PR，使用 preview 环境完成验收。生产者保留 F0、I1、I2 独立提交，新增本工作包记录后提交 UI PR；消费者沿用 PR #104，提交 I3 并在其独立 worktree 完成远端验证。GitHub 与数据库主机的 SSH 远端命令已成功，真实数据库 E2E 正在复跑。生产者 preview 验证当前 Histoire，消费者 preview 验证 Host 与同提交的 MF 产物；消费者仍安装 registry UI 2.0.0，两个证据不能互相替代。
+
+远端 UI preview 发现两项展示构建错误：Histoire 的状态同步读取 Vue app `_instance.proxy` 时实例为空；选中 Variant 后代码区调用 `codeToHtml` 失败。构建配置把组件 Vue 切到 CDN 的生产版本，同时伪造空的 Shiki highlighter，与 Histoire 自带运行时契约冲突。此次验收修复拥有 `histoire.config.ts` 与展示文档／工作包，撤除这两套自定义替换，使用已锁定的 Histoire／Vite 常规打包。保留组件、Token、包公开入口和发布责任，以本地正式 Story 构建及远端相同操作复验，不增加兼容补丁或运行时 fallback。
+
+展示构建修复后的完整 `pnpm check` 与本地正式产物浏览器复验通过：浅深主题各 41 个变量和 I2 冻结证据一致，Switch 键盘／宽度／pending、Image 下载／焦点、原生提交及 Histoire Variant 控件／源码面板均正常，pageerror 为零。恢复常规依赖打包后 vendor 约 12.24 MB（gzip 2.31 MB），不再在运行时借 CDN 隐藏依赖体积；展示站后续若需性能优化，应使用兼容 Histoire 的分包或高亮配置，而非伪造运行时。
+
+## 本轮最终交付状态
+
+UI PR #46 和消费者 PR #104 均已提交并推送。生产者设计知识、I1、I2 与展示运行时修复保留独立提交；消费者 I1、I3 与数据库冷启动修复亦独立归档。生产者 `9128425` 的 CI 与 preview 全部成功，实际远端复验通过且 pageerror 为零，见 [preview 证据](preview-evidence/README.md)。消费者最终文档提交 `0f2ed00` 的 CI 与 preview 全部成功；I3 实际远端 Host／Registry／Mail／Twitter 全旅程及本机 SSH 五个真实数据库旅程通过。
+
+本轮没有合并 PR、生产部署或发布新包／扩展。消费者继续使用正式 UI 2.0.0；新配色发布后的真实安装复验、client-webext 独立主题以及总图中未执行组仍保留原边界，不以本轮通过宣称全部消费者迁移完成。
+
+## PR #104 图标缺失诊断
+
+用户要求确认菜单／侧栏切换图标是否因 UI Uno safelist 丢失。本轮限定调查与浏览器隔离探针，没有修改组件、消费者源码或依赖。真实 preview 的 Menu 按钮具有 24×24 尺寸，`.i-mdi-menu` 规则与 SVG mask 均已生成；更具体的 `button.ink-header__menu-icon` 将背景覆盖成透明，使 mask 没有可见填色。在当前 DOM 仅把背景恢复为 currentColor，菜单图形立即可见，点击仍正常打开侧栏。根因归属 UI 的 `inkHeader.scss`，不是 safelist。
+
+正式 registry 2.0.0 与生产者当前构建均包含九个组件内置图标选择器。沿既有真实 Host／Mail／Twitter／来源旅程核对当前可见图标，菜单是唯一具有 mask 却填色透明的项；关闭、刷新、下拉／展开箭头与加载图标在已覆盖状态下正常。不能据此宣称所有可能图标和状态都已覆盖。此前浏览器验收检查交互与 pageerror，未验证菜单的实际绘制，这一缺口需要在修复时补上。
+
+建议在 UI Header 内分离 button 与装饰图标 span，沿用 InkButton 的结构：按钮负责透明背景、焦点和命中区域，子元素负责 mask 与 currentColor；保留 aria-label、menu-click 和按钮尺寸。不要在消费者添加重复 safelist 或永久覆盖。发布修复包后更新消费者并验证；当前 PR #104 仍安装 2.0.0，仅修改 UI PR 不会让它自动得到修复。
+
+用户已授权修复、提交和推送。实现从按钮自身承载 mask 改为子 span 绘制图标，按钮保留透明背景、24×24 最小命中区域及独立焦点轮廓。拥有 Header Vue／SCSS、现有 Basic Story／说明、生成 Skill、patch Changeset 和任务证据；保留 props、事件、right-icon 槽、Token 及消费者依赖。通过完整 check、正式构建的浅深／窄宽浏览器检查验证图标填色、键盘焦点与逐次事件，不添加消费者 safelist 或覆盖。
+
+Header 修复已通过完整 `pnpm check` 和正式 Story 产物的浅深／375px／1280px 检查，图标填色、未被 mask 裁剪的按钮焦点及三种输入的事件次数均正确，pageerror 为零。已补 patch Changeset；详见 [Header 验收](header-evidence/README.md)。本轮不发布新包、不改消费者依赖，随后推送 UI PR #46 进行远端复验。
+
+截图复核发现首次拆分后，子图标按 12px 字体尺寸绘制，改变了原按钮 mask 的 24px 图形尺寸。改用已有 apply-icon(md, true) 的图标盒尺寸，使独立图标保持原来的 24px；验收同时检查图形和按钮尺寸，避免仅验证命中区域而漏掉视觉缩小。
+
+保留 24px 图形尺寸后，最终完整 `pnpm check` 与四组浏览器检查再次通过；浅深菜单截图已复核。该收尾只使用原有图标尺寸 helper，没有改变 Token、事件或消费者样式。
+
+Header 修复已提交推送：`6b988c3` 分离按钮与图标，`d6125cf` 保留原有 24px 图形尺寸；最终源码的完整 CI 和 preview 均通过。真实远端浅深／375px／1280px 的图形、填色、焦点及三种输入事件全部通过，pageerror 为零，证据与部署身份见 [Header 验收](header-evidence/README.md)。消费者诊断记录已单独提交 `6644122` 并通过 CI；其依赖仍为 2.0.0，本轮没有发布或安装修复版本。
diff --git a/tasks/ui-foundations/preview-evidence/README.md b/tasks/ui-foundations/preview-evidence/README.md
new file mode 100644
index 0000000..15131e2
--- /dev/null
+++ b/tasks/ui-foundations/preview-evidence/README.md
@@ -0,0 +1,19 @@
+# PR preview 验收
+
+[UI PR #46](https://github.com/InKCre/ui/pull/46) 的 `9128425` 通过[完整 CI](https://github.com/InKCre/ui/actions/runs/34759790243) 和 [Histoire preview 交付](https://github.com/InKCre/ui/actions/runs/34759846429)。本轮实际进入[远端 preview](https://pr-46.design-dd4.pages.dev)，验证正式构建的控件与展示应用；源提交和不可变部署 URL 见[结果](verification.json)。
+
+浅深主题各 41 个变量和 I2 冻结值一致。375px 下验证 Switch 键盘切换、宽度稳定、系统 UI 字体和 pending；Image 键盘打开、Escape、焦点归还和实际 SVG 下载；Button 的原生表单提交。1280px 下通过 Histoire 正常导航选择 Variant、修改状态并查看源码，pageerror 为零。
+
+- Switch：[浅色](switch-light-375.png)、[深色](switch-dark-375.png)。
+- Image 下载：[浅色](image-light-375.png)、[深色](image-dark-375.png)。
+- [展示控件与源码面板](story-source.png)。截图已人工复核；Histoire 外壳的绿色、圆角属于展示工具，不作为 InKCre 消费页面的视觉范本。
+
+复跑现有任务脚本，第二个参数使用已有 Playwright 的 `index.mjs` 绝对路径，不增加本仓库依赖：
+
+```sh
+pnpm exec node tasks/ui-foundations/preview-evidence/verify.mjs /absolute/path/to/@playwright/test/index.mjs https://pr-46.design-dd4.pages.dev
+```
+
+远端首次复验发现 Histoire 原配置将 Vue 替换为 CDN 生产版本，并用空对象模拟 Shiki，造成状态同步和源码面板错误。独立 `9128425` 删除这两层替换，完整 `pnpm check` 与本地正式产物检查通过后，再完成本次远端复验。当前展示站常规打包的 vendor 约 12.24 MB（gzip 2.31 MB），保留后续性能优化的真实边界。
+
+消费者仍安装 registry UI 2.0.0，不包含本 PR 尚未发布的 I2 配色。消费者的 Host／Mail／Twitter 实际 preview 与 SSH 数据库结果由其 PR #104 工作包拥有，不能用此处的展示页替代下游安装验收。
diff --git a/tasks/ui-foundations/preview-evidence/image-dark-375.png b/tasks/ui-foundations/preview-evidence/image-dark-375.png
new file mode 100644
index 0000000..d744d09
Binary files /dev/null and b/tasks/ui-foundations/preview-evidence/image-dark-375.png differ
diff --git a/tasks/ui-foundations/preview-evidence/image-light-375.png b/tasks/ui-foundations/preview-evidence/image-light-375.png
new file mode 100644
index 0000000..cd59c07
Binary files /dev/null and b/tasks/ui-foundations/preview-evidence/image-light-375.png differ
diff --git a/tasks/ui-foundations/preview-evidence/story-source.png b/tasks/ui-foundations/preview-evidence/story-source.png
new file mode 100644
index 0000000..173e9a6
Binary files /dev/null and b/tasks/ui-foundations/preview-evidence/story-source.png differ
diff --git a/tasks/ui-foundations/preview-evidence/switch-dark-375.png b/tasks/ui-foundations/preview-evidence/switch-dark-375.png
new file mode 100644
index 0000000..e66409d
Binary files /dev/null and b/tasks/ui-foundations/preview-evidence/switch-dark-375.png differ
diff --git a/tasks/ui-foundations/preview-evidence/switch-light-375.png b/tasks/ui-foundations/preview-evidence/switch-light-375.png
new file mode 100644
index 0000000..b0ae76e
Binary files /dev/null and b/tasks/ui-foundations/preview-evidence/switch-light-375.png differ
diff --git a/tasks/ui-foundations/preview-evidence/verification.json b/tasks/ui-foundations/preview-evidence/verification.json
new file mode 100644
index 0000000..be89ac6
--- /dev/null
+++ b/tasks/ui-foundations/preview-evidence/verification.json
@@ -0,0 +1,28 @@
+{
+  "origin": "https://pr-46.design-dd4.pages.dev",
+  "browser": "149.0.7827.55",
+  "checks": [
+    {
+      "theme": "light",
+      "matchedVariables": 41,
+      "switch": "keyboard, width, sans, pending",
+      "image": "keyboard, Escape, focus return, real SVG download",
+      "button": "native submit"
+    },
+    {
+      "theme": "dark",
+      "matchedVariables": 41,
+      "switch": "keyboard, width, sans, pending",
+      "image": "keyboard, Escape, focus return, real SVG download",
+      "button": "native submit"
+    },
+    {
+      "histoire": "variant controls, reactive update and rendered source"
+    }
+  ],
+  "errors": [],
+  "source": "9128425dd26023c3e09981124758d7e23e6e7007",
+  "deployment": "https://45e22f48.design-dd4.pages.dev",
+  "workflow": "https://github.com/InKCre/ui/actions/runs/34759846429",
+  "checks_workflow": "https://github.com/InKCre/ui/actions/runs/34759790243"
+}
diff --git a/tasks/ui-foundations/preview-evidence/verify.mjs b/tasks/ui-foundations/preview-evidence/verify.mjs
new file mode 100644
index 0000000..b288918
--- /dev/null
+++ b/tasks/ui-foundations/preview-evidence/verify.mjs
@@ -0,0 +1,101 @@
+// 本任务的远端 Histoire 复验，复用已安装的 Playwright。
+import { pathToFileURL } from "node:url";
+import { readFile, writeFile } from "node:fs/promises";
+const { chromium, expect } = await import(pathToFileURL(process.argv[2]).href);
+const origin = process.argv[3];
+const expected = JSON.parse(
+  await readFile(new URL("../i2-evidence/verification.json", import.meta.url)),
+);
+const browser = await chromium.launch();
+const page = await browser.newPage({ viewport: { width: 375, height: 800 } });
+const errors = [];
+page.on("pageerror", (e) => errors.push(e.message));
+const report = { origin, browser: browser.version(), checks: [], errors };
+const output = (name) => new URL(name, import.meta.url).pathname;
+async function story(id, variant, theme) {
+  await page.goto(`${origin}/__sandbox.html?storyId=${id}&variantId=${id}-${variant}`);
+  await page.locator("button, input, .story-debug").first().waitFor();
+  await page.evaluate(
+    (theme) => document.documentElement.classList.toggle("dark", theme === "dark"),
+    theme,
+  );
+  await expect(page.locator("html")).toHaveAttribute("data-theme", theme);
+}
+try {
+  for (const theme of ["light", "dark"]) {
+    await story("stories-controls-inkswitch-story-vue", 6, theme);
+    const values = await page.locator("html").evaluate((root) => {
+      const style = getComputedStyle(root),
+        probe = document.createElement("span");
+      root.append(probe);
+      const values = Object.fromEntries(
+        Array.from(style)
+          .filter(
+            (name) =>
+              name.startsWith("--sys-color-") ||
+              name.startsWith("--comp-switch-") ||
+              name.startsWith("--sys-elevation-raised-"),
+          )
+          .sort()
+          .map((name) => {
+            let value = style.getPropertyValue(name).trim();
+            if (CSS.supports("color", value)) {
+              probe.style.color = value;
+              value = getComputedStyle(probe).color;
+            }
+            return [name, value];
+          }),
+      );
+      probe.remove();
+      return values;
+    });
+    expect(values).toEqual(expected.themes.find((t) => t.theme === theme).tokens);
+    const toggle = page.getByRole("switch", { name: "通知开关", exact: true });
+    const before = await toggle.boundingBox();
+    await toggle.press("Space");
+    await expect(toggle).toHaveAttribute("aria-checked", "true");
+    expect((await toggle.boundingBox()).width).toBe(before.width);
+    await expect(toggle).toHaveCSS("font-family", "system-ui, -apple-system, sans-serif");
+    await expect(page.getByRole("switch", { name: "等待中的通知开关" })).toBeDisabled();
+    await page.screenshot({ path: output(`switch-${theme}-375.png`) });
+    await story("stories-media-inkimage-story-vue", 3, theme);
+    const thumbnail = page.getByRole("button", { name: "InKCre 标志", exact: true });
+    await thumbnail.press("Enter");
+    await expect(page.getByRole("dialog")).toBeVisible();
+    await page.keyboard.press("Escape");
+    await expect(thumbnail).toBeFocused();
+    await story("stories-media-inkimage-story-vue", 5, theme);
+    await page.getByRole("button", { name: "InKCre 标志", exact: true }).click();
+    const download = page.waitForEvent("download");
+    await page.getByRole("link", { name: "下载原图（SVG）" }).click();
+    expect((await download).suggestedFilename()).toBe("inkcre.svg");
+    await expect(page.getByRole("dialog")).toBeVisible();
+    await page.screenshot({ path: output(`image-${theme}-375.png`) });
+    await story("stories-controls-inkbutton-story-vue", 13, theme);
+    await page.getByRole("button", { name: "普通动作", exact: true }).click();
+    await expect(page.getByText("提交次数：0")).toBeVisible();
+    await page.getByRole("button", { name: "提交", exact: true }).click();
+    await expect(page.getByText("提交次数：1")).toBeVisible();
+    report.checks.push({
+      theme,
+      matchedVariables: Object.keys(values).length,
+      switch: "keyboard, width, sans, pending",
+      image: "keyboard, Escape, focus return, real SVG download",
+      button: "native submit",
+    });
+  }
+  await page.setViewportSize({ width: 1280, height: 900 });
+  await page.goto(origin);
+  await page.getByText("Controls", { exact: true }).click();
+  await page.getByRole("link", { name: /^Switch/ }).click();
+  await page.getByRole("link", { name: "长状态文案保持轨道尺寸", exact: true }).click();
+  await expect(page.locator("pre").filter({ hasText: "v-model" }).first()).toBeVisible();
+  await page.getByRole("switch", { name: "通知开关", exact: true }).click();
+  await page.screenshot({ path: output("story-source.png") });
+  report.checks.push({ histoire: "variant controls, reactive update and rendered source" });
+  expect(errors).toEqual([]);
+  await writeFile(output("verification.json"), JSON.stringify(report, null, 2) + "\n");
+  console.log(JSON.stringify(report));
+} finally {
+  await browser.close();
+}
diff --git a/tokens/inkcre.tokens.json b/tokens/inkcre.tokens.json
index eff2953..409f8e5 100644
--- a/tokens/inkcre.tokens.json
+++ b/tokens/inkcre.tokens.json
@@ -3,38 +3,38 @@
     "elevation": {
       "raised": {
         "low": {
-          "description": null,
+          "description": "临时覆盖层的轮廓阴影；常驻内容默认不使用。",
           "type": "custom-shadow",
           "value": {
             "shadowType": "dropShadow",
             "radius": 2,
-            "color": "#0c153014",
+            "color": "#0000001a",
             "offsetX": 0,
             "offsetY": 1,
             "spread": 0
           }
         },
         "md": {
-          "description": null,
+          "description": "临时覆盖层的轮廓阴影；常驻内容默认不使用。",
           "type": "custom-shadow",
           "value": {
             "shadowType": "dropShadow",
-            "radius": 20,
-            "color": "#0c15301f",
+            "radius": 6,
+            "color": "#00000029",
             "offsetX": 0,
-            "offsetY": 6,
+            "offsetY": 2,
             "spread": 0
           }
         },
         "high": {
-          "description": null,
+          "description": "临时覆盖层的轮廓阴影；常驻内容默认不使用。",
           "type": "custom-shadow",
           "value": {
             "shadowType": "dropShadow",
-            "radius": 32,
-            "color": "#0c155429",
+            "radius": 12,
+            "color": "#0000002e",
             "offsetX": 0,
-            "offsetY": 12,
+            "offsetY": 4,
             "spread": 0
           }
         }
@@ -145,7 +145,7 @@
         },
         "40": {
           "type": "color",
-          "value": "#b9192fff",
+          "value": "#b3342bff",
           "blendMode": "normal"
         },
         "60": {
@@ -160,7 +160,7 @@
         },
         "70": {
           "type": "color",
-          "value": "#ff8889ff",
+          "value": "#ed9690ff",
           "blendMode": "normal"
         },
         "80": {
@@ -182,67 +182,67 @@
       "brand": {
         "2": {
           "type": "color",
-          "value": "#0b1220ff",
+          "value": "{ref.color.neutral.2}",
           "blendMode": "normal"
         },
         "6": {
           "type": "color",
-          "value": "#121928ff",
+          "value": "{ref.color.neutral.6}",
           "blendMode": "normal"
         },
         "12": {
           "type": "color",
-          "value": "#1f2635ff",
+          "value": "{ref.color.neutral.12}",
           "blendMode": "normal"
         },
         "20": {
           "type": "color",
-          "value": "#303747ff",
+          "value": "{ref.color.neutral.20}",
           "blendMode": "normal"
         },
         "30": {
           "type": "color",
-          "value": "#474e5fff",
+          "value": "{ref.color.neutral.30}",
           "blendMode": "normal"
         },
         "40": {
           "type": "color",
-          "value": "#5f6677ff",
+          "value": "{ref.color.neutral.40}",
           "blendMode": "normal"
         },
         "50": {
           "type": "color",
-          "value": "#787e91ff",
+          "value": "{ref.color.neutral.50}",
           "blendMode": "normal"
         },
         "60": {
           "type": "color",
-          "value": "#9198acff",
+          "value": "{ref.color.neutral.60}",
           "blendMode": "normal"
         },
         "70": {
           "type": "color",
-          "value": "#acb3c7ff",
+          "value": "{ref.color.neutral.70}",
           "blendMode": "normal"
         },
         "80": {
           "type": "color",
-          "value": "#b2bccfff",
+          "value": "{ref.color.neutral.80}",
           "blendMode": "normal"
         },
         "90": {
           "type": "color",
-          "value": "#c8cee3ff",
+          "value": "{ref.color.neutral.90}",
           "blendMode": "normal"
         },
         "94": {
           "type": "color",
-          "value": "#f7f7fbff",
+          "value": "{ref.color.neutral.94}",
           "blendMode": "normal"
         },
         "98": {
           "type": "color",
-          "value": "#fbfcffff",
+          "value": "{ref.color.neutral.98}",
           "blendMode": "normal"
         }
       }
@@ -395,7 +395,7 @@
           "base": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.2}"
+            "value": "{ref.color.neutral.12}"
           },
           "subtle": {
             "description": "普通表面上的辅助文字；不用于 primary 或 danger 表面。",
@@ -410,7 +410,7 @@
           "on-danger": {
             "description": "与 surface.danger 及其 hover 配对的反色前景。",
             "type": "color",
-            "value": "{ref.color.danger.98}"
+            "value": "{ref.color.neutral.98}"
           }
         },
         "surface": {
@@ -427,12 +427,12 @@
           "primary": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.brand.6}"
+            "value": "{ref.color.brand.12}"
           },
           "primary-hover": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.brand.30}"
+            "value": "{ref.color.brand.20}"
           },
           "subtle-hover": {
             "description": "",
@@ -440,14 +440,14 @@
             "value": "{ref.color.neutral.94}"
           },
           "danger": {
-            "description": "",
+            "description": "危险动作底色，与 text.on-danger 成对使用；不从反馈前景推导。",
             "type": "color",
-            "value": "{ref.color.danger.35}"
+            "value": "#825955"
           },
           "danger-hover": {
-            "description": "",
+            "description": "危险动作的 hover/pressed 底色，保持 text.on-danger 可读。",
             "type": "color",
-            "value": "{ref.color.danger.30}"
+            "value": "#704947"
           },
           "base-hover": {
             "description": "",
@@ -474,24 +474,24 @@
         },
         "feedback": {
           "error": {
-            "description": "",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。",
             "type": "color",
             "value": "{ref.color.danger.40}"
           },
           "success": {
             "type": "color",
-            "value": "#176b39",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#19713d",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           },
           "warning": {
             "type": "color",
-            "value": "#7a4b00",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#8a5900",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           },
           "info": {
             "type": "color",
-            "value": "#005c8a",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#1267a7",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           }
         },
         "overlay": {
@@ -509,34 +509,34 @@
           "base": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.98}"
+            "value": "{ref.color.neutral.90}"
           },
           "subtle": {
             "description": "普通表面上的辅助文字；不用于 primary 或 danger 表面。",
             "type": "color",
-            "value": "{ref.color.neutral.80}"
+            "value": "{ref.color.neutral.70}"
           },
           "on-primary": {
             "description": "与 surface.primary 及其 hover 配对的反色前景。",
             "type": "color",
-            "value": "{ref.color.brand.2}"
+            "value": "{ref.color.brand.12}"
           },
           "on-danger": {
             "description": "与 surface.danger 及其 hover 配对的反色前景。",
             "type": "color",
-            "value": "{ref.color.danger.98}"
+            "value": "{ref.color.neutral.12}"
           }
         },
         "surface": {
           "base": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.30}"
+            "value": "{ref.color.neutral.12}"
           },
           "subtle": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.12}"
+            "value": "{ref.color.neutral.20}"
           },
           "primary": {
             "description": "",
@@ -546,34 +546,34 @@
           "primary-hover": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.brand.60}"
+            "value": "{ref.color.brand.80}"
           },
           "subtle-hover": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.40}"
+            "value": "#3a3a3a"
           },
           "danger": {
-            "description": "",
+            "description": "危险动作底色，与 text.on-danger 成对使用；不从反馈前景推导。",
             "type": "color",
-            "value": "{ref.color.danger.40}"
+            "value": "#c8a19d"
           },
           "danger-hover": {
-            "description": "",
+            "description": "危险动作的 hover/pressed 底色，保持 text.on-danger 可读。",
             "type": "color",
-            "value": "{ref.color.danger.35}"
+            "value": "#b9918b"
           },
           "base-hover": {
             "description": "",
             "type": "color",
-            "value": "{ref.color.neutral.40}"
+            "value": "{ref.color.neutral.20}"
           }
         },
         "border": {
           "base": {
             "description": "必要的控件边界；装饰分隔使用 border.subtle。",
             "type": "color",
-            "value": "{ref.color.neutral.70}"
+            "value": "{ref.color.neutral.60}"
           },
           "strong": {
             "description": "",
@@ -588,24 +588,24 @@
         },
         "feedback": {
           "error": {
-            "description": "",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。",
             "type": "color",
-            "value": "{ref.color.danger.80}"
+            "value": "{ref.color.danger.70}"
           },
           "success": {
             "type": "color",
-            "value": "#75d69a",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#67c88c",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           },
           "warning": {
             "type": "color",
-            "value": "#ffd27a",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#e5b951",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           },
           "info": {
             "type": "color",
-            "value": "#8bceff",
-            "description": "用于 base/subtle 表面的状态文字；同时提供明确状态文案。"
+            "value": "#70b5ed",
+            "description": "普通表面上需要注意的反馈前景；配合明确文案，例行状态默认使用中性色。"
           }
         },
         "overlay": {
@@ -624,7 +624,7 @@
         "track-bg": {
           "description": "",
           "type": "color",
-          "value": "{ref.color.neutral.2}"
+          "value": "{ref.color.neutral.12}"
         },
         "handle-bg": {
           "description": "",
@@ -634,7 +634,7 @@
         "label-color": {
           "description": "",
           "type": "color",
-          "value": "{ref.color.neutral.2}"
+          "value": "{ref.color.neutral.12}"
         }
       }
     },
@@ -643,17 +643,17 @@
         "track-bg": {
           "description": "",
           "type": "color",
-          "value": "{ref.color.neutral.98}"
+          "value": "{ref.color.neutral.90}"
         },
         "handle-bg": {
           "description": "",
           "type": "color",
-          "value": "{ref.color.neutral.2}"
+          "value": "{ref.color.neutral.12}"
         },
         "label-color": {
           "description": "",
           "type": "color",
-          "value": "{ref.color.neutral.98}"
+          "value": "{ref.color.neutral.90}"
         }
       }
     }
diff --git a/tokens/tokens.md b/tokens/tokens.md
index 8c33b59..bc21fc3 100644
--- a/tokens/tokens.md
+++ b/tokens/tokens.md
@@ -2,22 +2,24 @@
 
 [inkcre.tokens.json](inkcre.tokens.json) 是共享设计规则的规范源，由仓库维护角色、用途说明、类型和引用。当前保留 Figma 导出使用的 `type`、`value` 字段及 `custom-shadow` 类型，并非使用 `$type`、`$value` 的标准 DTCG 输入。Figma 可以提议已有路径的值更新；新增、删除、改名、类型和引用变化必须在仓库显式迁移，导入不能覆盖整份文件。
 
-| 源层 | 责任 | Web 输出 |
-| --- | --- | --- |
-| `ref` | 基础色值、字体家族、空间、尺寸、圆角、断点、透明度 | `_ref.scss` 分类映射 |
-| `typography` | 文本角色的字号、比例行高、字重、字距 | `$font` 和 `--sys-font-*` |
-| `effect.elevation` | 阴影结构及透明颜色 | `$elevation` |
-| `sys.light/dark.color` | 文本、表面、边界、反馈和遮罩的主题用途 | `$color-light`、`$color-dark` |
-| `comp.light/dark` | Switch 的轨道、滑块和文字配色 | `$light`、`$dark` |
+| 源层                   | 责任                                               | Web 输出                      |
+| ---------------------- | -------------------------------------------------- | ----------------------------- |
+| `ref`                  | 基础色值、字体家族、空间、尺寸、圆角、断点、透明度 | `_ref.scss` 分类映射          |
+| `typography`           | 文本角色的字号、比例行高、字重、字距               | `$font` 和 `--sys-font-*`     |
+| `effect.elevation`     | 阴影结构及透明颜色                                 | `$elevation`                  |
+| `sys.light/dark.color` | 文本、表面、边界、反馈和遮罩的主题用途             | `$color-light`、`$color-dark` |
+| `comp.light/dark`      | Switch 的轨道、滑块和文字配色                      | `$light`、`$dark`             |
 
 非颜色系统映射 `$base` 由生成器引用 ref 的分类和文本角色构成，不是遍历任意 sys 节点。源格式与角色可供将来的平台实现读取；目前只交付 Web 输出，没有 Flutter 或 uniapp 渲染器。
 
 ## 角色与度量维护
 
-共同的角色选择、配色关系、内容增长和扩展判断见 [DESIGN.md](../DESIGN.md)。本文件说明源格式与维护入口，不另裁决设计规则。
+共同立场从 [DESIGN.md](../DESIGN.md) 进入；文字、配色与空间关系由[视觉语言](../docs/design/visual-language.md) 维护，共享与变化理由由[设计立场](../docs/design/principles.md) 维护。本文件说明源格式与维护入口，不另裁决设计规则。
 
 文本角色由字号、比例行高、字重和字距构成；精确值和叶节点用途在规范源中维护。字号采用 rem，行高为无量纲比例。不要把某个根字号下的像素结果反写成所有环境的固定要求。字体家族和装饰独立于尺寸角色。
 
-修改名称、用途、值或引用时，核对 DESIGN.md 中跨角色的关系、受影响的组件与覆盖能力。新增或改变公开语义需要迁移说明；Figma 值导入不能改变这些元数据。
+修改名称、用途、值或引用时，核对相应设计正文中跨角色的关系、受影响的组件与覆盖能力。新增或改变公开语义需要迁移说明；Figma 值导入不能改变这些元数据。
+
+颜色调整从 `sys.light/dark.color` 的用途进入，连同前景、背景和交互状态一起维护。`ref.color.brand` 引用中性色阶；`ref.color.danger` 提供红色基础值，不决定危险按钮的底色。`surface.danger` 与 `feedback.error` 分别维护，避免调整按钮面积色时连带改变需要注意的错误文字。不要为了把所有色值塞入同一色阶而建立缺少共同变化理由的引用。
 
 生成和导入的检查见[生成说明](../scripts/build-tokens.md)；默认消费方式、运行时覆盖范围见[样式指南](../packages/web/styles/README.md)。源变更须同时检查这些承诺及实际组件表现，生成成功不是视觉验收。