From 9c06acf15b13668324e532837b6d83aa2ed32a71 Mon Sep 17 00:00:00 2001
From: jiaererw <jiaererw@users.noreply.github.com>
Date: Tue, 18 Aug 2026 16:32:25 +0800
Subject: [PATCH] =?UTF-8?q?optimize:=20community=20polish=20=E2=80=94=20cr?=
 =?UTF-8?q?ossfade,=20position=20lock,=20effort=20sync?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 双图层交叉淡化人像过渡：备用层加载完成才淡入，无白闪；拖动 120ms 快速过渡、落定 340ms 慢速过渡，prefers-reduced-motion 直切
- 滑块位置固定：原生模型座位按钮级 180px 固定足迹（选择器限定 button，避免误伤 label/effort 子元素）+ 滑块 flex 固定尺寸 + 交互期 rAF 漂移补偿
- 原生推理等级与滑块实时同步：拖动预览乐观回写共享 directory store，松手提交、失败/Esc/取消自动回滚
- 滑动更丝滑：移除图片序列模式下对隐藏 video 的每帧 seek，24 张锚点预加载 + decoding=async，交叉淡化走合成器动画
- 滑块自定义光标：liang-cursor.cur（热点居中 16,16），加载失败回退 ew-resize
- 版本升至 0.2.0，随包新增 CHANGELOG.md 优化说明
---
 CHANGELOG.md            |   72 ++
 assets/liang-cursor.cur |  Bin 0 -> 4286 bytes
 assets/liang-cursor.ico |  Bin 0 -> 4286 bytes
 lib/client.js           | 1521 ++++++++++++++++++++++-----------------
 lib/client.js.map       |    4 +-
 package.json            |    7 +-
 src/client/index.tsx    |  227 +++++-
 src/client/skin.css     |   45 +-
 src/index.js            |    2 +
 9 files changed, 1164 insertions(+), 714 deletions(-)
 create mode 100644 CHANGELOG.md
 create mode 100644 assets/liang-cursor.cur
 create mode 100644 assets/liang-cursor.ico

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..d91d5f7
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,72 @@
+# 滑动变祖 · 社区优化版 0.2.0
+
+基于上游 [kingOfSoySauce/dsh-liang-skin](https://github.com/kingOfSoySauce/dsh-liang-skin) v0.1.5 优化，
+已针对 DeepSeek Harness `0.1.0-rc.6` 验证。本包为**本地优化构建**，未推送上游仓库。
+
+## 优化清单
+
+1. **图像过渡更自然（交叉淡化）**
+   - 原版：切换推理等级时直接硬换人像 `src`，跳变生硬。
+   - 现版：双图层交叉淡化（备用层先加载、加载完成才淡入，不出现白闪），并叠加轻微
+     缩放（1.018→1）缓动。拖动中快速过渡（120ms，跟手），松手落定时慢速过渡
+     （340ms ease-out）；`prefers-reduced-motion` 用户自动降级为直切。
+
+2. **滑块位置固定，切换等级不再移位**
+   - 根源：原生「模型 · 等级」座位宽度随等级文本变化，在右锚定 flex 行里把滑块挤动。
+   - 修复：① 原生座位按钮固定 180px 足迹（模型名省略号吸收变化）；② 滑块自身
+     `flex: 0 0 124px` 固定尺寸；③ 交互/提交期间 rAF 逐帧检测漂移并用 `translateX`
+     补偿，把滑块钉在屏幕上，结束后 200ms 平滑回位。
+   - 注意：固定宽度的选择器必须限定为 `button[class*="_7KE1Ra_trigger"]`——宿主的
+     `_7KE1Ra_triggerLabel`/`_7KE1Ra_triggerEffort` 子元素类名包含同样子串，宽选择器
+     会误伤并把等级文本挤出按钮。
+
+3. **原生推理等级与滑块实时同步（新增）**
+   - 拖动预览期间把最近档位乐观回写共享 directory store（`SnapshotStore.update`），
+     原生座位实时跟随滑块档位变化；松手才经官方 `ModelDirectory.select` 提交，
+     失败 / Esc / 取消时自动回滚到交互前快照。
+
+4. **滑动更丝滑**
+   - 移除图片序列模式下每帧对隐藏 `<video>` 的无谓 seek（原版最大卡顿源），
+     仅视频回退模式保留 seek；24 张人像锚点全量预加载 + `decoding="async"`；
+     交叉淡化走 opacity/transform 合成器动画（`will-change`），不触发重排。
+
+5. **滑块自定义光标**
+   - 使用 `.cur` 标准光标（type=cursor、热点 16,16 居中），挂载于滑块交互区，
+     加载失败自动回退 `ew-resize`。源素材为 32×32 的 `.ico`，已在打包时一并附带。
+
+6. **修复：模型名与推理等级拆开显示（回归修复）**
+   - 问题：固定原生座位宽度时子串选择器误伤子元素，等级文本被挤出按钮、孤立显示。
+   - 修复：选择器限定按钮本身，「DeepSeek-V4-Pro · 高」恢复一体显示。
+
+## 与上游 v0.1.5 的差异
+
+| 文件 | 说明 |
+| --- | --- |
+| `src/client/index.tsx` | 双图层 crossfade 呈现器、seek 条件化、预览乐观同步 + 回滚、位置锁定 |
+| `src/client/skin.css` | crossfade 过渡、滑块固定尺寸、按钮级固定宽度、自定义光标 |
+| `src/index.js` | 静态路由新增 `liang-cursor.cur` / `liang-cursor.ico` |
+| `assets/liang-cursor.cur` / `.ico` | 新增光标资产 |
+| `lib/client.js` / `.map` | 重新构建的客户端产物 |
+
+## 安装（tarball）
+
+```sh
+dsh plugin --profile web add ./dsh-client-liang-intensity-skin-0.2.0.tgz
+```
+
+安装后重启 DSH Web 生效；入口仍为「设置 → 通用设置 → 外观皮肤 → 滑动变祖」，
+「滑动变祖绑定思考等级」开关控制滑块是否联动推理等级。
+
+## 卸载 / 回退
+
+```sh
+dsh plugin --profile web remove dsh-client-liang-intensity-skin
+```
+
+## 构建与测试
+
+```sh
+npm install
+npm test        # 8/8 通过（vitest，沙箱环境需 --pool=threads）
+npm run build   # esbuild 产出 lib/client.js
+```
diff --git a/assets/liang-cursor.cur b/assets/liang-cursor.cur
new file mode 100644
index 0000000000000000000000000000000000000000..2c9e860929c48b19fe681d6fa5756a67f04322a7
GIT binary patch
literal 4286
zcmeH}TWDNW6o%J16Ej}unTT4osEOKQy+y5^cA^hyD~PleANo=hlz2f<QII~U2&NIW
zAVL+9J}6R9ynyI~ichtD5W!Hv8y2c2g7u2FUR!S+zyF-GX7-$%nKaTD!4tmh+uCcb
zz4qQ~wpnbE4GozM@b~<H*?cow40PEFV3hxSjQ#)3EdtAu*y>4?qI#RiE=el3G#{Ir
z*51;xm)Y?$wA-s5^;SH~XxnaP<NT`0k5k}ExEmgY$Kf&92-m_e^g}B)nI8F`#jT#l
zu$TFwZS<WB55q3_9hxN^r0*Me5mrGAww!&zc4b*&X<L0lew2Ok(`6`+g4<vU%4`<<
z{zmS5*a>&RO`sUP0MEiWoC@g~D%u~Jm&VxbABWr)_ygR|m(;hxB>WllYkUV>4T{w*
zAX%U1<urYxP-<WOIRlhi!RPI#{v=!gRj9+)pz&W}Gn@#TzaI90&sF(8Y=E<fFZ-ag
zP$@1yx2?U39|Y~E<|>}Ig6z6~imk>z1g-f9(AZV*ErhmJe*=yOWU~F$T`hjuczgxr
zKG3`$VJtgC+1y60DmypB1e^ix(}mP`L(#Uk6~AL#zGz!*#^%9mpgCIq1b3n1+|sAB
z8>tM?e!U8AtE|*{xg)<1c5!W{2aK-)ty%NmhWU`&Y3DuN9q-R$qy5m?FS8r=O(AoR
z&n<dD|CU^bd>xaV^e?9jKjnw^p2RDW)4dPvsQwe|1wThVzNwM)rT)i-BY^CCAUU0@
zlL5I-p{%d9{xfO61FqXk#cmZ`3a-<~KB8{{*rFs{Rl5Iv?w**my{V5{tG<$)cp5rh
z2iL3eH_&~#0W@E^;ByFN4$xi;GjafZe}Uqa#$GahUxqm^Sv%Fcg!-Eh>Q(&{cm>vh
za;NfMQAX|iq0GK=o$|>FjhCRDsC@hxl<A$MU$z&5ewVbKGP##oSDG_CzKSujU%}6?
za%o}_GJVvKg^S=$(7txlDLY@l)45!DA3ml}zPT@NQ9l~mYaGz;RO{}4K>a1a&vf2*
zls<PZrS8#FFbJ2yFQEB~-!(v-BG%dR<3{S;eqZNeSF+m6O`vn2Sl<IWd#*>mO~V6_
z=jQkX>N~(?{%tAS55bZ3bRXk;sjIJ>zO9VaKzpznet>SWv-Rr^ZUn7c`Wi6X{>iu7
zGx>BsRQJ7_&0aV@#k}kNY-jq?H%BP5hyLe4c_Qpr9+SVK0%M^29Ln^nYmGW%uET$)
zo(Xj5ZtLx+*o?q+umRqM{o(HlZRt51CP4R2?-}KE=}=zRI>H#KeI76`%kSLnh_?1t
zes6;{&<`yi^SbOj(k0JIR%c@|$mdb0!y>pGHiKfPyRYA`1j2l+^?eGGZ`sZAd1NC=
z`kt^x()nYsq%+^P=7l;`ZzTO1Q;w4UA?Sn9{^_*WL;8-8-37em{o|}KKg0VDrOf<q
zuSYgJ>3B!C#tudI;gSjc8Ri|)?ahC<?ETmEH1qGEjW!QhtvPKrxZSKa4y-L?(A&{=
ht5(LX$_q`WO3ZxN(;0r_G^Wi?!oYpa=03>2e*h{kVmkl;

literal 0
HcmV?d00001

diff --git a/assets/liang-cursor.ico b/assets/liang-cursor.ico
new file mode 100644
index 0000000000000000000000000000000000000000..8668bdc513a69e126e32f8f4fe388d26b7e1131e
GIT binary patch
literal 4286
zcmeH}TWFj`6vyY=jajYq+eo!)Q4_Vr)=SjdZ8!Rmwt`4o@u4q8L5UXx6$R;oieQ?e
z7DT8b(g#HfiWd-lQ1Pj@52awJ;0+5^6QT7|(bjA0t?TbU^PSz<FW+t&>5JeOewmpw
zXU>^9Gjn#FOZXcYaQg3F?sIOgb8aCZa?3$-|IzpVH?s&VO-rtpCLYyWB<{+z?3QGG
zGqc)VTmFI{D`UUi>PdIQ)AY9d1|OGHoaS*BTn7)plkhY=1smWd7=&JE#wOU&+(X=I
zSq!_m&-=#SMesQ6f#0D~z)@u1!mF?nO5m2UFZeDmO`UH`CNz(tPxCY#%9G%3n1CXm
zdD-9SeGj|gez+YJqgUWX7=^RJpP{_}q1ish=6?=)Ti_2cKVMPb2IKH&Bv=0qxB(Qa
zJ3+cO&dNz-!%*m7@{B&ptzhF0Q-2mNg$mT*8&LnRuo+GVjb8`*!N#im5Z1#5#Fu^0
zSt#e1pZV5al^zA{r^YItcY*xc{1jXDeGFRj3822~;Q++GReuLg1$4sx>aOO$&|kWi
z@(^g;k1!I>P#9aUR^;an7=!b`=5!hLy^!~9ZN=|o)6e@>o4(ob7HEvtKgL~XJGaPm
zb`zBm+OIdkd=-^CFZX8m!Cg_EIs^JwgVwC^yI?M4ep-1?cgN&eY_uOb`$c|Z*#tTl
z+SvRIkZ;LsXs#pDll^6s@u&RI+LO`>^mOlIKdS!(2f@yf^>3=DJ%0YB+z~+c1CXB1
z)tP`^yHb!f*MC0k_rPphso1TAtH5kp-zUiCfm@KqtMdDA=kA$tchJvKYt>hf6VJiM
z+hBH8{sy`)w}Qqi7kmk^&Jo&cU`h@^_7^B#KK9bF`!dLR32kq8G4*#LwyXMQ@CK{}
z<xb_jypGx%p~$~-o$|?Y^%tO=sC@hd6xkg|F5mM(ze`$Ak>2a9%jXP>uVReu*YGo}
zSdzK~ogV6^z~yisXkR<ol%IX@e5M!Qhfk4dZZ?;l)Mr6!jeYu^YTo^isJ{lx(~tX(
z(#FoD)IE9*`r&H$1vFmqyAg;}!aAGtxQ%+J-`AP=m9F-36X+Z$)(?Wtp4rjdCgBmt
za&zf4>N~)6{%tAWkHLvGzmKJds7uz#-d6gmpgmXxKR_ql>EybD8$j!py*f;{f12Ap
zLErC(>b6(Y`HTA}7<Y@E?O@NpIbxmt$X^2GiCC^Yrum98jDYTQtkbQoHR_C+4f~yX
zA+n*nt+%6MGXyuodUziW$G<DIWoHqLf$p8&Gs@|*p}ekj#4%F)Vqjdz@7(Q#w)R%@
z-Uh3o7n*a->hkkMhde7?osET{IS)e(7Qi*I85BF+ef@r=5a(;H?{koT({IS<i5p7&
zd&1Sz_8)`A?fJGjF1De1J?&MWa+K^3Ko7+J&!xQ%{5wK^=kb=ekF&z~fXR-f4D)ZT
zM?TwWdq+3>j>Y!z(uwCY$UCCboBw$E`>)$+WZzLY+&JQ@jY;SFw>wuI1=beRZ|!8e
htCUAwg%_Gmm6-alM;L#jG$x%p0|yT`8iyc!{{SinVmkl;

literal 0
HcmV?d00001

diff --git a/lib/client.js b/lib/client.js
index 1747d45..963e5a5 100644
--- a/lib/client.js
+++ b/lib/client.js
@@ -27,650 +27,693 @@ module.exports = __toCommonJS(index_exports);
 var import_react = require("react");
 
 // src/client/skin.css
-var skin_default = `.liang-skin-backdrop {
-  position: fixed;
-  z-index: 0;
-  inset: 0;
-  overflow: hidden;
-  pointer-events: none;
-  background: var(--liang-page, transparent);
-  opacity: 0;
-  transition: opacity 220ms ease, background-color 180ms linear;
-}
-
-body[data-liang-skin="on"] .liang-skin-backdrop {
-  opacity: 1;
-}
-
-.liang-skin-backdrop video,
-.liang-skin-backdrop img {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  display: block;
-  width: min(42vw, 720px);
-  height: 100vh;
-  object-fit: cover;
-  object-position: 50% 42%;
-  opacity: var(--liang-portrait-opacity, 0.45);
-  transform: translateY(-50%);
-  filter: none;
-  mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 20%) 10%, black 30%, black 100%);
-  transition: filter 180ms linear;
-}
-
-.liang-skin-backdrop img {
-  display: none;
-}
-
-.liang-skin-backdrop[data-media="sequence"] video,
-.liang-skin-backdrop[data-media="sequence"] .liang-skin-poster {
-  display: none;
-}
-
-.liang-skin-backdrop[data-media="sequence"] .liang-skin-sequence-frame {
-  display: block;
-  opacity: var(--liang-portrait-opacity, 0.82);
-}
-
-.liang-skin-backdrop[data-media="video"] .liang-skin-sequence-frame,
-.liang-skin-backdrop[data-media="video"] .liang-skin-poster {
-  display: none;
-}
-
-.liang-skin-backdrop[data-media="poster"] video,
-.liang-skin-backdrop[data-media="poster"] .liang-skin-sequence-frame {
-  display: none;
-}
-
-.liang-skin-backdrop[data-media="poster"] .liang-skin-poster {
-  display: block;
-}
-
-.liang-skin-backdrop[data-media="color"] video,
-.liang-skin-backdrop[data-media="color"] img {
-  display: none;
-}
-
-.liang-skin-backdrop::after {
-  position: absolute;
-  inset: 0;
-  content: "";
-  background: linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%);
-}
-
-body[data-liang-skin="on"] {
-  --dsw-alias-bg-base: var(--liang-bg-base) !important;
-  --dsw-alias-bg-layer-1: var(--liang-layer-1) !important;
-  --dsw-alias-bg-layer-2: var(--liang-layer-2) !important;
-  --dsw-alias-bg-layer-3: var(--liang-layer-3) !important;
-  --dsw-specific-sidebar-fill: var(--liang-sidebar) !important;
-  --dsw-alias-label-primary: var(--liang-ink) !important;
-  --dsw-alias-label-primary-dimmed: var(--liang-ink) !important;
-  --dsw-alias-label-secondary: var(--liang-secondary) !important;
-  --dsw-alias-label-tertiary: var(--liang-tertiary) !important;
-  --dsw-alias-label-caption: var(--liang-tertiary) !important;
-  --dsw-alias-border-l1: var(--liang-border) !important;
-  --dsw-alias-border-l2-darkmode-thin: var(--liang-border) !important;
-  --dsw-alias-border-l2: var(--liang-border) !important;
-  --dsw-alias-border-l3: var(--liang-border) !important;
-  --dsw-alias-button-primary-fill: var(--liang-accent) !important;
-  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;
-  --dsw-alias-button-info-fill: var(--liang-accent) !important;
-  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;
-  --dsw-alias-state-business-primary: var(--liang-accent) !important;
-  --dsw-alias-interactive-bg-hover: var(--liang-hover) !important;
-  --dsw-alias-interactive-bg-active: var(--liang-hover) !important;
-  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;
-  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;
-  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;
-  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;
-  --dsw-specific-bubble: var(--liang-layer-2) !important;
-  --dsw-specific-input-major: var(--liang-layer-1) !important;
-  --dsw-specific-menu: var(--liang-layer-3) !important;
-  --dsw-specific-selector: var(--liang-layer-2) !important;
-  --dsw-alias-markdown-citation: var(--liang-layer-2) !important;
-  --dsw-alias-markdown-code-block-banner: var(--liang-layer-1) !important;
-  --dsw-alias-markdown-code-block: var(--liang-layer-1) !important;
-  --dsw-alias-markdown-code-segment-selected: var(--liang-layer-2) !important;
-  --dsw-alias-markdown-code-segment-unselected: var(--liang-layer-1) !important;
-  --dsw-alias-markdown-inline-code: var(--liang-layer-2) !important;
-  --dsw-alias-markdown-placeholder: var(--liang-layer-1) !important;
-  --dsw-alias-markdown-tag: var(--liang-layer-2) !important;
-  background: var(--liang-page) !important;
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) {
-  --dsw-alias-brand-primary-new-colorprimary-new-color: rgb(65 118 230) !important;
-  --dsw-alias-brand-primary: rgb(15 17 21) !important;
-  --dsw-alias-brand-text: rgb(15 17 21) !important;
-  --dsw-alias-button-primary-fill: rgb(15 17 21) !important;
-  --dsw-alias-button-primary-hover: rgb(53 54 56) !important;
-  --dsw-alias-button-info-fill: rgb(65 118 230) !important;
-  --dsw-alias-button-info-hover: rgb(103 158 254) !important;
-  --dsw-alias-state-business-primary: rgb(65 118 230) !important;
-  --dsw-alias-label-primary-inverted: rgb(249 250 251) !important;
-  --dsw-alias-button-elevated-fill: rgb(255 255 255) !important;
-  --dsw-alias-button-floating-fill: rgb(255 255 255) !important;
-  --dsw-alias-button-floating-hover: rgb(241 243 245) !important;
-  --dsw-alias-interactive-bg-hover-solid: rgb(241 243 245) !important;
-  --dsw-specific-bubble: rgb(237 243 254) !important;
-  --dsw-specific-input-major: rgb(255 255 255) !important;
-  --dsw-specific-menu: rgb(255 255 255) !important;
-  --dsw-specific-selector: rgb(245 246 247) !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] {
-  --dsw-alias-brand-primary-new-colorprimary-new-color: #c19a49 !important;
-  --dsw-alias-brand-primary: #c19a49 !important;
-  --dsw-alias-brand-text: #d5b56e !important;
-  --dsw-alias-button-info-fill: #c19a49 !important;
-  --dsw-alias-button-info-hover: #d5b56e !important;
-  --dsw-alias-state-business-primary: #c19a49 !important;
-  --dsw-alias-bg-module-platform: var(--liang-layer-3) !important;
-  --dsw-specific-sidebar-nav-item-active: var(--liang-layer-3) !important;
-  --dsw-specific-sidebar-nav-item-hover: var(--liang-hover) !important;
-}
-
-/* The low-intensity skin is light by default, but it must not turn a dark
-   Harness document into a light surface. Keep the skin's portrait progression
-   while switching the shared UI layers back to a readable charcoal palette. */
-body[data-liang-skin="on"][data-ds-dark-theme]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) {
-  --liang-page: rgb(17 17 17) !important;
-  --liang-bg-base: rgb(17 17 17 / 42%) !important;
-  --liang-layer-1: rgb(30 27 25 / 94%) !important;
-  --liang-layer-2: rgb(41 35 30 / 96%) !important;
-  --liang-layer-3: rgb(41 35 30 / 99%) !important;
-  --liang-sidebar: rgb(23 20 18 / 96%) !important;
-  --liang-ink: rgb(244 241 232) !important;
-  --liang-secondary: rgb(184 180 169) !important;
-  --liang-tertiary: rgb(137 134 126) !important;
-  --liang-border: rgb(244 241 232 / 15%) !important;
-  --liang-hover: rgb(244 241 232 / 9%) !important;
-  --dsw-alias-brand-primary: var(--liang-accent) !important;
-  --dsw-alias-brand-text: var(--liang-accent) !important;
-  --dsw-alias-button-primary-fill: var(--liang-accent) !important;
-  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;
-  --dsw-alias-button-info-fill: var(--liang-accent) !important;
-  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;
-  --dsw-alias-state-business-primary: var(--liang-accent) !important;
-  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;
-  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;
-  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;
-  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;
-  --dsw-specific-bubble: var(--liang-layer-2) !important;
-  --dsw-specific-input-major: var(--liang-layer-1) !important;
-  --dsw-specific-menu: var(--liang-layer-3) !important;
-  --dsw-specific-selector: var(--liang-layer-2) !important;
-  background: var(--liang-page) !important;
-}
-
-body[data-liang-skin="on"][data-ds-dark-theme]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) .liang-skin-backdrop {
-  background: var(--liang-page) !important;
-}
-
-body[data-liang-skin="on"][data-ds-dark-theme]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) .liang-skin-backdrop::after {
-  background: linear-gradient(90deg, var(--liang-page) 0 28%, transparent 57% 100%);
-}
-
-/* The host renders the running-turn label as a clipped blue text gradient.
-   Retarget only that gradient's color tokens in the custom dark skin; keep
-   the host's text clipping and shimmer behavior, and leave light mode alone. */
-body[data-liang-skin="on"][data-liang-stage="5"] [class*="_turnStatus"] {
-  --dsw-static-deepseek-500: #c19a49 !important;
-  --dsw-static-deepseek-200: #d5b56e !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] [class*="_turnStatusClock"] {
-  color: #c19a49 !important;
-  -webkit-text-fill-color: #c19a49 !important;
-}
-
-/* Preserve the wordmark badge contrast in the low-intensity shell. */
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > rect[width="52"] {
-  fill: rgb(15 17 21) !important;
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > g[clip-path*="badge"] path {
-  fill: rgb(249 250 251) !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > rect[width="52"] {
-  fill: #c19a49 !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > g[clip-path*="badge"] path {
-  fill: #171816 !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] [aria-label^="\u9009\u62E9\u6A21\u578B"] > span:nth-of-type(2) {
-  color: #d5b56e !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] [class*="heroGlow"] ellipse {
-  fill: #c19a49 !important;
-  fill-opacity: 0.16 !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] span[class*="_previewBadge"] {
-  color: #171816 !important;
-  background: #c19a49 !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u53D1\u9001\u6D88\u606F"] {
-  color: #171816 !important;
-}
-
-body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u53D1\u9001\u6D88\u606F"]:disabled {
-  opacity: 0.62;
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) button[aria-label="\u53D1\u9001\u6D88\u606F"] {
-  color: #fff !important;
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) button[aria-label="\u53D1\u9001\u6D88\u606F"]:disabled {
-  color: rgb(255 255 255 / 92%) !important;
-  background: rgb(65 118 230 / 42%) !important;
-  opacity: 1;
-}
-
-body[data-liang-skin="on"] > #root {
-  position: relative;
-  z-index: 1;
-  background: transparent !important;
-}
-
-body[data-liang-skin="on"] button,
-body[data-liang-skin="on"] input,
-body[data-liang-skin="on"] textarea {
-  transition: color 160ms linear, background-color 160ms linear, border-color 160ms linear;
-}
-
-/* The composer card has a native theme-mode fill, so keep its surface and
-   readable ink aligned with the active Liang palette. */
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) [data-composer-card="true"] {
-  border-color: var(--liang-border) !important;
-  color: var(--liang-ink) !important;
-  background: var(--liang-layer-1) !important;
-  box-shadow: 0 8px 28px rgb(20 22 20 / 8%);
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) [data-composer-card="true"] :is(textarea, button, [data-input-mirror="true"]) {
-  color: var(--liang-ink) !important;
-  caret-color: var(--liang-accent) !important;
-}
-
-body[data-liang-skin="on"]:is(
-  [data-liang-stage="0"],
-  [data-liang-stage="1"],
-  [data-liang-stage="2"],
-  [data-liang-stage="3"]
-) [data-composer-card="true"] textarea::placeholder {
-  color: var(--liang-tertiary) !important;
-  opacity: 1;
-}
-
-.liang-effort-control {
-  --liang-control-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);
-  --liang-control-rail: var(--dsw-alias-border-l3, rgb(0 0 0 / 16%));
-  position: relative;
-  display: flex;
-  width: 124px;
-  height: 28px;
-  align-items: center;
-  margin: 0 3px;
-  overflow: visible;
-}
-
-body[data-liang-skin="on"] .liang-effort-control {
-  --liang-control-accent: var(--liang-secondary);
-  --liang-control-rail: color-mix(in srgb, var(--liang-secondary) 28%, transparent);
-}
-
-.liang-effort-control__ticks {
-  position: absolute;
-  z-index: 0;
-  inset: 0 10px;
-  pointer-events: none;
-}
-
-.liang-effort-control__ticks::before {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  left: 0;
-  height: 1px;
-  content: "";
-  background: var(--liang-control-rail);
-  transform: translateY(-50%);
-}
-
-.liang-effort-control__tooltip {
-  position: absolute;
-  z-index: 4;
-  bottom: calc(100% + 7px);
-  left: calc(10px + (100% - 20px) * var(--liang-slider-ratio));
-  min-width: max-content;
-  padding: 5px 8px;
-  border: 1px solid var(--liang-border, rgb(0 0 0 / 12%));
-  border-radius: 7px;
-  color: var(--liang-ink, #171816);
-  background: var(--liang-layer-1, #fff);
-  box-shadow: 0 5px 16px rgb(0 0 0 / 16%);
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 16px;
-  letter-spacing: 0.01em;
-  pointer-events: none;
-  transform: translateX(-50%);
-  white-space: nowrap;
-}
-
-.liang-effort-control__tooltip::after {
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  width: 7px;
-  height: 7px;
-  content: "";
-  background: inherit;
-  transform: translate(-50%, -4px) rotate(45deg);
-}
-
-.liang-effort-control__tick {
-  position: absolute;
-  top: 50%;
-  width: 1px;
-  height: 7px;
-  background: var(--liang-control-accent);
-  opacity: 0.42;
-  transform: translate(-50%, -50%);
-}
-
-.liang-effort-control__range {
-  position: relative;
-  z-index: 1;
-  width: calc(100% - 7px);
-  height: 28px;
-  margin: 0 3.5px;
-  cursor: ew-resize;
-  appearance: none;
-  background: transparent;
-  touch-action: pan-y;
-}
-
-.liang-effort-control__range:disabled {
-  cursor: progress;
-  opacity: 0.58;
-}
-
-.liang-effort-control__range::-webkit-slider-runnable-track {
-  height: 1px;
-  border-radius: 1px;
-  background: transparent;
-}
-
-.liang-effort-control__range::-webkit-slider-thumb {
-  width: 13px;
-  height: 13px;
-  margin-top: -6px;
-  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);
-  border-radius: 50%;
-  appearance: none;
-  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--dsw-alias-bg-layer-1, #fff)) 2.5px);
-  box-shadow: 0 1px 4px rgb(0 0 0 / 14%);
-}
-
-body[data-liang-skin="on"] .liang-effort-control__range::-webkit-slider-thumb {
-  width: 13px;
-  height: 13px;
-  margin-top: -6px;
-  border-color: color-mix(in srgb, var(--liang-control-accent) 72%, transparent);
-  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--liang-layer-1)) 2.5px);
-}
-
-.liang-effort-control__range::-moz-range-track {
-  height: 1px;
-  background: transparent;
-}
-
-.liang-effort-control__range::-moz-range-progress {
-  height: 1px;
-  background: transparent;
-}
-
-.liang-effort-control__range::-moz-range-thumb {
-  width: 11px;
-  height: 11px;
-  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);
-  border-radius: 50%;
-  background: color-mix(in srgb, var(--liang-control-accent) 24%, var(--dsw-alias-bg-layer-1, #fff));
-}
-
-.liang-effort-control__range:focus-visible {
-  outline: none;
-}
-
-.liang-effort-control[data-state="error"] {
-  --liang-control-accent: var(--dsw-alias-state-error-primary, #e43c3c);
-}
-
-.liang-appearance-choice {
-  box-sizing: border-box;
-  border: 1px solid var(--dsw-alias-border-l2);
-  flex: 180px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 4px;
-  padding: 20px 32px;
-  border-radius: 16px;
-  font: inherit;
-  color: var(--dsw-alias-label-primary);
-  cursor: pointer;
-  background: transparent;
-  font-size: 14px;
-  line-height: 22px;
-  display: flex;
-}
-
-[class*="_8HJdBW_cubeRow"]:has(.liang-appearance-choice) {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.liang-appearance-choice:hover:not([aria-pressed="true"]) {
-  background: var(--dsw-alias-interactive-bg-hover);
-}
-
-.liang-appearance-choice[aria-pressed="true"] {
-  border-color: var(--dsw-static-neutral-bluish-400);
-  background: var(--dsw-alias-bg-module-platform);
-}
-
-.liang-appearance-choice__icon {
-  display: block;
-  flex: 0 0 16px;
-  width: 16px;
-  height: 16px;
-  color: currentColor;
-  font-size: 16px;
-  line-height: 16px;
-}
-
-.liang-appearance-choice__label {
-  display: block;
-}
-
-/* Keep the host's three theme cubes untouched. These rules only style the
-   fourth button that is appended to the host cube row. */
-.liang-appearance-choice:disabled {
-  cursor: progress;
-  opacity: 0.7;
-}
-
-.liang-appearance-binding {
-  box-sizing: border-box;
-  display: flex;
-  width: 100%;
-  min-height: 28px;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 4px 0 0;
-  color: var(--dsw-alias-label-primary);
-  font: inherit;
-  font-size: 14px;
-  line-height: 22px;
-  cursor: pointer;
-}
-
-.liang-appearance-binding__label {
-  display: block;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.liang-appearance-binding__copy {
-  display: flex;
-  min-width: 0;
-  flex-direction: column;
-  gap: 1px;
-}
-
-.liang-appearance-binding__description {
-  display: block;
-  overflow: hidden;
-  color: var(--dsw-alias-label-secondary);
-  font-size: 12px;
-  line-height: 18px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.liang-appearance-binding__input {
-  position: relative;
-  flex: 0 0 36px;
-  width: 36px;
-  height: 20px;
-  margin: 0;
-  border: 1px solid var(--dsw-alias-border-l2);
-  border-radius: 999px;
-  outline: none;
-  cursor: pointer;
-  appearance: none;
-  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-module-platform));
-}
-
-.liang-appearance-binding__input::before {
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  content: "";
-  background: var(--dsw-alias-label-primary);
-  box-shadow: 0 1px 3px rgb(0 0 0 / 18%);
-  transition: transform 160ms ease, background-color 160ms ease;
-}
-
-.liang-appearance-binding__input:checked {
-  border-color: var(--dsw-static-neutral-bluish-400);
-  background: var(--dsw-static-neutral-bluish-400);
-}
-
-.liang-appearance-binding__input:checked::before {
-  background: var(--dsw-alias-bg-layer-1, #fff);
-  transform: translateX(16px);
-}
-
-.liang-appearance-binding__input:focus-visible {
-  box-shadow: 0 0 0 2px var(--dsw-alias-interactive-bg-hover);
-}
-
-.liang-appearance-binding__input:disabled {
-  cursor: progress;
-  opacity: 0.7;
-}
-
-@media (max-width: 760px) {
-  .liang-effort-control {
-    width: 92px;
-  }
-
-  .liang-skin-backdrop video,
-  .liang-skin-backdrop img {
-    right: -18vw;
-    width: 92vw;
-    opacity: calc(var(--liang-portrait-opacity, 0.45) * 0.72);
-  }
-
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .liang-skin-backdrop,
-  .liang-skin-backdrop video,
-  .liang-skin-backdrop img,
-  body[data-liang-skin="on"] button,
-  body[data-liang-skin="on"] input,
-  body[data-liang-skin="on"] textarea {
-    transition: none;
-  }
-}
+var skin_default = `.liang-skin-backdrop {\r
+  position: fixed;\r
+  z-index: 0;\r
+  inset: 0;\r
+  overflow: hidden;\r
+  pointer-events: none;\r
+  background: var(--liang-page, transparent);\r
+  opacity: 0;\r
+  transition: opacity 220ms ease, background-color 180ms linear;\r
+}\r
+\r
+body[data-liang-skin="on"] .liang-skin-backdrop {\r
+  opacity: 1;\r
+}\r
+\r
+.liang-skin-backdrop video,\r
+.liang-skin-backdrop img {\r
+  position: absolute;\r
+  top: 50%;\r
+  right: 0;\r
+  display: block;\r
+  width: min(42vw, 720px);\r
+  height: 100vh;\r
+  object-fit: cover;\r
+  object-position: 50% 42%;\r
+  opacity: var(--liang-portrait-opacity, 0.45);\r
+  transform: translateY(-50%);\r
+  filter: none;\r
+  mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 20%) 10%, black 30%, black 100%);\r
+  transition: filter 180ms linear;\r
+}\r
+\r
+.liang-skin-backdrop img {\r
+  display: none;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="sequence"] video,\r
+.liang-skin-backdrop[data-media="sequence"] .liang-skin-poster {\r
+  display: none;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="sequence"] .liang-skin-sequence-frame {\r
+  display: block;\r
+  /* Crossfade layers: inactive sits transparent and slightly enlarged, the\r
+     active one eases back to a calm 1:1. Dragging swaps fast so the preview\r
+     stays glued to the pointer; settling swaps slow for a gentle landing. */\r
+  opacity: 0;\r
+  transform: translateY(-50%) scale(1.018);\r
+  transition:\r
+    opacity 120ms ease-out,\r
+    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);\r
+  will-change: opacity, transform;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="sequence"] .liang-skin-sequence-frame.is-active {\r
+  opacity: var(--liang-portrait-opacity, 0.82);\r
+  transform: translateY(-50%) scale(1);\r
+}\r
+\r
+.liang-skin-backdrop[data-crossfade="slow"] .liang-skin-sequence-frame {\r
+  transition-duration: 340ms, 520ms;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="video"] .liang-skin-sequence-frame,\r
+.liang-skin-backdrop[data-media="video"] .liang-skin-poster {\r
+  display: none;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="poster"] video,\r
+.liang-skin-backdrop[data-media="poster"] .liang-skin-sequence-frame {\r
+  display: none;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="poster"] .liang-skin-poster {\r
+  display: block;\r
+}\r
+\r
+.liang-skin-backdrop[data-media="color"] video,\r
+.liang-skin-backdrop[data-media="color"] img {\r
+  display: none;\r
+}\r
+\r
+.liang-skin-backdrop::after {\r
+  position: absolute;\r
+  inset: 0;\r
+  content: "";\r
+  background: linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%);\r
+}\r
+\r
+body[data-liang-skin="on"] {\r
+  --dsw-alias-bg-base: var(--liang-bg-base) !important;\r
+  --dsw-alias-bg-layer-1: var(--liang-layer-1) !important;\r
+  --dsw-alias-bg-layer-2: var(--liang-layer-2) !important;\r
+  --dsw-alias-bg-layer-3: var(--liang-layer-3) !important;\r
+  --dsw-specific-sidebar-fill: var(--liang-sidebar) !important;\r
+  --dsw-alias-label-primary: var(--liang-ink) !important;\r
+  --dsw-alias-label-primary-dimmed: var(--liang-ink) !important;\r
+  --dsw-alias-label-secondary: var(--liang-secondary) !important;\r
+  --dsw-alias-label-tertiary: var(--liang-tertiary) !important;\r
+  --dsw-alias-label-caption: var(--liang-tertiary) !important;\r
+  --dsw-alias-border-l1: var(--liang-border) !important;\r
+  --dsw-alias-border-l2-darkmode-thin: var(--liang-border) !important;\r
+  --dsw-alias-border-l2: var(--liang-border) !important;\r
+  --dsw-alias-border-l3: var(--liang-border) !important;\r
+  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\r
+  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\r
+  --dsw-alias-button-info-fill: var(--liang-accent) !important;\r
+  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\r
+  --dsw-alias-state-business-primary: var(--liang-accent) !important;\r
+  --dsw-alias-interactive-bg-hover: var(--liang-hover) !important;\r
+  --dsw-alias-interactive-bg-active: var(--liang-hover) !important;\r
+  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\r
+  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\r
+  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\r
+  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\r
+  --dsw-specific-bubble: var(--liang-layer-2) !important;\r
+  --dsw-specific-input-major: var(--liang-layer-1) !important;\r
+  --dsw-specific-menu: var(--liang-layer-3) !important;\r
+  --dsw-specific-selector: var(--liang-layer-2) !important;\r
+  --dsw-alias-markdown-citation: var(--liang-layer-2) !important;\r
+  --dsw-alias-markdown-code-block-banner: var(--liang-layer-1) !important;\r
+  --dsw-alias-markdown-code-block: var(--liang-layer-1) !important;\r
+  --dsw-alias-markdown-code-segment-selected: var(--liang-layer-2) !important;\r
+  --dsw-alias-markdown-code-segment-unselected: var(--liang-layer-1) !important;\r
+  --dsw-alias-markdown-inline-code: var(--liang-layer-2) !important;\r
+  --dsw-alias-markdown-placeholder: var(--liang-layer-1) !important;\r
+  --dsw-alias-markdown-tag: var(--liang-layer-2) !important;\r
+  background: var(--liang-page) !important;\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) {\r
+  --dsw-alias-brand-primary-new-colorprimary-new-color: rgb(65 118 230) !important;\r
+  --dsw-alias-brand-primary: rgb(15 17 21) !important;\r
+  --dsw-alias-brand-text: rgb(15 17 21) !important;\r
+  --dsw-alias-button-primary-fill: rgb(15 17 21) !important;\r
+  --dsw-alias-button-primary-hover: rgb(53 54 56) !important;\r
+  --dsw-alias-button-info-fill: rgb(65 118 230) !important;\r
+  --dsw-alias-button-info-hover: rgb(103 158 254) !important;\r
+  --dsw-alias-state-business-primary: rgb(65 118 230) !important;\r
+  --dsw-alias-label-primary-inverted: rgb(249 250 251) !important;\r
+  --dsw-alias-button-elevated-fill: rgb(255 255 255) !important;\r
+  --dsw-alias-button-floating-fill: rgb(255 255 255) !important;\r
+  --dsw-alias-button-floating-hover: rgb(241 243 245) !important;\r
+  --dsw-alias-interactive-bg-hover-solid: rgb(241 243 245) !important;\r
+  --dsw-specific-bubble: rgb(237 243 254) !important;\r
+  --dsw-specific-input-major: rgb(255 255 255) !important;\r
+  --dsw-specific-menu: rgb(255 255 255) !important;\r
+  --dsw-specific-selector: rgb(245 246 247) !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] {\r
+  --dsw-alias-brand-primary-new-colorprimary-new-color: #c19a49 !important;\r
+  --dsw-alias-brand-primary: #c19a49 !important;\r
+  --dsw-alias-brand-text: #d5b56e !important;\r
+  --dsw-alias-button-info-fill: #c19a49 !important;\r
+  --dsw-alias-button-info-hover: #d5b56e !important;\r
+  --dsw-alias-state-business-primary: #c19a49 !important;\r
+  --dsw-alias-bg-module-platform: var(--liang-layer-3) !important;\r
+  --dsw-specific-sidebar-nav-item-active: var(--liang-layer-3) !important;\r
+  --dsw-specific-sidebar-nav-item-hover: var(--liang-hover) !important;\r
+}\r
+\r
+/* The low-intensity skin is light by default, but it must not turn a dark\r
+   Harness document into a light surface. Keep the skin's portrait progression\r
+   while switching the shared UI layers back to a readable charcoal palette. */\r
+body[data-liang-skin="on"][data-ds-dark-theme]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) {\r
+  --liang-page: rgb(17 17 17) !important;\r
+  --liang-bg-base: rgb(17 17 17 / 42%) !important;\r
+  --liang-layer-1: rgb(30 27 25 / 94%) !important;\r
+  --liang-layer-2: rgb(41 35 30 / 96%) !important;\r
+  --liang-layer-3: rgb(41 35 30 / 99%) !important;\r
+  --liang-sidebar: rgb(23 20 18 / 96%) !important;\r
+  --liang-ink: rgb(244 241 232) !important;\r
+  --liang-secondary: rgb(184 180 169) !important;\r
+  --liang-tertiary: rgb(137 134 126) !important;\r
+  --liang-border: rgb(244 241 232 / 15%) !important;\r
+  --liang-hover: rgb(244 241 232 / 9%) !important;\r
+  --dsw-alias-brand-primary: var(--liang-accent) !important;\r
+  --dsw-alias-brand-text: var(--liang-accent) !important;\r
+  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\r
+  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\r
+  --dsw-alias-button-info-fill: var(--liang-accent) !important;\r
+  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\r
+  --dsw-alias-state-business-primary: var(--liang-accent) !important;\r
+  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\r
+  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\r
+  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\r
+  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\r
+  --dsw-specific-bubble: var(--liang-layer-2) !important;\r
+  --dsw-specific-input-major: var(--liang-layer-1) !important;\r
+  --dsw-specific-menu: var(--liang-layer-3) !important;\r
+  --dsw-specific-selector: var(--liang-layer-2) !important;\r
+  background: var(--liang-page) !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-ds-dark-theme]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) .liang-skin-backdrop {\r
+  background: var(--liang-page) !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-ds-dark-theme]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) .liang-skin-backdrop::after {\r
+  background: linear-gradient(90deg, var(--liang-page) 0 28%, transparent 57% 100%);\r
+}\r
+\r
+/* The host renders the running-turn label as a clipped blue text gradient.\r
+   Retarget only that gradient's color tokens in the custom dark skin; keep\r
+   the host's text clipping and shimmer behavior, and leave light mode alone. */\r
+body[data-liang-skin="on"][data-liang-stage="5"] [class*="_turnStatus"] {\r
+  --dsw-static-deepseek-500: #c19a49 !important;\r
+  --dsw-static-deepseek-200: #d5b56e !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] [class*="_turnStatusClock"] {\r
+  color: #c19a49 !important;\r
+  -webkit-text-fill-color: #c19a49 !important;\r
+}\r
+\r
+/* Preserve the wordmark badge contrast in the low-intensity shell. */\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > rect[width="52"] {\r
+  fill: rgb(15 17 21) !important;\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > g[clip-path*="badge"] path {\r
+  fill: rgb(249 250 251) !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > rect[width="52"] {\r
+  fill: #c19a49 !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u65B0\u5EFA\u4F1A\u8BDD"] svg[viewBox="0 0 182 24"] > g[clip-path*="badge"] path {\r
+  fill: #171816 !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] [aria-label^="\u9009\u62E9\u6A21\u578B"] > span:nth-of-type(2) {\r
+  color: #d5b56e !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] [class*="heroGlow"] ellipse {\r
+  fill: #c19a49 !important;\r
+  fill-opacity: 0.16 !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] span[class*="_previewBadge"] {\r
+  color: #171816 !important;\r
+  background: #c19a49 !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u53D1\u9001\u6D88\u606F"] {\r
+  color: #171816 !important;\r
+}\r
+\r
+body[data-liang-skin="on"][data-liang-stage="5"] button[aria-label="\u53D1\u9001\u6D88\u606F"]:disabled {\r
+  opacity: 0.62;\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) button[aria-label="\u53D1\u9001\u6D88\u606F"] {\r
+  color: #fff !important;\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) button[aria-label="\u53D1\u9001\u6D88\u606F"]:disabled {\r
+  color: rgb(255 255 255 / 92%) !important;\r
+  background: rgb(65 118 230 / 42%) !important;\r
+  opacity: 1;\r
+}\r
+\r
+body[data-liang-skin="on"] > #root {\r
+  position: relative;\r
+  z-index: 1;\r
+  background: transparent !important;\r
+}\r
+\r
+body[data-liang-skin="on"] button,\r
+body[data-liang-skin="on"] input,\r
+body[data-liang-skin="on"] textarea {\r
+  transition: color 160ms linear, background-color 160ms linear, border-color 160ms linear;\r
+}\r
+\r
+/* The composer card has a native theme-mode fill, so keep its surface and\r
+   readable ink aligned with the active Liang palette. */\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) [data-composer-card="true"] {\r
+  border-color: var(--liang-border) !important;\r
+  color: var(--liang-ink) !important;\r
+  background: var(--liang-layer-1) !important;\r
+  box-shadow: 0 8px 28px rgb(20 22 20 / 8%);\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) [data-composer-card="true"] :is(textarea, button, [data-input-mirror="true"]) {\r
+  color: var(--liang-ink) !important;\r
+  caret-color: var(--liang-accent) !important;\r
+}\r
+\r
+body[data-liang-skin="on"]:is(\r
+  [data-liang-stage="0"],\r
+  [data-liang-stage="1"],\r
+  [data-liang-stage="2"],\r
+  [data-liang-stage="3"]\r
+) [data-composer-card="true"] textarea::placeholder {\r
+  color: var(--liang-tertiary) !important;\r
+  opacity: 1;\r
+}\r
+\r
+.liang-effort-control {\r
+  --liang-control-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);\r
+  --liang-control-rail: var(--dsw-alias-border-l3, rgb(0 0 0 / 16%));\r
+  position: relative;\r
+  display: flex;\r
+  /* Fixed footprint: the native model seat to the right changes its label\r
+     width when the reasoning effort changes, which reflows the trailing flex\r
+     row. Pin this control's own size so it never contributes to that shift\r
+     (absolute position is additionally locked during interaction in JS). */\r
+  flex: 0 0 124px;\r
+  width: 124px;\r
+  min-width: 124px;\r
+  max-width: 124px;\r
+  height: 28px;\r
+  align-items: center;\r
+  margin: 0 3px;\r
+  overflow: visible;\r
+}\r
+\r
+body[data-liang-skin="on"] .liang-effort-control {\r
+  --liang-control-accent: var(--liang-secondary);\r
+  --liang-control-rail: color-mix(in srgb, var(--liang-secondary) 28%, transparent);\r
+}\r
+\r
+/* The native model seat (composer input.model) widens with the effort label\r
+   text; give it a stable footprint under the Liang skin so switching effort\r
+   never reflows the slider out of position. The label ellipsizes instead.\r
+   Button-scoped on purpose: the inner label/effort spans also contain this\r
+   class substring and must never be sized (sizing them pushed the effort text\r
+   out of the button, splitting the model+effort pair apart). */\r
+body[data-liang-skin="on"] button[class*="_7KE1Ra_trigger"] {\r
+  box-sizing: border-box;\r
+  width: 180px;\r
+  min-width: 180px;\r
+  max-width: 180px;\r
+}\r
+\r
+.liang-effort-control__ticks {\r
+  position: absolute;\r
+  z-index: 0;\r
+  inset: 0 10px;\r
+  pointer-events: none;\r
+}\r
+\r
+.liang-effort-control__ticks::before {\r
+  position: absolute;\r
+  top: 50%;\r
+  right: 0;\r
+  left: 0;\r
+  height: 1px;\r
+  content: "";\r
+  background: var(--liang-control-rail);\r
+  transform: translateY(-50%);\r
+}\r
+\r
+.liang-effort-control__tooltip {\r
+  position: absolute;\r
+  z-index: 4;\r
+  bottom: calc(100% + 7px);\r
+  left: calc(10px + (100% - 20px) * var(--liang-slider-ratio));\r
+  min-width: max-content;\r
+  padding: 5px 8px;\r
+  border: 1px solid var(--liang-border, rgb(0 0 0 / 12%));\r
+  border-radius: 7px;\r
+  color: var(--liang-ink, #171816);\r
+  background: var(--liang-layer-1, #fff);\r
+  box-shadow: 0 5px 16px rgb(0 0 0 / 16%);\r
+  font-size: 11px;\r
+  font-weight: 600;\r
+  line-height: 16px;\r
+  letter-spacing: 0.01em;\r
+  pointer-events: none;\r
+  transform: translateX(-50%);\r
+  white-space: nowrap;\r
+}\r
+\r
+.liang-effort-control__tooltip::after {\r
+  position: absolute;\r
+  top: 100%;\r
+  left: 50%;\r
+  width: 7px;\r
+  height: 7px;\r
+  content: "";\r
+  background: inherit;\r
+  transform: translate(-50%, -4px) rotate(45deg);\r
+}\r
+\r
+.liang-effort-control__tick {\r
+  position: absolute;\r
+  top: 50%;\r
+  width: 1px;\r
+  height: 7px;\r
+  background: var(--liang-control-accent);\r
+  opacity: 0.42;\r
+  transform: translate(-50%, -50%);\r
+}\r
+\r
+.liang-effort-control__range {\r
+  position: relative;\r
+  z-index: 1;\r
+  width: calc(100% - 7px);\r
+  height: 28px;\r
+  margin: 0 3.5px;\r
+  /* Branded pointer (centered hotspot baked into the .cur); fall back to the\r
+     native resize cursor if the asset fails to load. */\r
+  cursor: url("/plugins/dsh-client-liang-intensity-skin/assets/liang-cursor.cur") 16 16, ew-resize;\r
+  appearance: none;\r
+  background: transparent;\r
+  touch-action: pan-y;\r
+}\r
+\r
+.liang-effort-control__range:disabled {\r
+  cursor: progress;\r
+  opacity: 0.58;\r
+}\r
+\r
+.liang-effort-control__range::-webkit-slider-runnable-track {\r
+  height: 1px;\r
+  border-radius: 1px;\r
+  background: transparent;\r
+}\r
+\r
+.liang-effort-control__range::-webkit-slider-thumb {\r
+  width: 13px;\r
+  height: 13px;\r
+  margin-top: -6px;\r
+  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r
+  border-radius: 50%;\r
+  appearance: none;\r
+  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--dsw-alias-bg-layer-1, #fff)) 2.5px);\r
+  box-shadow: 0 1px 4px rgb(0 0 0 / 14%);\r
+}\r
+\r
+body[data-liang-skin="on"] .liang-effort-control__range::-webkit-slider-thumb {\r
+  width: 13px;\r
+  height: 13px;\r
+  margin-top: -6px;\r
+  border-color: color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r
+  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--liang-layer-1)) 2.5px);\r
+}\r
+\r
+.liang-effort-control__range::-moz-range-track {\r
+  height: 1px;\r
+  background: transparent;\r
+}\r
+\r
+.liang-effort-control__range::-moz-range-progress {\r
+  height: 1px;\r
+  background: transparent;\r
+}\r
+\r
+.liang-effort-control__range::-moz-range-thumb {\r
+  width: 11px;\r
+  height: 11px;\r
+  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r
+  border-radius: 50%;\r
+  background: color-mix(in srgb, var(--liang-control-accent) 24%, var(--dsw-alias-bg-layer-1, #fff));\r
+}\r
+\r
+.liang-effort-control__range:focus-visible {\r
+  outline: none;\r
+}\r
+\r
+.liang-effort-control[data-state="error"] {\r
+  --liang-control-accent: var(--dsw-alias-state-error-primary, #e43c3c);\r
+}\r
+\r
+.liang-appearance-choice {\r
+  box-sizing: border-box;\r
+  border: 1px solid var(--dsw-alias-border-l2);\r
+  flex: 180px;\r
+  flex-direction: column;\r
+  justify-content: center;\r
+  align-items: center;\r
+  gap: 4px;\r
+  padding: 20px 32px;\r
+  border-radius: 16px;\r
+  font: inherit;\r
+  color: var(--dsw-alias-label-primary);\r
+  cursor: pointer;\r
+  background: transparent;\r
+  font-size: 14px;\r
+  line-height: 22px;\r
+  display: flex;\r
+}\r
+\r
+[class*="_8HJdBW_cubeRow"]:has(.liang-appearance-choice) {\r
+  display: grid;\r
+  grid-template-columns: repeat(4, minmax(0, 1fr));\r
+}\r
+\r
+.liang-appearance-choice:hover:not([aria-pressed="true"]) {\r
+  background: var(--dsw-alias-interactive-bg-hover);\r
+}\r
+\r
+.liang-appearance-choice[aria-pressed="true"] {\r
+  border-color: var(--dsw-static-neutral-bluish-400);\r
+  background: var(--dsw-alias-bg-module-platform);\r
+}\r
+\r
+.liang-appearance-choice__icon {\r
+  display: block;\r
+  flex: 0 0 16px;\r
+  width: 16px;\r
+  height: 16px;\r
+  color: currentColor;\r
+  font-size: 16px;\r
+  line-height: 16px;\r
+}\r
+\r
+.liang-appearance-choice__label {\r
+  display: block;\r
+}\r
+\r
+/* Keep the host's three theme cubes untouched. These rules only style the\r
+   fourth button that is appended to the host cube row. */\r
+.liang-appearance-choice:disabled {\r
+  cursor: progress;\r
+  opacity: 0.7;\r
+}\r
+\r
+.liang-appearance-binding {\r
+  box-sizing: border-box;\r
+  display: flex;\r
+  width: 100%;\r
+  min-height: 28px;\r
+  align-items: center;\r
+  justify-content: space-between;\r
+  gap: 16px;\r
+  padding: 4px 0 0;\r
+  color: var(--dsw-alias-label-primary);\r
+  font: inherit;\r
+  font-size: 14px;\r
+  line-height: 22px;\r
+  cursor: pointer;\r
+}\r
+\r
+.liang-appearance-binding__label {\r
+  display: block;\r
+  min-width: 0;\r
+  overflow: hidden;\r
+  text-overflow: ellipsis;\r
+  white-space: nowrap;\r
+}\r
+\r
+.liang-appearance-binding__copy {\r
+  display: flex;\r
+  min-width: 0;\r
+  flex-direction: column;\r
+  gap: 1px;\r
+}\r
+\r
+.liang-appearance-binding__description {\r
+  display: block;\r
+  overflow: hidden;\r
+  color: var(--dsw-alias-label-secondary);\r
+  font-size: 12px;\r
+  line-height: 18px;\r
+  text-overflow: ellipsis;\r
+  white-space: nowrap;\r
+}\r
+\r
+.liang-appearance-binding__input {\r
+  position: relative;\r
+  flex: 0 0 36px;\r
+  width: 36px;\r
+  height: 20px;\r
+  margin: 0;\r
+  border: 1px solid var(--dsw-alias-border-l2);\r
+  border-radius: 999px;\r
+  outline: none;\r
+  cursor: pointer;\r
+  appearance: none;\r
+  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-module-platform));\r
+}\r
+\r
+.liang-appearance-binding__input::before {\r
+  position: absolute;\r
+  top: 2px;\r
+  left: 2px;\r
+  width: 14px;\r
+  height: 14px;\r
+  border-radius: 50%;\r
+  content: "";\r
+  background: var(--dsw-alias-label-primary);\r
+  box-shadow: 0 1px 3px rgb(0 0 0 / 18%);\r
+  transition: transform 160ms ease, background-color 160ms ease;\r
+}\r
+\r
+.liang-appearance-binding__input:checked {\r
+  border-color: var(--dsw-static-neutral-bluish-400);\r
+  background: var(--dsw-static-neutral-bluish-400);\r
+}\r
+\r
+.liang-appearance-binding__input:checked::before {\r
+  background: var(--dsw-alias-bg-layer-1, #fff);\r
+  transform: translateX(16px);\r
+}\r
+\r
+.liang-appearance-binding__input:focus-visible {\r
+  box-shadow: 0 0 0 2px var(--dsw-alias-interactive-bg-hover);\r
+}\r
+\r
+.liang-appearance-binding__input:disabled {\r
+  cursor: progress;\r
+  opacity: 0.7;\r
+}\r
+\r
+@media (max-width: 760px) {\r
+  .liang-effort-control {\r
+    flex-basis: 92px;\r
+    width: 92px;\r
+    min-width: 92px;\r
+    max-width: 92px;\r
+  }\r
+\r
+  .liang-skin-backdrop video,\r
+  .liang-skin-backdrop img {\r
+    right: -18vw;\r
+    width: 92vw;\r
+    opacity: calc(var(--liang-portrait-opacity, 0.45) * 0.72);\r
+  }\r
+\r
+}\r
+\r
+@media (prefers-reduced-motion: reduce) {\r
+  .liang-skin-backdrop,\r
+  .liang-skin-backdrop video,\r
+  .liang-skin-backdrop img,\r
+  .liang-skin-backdrop .liang-skin-sequence-frame,\r
+  body[data-liang-skin="on"] button,\r
+  body[data-liang-skin="on"] input,\r
+  body[data-liang-skin="on"] textarea {\r
+    transition: none;\r
+  }\r
+}\r
 `;
 
 // src/client/logic.ts
@@ -825,6 +868,7 @@ var PORTRAIT_ANCHORS = [
   { level: 29, file: "level-29.png" },
   { level: 30, file: "stage-30.png" }
 ];
+var ANCHOR_LEVELS = PORTRAIT_ANCHORS.map((anchor) => anchor.level);
 var cssVariables = [
   "--liang-strength",
   "--liang-page",
@@ -848,13 +892,16 @@ var SkinPresenter = class {
   root;
   video;
   poster;
-  portrait;
+  frames;
   preloads;
   enabled = true;
   // Default to the max frame so the first paint after load is the dark shell;
   // starting at 0 flashed the light palette before the directory resolved.
   frame = PREVIEW_MAX_FRAME;
   pendingFrame = PREVIEW_MAX_FRAME;
+  pendingMode = "settle";
+  activeFrame = 0;
+  pendingSource = null;
   raf = 0;
   disposed = false;
   unsubscribe;
@@ -865,6 +912,7 @@ var SkinPresenter = class {
     this.root.className = "liang-skin-backdrop";
     this.root.dataset.plugin = PACKAGE_ID;
     this.root.dataset.media = "sequence";
+    this.root.dataset.crossfade = "slow";
     this.root.setAttribute("aria-hidden", "true");
     this.video = document.createElement("video");
     this.video.muted = true;
@@ -881,17 +929,24 @@ var SkinPresenter = class {
     this.poster.className = "liang-skin-poster";
     this.poster.src = `${ASSET_PREFIX}/liang-poster.png`;
     this.poster.alt = "";
-    this.portrait = document.createElement("img");
-    this.portrait.className = "liang-skin-sequence-frame";
-    this.portrait.alt = "";
-    this.portrait.draggable = false;
-    this.portrait.addEventListener("error", this.handleSequenceError);
+    this.frames = [];
+    for (let index = 0; index < 2; index += 1) {
+      const image = document.createElement("img");
+      image.className = "liang-skin-sequence-frame";
+      image.alt = "";
+      image.draggable = false;
+      image.decoding = "async";
+      image.addEventListener("error", this.handleSequenceError);
+      image.addEventListener("load", () => this.handleFrameLoaded(image));
+      this.frames.push(image);
+    }
     this.preloads = PORTRAIT_ANCHORS.map(({ file }) => {
       const image = new Image();
+      image.decoding = "async";
       image.src = `${ASSET_PREFIX}/portrait-source-v2/${file}`;
       return image;
     });
-    this.root.append(this.video, this.portrait, this.poster);
+    this.root.append(this.video, this.frames[0], this.frames[1], this.poster);
     document.body.prepend(this.root);
     this.video.addEventListener("loadedmetadata", this.handleMetadata);
     this.video.addEventListener("error", this.handleVideoError);
@@ -934,9 +989,10 @@ var SkinPresenter = class {
       for (const name of cssVariables) document.body.style.removeProperty(name);
     }
   }
-  setFrame(frame) {
+  setFrame(frame, mode = "drag") {
     this.pendingFrame = Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(frame)));
     this.frame = this.pendingFrame;
+    this.pendingMode = mode;
     if (!this.enabled) return;
     if (this.raf !== 0) return;
     this.raf = requestAnimationFrame(() => {
@@ -965,23 +1021,48 @@ var SkinPresenter = class {
     body.style.setProperty("--liang-accent-hover", palette.accentHover);
     body.style.setProperty("--liang-hover", palette.hover);
     body.style.setProperty("--liang-portrait-opacity", palette.portraitOpacity);
+    this.root.dataset.crossfade = this.pendingMode === "settle" ? "slow" : "fast";
     this.updatePortrait(palette.level);
-    this.seek(this.frame);
+    if (this.root.dataset.media === "video") this.seek(this.frame);
   }
   syncNativeTheme(theme = paletteForFrame(this.frame).stage === 5 ? "dark" : "light") {
     if (!this.enabled || this.theme.getTheme().preference === theme) return;
     this.theme.setTheme(theme);
   }
   updatePortrait(level) {
+    if (this.root.dataset.media !== "sequence") return;
     const { lowerIndex, upperIndex, mix: mix2 } = portraitBlendForLevel(
       level,
-      PORTRAIT_ANCHORS.map((anchor) => anchor.level)
+      ANCHOR_LEVELS
     );
     const lower = PORTRAIT_ANCHORS[lowerIndex];
     const upper = PORTRAIT_ANCHORS[upperIndex];
     const selected = mix2 >= 0.5 ? upper : lower;
     const source = `${ASSET_PREFIX}/portrait-source-v2/${selected.file}`;
-    if (this.portrait.getAttribute("src") !== source) this.portrait.src = source;
+    const active = this.frames[this.activeFrame];
+    if (active.getAttribute("src") === source) {
+      this.pendingSource = null;
+      return;
+    }
+    if (this.pendingSource === source) return;
+    const standbyIndex = 1 - this.activeFrame;
+    const standby = this.frames[standbyIndex];
+    this.pendingSource = source;
+    if (standby.getAttribute("src") !== source) standby.src = source;
+    if (standby.complete && standby.naturalWidth > 0) {
+      this.activate(standbyIndex);
+    }
+  }
+  handleFrameLoaded = (image) => {
+    if (this.pendingSource === null || image.getAttribute("src") !== this.pendingSource) return;
+    this.activate(this.frames.indexOf(image));
+  };
+  activate(index) {
+    if (index < 0 || index === this.activeFrame) return;
+    this.frames[this.activeFrame].classList.remove("is-active");
+    this.activeFrame = index;
+    this.frames[index].classList.add("is-active");
+    this.pendingSource = null;
   }
   seek(frame) {
     if (this.video.readyState < 1 || this.video.duration === 0) return;
@@ -1006,7 +1087,10 @@ var SkinPresenter = class {
     this.video.pause();
     this.video.removeEventListener("loadedmetadata", this.handleMetadata);
     this.video.removeEventListener("error", this.handleVideoError);
-    this.portrait.removeEventListener("error", this.handleSequenceError);
+    for (const image of this.frames) {
+      image.removeEventListener("error", this.handleSequenceError);
+      image.src = "";
+    }
     this.poster.removeEventListener("error", this.handlePosterError);
     for (const image of this.preloads) image.src = "";
     this.root.remove();
@@ -1051,6 +1135,13 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }) {
   const [interacting, setInteracting] = (0, import_react.useState)(false);
   const dragging = (0, import_react.useRef)(false);
   const dragStartFrame = (0, import_react.useRef)(frame);
+  const rootRef = (0, import_react.useRef)(null);
+  const interactionArmed = (0, import_react.useRef)(false);
+  const dragStartCommittedId = (0, import_react.useRef)(void 0);
+  const dragStartCurrent = (0, import_react.useRef)(null);
+  const previewSyncedId = (0, import_react.useRef)(void 0);
+  const lockRaf = (0, import_react.useRef)(0);
+  const lockBaseLeft = (0, import_react.useRef)(null);
   const enabled = skin.enabled;
   (0, import_react.useEffect)(() => {
     if (enabled) load();
@@ -1058,29 +1149,93 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }) {
   (0, import_react.useEffect)(() => {
     if (!bindEffort || dragging.current || pending) return;
     setFrame(committedFrame);
-    presenter.setFrame(committedFrame);
+    presenter.setFrame(committedFrame, "settle");
   }, [bindEffort, committedFrame, pending, presenter]);
+  const locked = interacting || pending;
+  (0, import_react.useEffect)(() => {
+    if (!locked) return;
+    const root = rootRef.current;
+    if (root === null) return;
+    root.style.transition = "";
+    root.style.willChange = "transform";
+    lockBaseLeft.current = root.getBoundingClientRect().left;
+    const step = () => {
+      lockRaf.current = requestAnimationFrame(step);
+      const base = lockBaseLeft.current;
+      if (base === null) return;
+      const drift = base - root.getBoundingClientRect().left;
+      if (Math.abs(drift) > 0.5) {
+        root.style.transform = `translateX(${drift.toFixed(2)}px)`;
+      }
+    };
+    lockRaf.current = requestAnimationFrame(step);
+    return () => {
+      cancelAnimationFrame(lockRaf.current);
+      lockRaf.current = 0;
+      root.style.transition = "transform 200ms ease-out";
+      root.style.transform = "";
+      window.setTimeout(() => {
+        root.style.transition = "";
+        root.style.willChange = "";
+      }, 220);
+      lockBaseLeft.current = null;
+    };
+  }, [locked]);
   if (!enabled) return null;
   if (bindEffort && (reasoning === null || efforts.length < 2)) return null;
   const previewIndex = nearestEffortIndex(frame, efforts);
   const previewEffort = efforts[previewIndex];
   const progressRatio = frame / PREVIEW_MAX_FRAME;
   const tooltipLabel = indicatorLabel(frame, bindEffort ? efforts : []);
+  const beginInteraction = () => {
+    if (interactionArmed.current) return;
+    interactionArmed.current = true;
+    dragging.current = true;
+    dragStartFrame.current = frame;
+    const snapshot = directory.getSnapshot();
+    dragStartCurrent.current = snapshot.current;
+    const snapshotReasoning = modelReasoning(snapshot);
+    dragStartCommittedId.current = snapshotReasoning?.selection.reasoningEffort ?? snapshotReasoning?.defaultEffort;
+    previewSyncedId.current = void 0;
+  };
+  const restorePreviewSync = () => {
+    const original = dragStartCurrent.current;
+    if (original === null || previewSyncedId.current === void 0) return;
+    directory.store.update((draft) => {
+      draft.current = original;
+    });
+    previewSyncedId.current = void 0;
+  };
+  const cancelInteraction = () => {
+    setInteracting(false);
+    interactionArmed.current = false;
+    dragging.current = false;
+    setFrame(dragStartFrame.current);
+    presenter.setFrame(dragStartFrame.current, "settle");
+    restorePreviewSync();
+  };
   const commit = async (rawFrame) => {
+    interactionArmed.current = false;
+    dragging.current = false;
     if (!bindEffort) {
-      dragging.current = false;
       setFrame(rawFrame);
-      presenter.setFrame(rawFrame);
+      presenter.setFrame(rawFrame, "settle");
       return;
     }
     const targetIndex = nearestEffortIndex(rawFrame, efforts);
     const target = efforts[targetIndex];
-    if (target === void 0) return;
+    if (target === void 0) {
+      restorePreviewSync();
+      return;
+    }
     const targetFrame = frameForEffort(targetIndex, efforts.length);
-    dragging.current = false;
     setFrame(targetFrame);
-    presenter.setFrame(targetFrame);
-    if (targetIndex === committedIndex || pending) return;
+    presenter.setFrame(targetFrame, "settle");
+    if (target.id === dragStartCommittedId.current) {
+      restorePreviewSync();
+      return;
+    }
+    if (pending) return;
     setPending(true);
     setFailed(false);
     const accepted = await select({
@@ -1091,13 +1246,23 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }) {
     setPending(false);
     if (!accepted) {
       setFailed(true);
-      setFrame(committedFrame);
-      presenter.setFrame(committedFrame);
+      restorePreviewSync();
+      const rollbackIndex = selectedEffortIndex(
+        efforts,
+        dragStartCommittedId.current,
+        void 0
+      );
+      const rollbackFrame = rollbackIndex < 0 ? PREVIEW_MAX_FRAME : frameForEffort(rollbackIndex, efforts.length);
+      setFrame(rollbackFrame);
+      presenter.setFrame(rollbackFrame, "settle");
+    } else {
+      previewSyncedId.current = void 0;
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
+      ref: rootRef,
       className: "liang-effort-control",
       "data-plugin": PACKAGE_ID,
       "data-state": failed ? "error" : pending ? "pending" : "ready",
@@ -1132,25 +1297,31 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }) {
             "aria-label": bindEffort ? "\u601D\u8003\u7B49\u7EA7" : "\u76AE\u80A4\u8FDB\u5EA6",
             "aria-valuetext": bindEffort ? previewEffort?.name ?? "" : tooltipLabel,
             onPointerDown: () => {
-              dragging.current = true;
-              dragStartFrame.current = frame;
+              beginInteraction();
               setInteracting(true);
             },
             onInput: (event) => {
               dragging.current = true;
               const next = Number(event.currentTarget.value);
               setFrame(next);
-              presenter.setFrame(next);
+              presenter.setFrame(next, "drag");
+              if (!bindEffort || reasoning === null) return;
+              const index = nearestEffortIndex(next, efforts);
+              const effort = efforts[index];
+              if (effort === void 0 || effort.id === previewSyncedId.current) return;
+              previewSyncedId.current = effort.id;
+              directory.store.update((draft) => {
+                const current = draft.current;
+                if (current === null || current.provider !== reasoning.selection.provider || current.model !== reasoning.selection.model) return;
+                current.reasoningEffort = effort.id;
+              });
             },
             onPointerUp: (event) => {
               setInteracting(false);
               void commit(Number(event.currentTarget.value));
             },
             onPointerCancel: () => {
-              setInteracting(false);
-              dragging.current = false;
-              setFrame(dragStartFrame.current);
-              presenter.setFrame(dragStartFrame.current);
+              cancelInteraction();
             },
             onKeyUp: (event) => {
               setInteracting(false);
@@ -1162,11 +1333,9 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }) {
             },
             onKeyDown: (event) => {
               setInteracting(true);
+              beginInteraction();
               if (event.key === "Escape" && !pending) {
-                setInteracting(false);
-                dragging.current = false;
-                setFrame(dragStartFrame.current);
-                presenter.setFrame(dragStartFrame.current);
+                cancelInteraction();
               }
             }
           }
diff --git a/lib/client.js.map b/lib/client.js.map
index a2342f4..5156dce 100644
--- a/lib/client.js.map
+++ b/lib/client.js.map
@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/client/index.tsx", "../src/client/skin.css", "../src/client/logic.ts"],
-  "sourcesContent": ["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport type { ClientContext, SnapshotStore } from \"@deepseek-ai/dsh-client-runtime/client\";\nimport type {} from \"@deepseek-ai/dsh-client-ui-conversation/client\";\nimport type {} from \"@deepseek-ai/dsh-client-ui-settings/client\";\nimport type {} from \"@deepseek-ai/dsh-client-ui-model-selection/client\";\nimport styles from \"./skin.css\";\nimport {\n  PREVIEW_MAX_FRAME,\n  frameForEffort,\n  indicatorLabel,\n  nearestEffortIndex,\n  paletteForFrame,\n  portraitBlendForLevel,\n  selectedEffortIndex,\n  type EffortLike,\n} from \"./logic\";\n\nconst PACKAGE_ID = \"dsh-client-liang-intensity-skin\";\nconst LOCALE_NAMESPACE = \"liang.skin\";\nconst ASSET_PREFIX = `/plugins/${PACKAGE_ID}/assets`;\nconst VIDEO_DURATION = 8.033;\nconst BIND_EFFORT_KEY = \"dsh-liang-intensity-skin.bind-effort\";\n\nconst PORTRAIT_ANCHORS = [\n  { level: 0, file: \"stage-00.png\" },\n  { level: 1, file: \"level-01.png\" },\n  { level: 3, file: \"level-03.png\" },\n  { level: 4, file: \"level-04.png\" },\n  { level: 6, file: \"stage-06.png\" },\n  { level: 7, file: \"level-07.png\" },\n  { level: 9, file: \"level-09.png\" },\n  { level: 10, file: \"level-10.png\" },\n  { level: 12, file: \"stage-12.png\" },\n  { level: 13, file: \"level-13.png\" },\n  { level: 14, file: \"level-14.png\" },\n  { level: 15, file: \"bridge-15.png\" },\n  { level: 16, file: \"level-16.png\" },\n  { level: 17, file: \"level-17.png\" },\n  { level: 18, file: \"stage-18.png\" },\n  { level: 19, file: \"level-19.png\" },\n  { level: 21, file: \"level-21.png\" },\n  { level: 22, file: \"level-22.png\" },\n  { level: 24, file: \"stage-24.png\" },\n  { level: 25, file: \"level-25.png\" },\n  { level: 27, file: \"bridge-27.png\" },\n  { level: 28, file: \"level-28.png\" },\n  { level: 29, file: \"level-29.png\" },\n  { level: 30, file: \"stage-30.png\" },\n] as const;\n\ninterface SkinSettings {\n  enabled: boolean;\n  bindEffort: boolean;\n}\n\ninterface PreferenceStore {\n  getSnapshot(): SkinSettings;\n  subscribe(listener: () => void): () => void;\n  set(enabled: boolean): Promise<void>;\n  setBindEffort(enabled: boolean): Promise<void>;\n  dispose(): void;\n}\n\ntype NativeThemeId = \"light\" | \"dark\";\n\ninterface ThemeService {\n  getTheme(): { preference: string };\n  setTheme(id: NativeThemeId | \"system\"): void;\n}\n\ninterface ModelSelection {\n  provider: string;\n  model: string;\n  reasoningEffort?: string;\n}\n\ninterface CatalogModel {\n  id: string;\n  reasoning?: {\n    efforts: EffortLike[];\n    defaultEffort?: string;\n  };\n}\n\ninterface ModelDirectoryState {\n  current: ModelSelection | null;\n  groups: readonly { id: string; models: CatalogModel[] }[];\n  status: \"idle\" | \"loading\" | \"ready\" | \"selecting\" | \"error\";\n  error: string | null;\n}\n\ninterface ModelDirectory {\n  store: SnapshotStore<ModelDirectoryState>;\n  load(): Promise<unknown>;\n  select(selection: ModelSelection): Promise<void>;\n}\n\ninterface SliderProps {\n  directory: SnapshotStore<ModelDirectoryState>;\n  load: () => void;\n  select: (selection: ModelSelection) => Promise<boolean>;\n  presenter: SkinPresenter;\n  scope: PreferenceStore;\n}\n\ninterface SettingsRowProps {\n  scope: PreferenceStore;\n  presenter: SkinPresenter;\n  theme: ThemeService;\n  subscribeTheme: (listener: () => void) => () => void;\n  t: (key: string) => string;\n}\n\nconst cssVariables = [\n  \"--liang-strength\",\n  \"--liang-page\",\n  \"--liang-bg-base\",\n  \"--liang-layer-1\",\n  \"--liang-layer-2\",\n  \"--liang-layer-3\",\n  \"--liang-sidebar\",\n  \"--liang-ink\",\n  \"--liang-secondary\",\n  \"--liang-tertiary\",\n  \"--liang-border\",\n  \"--liang-accent\",\n  \"--liang-accent-hover\",\n  \"--liang-hover\",\n  \"--liang-portrait-opacity\",\n] as const;\n\nclass SkinPresenter {\n  private readonly scope: PreferenceStore;\n  private readonly theme: ThemeService;\n  private readonly root: HTMLDivElement;\n  private readonly video: HTMLVideoElement;\n  private readonly poster: HTMLImageElement;\n  private readonly portrait: HTMLImageElement;\n  private readonly preloads: HTMLImageElement[];\n  private enabled = true;\n  // Default to the max frame so the first paint after load is the dark shell;\n  // starting at 0 flashed the light palette before the directory resolved.\n  private frame = PREVIEW_MAX_FRAME;\n  private pendingFrame = PREVIEW_MAX_FRAME;\n  private raf = 0;\n  private disposed = false;\n  private unsubscribe: () => void;\n\n  constructor(scope: PreferenceStore, theme: ThemeService) {\n    this.scope = scope;\n    this.theme = theme;\n    this.root = document.createElement(\"div\");\n    this.root.className = \"liang-skin-backdrop\";\n    this.root.dataset.plugin = PACKAGE_ID;\n    this.root.dataset.media = \"sequence\";\n    this.root.setAttribute(\"aria-hidden\", \"true\");\n\n    this.video = document.createElement(\"video\");\n    this.video.muted = true;\n    this.video.playsInline = true;\n    this.video.preload = \"auto\";\n    // A video poster stays painted while a paused video is scrubbed in some\n    // browsers, which would make every effort show the same portrait. Keep the\n    // separate image element as the true load-error fallback instead.\n    const webm = document.createElement(\"source\");\n    webm.src = `${ASSET_PREFIX}/liang-evolution.webm`;\n    webm.type = \"video/webm\";\n    const mp4 = document.createElement(\"source\");\n    mp4.src = `${ASSET_PREFIX}/liang-evolution.mp4`;\n    mp4.type = \"video/mp4\";\n    this.video.append(webm, mp4);\n\n    this.poster = document.createElement(\"img\");\n    this.poster.className = \"liang-skin-poster\";\n    this.poster.src = `${ASSET_PREFIX}/liang-poster.png`;\n    this.poster.alt = \"\";\n\n    this.portrait = document.createElement(\"img\");\n    this.portrait.className = \"liang-skin-sequence-frame\";\n    this.portrait.alt = \"\";\n    this.portrait.draggable = false;\n    this.portrait.addEventListener(\"error\", this.handleSequenceError);\n\n    this.preloads = PORTRAIT_ANCHORS.map(({ file }) => {\n      const image = new Image();\n      image.src = `${ASSET_PREFIX}/portrait-source-v2/${file}`;\n      return image;\n    });\n\n    this.root.append(this.video, this.portrait, this.poster);\n    document.body.prepend(this.root);\n\n    this.video.addEventListener(\"loadedmetadata\", this.handleMetadata);\n    this.video.addEventListener(\"error\", this.handleVideoError);\n    this.poster.addEventListener(\"error\", this.handlePosterError);\n    this.video.load();\n    this.unsubscribe = scope.subscribe(() => this.syncSettings());\n    this.syncSettings();\n  }\n\n  private readonly handleMetadata = () => {\n    this.seek(this.frame);\n  };\n\n  private readonly handleVideoError = () => {\n    this.root.dataset.media = \"poster\";\n  };\n\n  private readonly handleSequenceError = () => {\n    this.root.dataset.media = \"video\";\n  };\n\n  private readonly handlePosterError = () => {\n    this.root.dataset.media = \"color\";\n  };\n\n  private syncSettings() {\n    this.setEnabled(this.scope.getSnapshot().enabled);\n  }\n\n  isEnabled() {\n    return this.enabled;\n  }\n\n  getFrame() {\n    return this.frame;\n  }\n\n  setEnabled(enabled: boolean) {\n    this.enabled = enabled;\n    if (enabled) {\n      if (!this.root.isConnected) document.body.prepend(this.root);\n      document.body.dataset.liangSkin = \"on\";\n      this.applyFrame();\n    } else {\n      this.root.remove();\n      delete document.body.dataset.liangSkin;\n      delete document.body.dataset.liangStage;\n      for (const name of cssVariables) document.body.style.removeProperty(name);\n    }\n  }\n\n  setFrame(frame: number) {\n    this.pendingFrame = Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(frame)));\n    this.frame = this.pendingFrame;\n    if (!this.enabled) return;\n    if (this.raf !== 0) return;\n    this.raf = requestAnimationFrame(() => {\n      this.raf = 0;\n      this.frame = this.pendingFrame;\n      this.applyFrame();\n    });\n  }\n\n  private applyFrame() {\n    const palette = paletteForFrame(this.frame);\n    const body = document.body;\n    this.syncNativeTheme(palette.stage === 5 ? \"dark\" : \"light\");\n    body.dataset.liangStage = String(palette.stage);\n    body.style.setProperty(\"--liang-strength\", String(palette.strength));\n    body.style.setProperty(\"--liang-page\", palette.page);\n    body.style.setProperty(\"--liang-bg-base\", palette.base);\n    body.style.setProperty(\"--liang-layer-1\", palette.layer1);\n    body.style.setProperty(\"--liang-layer-2\", palette.layer2);\n    body.style.setProperty(\"--liang-layer-3\", palette.layer3);\n    body.style.setProperty(\"--liang-sidebar\", palette.sidebar);\n    body.style.setProperty(\"--liang-ink\", palette.ink);\n    body.style.setProperty(\"--liang-secondary\", palette.secondary);\n    body.style.setProperty(\"--liang-tertiary\", palette.tertiary);\n    body.style.setProperty(\"--liang-border\", palette.border);\n    body.style.setProperty(\"--liang-accent\", palette.accent);\n    body.style.setProperty(\"--liang-accent-hover\", palette.accentHover);\n    body.style.setProperty(\"--liang-hover\", palette.hover);\n    body.style.setProperty(\"--liang-portrait-opacity\", palette.portraitOpacity);\n    this.updatePortrait(palette.level);\n    this.seek(this.frame);\n  }\n\n  syncNativeTheme(theme: NativeThemeId = paletteForFrame(this.frame).stage === 5 ? \"dark\" : \"light\") {\n    if (!this.enabled || this.theme.getTheme().preference === theme) return;\n    this.theme.setTheme(theme);\n  }\n\n  private updatePortrait(level: number) {\n    const { lowerIndex, upperIndex, mix } = portraitBlendForLevel(\n      level,\n      PORTRAIT_ANCHORS.map((anchor) => anchor.level),\n    );\n    const lower = PORTRAIT_ANCHORS[lowerIndex];\n    const upper = PORTRAIT_ANCHORS[upperIndex];\n    const selected = mix >= 0.5 ? upper : lower;\n    const source = `${ASSET_PREFIX}/portrait-source-v2/${selected.file}`;\n    if (this.portrait.getAttribute(\"src\") !== source) this.portrait.src = source;\n  }\n\n  private seek(frame: number) {\n    if (this.video.readyState < 1 || this.video.duration === 0) return;\n    const duration = Number.isFinite(this.video.duration) ? this.video.duration : VIDEO_DURATION;\n    const target = Math.min(Math.max(0, duration - 0.001), (frame / PREVIEW_MAX_FRAME) * duration);\n    if (Math.abs(this.video.currentTime - target) > 0.025) this.video.currentTime = target;\n  }\n\n  async choose(enabled: boolean) {\n    this.setEnabled(enabled);\n    try {\n      await this.scope.set(enabled);\n    } catch (error) {\n      this.syncSettings();\n      throw error;\n    }\n  }\n\n  dispose() {\n    if (this.disposed) return;\n    this.disposed = true;\n    this.unsubscribe();\n    if (this.raf !== 0) cancelAnimationFrame(this.raf);\n    this.video.pause();\n    this.video.removeEventListener(\"loadedmetadata\", this.handleMetadata);\n    this.video.removeEventListener(\"error\", this.handleVideoError);\n    this.portrait.removeEventListener(\"error\", this.handleSequenceError);\n    this.poster.removeEventListener(\"error\", this.handlePosterError);\n    for (const image of this.preloads) image.src = \"\";\n    this.root.remove();\n    document.body.removeAttribute(\"data-liang-skin\");\n    delete document.body.dataset.liangStage;\n    for (const name of cssVariables) document.body.style.removeProperty(name);\n  }\n}\n\nfunction modelReasoning(state: ModelDirectoryState) {\n  const current = state.current;\n  if (current === null) return null;\n  const group = state.groups.find((item) => item.id === current.provider);\n  const model = group?.models.find((item) => item.id === current.model);\n  if (model?.reasoning === undefined) return null;\n  return {\n    selection: current,\n    efforts: model.reasoning.efforts,\n    defaultEffort: model.reasoning.defaultEffort,\n  };\n}\n\nfunction LiangEffortSlider({ directory, load, select, presenter, scope }: SliderProps) {\n  const state = useSyncExternalStore(\n    (listener) => directory.subscribe(listener),\n    () => directory.getSnapshot(),\n  );\n  const skin = useSyncExternalStore(\n    (listener) => scope.subscribe(listener),\n    () => scope.getSnapshot(),\n  );\n  const reasoning = useMemo(() => modelReasoning(state), [state]);\n  const efforts = reasoning?.efforts ?? [];\n  const committedIndex = selectedEffortIndex(\n    efforts,\n    reasoning?.selection.reasoningEffort,\n    reasoning?.defaultEffort,\n  );\n  // An unknown committed effort defaults to the max frame: a fresh\n  // conversation paints the dark shell immediately instead of flashing the\n  // light palette until the directory load resolves the real effort.\n  const committedFrame = committedIndex < 0\n    ? PREVIEW_MAX_FRAME\n    : frameForEffort(committedIndex, efforts.length);\n  const bindEffort = skin.bindEffort;\n  const [frame, setFrame] = useState(() => bindEffort ? committedFrame : presenter.getFrame());\n  const [pending, setPending] = useState(false);\n  const [failed, setFailed] = useState(false);\n  const [interacting, setInteracting] = useState(false);\n  const dragging = useRef(false);\n  const dragStartFrame = useRef(frame);\n  const enabled = skin.enabled;\n\n  useEffect(() => {\n    if (enabled) load();\n  }, [enabled, load]);\n\n  useEffect(() => {\n    if (!bindEffort || dragging.current || pending) return;\n    setFrame(committedFrame);\n    presenter.setFrame(committedFrame);\n  }, [bindEffort, committedFrame, pending, presenter]);\n\n  if (!enabled) return null;\n  if (bindEffort && (reasoning === null || efforts.length < 2)) return null;\n\n  const previewIndex = nearestEffortIndex(frame, efforts);\n  const previewEffort = efforts[previewIndex];\n  const progressRatio = frame / PREVIEW_MAX_FRAME;\n  const tooltipLabel = indicatorLabel(frame, bindEffort ? efforts : []);\n\n  const commit = async (rawFrame: number) => {\n    if (!bindEffort) {\n      dragging.current = false;\n      setFrame(rawFrame);\n      presenter.setFrame(rawFrame);\n      return;\n    }\n    const targetIndex = nearestEffortIndex(rawFrame, efforts);\n    const target = efforts[targetIndex];\n    if (target === undefined) return;\n    const targetFrame = frameForEffort(targetIndex, efforts.length);\n    dragging.current = false;\n    setFrame(targetFrame);\n    presenter.setFrame(targetFrame);\n    if (targetIndex === committedIndex || pending) return;\n    setPending(true);\n    setFailed(false);\n    const accepted = await select({\n      provider: reasoning.selection.provider,\n      model: reasoning.selection.model,\n      reasoningEffort: target.id,\n    });\n    setPending(false);\n    if (!accepted) {\n      setFailed(true);\n      setFrame(committedFrame);\n      presenter.setFrame(committedFrame);\n    }\n  };\n\n  return (\n    <div\n      className=\"liang-effort-control\"\n      data-plugin={PACKAGE_ID}\n      data-state={failed ? \"error\" : pending ? \"pending\" : \"ready\"}\n      title={bindEffort ? previewEffort?.name : undefined}\n    >\n      {interacting && (\n        <output\n          className=\"liang-effort-control__tooltip\"\n          style={{ \"--liang-slider-ratio\": progressRatio } as React.CSSProperties}\n        >\n          {tooltipLabel}\n        </output>\n      )}\n      <div className=\"liang-effort-control__ticks\" aria-hidden=\"true\">\n        {efforts.map((effort, index) => (\n          <i\n            className=\"liang-effort-control__tick\"\n            key={effort.id}\n            style={{ left: `${(frameForEffort(index, efforts.length) / PREVIEW_MAX_FRAME) * 100}%` }}\n          />\n        ))}\n      </div>\n      <input\n        className=\"liang-effort-control__range\"\n        type=\"range\"\n        min={0}\n        max={PREVIEW_MAX_FRAME}\n        step={1}\n        value={frame}\n        disabled={pending || state.status === \"selecting\"}\n        aria-label={bindEffort ? \"\u601D\u8003\u7B49\u7EA7\" : \"\u76AE\u80A4\u8FDB\u5EA6\"}\n        aria-valuetext={bindEffort ? previewEffort?.name ?? \"\" : tooltipLabel}\n        onPointerDown={() => {\n          dragging.current = true;\n          dragStartFrame.current = frame;\n          setInteracting(true);\n        }}\n        onInput={(event) => {\n          dragging.current = true;\n          const next = Number(event.currentTarget.value);\n          setFrame(next);\n          presenter.setFrame(next);\n        }}\n        onPointerUp={(event) => {\n          setInteracting(false);\n          void commit(Number(event.currentTarget.value));\n        }}\n        onPointerCancel={() => {\n          setInteracting(false);\n          dragging.current = false;\n          setFrame(dragStartFrame.current);\n          presenter.setFrame(dragStartFrame.current);\n        }}\n        onKeyUp={(event) => {\n          setInteracting(false);\n          if (event.key !== \"Escape\") void commit(Number(event.currentTarget.value));\n        }}\n        onBlur={(event) => {\n          setInteracting(false);\n          if (dragging.current) void commit(Number(event.currentTarget.value));\n        }}\n        onKeyDown={(event) => {\n          setInteracting(true);\n          if (event.key === \"Escape\" && !pending) {\n            setInteracting(false);\n            dragging.current = false;\n            setFrame(dragStartFrame.current);\n            presenter.setFrame(dragStartFrame.current);\n          }\n        }}\n      />\n    </div>\n  );\n}\n\ntype AppearanceChoice = NativeThemeId | \"system\" | \"liang\";\n\nconst APPEARANCE_CHOICES: readonly { id: AppearanceChoice; labelKey: string }[] = [\n  { id: \"light\", labelKey: \"appearance.light\" },\n  { id: \"dark\", labelKey: \"appearance.dark\" },\n  { id: \"system\", labelKey: \"appearance.system\" },\n  { id: \"liang\", labelKey: \"appearance.liang\" },\n];\n\nfunction NativeAppearanceIcon({ id }: { id: Exclude<AppearanceChoice, \"liang\"> }) {\n  if (id === \"light\") {\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n        <path d=\"M11.3496 8C11.3496 6.14985 9.85015 4.65039 8 4.65039C6.14985 4.65039 4.65039 6.14985 4.65039 8C4.65039 9.85015 6.14985 11.3496 8 11.3496C9.85015 11.3496 11.3496 9.85015 11.3496 8ZM12.6504 8C12.6504 10.5681 10.5681 12.6504 8 12.6504C5.43188 12.6504 3.34961 10.5681 3.34961 8C3.34961 5.43188 5.43188 3.34961 8 3.34961C10.5681 3.34961 12.6504 5.43188 12.6504 8Z\" fill=\"currentColor\" />\n        <path d=\"M8.65039 0.5V2.5H7.34961V0.5H8.65039Z\" fill=\"currentColor\" />\n        <path d=\"M8.65039 13.5V15.5H7.34961V13.5H8.65039Z\" fill=\"currentColor\" />\n        <path d=\"M3.15808 2.24035L4.57229 3.65456L3.6525 4.57435L2.23829 3.16014L3.15808 2.24035Z\" fill=\"currentColor\" />\n        <path d=\"M12.3505 11.4327L13.7647 12.8469L12.8449 13.7667L11.4307 12.3525L12.3505 11.4327Z\" fill=\"currentColor\" />\n        <path d=\"M2.24537 12.8469L3.65958 11.4327L4.57937 12.3525L3.16516 13.7667L2.24537 12.8469Z\" fill=\"currentColor\" />\n        <path d=\"M11.4377 3.65455L12.852 2.24033L13.7718 3.16012L12.3575 4.57434L11.4377 3.65455Z\" fill=\"currentColor\" />\n        <path d=\"M0.5 7.35461H2.5V8.6554H0.5L0.5 7.35461Z\" fill=\"currentColor\" />\n        <path d=\"M13.5 7.35461H15.5V8.6554H13.5V7.35461Z\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n\n  if (id === \"dark\") {\n    return (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n        <path d=\"M13.2764 9.52324C12.5607 9.97754 11.7177 10.242 10.7812 10.242C8.11386 10.2419 5.95042 8.07997 5.9502 5.41289C5.9502 4.48128 6.21453 3.61071 6.67188 2.87285C4.30332 3.4658 2.54992 5.60845 2.5498 8.16093C2.5498 11.1712 4.99103 13.6102 8 13.6102C10.5383 13.6102 12.6709 11.8724 13.2764 9.52324ZM7.05078 5.41289C7.051 7.47224 8.72116 9.1423 10.7812 9.14238C11.9248 9.14238 12.887 8.63397 13.5781 7.8084C13.7266 7.63106 13.9701 7.56547 14.1875 7.64433C14.4049 7.72329 14.5497 7.9297 14.5498 8.16093C14.5498 11.7766 11.6161 14.7098 8 14.7098C4.38402 14.7098 1.4502 11.7792 1.4502 8.16093C1.45033 4.54322 4.3812 1.61015 8 1.61015C8.23027 1.61015 8.43585 1.75352 8.51562 1.96953C8.59536 2.18554 8.53241 2.42829 8.35742 2.57793C7.55573 3.26311 7.05078 4.27876 7.05078 5.41289Z\" fill=\"currentColor\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n      <path d=\"M12.1665 13.5811V14.7803H3.66651V13.5811H12.1665Z\" fill=\"currentColor\" />\n      <path d=\"M13.4453 7.02379C13.4453 6.04702 13.4452 5.3616 13.3887 4.83434C13.3333 4.31828 13.2302 4.02378 13.0723 3.80309C12.9446 3.62475 12.7877 3.46883 12.6094 3.34117C12.3887 3.18328 12.0942 3.08007 11.5781 3.02477C11.0508 2.96829 10.3655 2.96715 9.38867 2.96715H6.61035C5.63359 2.96715 4.94816 2.96827 4.4209 3.02477C3.90486 3.0801 3.61034 3.18321 3.38965 3.34117C3.21143 3.46878 3.05534 3.62487 2.92774 3.80309C2.76977 4.02377 2.66667 4.3183 2.61133 4.83434C2.55483 5.3616 2.55371 6.04702 2.55371 7.02379C2.55371 8.0006 2.55485 8.68596 2.61133 9.21324C2.66663 9.72936 2.76983 10.0238 2.92774 10.2445C3.0554 10.4228 3.21131 10.5797 3.38965 10.7074C3.61034 10.8654 3.90484 10.9685 4.4209 11.0238C4.94816 11.0803 5.63359 11.0804 6.61035 11.0804H9.38867C10.3654 11.0804 11.0508 11.0803 11.5781 11.0238C12.0941 10.9685 12.3887 10.8652 12.6094 10.7074C12.7877 10.5797 12.9446 10.4229 13.0723 10.2445C13.2301 10.0238 13.3334 9.72927 13.3887 9.21324C13.4452 8.68596 13.4453 8.00058 13.4453 7.02379ZM14.6455 7.02379C14.6455 7.97428 14.646 8.73509 14.5811 9.34117C14.5149 9.95828 14.3756 10.4858 14.0479 10.9437C13.8436 11.229 13.5938 11.4788 13.3086 11.683C12.8507 12.0108 12.3232 12.15 11.7061 12.2162C11.1 12.2811 10.3391 12.2806 9.38867 12.2806H6.61035C5.66018 12.2806 4.89991 12.2811 4.29395 12.2162C3.67684 12.15 3.14935 12.0108 2.69141 11.683C2.40613 11.4788 2.15639 11.229 1.95215 10.9437C1.62436 10.4858 1.4841 9.95828 1.41797 9.34117C1.35305 8.73511 1.35449 7.97424 1.35449 7.02379C1.35449 6.07366 1.35308 5.31333 1.41797 4.70738C1.4841 4.09028 1.62436 3.56279 1.95215 3.10485C2.15638 2.81956 2.40613 2.56982 2.69141 2.36559C3.14935 2.03779 3.67684 1.89753 4.29395 1.83141C4.8999 1.76652 5.66022 1.76793 6.61035 1.76793H9.38867C10.3391 1.76793 11.1 1.76649 11.7061 1.83141C12.3232 1.89753 12.8507 2.03779 13.3086 2.36559C13.5939 2.56982 13.8436 2.81957 14.0479 3.10485C14.3756 3.56279 14.5149 4.09028 14.5811 4.70738C14.646 5.31335 14.6455 6.07362 14.6455 7.02379Z\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nfunction AppearanceSkinRow({ scope, presenter, theme, subscribeTheme, t }: SettingsRowProps) {\n  const snapshot = useSyncExternalStore(\n    (listener) => scope.subscribe(listener),\n    () => scope.getSnapshot(),\n  );\n  const preference = useSyncExternalStore(\n    subscribeTheme,\n    () => theme.getTheme().preference,\n  );\n  const selected = snapshot.enabled\n    ? \"liang\"\n    : preference === \"light\" || preference === \"dark\" || preference === \"system\"\n      ? preference\n      : \"system\";\n  const [pending, setPending] = useState(false);\n\n  const choose = async (next: AppearanceChoice) => {\n    if (next === selected || pending) return;\n    setPending(true);\n    try {\n      if (next === \"liang\") {\n        await presenter.choose(true);\n      } else {\n        // Disable the custom skin first. This is intentionally unconditional:\n        // it makes the native choice the only writer after this click, even if\n        // the external preference store is one render behind.\n        await presenter.choose(false);\n        theme.setTheme(next);\n      }\n    } finally {\n      setPending(false);\n    }\n  };\n\n  return (\n    <div className=\"liang-settings-row\" data-plugin={PACKAGE_ID}>\n      <span className=\"liang-settings-row__title\">{t(\"appearance.title\")}</span>\n      <div className=\"liang-settings-row__choices\">\n        {APPEARANCE_CHOICES.map(({ id, labelKey }) => (\n          <button\n            className={`liang-settings-row__choice${id === \"liang\" ? \" liang-settings-row__choice--liang\" : \"\"}`}\n            type=\"button\"\n            aria-pressed={selected === id}\n            disabled={pending}\n            onClick={() => void choose(id)}\n            key={id}\n          >\n            {id === \"liang\" ? (\n              <span className=\"liang-settings-row__liang-icon\" aria-hidden=\"true\">\u25C8</span>\n            ) : (\n              <NativeAppearanceIcon id={id} />\n            )}\n            {t(labelKey)}\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nconst NATIVE_APPEARANCE_GROUP = '[class*=\"_8HJdBW_group\"]';\nconst NATIVE_APPEARANCE_ROW = '[class*=\"_8HJdBW_cubeRow\"]';\nconst LIANG_APPEARANCE_BUTTON = \"liang-appearance-choice\";\nconst LIANG_BINDING_CONTROL = \"liang-appearance-binding\";\nconst LIANG_BINDING_INPUT = \"liang-appearance-binding__input\";\n\nfunction installLiangAppearanceButton(scope: PreferenceStore, presenter: SkinPresenter) {\n  let pending = false;\n  const hookedNativeButtons = new Set<HTMLButtonElement>();\n  const nativeClickHandlers = new Map<HTMLButtonElement, () => void>();\n\n  const sync = () => {\n    const group = [...document.querySelectorAll<HTMLElement>(NATIVE_APPEARANCE_GROUP)]\n      .find((node) => node.querySelector('[class*=\"_8HJdBW_themeCube\"]'));\n    const row = group?.querySelector<HTMLElement>(NATIVE_APPEARANCE_ROW);\n    if (row === undefined || row === null) return;\n\n    let customButton = row.querySelector<HTMLButtonElement>(`.${LIANG_APPEARANCE_BUTTON}`);\n    if (customButton === null) {\n      customButton = document.createElement(\"button\");\n      customButton.className = LIANG_APPEARANCE_BUTTON;\n      customButton.type = \"button\";\n      customButton.dataset.plugin = PACKAGE_ID;\n      customButton.setAttribute(\"aria-label\", \"\u6ED1\u52A8\u53D8\u7956\");\n\n      const icon = document.createElement(\"span\");\n      icon.className = \"liang-appearance-choice__icon\";\n      icon.setAttribute(\"aria-hidden\", \"true\");\n      icon.textContent = \"\u25C8\";\n\n      const label = document.createElement(\"span\");\n      label.className = \"liang-appearance-choice__label\";\n      label.textContent = document.documentElement.lang.toLowerCase().startsWith(\"en\")\n        ? \"Slider\"\n        : \"\u6ED1\u52A8\u53D8\u7956\";\n      customButton.append(icon, label);\n      customButton.addEventListener(\"click\", () => {\n        if (pending || scope.getSnapshot().enabled) return;\n        pending = true;\n        sync();\n        void presenter.choose(true).finally(() => {\n          pending = false;\n          sync();\n        });\n      });\n    }\n\n    if (customButton.parentElement !== row) row.append(customButton);\n    const snapshot = scope.getSnapshot();\n    customButton.disabled = pending;\n    customButton.setAttribute(\"aria-pressed\", String(snapshot.enabled));\n\n    let bindingControl = group.querySelector<HTMLElement>(`.${LIANG_BINDING_CONTROL}`);\n    if (!snapshot.enabled) {\n      bindingControl?.remove();\n      bindingControl = null;\n    } else if (bindingControl === null) {\n      bindingControl = document.createElement(\"label\");\n      bindingControl.className = LIANG_BINDING_CONTROL;\n      bindingControl.dataset.plugin = PACKAGE_ID;\n\n      const bindingCopy = document.createElement(\"span\");\n      bindingCopy.className = \"liang-appearance-binding__copy\";\n\n      const bindingLabel = document.createElement(\"span\");\n      bindingLabel.className = \"liang-appearance-binding__label\";\n      const bindingText = document.documentElement.lang.toLowerCase().startsWith(\"en\")\n        ? \"Bind slider to reasoning level\"\n        : \"\u6ED1\u52A8\u53D8\u7956\u7ED1\u5B9A\u601D\u8003\u7B49\u7EA7\";\n      bindingLabel.textContent = bindingText;\n\n      const bindingDescription = document.createElement(\"span\");\n      bindingDescription.className = \"liang-appearance-binding__description\";\n      bindingDescription.id = \"liang-appearance-binding-description\";\n      bindingDescription.textContent = document.documentElement.lang.toLowerCase().startsWith(\"en\")\n        ? \"When off, the slider does not change the reasoning level.\"\n        : \"\u5173\u95ED\u4E4B\u540E\u6ED1\u5757\u4E0D\u8054\u52A8\u601D\u8003\u7B49\u7EA7\";\n      bindingCopy.append(bindingLabel, bindingDescription);\n\n      const bindingInput = document.createElement(\"input\");\n      bindingInput.className = LIANG_BINDING_INPUT;\n      bindingInput.type = \"checkbox\";\n      bindingInput.setAttribute(\"role\", \"switch\");\n      bindingInput.setAttribute(\"aria-label\", bindingText);\n      bindingInput.setAttribute(\"aria-describedby\", bindingDescription.id);\n      bindingInput.addEventListener(\"change\", () => {\n        void scope.setBindEffort(bindingInput.checked).catch(() => sync());\n      });\n\n      bindingControl.append(bindingCopy, bindingInput);\n      group.append(bindingControl);\n    }\n\n    if (bindingControl !== null) {\n      const bindingInput = bindingControl.querySelector<HTMLInputElement>(`.${LIANG_BINDING_INPUT}`);\n      if (bindingInput !== null) {\n        bindingInput.checked = snapshot.bindEffort;\n        bindingInput.setAttribute(\"aria-checked\", String(snapshot.bindEffort));\n        bindingInput.disabled = pending;\n      }\n    }\n\n    for (const nativeButton of row.querySelectorAll<HTMLButtonElement>('[class*=\"_8HJdBW_themeCube\"]')) {\n      if (hookedNativeButtons.has(nativeButton)) continue;\n      hookedNativeButtons.add(nativeButton);\n      const handleNativeClick = () => {\n        if (pending || !scope.getSnapshot().enabled) return;\n        pending = true;\n        sync();\n        void presenter.choose(false).finally(() => {\n          pending = false;\n          sync();\n        });\n      };\n      nativeClickHandlers.set(nativeButton, handleNativeClick);\n      nativeButton.addEventListener(\"click\", handleNativeClick, { capture: true });\n    }\n  };\n\n  const observer = new MutationObserver(sync);\n  observer.observe(document.body, { childList: true, subtree: true });\n  const unsubscribe = scope.subscribe(sync);\n  sync();\n\n  return () => {\n    observer.disconnect();\n    unsubscribe();\n    for (const [nativeButton, handleNativeClick] of nativeClickHandlers) {\n      nativeButton.removeEventListener(\"click\", handleNativeClick, { capture: true });\n    }\n    document.querySelectorAll(`.${LIANG_APPEARANCE_BUTTON}`).forEach((button) => button.remove());\n    document.querySelectorAll(`.${LIANG_BINDING_CONTROL}`).forEach((control) => control.remove());\n  };\n}\n\nexport const inject = [\n  \"slots\",\n  \"sessions\",\n  \"modelDirectories\",\n  \"locale\",\n  \"theme\",\n];\n\nfunction createPreferenceStore(): PreferenceStore {\n  // The market's active skin is the source of truth for whether this client\n  // should be visible. The appearance switch is therefore scoped to this\n  // client activation and must not survive switching away and back.\n  try {\n    localStorage.removeItem(\"dsh-liang-intensity-skin.enabled\");\n  } catch {\n    // Storage may be unavailable; the in-memory default still enables Liang.\n  }\n  let snapshot: SkinSettings = {\n    enabled: true,\n    bindEffort: localStorage.getItem(BIND_EFFORT_KEY) !== \"0\",\n  };\n  const listeners = new Set<() => void>();\n  const onStorage = (event: StorageEvent) => {\n    if (event.key !== BIND_EFFORT_KEY) return;\n    const next = {\n      enabled: snapshot.enabled,\n      bindEffort: event.newValue !== \"0\",\n    };\n    if (next.enabled === snapshot.enabled && next.bindEffort === snapshot.bindEffort) return;\n    snapshot = next;\n    for (const listener of listeners) listener();\n  };\n  window.addEventListener(\"storage\", onStorage);\n  return {\n    getSnapshot: () => snapshot,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    async set(enabled) {\n      if (enabled === snapshot.enabled) return;\n      snapshot = { ...snapshot, enabled };\n      for (const listener of listeners) listener();\n    },\n    async setBindEffort(bindEffort) {\n      if (bindEffort === snapshot.bindEffort) return;\n      localStorage.setItem(BIND_EFFORT_KEY, bindEffort ? \"1\" : \"0\");\n      snapshot = { ...snapshot, bindEffort };\n      for (const listener of listeners) listener();\n    },\n    dispose() {\n      window.removeEventListener(\"storage\", onStorage);\n      listeners.clear();\n    },\n  };\n}\n\nexport function apply(ctx: ClientContext) {\n  const style = document.createElement(\"style\");\n  style.dataset.plugin = PACKAGE_ID;\n  style.textContent = styles;\n  document.head.append(style);\n  ctx.effect(() => () => style.remove(), \"liang-intensity-skin: scoped styles\");\n\n  const scope = createPreferenceStore();\n  ctx.effect(() => () => scope.dispose(), \"liang-intensity-skin: appearance preference\");\n  const theme = ctx.get(\"theme\") as ThemeService;\n  const presenter = new SkinPresenter(scope, theme);\n  ctx.effect(() => () => presenter.dispose(), \"liang-intensity-skin: backdrop presenter\");\n  ctx.effect(\n    () => installLiangAppearanceButton(scope, presenter),\n    \"liang-intensity-skin: native appearance extension\",\n  );\n  ctx.effect(\n    () => ctx.locale.register(LOCALE_NAMESPACE, {\n    zh: {\n      \"appearance.title\": \"\u5916\u89C2\",\n      \"appearance.light\": \"\u6D45\u8272\",\n      \"appearance.dark\": \"\u6DF1\u8272\",\n      \"appearance.system\": \"\u8DDF\u968F\u7CFB\u7EDF\",\n      \"appearance.liang\": \"\u6ED1\u52A8\u53D8\u7956\",\n    },\n    en: {\n      \"appearance.title\": \"Appearance\",\n      \"appearance.light\": \"Light\",\n      \"appearance.dark\": \"Dark\",\n      \"appearance.system\": \"System\",\n      \"appearance.liang\": \"Slider\",\n    },\n    }), \"liang-intensity-skin: settings locale\");\n\n  ctx.slots.inject(\"conversation.input.right\", () => ctx.slots.register({\n    name: \"conversation.input.right\",\n    id: \"liang-intensity-control\",\n    order: 10,\n    inject: (sessionId: string) => {\n      const available = ctx.sessions.subagentAddress(sessionId) === undefined;\n      const directory = ctx.modelDirectories.directoryFor(sessionId) as ModelDirectory;\n      return {\n        directory: directory.store,\n        presenter,\n        scope,\n        load: () => {\n          if (available) void directory.load().catch(() => undefined);\n        },\n        select: (selection: ModelSelection) => available\n          ? directory.select(selection).then(() => true, () => false)\n          : Promise.resolve(false),\n      };\n    },\n  }, LiangEffortSlider));\n}\n", ".liang-skin-backdrop {\n  position: fixed;\n  z-index: 0;\n  inset: 0;\n  overflow: hidden;\n  pointer-events: none;\n  background: var(--liang-page, transparent);\n  opacity: 0;\n  transition: opacity 220ms ease, background-color 180ms linear;\n}\n\nbody[data-liang-skin=\"on\"] .liang-skin-backdrop {\n  opacity: 1;\n}\n\n.liang-skin-backdrop video,\n.liang-skin-backdrop img {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  display: block;\n  width: min(42vw, 720px);\n  height: 100vh;\n  object-fit: cover;\n  object-position: 50% 42%;\n  opacity: var(--liang-portrait-opacity, 0.45);\n  transform: translateY(-50%);\n  filter: none;\n  mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 20%) 10%, black 30%, black 100%);\n  transition: filter 180ms linear;\n}\n\n.liang-skin-backdrop img {\n  display: none;\n}\n\n.liang-skin-backdrop[data-media=\"sequence\"] video,\n.liang-skin-backdrop[data-media=\"sequence\"] .liang-skin-poster {\n  display: none;\n}\n\n.liang-skin-backdrop[data-media=\"sequence\"] .liang-skin-sequence-frame {\n  display: block;\n  opacity: var(--liang-portrait-opacity, 0.82);\n}\n\n.liang-skin-backdrop[data-media=\"video\"] .liang-skin-sequence-frame,\n.liang-skin-backdrop[data-media=\"video\"] .liang-skin-poster {\n  display: none;\n}\n\n.liang-skin-backdrop[data-media=\"poster\"] video,\n.liang-skin-backdrop[data-media=\"poster\"] .liang-skin-sequence-frame {\n  display: none;\n}\n\n.liang-skin-backdrop[data-media=\"poster\"] .liang-skin-poster {\n  display: block;\n}\n\n.liang-skin-backdrop[data-media=\"color\"] video,\n.liang-skin-backdrop[data-media=\"color\"] img {\n  display: none;\n}\n\n.liang-skin-backdrop::after {\n  position: absolute;\n  inset: 0;\n  content: \"\";\n  background: linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%);\n}\n\nbody[data-liang-skin=\"on\"] {\n  --dsw-alias-bg-base: var(--liang-bg-base) !important;\n  --dsw-alias-bg-layer-1: var(--liang-layer-1) !important;\n  --dsw-alias-bg-layer-2: var(--liang-layer-2) !important;\n  --dsw-alias-bg-layer-3: var(--liang-layer-3) !important;\n  --dsw-specific-sidebar-fill: var(--liang-sidebar) !important;\n  --dsw-alias-label-primary: var(--liang-ink) !important;\n  --dsw-alias-label-primary-dimmed: var(--liang-ink) !important;\n  --dsw-alias-label-secondary: var(--liang-secondary) !important;\n  --dsw-alias-label-tertiary: var(--liang-tertiary) !important;\n  --dsw-alias-label-caption: var(--liang-tertiary) !important;\n  --dsw-alias-border-l1: var(--liang-border) !important;\n  --dsw-alias-border-l2-darkmode-thin: var(--liang-border) !important;\n  --dsw-alias-border-l2: var(--liang-border) !important;\n  --dsw-alias-border-l3: var(--liang-border) !important;\n  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\n  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\n  --dsw-alias-button-info-fill: var(--liang-accent) !important;\n  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\n  --dsw-alias-state-business-primary: var(--liang-accent) !important;\n  --dsw-alias-interactive-bg-hover: var(--liang-hover) !important;\n  --dsw-alias-interactive-bg-active: var(--liang-hover) !important;\n  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\n  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\n  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\n  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\n  --dsw-specific-bubble: var(--liang-layer-2) !important;\n  --dsw-specific-input-major: var(--liang-layer-1) !important;\n  --dsw-specific-menu: var(--liang-layer-3) !important;\n  --dsw-specific-selector: var(--liang-layer-2) !important;\n  --dsw-alias-markdown-citation: var(--liang-layer-2) !important;\n  --dsw-alias-markdown-code-block-banner: var(--liang-layer-1) !important;\n  --dsw-alias-markdown-code-block: var(--liang-layer-1) !important;\n  --dsw-alias-markdown-code-segment-selected: var(--liang-layer-2) !important;\n  --dsw-alias-markdown-code-segment-unselected: var(--liang-layer-1) !important;\n  --dsw-alias-markdown-inline-code: var(--liang-layer-2) !important;\n  --dsw-alias-markdown-placeholder: var(--liang-layer-1) !important;\n  --dsw-alias-markdown-tag: var(--liang-layer-2) !important;\n  background: var(--liang-page) !important;\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) {\n  --dsw-alias-brand-primary-new-colorprimary-new-color: rgb(65 118 230) !important;\n  --dsw-alias-brand-primary: rgb(15 17 21) !important;\n  --dsw-alias-brand-text: rgb(15 17 21) !important;\n  --dsw-alias-button-primary-fill: rgb(15 17 21) !important;\n  --dsw-alias-button-primary-hover: rgb(53 54 56) !important;\n  --dsw-alias-button-info-fill: rgb(65 118 230) !important;\n  --dsw-alias-button-info-hover: rgb(103 158 254) !important;\n  --dsw-alias-state-business-primary: rgb(65 118 230) !important;\n  --dsw-alias-label-primary-inverted: rgb(249 250 251) !important;\n  --dsw-alias-button-elevated-fill: rgb(255 255 255) !important;\n  --dsw-alias-button-floating-fill: rgb(255 255 255) !important;\n  --dsw-alias-button-floating-hover: rgb(241 243 245) !important;\n  --dsw-alias-interactive-bg-hover-solid: rgb(241 243 245) !important;\n  --dsw-specific-bubble: rgb(237 243 254) !important;\n  --dsw-specific-input-major: rgb(255 255 255) !important;\n  --dsw-specific-menu: rgb(255 255 255) !important;\n  --dsw-specific-selector: rgb(245 246 247) !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] {\n  --dsw-alias-brand-primary-new-colorprimary-new-color: #c19a49 !important;\n  --dsw-alias-brand-primary: #c19a49 !important;\n  --dsw-alias-brand-text: #d5b56e !important;\n  --dsw-alias-button-info-fill: #c19a49 !important;\n  --dsw-alias-button-info-hover: #d5b56e !important;\n  --dsw-alias-state-business-primary: #c19a49 !important;\n  --dsw-alias-bg-module-platform: var(--liang-layer-3) !important;\n  --dsw-specific-sidebar-nav-item-active: var(--liang-layer-3) !important;\n  --dsw-specific-sidebar-nav-item-hover: var(--liang-hover) !important;\n}\n\n/* The low-intensity skin is light by default, but it must not turn a dark\n   Harness document into a light surface. Keep the skin's portrait progression\n   while switching the shared UI layers back to a readable charcoal palette. */\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) {\n  --liang-page: rgb(17 17 17) !important;\n  --liang-bg-base: rgb(17 17 17 / 42%) !important;\n  --liang-layer-1: rgb(30 27 25 / 94%) !important;\n  --liang-layer-2: rgb(41 35 30 / 96%) !important;\n  --liang-layer-3: rgb(41 35 30 / 99%) !important;\n  --liang-sidebar: rgb(23 20 18 / 96%) !important;\n  --liang-ink: rgb(244 241 232) !important;\n  --liang-secondary: rgb(184 180 169) !important;\n  --liang-tertiary: rgb(137 134 126) !important;\n  --liang-border: rgb(244 241 232 / 15%) !important;\n  --liang-hover: rgb(244 241 232 / 9%) !important;\n  --dsw-alias-brand-primary: var(--liang-accent) !important;\n  --dsw-alias-brand-text: var(--liang-accent) !important;\n  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\n  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\n  --dsw-alias-button-info-fill: var(--liang-accent) !important;\n  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\n  --dsw-alias-state-business-primary: var(--liang-accent) !important;\n  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\n  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\n  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\n  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\n  --dsw-specific-bubble: var(--liang-layer-2) !important;\n  --dsw-specific-input-major: var(--liang-layer-1) !important;\n  --dsw-specific-menu: var(--liang-layer-3) !important;\n  --dsw-specific-selector: var(--liang-layer-2) !important;\n  background: var(--liang-page) !important;\n}\n\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) .liang-skin-backdrop {\n  background: var(--liang-page) !important;\n}\n\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) .liang-skin-backdrop::after {\n  background: linear-gradient(90deg, var(--liang-page) 0 28%, transparent 57% 100%);\n}\n\n/* The host renders the running-turn label as a clipped blue text gradient.\n   Retarget only that gradient's color tokens in the custom dark skin; keep\n   the host's text clipping and shimmer behavior, and leave light mode alone. */\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"_turnStatus\"] {\n  --dsw-static-deepseek-500: #c19a49 !important;\n  --dsw-static-deepseek-200: #d5b56e !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"_turnStatusClock\"] {\n  color: #c19a49 !important;\n  -webkit-text-fill-color: #c19a49 !important;\n}\n\n/* Preserve the wordmark badge contrast in the low-intensity shell. */\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > rect[width=\"52\"] {\n  fill: rgb(15 17 21) !important;\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > g[clip-path*=\"badge\"] path {\n  fill: rgb(249 250 251) !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > rect[width=\"52\"] {\n  fill: #c19a49 !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > g[clip-path*=\"badge\"] path {\n  fill: #171816 !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [aria-label^=\"\u9009\u62E9\u6A21\u578B\"] > span:nth-of-type(2) {\n  color: #d5b56e !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"heroGlow\"] ellipse {\n  fill: #c19a49 !important;\n  fill-opacity: 0.16 !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] span[class*=\"_previewBadge\"] {\n  color: #171816 !important;\n  background: #c19a49 !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u53D1\u9001\u6D88\u606F\"] {\n  color: #171816 !important;\n}\n\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u53D1\u9001\u6D88\u606F\"]:disabled {\n  opacity: 0.62;\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) button[aria-label=\"\u53D1\u9001\u6D88\u606F\"] {\n  color: #fff !important;\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) button[aria-label=\"\u53D1\u9001\u6D88\u606F\"]:disabled {\n  color: rgb(255 255 255 / 92%) !important;\n  background: rgb(65 118 230 / 42%) !important;\n  opacity: 1;\n}\n\nbody[data-liang-skin=\"on\"] > #root {\n  position: relative;\n  z-index: 1;\n  background: transparent !important;\n}\n\nbody[data-liang-skin=\"on\"] button,\nbody[data-liang-skin=\"on\"] input,\nbody[data-liang-skin=\"on\"] textarea {\n  transition: color 160ms linear, background-color 160ms linear, border-color 160ms linear;\n}\n\n/* The composer card has a native theme-mode fill, so keep its surface and\n   readable ink aligned with the active Liang palette. */\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) [data-composer-card=\"true\"] {\n  border-color: var(--liang-border) !important;\n  color: var(--liang-ink) !important;\n  background: var(--liang-layer-1) !important;\n  box-shadow: 0 8px 28px rgb(20 22 20 / 8%);\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) [data-composer-card=\"true\"] :is(textarea, button, [data-input-mirror=\"true\"]) {\n  color: var(--liang-ink) !important;\n  caret-color: var(--liang-accent) !important;\n}\n\nbody[data-liang-skin=\"on\"]:is(\n  [data-liang-stage=\"0\"],\n  [data-liang-stage=\"1\"],\n  [data-liang-stage=\"2\"],\n  [data-liang-stage=\"3\"]\n) [data-composer-card=\"true\"] textarea::placeholder {\n  color: var(--liang-tertiary) !important;\n  opacity: 1;\n}\n\n.liang-effort-control {\n  --liang-control-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);\n  --liang-control-rail: var(--dsw-alias-border-l3, rgb(0 0 0 / 16%));\n  position: relative;\n  display: flex;\n  width: 124px;\n  height: 28px;\n  align-items: center;\n  margin: 0 3px;\n  overflow: visible;\n}\n\nbody[data-liang-skin=\"on\"] .liang-effort-control {\n  --liang-control-accent: var(--liang-secondary);\n  --liang-control-rail: color-mix(in srgb, var(--liang-secondary) 28%, transparent);\n}\n\n.liang-effort-control__ticks {\n  position: absolute;\n  z-index: 0;\n  inset: 0 10px;\n  pointer-events: none;\n}\n\n.liang-effort-control__ticks::before {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  left: 0;\n  height: 1px;\n  content: \"\";\n  background: var(--liang-control-rail);\n  transform: translateY(-50%);\n}\n\n.liang-effort-control__tooltip {\n  position: absolute;\n  z-index: 4;\n  bottom: calc(100% + 7px);\n  left: calc(10px + (100% - 20px) * var(--liang-slider-ratio));\n  min-width: max-content;\n  padding: 5px 8px;\n  border: 1px solid var(--liang-border, rgb(0 0 0 / 12%));\n  border-radius: 7px;\n  color: var(--liang-ink, #171816);\n  background: var(--liang-layer-1, #fff);\n  box-shadow: 0 5px 16px rgb(0 0 0 / 16%);\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 16px;\n  letter-spacing: 0.01em;\n  pointer-events: none;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n\n.liang-effort-control__tooltip::after {\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  width: 7px;\n  height: 7px;\n  content: \"\";\n  background: inherit;\n  transform: translate(-50%, -4px) rotate(45deg);\n}\n\n.liang-effort-control__tick {\n  position: absolute;\n  top: 50%;\n  width: 1px;\n  height: 7px;\n  background: var(--liang-control-accent);\n  opacity: 0.42;\n  transform: translate(-50%, -50%);\n}\n\n.liang-effort-control__range {\n  position: relative;\n  z-index: 1;\n  width: calc(100% - 7px);\n  height: 28px;\n  margin: 0 3.5px;\n  cursor: ew-resize;\n  appearance: none;\n  background: transparent;\n  touch-action: pan-y;\n}\n\n.liang-effort-control__range:disabled {\n  cursor: progress;\n  opacity: 0.58;\n}\n\n.liang-effort-control__range::-webkit-slider-runnable-track {\n  height: 1px;\n  border-radius: 1px;\n  background: transparent;\n}\n\n.liang-effort-control__range::-webkit-slider-thumb {\n  width: 13px;\n  height: 13px;\n  margin-top: -6px;\n  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\n  border-radius: 50%;\n  appearance: none;\n  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--dsw-alias-bg-layer-1, #fff)) 2.5px);\n  box-shadow: 0 1px 4px rgb(0 0 0 / 14%);\n}\n\nbody[data-liang-skin=\"on\"] .liang-effort-control__range::-webkit-slider-thumb {\n  width: 13px;\n  height: 13px;\n  margin-top: -6px;\n  border-color: color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\n  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--liang-layer-1)) 2.5px);\n}\n\n.liang-effort-control__range::-moz-range-track {\n  height: 1px;\n  background: transparent;\n}\n\n.liang-effort-control__range::-moz-range-progress {\n  height: 1px;\n  background: transparent;\n}\n\n.liang-effort-control__range::-moz-range-thumb {\n  width: 11px;\n  height: 11px;\n  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--liang-control-accent) 24%, var(--dsw-alias-bg-layer-1, #fff));\n}\n\n.liang-effort-control__range:focus-visible {\n  outline: none;\n}\n\n.liang-effort-control[data-state=\"error\"] {\n  --liang-control-accent: var(--dsw-alias-state-error-primary, #e43c3c);\n}\n\n.liang-appearance-choice {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  flex: 180px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 4px;\n  padding: 20px 32px;\n  border-radius: 16px;\n  font: inherit;\n  color: var(--dsw-alias-label-primary);\n  cursor: pointer;\n  background: transparent;\n  font-size: 14px;\n  line-height: 22px;\n  display: flex;\n}\n\n[class*=\"_8HJdBW_cubeRow\"]:has(.liang-appearance-choice) {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.liang-appearance-choice:hover:not([aria-pressed=\"true\"]) {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.liang-appearance-choice[aria-pressed=\"true\"] {\n  border-color: var(--dsw-static-neutral-bluish-400);\n  background: var(--dsw-alias-bg-module-platform);\n}\n\n.liang-appearance-choice__icon {\n  display: block;\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  color: currentColor;\n  font-size: 16px;\n  line-height: 16px;\n}\n\n.liang-appearance-choice__label {\n  display: block;\n}\n\n/* Keep the host's three theme cubes untouched. These rules only style the\n   fourth button that is appended to the host cube row. */\n.liang-appearance-choice:disabled {\n  cursor: progress;\n  opacity: 0.7;\n}\n\n.liang-appearance-binding {\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  min-height: 28px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 4px 0 0;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 14px;\n  line-height: 22px;\n  cursor: pointer;\n}\n\n.liang-appearance-binding__label {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.liang-appearance-binding__copy {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.liang-appearance-binding__description {\n  display: block;\n  overflow: hidden;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.liang-appearance-binding__input {\n  position: relative;\n  flex: 0 0 36px;\n  width: 36px;\n  height: 20px;\n  margin: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  outline: none;\n  cursor: pointer;\n  appearance: none;\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-module-platform));\n}\n\n.liang-appearance-binding__input::before {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  content: \"\";\n  background: var(--dsw-alias-label-primary);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 18%);\n  transition: transform 160ms ease, background-color 160ms ease;\n}\n\n.liang-appearance-binding__input:checked {\n  border-color: var(--dsw-static-neutral-bluish-400);\n  background: var(--dsw-static-neutral-bluish-400);\n}\n\n.liang-appearance-binding__input:checked::before {\n  background: var(--dsw-alias-bg-layer-1, #fff);\n  transform: translateX(16px);\n}\n\n.liang-appearance-binding__input:focus-visible {\n  box-shadow: 0 0 0 2px var(--dsw-alias-interactive-bg-hover);\n}\n\n.liang-appearance-binding__input:disabled {\n  cursor: progress;\n  opacity: 0.7;\n}\n\n@media (max-width: 760px) {\n  .liang-effort-control {\n    width: 92px;\n  }\n\n  .liang-skin-backdrop video,\n  .liang-skin-backdrop img {\n    right: -18vw;\n    width: 92vw;\n    opacity: calc(var(--liang-portrait-opacity, 0.45) * 0.72);\n  }\n\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .liang-skin-backdrop,\n  .liang-skin-backdrop video,\n  .liang-skin-backdrop img,\n  body[data-liang-skin=\"on\"] button,\n  body[data-liang-skin=\"on\"] input,\n  body[data-liang-skin=\"on\"] textarea {\n    transition: none;\n  }\n}\n", "export const PREVIEW_MAX_FRAME = 240;\nexport const MAX_LEVEL = 30;\n\nconst LIANG_RANKS = [\"\u5C0F\u96BE\u6881\", \"\u7262\u6881\", \"\u6881\u5B50\", \"\u6881\u5723\", \"\u6881\u795E\", \"\u6881\u7956\"] as const;\n\nexport interface EffortLike {\n  id: string;\n  name: string;\n  description?: string;\n}\n\nexport interface Palette {\n  level: number;\n  stage: number;\n  strength: number;\n  page: string;\n  base: string;\n  layer1: string;\n  layer2: string;\n  layer3: string;\n  sidebar: string;\n  ink: string;\n  secondary: string;\n  tertiary: string;\n  border: string;\n  accent: string;\n  accentHover: string;\n  hover: string;\n  portraitOpacity: string;\n}\n\ntype Rgb = readonly [number, number, number];\n\ninterface PaletteStop {\n  at: number;\n  page: Rgb;\n  surface: Rgb;\n  surface2: Rgb;\n  ink: Rgb;\n  secondary: Rgb;\n  accent: Rgb;\n  portraitOpacity: number;\n}\n\n// These are the original calibrator's six stage anchors: pale neutral at the\n// low end, progressively smoked surfaces, then charcoal and antique gold.\nconst STOPS: readonly PaletteStop[] = [\n  { at: 0, page: [232, 233, 229], surface: [248, 248, 245], surface2: [238, 239, 235], ink: [23, 24, 22], secondary: [112, 116, 111], accent: [181, 43, 36], portraitOpacity: 0.92 },\n  { at: 6, page: [211, 211, 206], surface: [239, 239, 234], surface2: [224, 224, 218], ink: [26, 26, 24], secondary: [101, 101, 96], accent: [181, 43, 36], portraitOpacity: 0.93 },\n  { at: 12, page: [171, 168, 162], surface: [211, 208, 201], surface2: [190, 186, 179], ink: [27, 26, 24], secondary: [83, 79, 74], accent: [166, 54, 42], portraitOpacity: 0.94 },\n  { at: 18, page: [117, 112, 106], surface: [154, 148, 140], surface2: [128, 122, 115], ink: [24, 22, 20], secondary: [65, 61, 56], accent: [154, 56, 42], portraitOpacity: 0.94 },\n  { at: 24, page: [43, 39, 37], surface: [48, 43, 40], surface2: [58, 51, 46], ink: [244, 241, 232], secondary: [184, 180, 169], accent: [181, 92, 54], portraitOpacity: 0.94 },\n  { at: 30, page: [17, 17, 17], surface: [30, 27, 25], surface2: [41, 35, 30], ink: [244, 241, 232], secondary: [184, 180, 169], accent: [193, 154, 73], portraitOpacity: 0.94 },\n];\n\nexport function clampFrame(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(value)));\n}\n\nexport function frameForEffort(index: number, count: number): number {\n  if (count <= 1 || !Number.isFinite(index)) return 0;\n  const safe = Math.min(count - 1, Math.max(0, Math.round(index)));\n  return Math.round((safe / (count - 1)) * PREVIEW_MAX_FRAME);\n}\n\nexport function nearestEffortIndex(frame: number, efforts: readonly EffortLike[]): number {\n  if (efforts.length === 0) return -1;\n  const safe = clampFrame(frame);\n  let best = 0;\n  let distance = Math.abs(safe - frameForEffort(0, efforts.length));\n  for (let index = 1; index < efforts.length; index += 1) {\n    const next = Math.abs(safe - frameForEffort(index, efforts.length));\n    if (next < distance) {\n      best = index;\n      distance = next;\n    }\n  }\n  return best;\n}\n\nexport function selectedEffortIndex(\n  efforts: readonly EffortLike[],\n  selectedId?: string,\n  defaultId?: string,\n): number {\n  const id = selectedId ?? defaultId;\n  return id === undefined ? -1 : efforts.findIndex((effort) => effort.id === id);\n}\n\nexport function portraitBlendForLevel(level: number, anchors: readonly number[]) {\n  if (anchors.length === 0) return { lowerIndex: -1, upperIndex: -1, mix: 0 };\n  const safeLevel = Number.isFinite(level)\n    ? Math.min(anchors[anchors.length - 1], Math.max(anchors[0], level))\n    : anchors[0];\n  let upperIndex = anchors.findIndex((anchor) => anchor >= safeLevel);\n  if (upperIndex < 0) upperIndex = anchors.length - 1;\n  const lowerIndex = Math.max(0, upperIndex - (anchors[upperIndex] > safeLevel ? 1 : 0));\n  const span = anchors[upperIndex] - anchors[lowerIndex];\n  return {\n    lowerIndex,\n    upperIndex,\n    mix: span === 0 ? 0 : (safeLevel - anchors[lowerIndex]) / span,\n  };\n}\n\nexport function liangRankForFrame(rawFrame: number): string {\n  const level = (clampFrame(rawFrame) / PREVIEW_MAX_FRAME) * MAX_LEVEL;\n  const index = level >= MAX_LEVEL ? LIANG_RANKS.length - 1 : Math.floor(level / 6);\n  return LIANG_RANKS[Math.min(LIANG_RANKS.length - 1, Math.max(0, index))];\n}\n\nexport function indicatorLabel(rawFrame: number, efforts: readonly EffortLike[]): string {\n  const effort = efforts[nearestEffortIndex(rawFrame, efforts)];\n  return effort === undefined\n    ? liangRankForFrame(rawFrame)\n    : `${liangRankForFrame(rawFrame)} \u00B7 ${effort.name}`;\n}\n\nfunction lerp(a: number, b: number, amount: number): number {\n  return a + (b - a) * amount;\n}\n\nfunction mix(a: Rgb, b: Rgb, amount: number): Rgb {\n  return [\n    Math.round(lerp(a[0], b[0], amount)),\n    Math.round(lerp(a[1], b[1], amount)),\n    Math.round(lerp(a[2], b[2], amount)),\n  ];\n}\n\nfunction rgb(value: Rgb, alpha = 1): string {\n  return alpha === 1\n    ? `rgb(${value[0]} ${value[1]} ${value[2]})`\n    : `rgb(${value[0]} ${value[1]} ${value[2]} / ${alpha})`;\n}\n\nexport function paletteForFrame(rawFrame: number): Palette {\n  const frame = clampFrame(rawFrame);\n  const level = (frame / PREVIEW_MAX_FRAME) * MAX_LEVEL;\n  const portraitStage = Math.min(5, Math.floor(level / 6));\n  const portraitFrom = STOPS[portraitStage];\n  const portraitTo = STOPS[Math.min(5, portraitStage + 1)];\n  const portraitAmount = portraitFrom === portraitTo\n    ? 0\n    : (level - portraitFrom.at) / (portraitTo.at - portraitFrom.at);\n\n  // The UI itself is intentionally binary: levels 0\u201323 keep the native light\n  // shell; entering the original \u6881\u795E/\u6881\u7956 region at level 24 switches black/gold.\n  const dark = level >= 24;\n  const stage = dark ? 5 : 0;\n  const ui = dark ? STOPS[5] : STOPS[0];\n  const page = ui.page;\n  const surface = ui.surface;\n  const surface2 = ui.surface2;\n  const sidebar = mix(page, surface2, 0.25);\n  const ink = ui.ink;\n  const secondary = ui.secondary;\n  // Keep Harness' native blue in the light shell. The original calibrator's\n  // antique gold only becomes the product accent once the dark region begins.\n  const accent: Rgb = dark ? [193, 154, 73] : [65, 118, 230];\n  const accentHover = mix(accent, ink, 0.13);\n\n  return {\n    level,\n    stage,\n    strength: level / MAX_LEVEL,\n    page: rgb(page),\n    // Keep the shell readable while allowing the right-side portrait to remain\n    // visibly present. Dense controls use the opaque layer tokens below.\n    base: rgb(page, dark ? 0.42 : 0.28),\n    layer1: rgb(surface, 0.94),\n    layer2: rgb(surface2, 0.96),\n    layer3: rgb(surface2, 0.99),\n    sidebar: rgb(sidebar, 0.96),\n    ink: rgb(ink),\n    secondary: rgb(secondary),\n    tertiary: rgb(mix(secondary, page, 0.28)),\n    border: rgb(ink, dark ? 0.15 : 0.12),\n    accent: rgb(accent),\n    accentHover: rgb(accentHover),\n    hover: rgb(ink, dark ? 0.09 : 0.07),\n    portraitOpacity: String(lerp(\n      portraitFrom.portraitOpacity,\n      portraitTo.portraitOpacity,\n      portraitAmount,\n    )),\n  };\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;;;ACNP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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",
+  "sourcesContent": ["import {\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n  useSyncExternalStore,\r\n} from \"react\";\r\nimport type { ClientContext, SnapshotStore } from \"@deepseek-ai/dsh-client-runtime/client\";\r\nimport type {} from \"@deepseek-ai/dsh-client-ui-conversation/client\";\r\nimport type {} from \"@deepseek-ai/dsh-client-ui-settings/client\";\r\nimport type {} from \"@deepseek-ai/dsh-client-ui-model-selection/client\";\r\nimport styles from \"./skin.css\";\r\nimport {\r\n  PREVIEW_MAX_FRAME,\r\n  frameForEffort,\r\n  indicatorLabel,\r\n  nearestEffortIndex,\r\n  paletteForFrame,\r\n  portraitBlendForLevel,\r\n  selectedEffortIndex,\r\n  type EffortLike,\r\n} from \"./logic\";\r\n\r\nconst PACKAGE_ID = \"dsh-client-liang-intensity-skin\";\r\nconst LOCALE_NAMESPACE = \"liang.skin\";\r\nconst ASSET_PREFIX = `/plugins/${PACKAGE_ID}/assets`;\r\nconst VIDEO_DURATION = 8.033;\r\nconst BIND_EFFORT_KEY = \"dsh-liang-intensity-skin.bind-effort\";\r\n\r\nconst PORTRAIT_ANCHORS = [\r\n  { level: 0, file: \"stage-00.png\" },\r\n  { level: 1, file: \"level-01.png\" },\r\n  { level: 3, file: \"level-03.png\" },\r\n  { level: 4, file: \"level-04.png\" },\r\n  { level: 6, file: \"stage-06.png\" },\r\n  { level: 7, file: \"level-07.png\" },\r\n  { level: 9, file: \"level-09.png\" },\r\n  { level: 10, file: \"level-10.png\" },\r\n  { level: 12, file: \"stage-12.png\" },\r\n  { level: 13, file: \"level-13.png\" },\r\n  { level: 14, file: \"level-14.png\" },\r\n  { level: 15, file: \"bridge-15.png\" },\r\n  { level: 16, file: \"level-16.png\" },\r\n  { level: 17, file: \"level-17.png\" },\r\n  { level: 18, file: \"stage-18.png\" },\r\n  { level: 19, file: \"level-19.png\" },\r\n  { level: 21, file: \"level-21.png\" },\r\n  { level: 22, file: \"level-22.png\" },\r\n  { level: 24, file: \"stage-24.png\" },\r\n  { level: 25, file: \"level-25.png\" },\r\n  { level: 27, file: \"bridge-27.png\" },\r\n  { level: 28, file: \"level-28.png\" },\r\n  { level: 29, file: \"level-29.png\" },\r\n  { level: 30, file: \"stage-30.png\" },\r\n] as const;\r\n\r\nconst ANCHOR_LEVELS = PORTRAIT_ANCHORS.map((anchor) => anchor.level);\r\n\r\ninterface SkinSettings {\r\n  enabled: boolean;\r\n  bindEffort: boolean;\r\n}\r\n\r\ninterface PreferenceStore {\r\n  getSnapshot(): SkinSettings;\r\n  subscribe(listener: () => void): () => void;\r\n  set(enabled: boolean): Promise<void>;\r\n  setBindEffort(enabled: boolean): Promise<void>;\r\n  dispose(): void;\r\n}\r\n\r\ntype NativeThemeId = \"light\" | \"dark\";\r\n\r\ninterface ThemeService {\r\n  getTheme(): { preference: string };\r\n  setTheme(id: NativeThemeId | \"system\"): void;\r\n}\r\n\r\ninterface ModelSelection {\r\n  provider: string;\r\n  model: string;\r\n  reasoningEffort?: string;\r\n}\r\n\r\ninterface CatalogModel {\r\n  id: string;\r\n  reasoning?: {\r\n    efforts: EffortLike[];\r\n    defaultEffort?: string;\r\n  };\r\n}\r\n\r\ninterface ModelDirectoryState {\r\n  current: ModelSelection | null;\r\n  groups: readonly { id: string; models: CatalogModel[] }[];\r\n  status: \"idle\" | \"loading\" | \"ready\" | \"selecting\" | \"error\";\r\n  error: string | null;\r\n}\r\n\r\ninterface ModelDirectory {\r\n  store: SnapshotStore<ModelDirectoryState>;\r\n  load(): Promise<unknown>;\r\n  select(selection: ModelSelection): Promise<void>;\r\n}\r\n\r\ninterface SliderProps {\r\n  directory: SnapshotStore<ModelDirectoryState>;\r\n  load: () => void;\r\n  select: (selection: ModelSelection) => Promise<boolean>;\r\n  presenter: SkinPresenter;\r\n  scope: PreferenceStore;\r\n}\r\n\r\ninterface SettingsRowProps {\r\n  scope: PreferenceStore;\r\n  presenter: SkinPresenter;\r\n  theme: ThemeService;\r\n  subscribeTheme: (listener: () => void) => () => void;\r\n  t: (key: string) => string;\r\n}\r\n\r\nconst cssVariables = [\r\n  \"--liang-strength\",\r\n  \"--liang-page\",\r\n  \"--liang-bg-base\",\r\n  \"--liang-layer-1\",\r\n  \"--liang-layer-2\",\r\n  \"--liang-layer-3\",\r\n  \"--liang-sidebar\",\r\n  \"--liang-ink\",\r\n  \"--liang-secondary\",\r\n  \"--liang-tertiary\",\r\n  \"--liang-border\",\r\n  \"--liang-accent\",\r\n  \"--liang-accent-hover\",\r\n  \"--liang-hover\",\r\n  \"--liang-portrait-opacity\",\r\n] as const;\r\n\r\nclass SkinPresenter {\r\n  private readonly scope: PreferenceStore;\r\n  private readonly theme: ThemeService;\r\n  private readonly root: HTMLDivElement;\r\n  private readonly video: HTMLVideoElement;\r\n  private readonly poster: HTMLImageElement;\r\n  private readonly frames: HTMLImageElement[];\r\n  private readonly preloads: HTMLImageElement[];\r\n  private enabled = true;\r\n  // Default to the max frame so the first paint after load is the dark shell;\r\n  // starting at 0 flashed the light palette before the directory resolved.\r\n  private frame = PREVIEW_MAX_FRAME;\r\n  private pendingFrame = PREVIEW_MAX_FRAME;\r\n  private pendingMode: \"drag\" | \"settle\" = \"settle\";\r\n  private activeFrame = 0;\r\n  private pendingSource: string | null = null;\r\n  private raf = 0;\r\n  private disposed = false;\r\n  private unsubscribe: () => void;\r\n\r\n  constructor(scope: PreferenceStore, theme: ThemeService) {\r\n    this.scope = scope;\r\n    this.theme = theme;\r\n    this.root = document.createElement(\"div\");\r\n    this.root.className = \"liang-skin-backdrop\";\r\n    this.root.dataset.plugin = PACKAGE_ID;\r\n    this.root.dataset.media = \"sequence\";\r\n    this.root.dataset.crossfade = \"slow\";\r\n    this.root.setAttribute(\"aria-hidden\", \"true\");\r\n\r\n    this.video = document.createElement(\"video\");\r\n    this.video.muted = true;\r\n    this.video.playsInline = true;\r\n    this.video.preload = \"auto\";\r\n    // A video poster stays painted while a paused video is scrubbed in some\r\n    // browsers, which would make every effort show the same portrait. Keep the\r\n    // separate image elements as the true load-error fallback instead.\r\n    const webm = document.createElement(\"source\");\r\n    webm.src = `${ASSET_PREFIX}/liang-evolution.webm`;\r\n    webm.type = \"video/webm\";\r\n    const mp4 = document.createElement(\"source\");\r\n    mp4.src = `${ASSET_PREFIX}/liang-evolution.mp4`;\r\n    mp4.type = \"video/mp4\";\r\n    this.video.append(webm, mp4);\r\n\r\n    this.poster = document.createElement(\"img\");\r\n    this.poster.className = \"liang-skin-poster\";\r\n    this.poster.src = `${ASSET_PREFIX}/liang-poster.png`;\r\n    this.poster.alt = \"\";\r\n\r\n    // Two stacked crossfade layers: the standby layer loads the next portrait\r\n    // while the active one stays painted, then an opacity/scale transition\r\n    // hands over \u2014 no hard src swap, no white flash.\r\n    this.frames = [];\r\n    for (let index = 0; index < 2; index += 1) {\r\n      const image = document.createElement(\"img\");\r\n      image.className = \"liang-skin-sequence-frame\";\r\n      image.alt = \"\";\r\n      image.draggable = false;\r\n      image.decoding = \"async\";\r\n      image.addEventListener(\"error\", this.handleSequenceError);\r\n      image.addEventListener(\"load\", () => this.handleFrameLoaded(image));\r\n      this.frames.push(image);\r\n    }\r\n\r\n    this.preloads = PORTRAIT_ANCHORS.map(({ file }) => {\r\n      const image = new Image();\r\n      image.decoding = \"async\";\r\n      image.src = `${ASSET_PREFIX}/portrait-source-v2/${file}`;\r\n      return image;\r\n    });\r\n\r\n    this.root.append(this.video, this.frames[0], this.frames[1], this.poster);\r\n    document.body.prepend(this.root);\r\n\r\n    this.video.addEventListener(\"loadedmetadata\", this.handleMetadata);\r\n    this.video.addEventListener(\"error\", this.handleVideoError);\r\n    this.poster.addEventListener(\"error\", this.handlePosterError);\r\n    this.video.load();\r\n    this.unsubscribe = scope.subscribe(() => this.syncSettings());\r\n    this.syncSettings();\r\n  }\r\n\r\n  private readonly handleMetadata = () => {\r\n    this.seek(this.frame);\r\n  };\r\n\r\n  private readonly handleVideoError = () => {\r\n    this.root.dataset.media = \"poster\";\r\n  };\r\n\r\n  private readonly handleSequenceError = () => {\r\n    this.root.dataset.media = \"video\";\r\n  };\r\n\r\n  private readonly handlePosterError = () => {\r\n    this.root.dataset.media = \"color\";\r\n  };\r\n\r\n  private syncSettings() {\r\n    this.setEnabled(this.scope.getSnapshot().enabled);\r\n  }\r\n\r\n  isEnabled() {\r\n    return this.enabled;\r\n  }\r\n\r\n  getFrame() {\r\n    return this.frame;\r\n  }\r\n\r\n  setEnabled(enabled: boolean) {\r\n    this.enabled = enabled;\r\n    if (enabled) {\r\n      if (!this.root.isConnected) document.body.prepend(this.root);\r\n      document.body.dataset.liangSkin = \"on\";\r\n      this.applyFrame();\r\n    } else {\r\n      this.root.remove();\r\n      delete document.body.dataset.liangSkin;\r\n      delete document.body.dataset.liangStage;\r\n      for (const name of cssVariables) document.body.style.removeProperty(name);\r\n    }\r\n  }\r\n\r\n  setFrame(frame: number, mode: \"drag\" | \"settle\" = \"drag\") {\r\n    this.pendingFrame = Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(frame)));\r\n    this.frame = this.pendingFrame;\r\n    this.pendingMode = mode;\r\n    if (!this.enabled) return;\r\n    if (this.raf !== 0) return;\r\n    this.raf = requestAnimationFrame(() => {\r\n      this.raf = 0;\r\n      this.frame = this.pendingFrame;\r\n      this.applyFrame();\r\n    });\r\n  }\r\n\r\n  private applyFrame() {\r\n    const palette = paletteForFrame(this.frame);\r\n    const body = document.body;\r\n    this.syncNativeTheme(palette.stage === 5 ? \"dark\" : \"light\");\r\n    body.dataset.liangStage = String(palette.stage);\r\n    body.style.setProperty(\"--liang-strength\", String(palette.strength));\r\n    body.style.setProperty(\"--liang-page\", palette.page);\r\n    body.style.setProperty(\"--liang-bg-base\", palette.base);\r\n    body.style.setProperty(\"--liang-layer-1\", palette.layer1);\r\n    body.style.setProperty(\"--liang-layer-2\", palette.layer2);\r\n    body.style.setProperty(\"--liang-layer-3\", palette.layer3);\r\n    body.style.setProperty(\"--liang-sidebar\", palette.sidebar);\r\n    body.style.setProperty(\"--liang-ink\", palette.ink);\r\n    body.style.setProperty(\"--liang-secondary\", palette.secondary);\r\n    body.style.setProperty(\"--liang-tertiary\", palette.tertiary);\r\n    body.style.setProperty(\"--liang-border\", palette.border);\r\n    body.style.setProperty(\"--liang-accent\", palette.accent);\r\n    body.style.setProperty(\"--liang-accent-hover\", palette.accentHover);\r\n    body.style.setProperty(\"--liang-hover\", palette.hover);\r\n    body.style.setProperty(\"--liang-portrait-opacity\", palette.portraitOpacity);\r\n    this.root.dataset.crossfade = this.pendingMode === \"settle\" ? \"slow\" : \"fast\";\r\n    this.updatePortrait(palette.level);\r\n    // Seeking a hidden <video> is pure cost (and visibly janky) during drags\r\n    // in the default image-sequence mode; only the video fallback needs it.\r\n    if (this.root.dataset.media === \"video\") this.seek(this.frame);\r\n  }\r\n\r\n  syncNativeTheme(theme: NativeThemeId = paletteForFrame(this.frame).stage === 5 ? \"dark\" : \"light\") {\r\n    if (!this.enabled || this.theme.getTheme().preference === theme) return;\r\n    this.theme.setTheme(theme);\r\n  }\r\n\r\n  private updatePortrait(level: number) {\r\n    if (this.root.dataset.media !== \"sequence\") return;\r\n    const { lowerIndex, upperIndex, mix } = portraitBlendForLevel(\r\n      level,\r\n      ANCHOR_LEVELS,\r\n    );\r\n    const lower = PORTRAIT_ANCHORS[lowerIndex];\r\n    const upper = PORTRAIT_ANCHORS[upperIndex];\r\n    const selected = mix >= 0.5 ? upper : lower;\r\n    const source = `${ASSET_PREFIX}/portrait-source-v2/${selected.file}`;\r\n    const active = this.frames[this.activeFrame];\r\n    if (active.getAttribute(\"src\") === source) {\r\n      // Already showing this anchor; drop any stale queued handover.\r\n      this.pendingSource = null;\r\n      return;\r\n    }\r\n    if (this.pendingSource === source) return;\r\n    const standbyIndex = 1 - this.activeFrame;\r\n    const standby = this.frames[standbyIndex];\r\n    this.pendingSource = source;\r\n    if (standby.getAttribute(\"src\") !== source) standby.src = source;\r\n    // Cache hit (preloaded): hand over immediately \u2014 the CSS transition still\r\n    // eases the swap, so a fast drag stays glued to the pointer.\r\n    if (standby.complete && standby.naturalWidth > 0) {\r\n      this.activate(standbyIndex);\r\n    }\r\n  }\r\n\r\n  private readonly handleFrameLoaded = (image: HTMLImageElement) => {\r\n    if (\r\n      this.pendingSource === null\r\n      || image.getAttribute(\"src\") !== this.pendingSource\r\n    ) return;\r\n    this.activate(this.frames.indexOf(image));\r\n  };\r\n\r\n  private activate(index: number) {\r\n    if (index < 0 || index === this.activeFrame) return;\r\n    this.frames[this.activeFrame].classList.remove(\"is-active\");\r\n    this.activeFrame = index;\r\n    this.frames[index].classList.add(\"is-active\");\r\n    this.pendingSource = null;\r\n  }\r\n\r\n  private seek(frame: number) {\r\n    if (this.video.readyState < 1 || this.video.duration === 0) return;\r\n    const duration = Number.isFinite(this.video.duration) ? this.video.duration : VIDEO_DURATION;\r\n    const target = Math.min(Math.max(0, duration - 0.001), (frame / PREVIEW_MAX_FRAME) * duration);\r\n    if (Math.abs(this.video.currentTime - target) > 0.025) this.video.currentTime = target;\r\n  }\r\n\r\n  async choose(enabled: boolean) {\r\n    this.setEnabled(enabled);\r\n    try {\r\n      await this.scope.set(enabled);\r\n    } catch (error) {\r\n      this.syncSettings();\r\n      throw error;\r\n    }\r\n  }\r\n\r\n  dispose() {\r\n    if (this.disposed) return;\r\n    this.disposed = true;\r\n    this.unsubscribe();\r\n    if (this.raf !== 0) cancelAnimationFrame(this.raf);\r\n    this.video.pause();\r\n    this.video.removeEventListener(\"loadedmetadata\", this.handleMetadata);\r\n    this.video.removeEventListener(\"error\", this.handleVideoError);\r\n    for (const image of this.frames) {\r\n      image.removeEventListener(\"error\", this.handleSequenceError);\r\n      image.src = \"\";\r\n    }\r\n    this.poster.removeEventListener(\"error\", this.handlePosterError);\r\n    for (const image of this.preloads) image.src = \"\";\r\n    this.root.remove();\r\n    document.body.removeAttribute(\"data-liang-skin\");\r\n    delete document.body.dataset.liangStage;\r\n    for (const name of cssVariables) document.body.style.removeProperty(name);\r\n  }\r\n}\r\n\r\nfunction modelReasoning(state: ModelDirectoryState) {\r\n  const current = state.current;\r\n  if (current === null) return null;\r\n  const group = state.groups.find((item) => item.id === current.provider);\r\n  const model = group?.models.find((item) => item.id === current.model);\r\n  if (model?.reasoning === undefined) return null;\r\n  return {\r\n    selection: current,\r\n    efforts: model.reasoning.efforts,\r\n    defaultEffort: model.reasoning.defaultEffort,\r\n  };\r\n}\r\n\r\nfunction LiangEffortSlider({ directory, load, select, presenter, scope }: SliderProps) {\r\n  const state = useSyncExternalStore(\r\n    (listener) => directory.subscribe(listener),\r\n    () => directory.getSnapshot(),\r\n  );\r\n  const skin = useSyncExternalStore(\r\n    (listener) => scope.subscribe(listener),\r\n    () => scope.getSnapshot(),\r\n  );\r\n  const reasoning = useMemo(() => modelReasoning(state), [state]);\r\n  const efforts = reasoning?.efforts ?? [];\r\n  const committedIndex = selectedEffortIndex(\r\n    efforts,\r\n    reasoning?.selection.reasoningEffort,\r\n    reasoning?.defaultEffort,\r\n  );\r\n  // An unknown committed effort defaults to the max frame: a fresh\r\n  // conversation paints the dark shell immediately instead of flashing the\r\n  // light palette until the directory load resolves the real effort.\r\n  const committedFrame = committedIndex < 0\r\n    ? PREVIEW_MAX_FRAME\r\n    : frameForEffort(committedIndex, efforts.length);\r\n  const bindEffort = skin.bindEffort;\r\n  const [frame, setFrame] = useState(() => bindEffort ? committedFrame : presenter.getFrame());\r\n  const [pending, setPending] = useState(false);\r\n  const [failed, setFailed] = useState(false);\r\n  const [interacting, setInteracting] = useState(false);\r\n  const dragging = useRef(false);\r\n  const dragStartFrame = useRef(frame);\r\n  const rootRef = useRef<HTMLDivElement>(null);\r\n  const interactionArmed = useRef(false);\r\n  const dragStartCommittedId = useRef<string | undefined>(undefined);\r\n  const dragStartCurrent = useRef<ModelSelection | null>(null);\r\n  const previewSyncedId = useRef<string | undefined>(undefined);\r\n  const lockRaf = useRef(0);\r\n  const lockBaseLeft = useRef<number | null>(null);\r\n  const enabled = skin.enabled;\r\n\r\n  useEffect(() => {\r\n    if (enabled) load();\r\n  }, [enabled, load]);\r\n\r\n  useEffect(() => {\r\n    if (!bindEffort || dragging.current || pending) return;\r\n    setFrame(committedFrame);\r\n    presenter.setFrame(committedFrame, \"settle\");\r\n  }, [bindEffort, committedFrame, pending, presenter]);\r\n\r\n  // While the user interacts (or a commit is in flight), the native model\r\n  // seat to the right may change its label width and reflow this flex row.\r\n  // Pin the control's on-screen position each frame and compensate any drift\r\n  // with a transform, then glide back smoothly when the interaction ends.\r\n  const locked = interacting || pending;\r\n  useEffect(() => {\r\n    if (!locked) return;\r\n    const root = rootRef.current;\r\n    if (root === null) return;\r\n    root.style.transition = \"\";\r\n    root.style.willChange = \"transform\";\r\n    lockBaseLeft.current = root.getBoundingClientRect().left;\r\n    const step = () => {\r\n      lockRaf.current = requestAnimationFrame(step);\r\n      const base = lockBaseLeft.current;\r\n      if (base === null) return;\r\n      const drift = base - root.getBoundingClientRect().left;\r\n      if (Math.abs(drift) > 0.5) {\r\n        root.style.transform = `translateX(${drift.toFixed(2)}px)`;\r\n      }\r\n    };\r\n    lockRaf.current = requestAnimationFrame(step);\r\n    return () => {\r\n      cancelAnimationFrame(lockRaf.current);\r\n      lockRaf.current = 0;\r\n      root.style.transition = \"transform 200ms ease-out\";\r\n      root.style.transform = \"\";\r\n      window.setTimeout(() => {\r\n        root.style.transition = \"\";\r\n        root.style.willChange = \"\";\r\n      }, 220);\r\n      lockBaseLeft.current = null;\r\n    };\r\n  }, [locked]);\r\n\r\n  if (!enabled) return null;\r\n  if (bindEffort && (reasoning === null || efforts.length < 2)) return null;\r\n\r\n  const previewIndex = nearestEffortIndex(frame, efforts);\r\n  const previewEffort = efforts[previewIndex];\r\n  const progressRatio = frame / PREVIEW_MAX_FRAME;\r\n  const tooltipLabel = indicatorLabel(frame, bindEffort ? efforts : []);\r\n\r\n  const beginInteraction = () => {\r\n    if (interactionArmed.current) return;\r\n    interactionArmed.current = true;\r\n    dragging.current = true;\r\n    dragStartFrame.current = frame;\r\n    const snapshot = directory.getSnapshot();\r\n    dragStartCurrent.current = snapshot.current;\r\n    const snapshotReasoning = modelReasoning(snapshot);\r\n    dragStartCommittedId.current = snapshotReasoning?.selection.reasoningEffort\r\n      ?? snapshotReasoning?.defaultEffort;\r\n    previewSyncedId.current = undefined;\r\n  };\r\n\r\n  // Roll the shared directory store back to the value captured before this\r\n  // interaction (undoes any optimistic preview echo).\r\n  const restorePreviewSync = () => {\r\n    const original = dragStartCurrent.current;\r\n    if (original === null || previewSyncedId.current === undefined) return;\r\n    directory.store.update((draft) => {\r\n      draft.current = original;\r\n    });\r\n    previewSyncedId.current = undefined;\r\n  };\r\n\r\n  const cancelInteraction = () => {\r\n    setInteracting(false);\r\n    interactionArmed.current = false;\r\n    dragging.current = false;\r\n    setFrame(dragStartFrame.current);\r\n    presenter.setFrame(dragStartFrame.current, \"settle\");\r\n    restorePreviewSync();\r\n  };\r\n\r\n  const commit = async (rawFrame: number) => {\r\n    interactionArmed.current = false;\r\n    dragging.current = false;\r\n    if (!bindEffort) {\r\n      setFrame(rawFrame);\r\n      presenter.setFrame(rawFrame, \"settle\");\r\n      return;\r\n    }\r\n    const targetIndex = nearestEffortIndex(rawFrame, efforts);\r\n    const target = efforts[targetIndex];\r\n    if (target === undefined) {\r\n      restorePreviewSync();\r\n      return;\r\n    }\r\n    const targetFrame = frameForEffort(targetIndex, efforts.length);\r\n    setFrame(targetFrame);\r\n    presenter.setFrame(targetFrame, \"settle\");\r\n    if (target.id === dragStartCommittedId.current) {\r\n      // No real change: just undo any optimistic preview echo.\r\n      restorePreviewSync();\r\n      return;\r\n    }\r\n    if (pending) return;\r\n    setPending(true);\r\n    setFailed(false);\r\n    const accepted = await select({\r\n      provider: reasoning.selection.provider,\r\n      model: reasoning.selection.model,\r\n      reasoningEffort: target.id,\r\n    });\r\n    setPending(false);\r\n    if (!accepted) {\r\n      setFailed(true);\r\n      restorePreviewSync();\r\n      const rollbackIndex = selectedEffortIndex(\r\n        efforts,\r\n        dragStartCommittedId.current,\r\n        undefined,\r\n      );\r\n      const rollbackFrame = rollbackIndex < 0\r\n        ? PREVIEW_MAX_FRAME\r\n        : frameForEffort(rollbackIndex, efforts.length);\r\n      setFrame(rollbackFrame);\r\n      presenter.setFrame(rollbackFrame, \"settle\");\r\n    } else {\r\n      previewSyncedId.current = undefined;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={rootRef}\r\n      className=\"liang-effort-control\"\r\n      data-plugin={PACKAGE_ID}\r\n      data-state={failed ? \"error\" : pending ? \"pending\" : \"ready\"}\r\n      title={bindEffort ? previewEffort?.name : undefined}\r\n    >\r\n      {interacting && (\r\n        <output\r\n          className=\"liang-effort-control__tooltip\"\r\n          style={{ \"--liang-slider-ratio\": progressRatio } as React.CSSProperties}\r\n        >\r\n          {tooltipLabel}\r\n        </output>\r\n      )}\r\n      <div className=\"liang-effort-control__ticks\" aria-hidden=\"true\">\r\n        {efforts.map((effort, index) => (\r\n          <i\r\n            className=\"liang-effort-control__tick\"\r\n            key={effort.id}\r\n            style={{ left: `${(frameForEffort(index, efforts.length) / PREVIEW_MAX_FRAME) * 100}%` }}\r\n          />\r\n        ))}\r\n      </div>\r\n      <input\r\n        className=\"liang-effort-control__range\"\r\n        type=\"range\"\r\n        min={0}\r\n        max={PREVIEW_MAX_FRAME}\r\n        step={1}\r\n        value={frame}\r\n        disabled={pending || state.status === \"selecting\"}\r\n        aria-label={bindEffort ? \"\u601D\u8003\u7B49\u7EA7\" : \"\u76AE\u80A4\u8FDB\u5EA6\"}\r\n        aria-valuetext={bindEffort ? previewEffort?.name ?? \"\" : tooltipLabel}\r\n        onPointerDown={() => {\r\n          beginInteraction();\r\n          setInteracting(true);\r\n        }}\r\n        onInput={(event) => {\r\n          dragging.current = true;\r\n          const next = Number(event.currentTarget.value);\r\n          setFrame(next);\r\n          presenter.setFrame(next, \"drag\");\r\n          if (!bindEffort || reasoning === null) return;\r\n          // Optimistically echo the nearest preview effort into the shared\r\n          // directory store so the native model seat updates in lockstep\r\n          // while dragging; commit/rollback settles the final value.\r\n          const index = nearestEffortIndex(next, efforts);\r\n          const effort = efforts[index];\r\n          if (effort === undefined || effort.id === previewSyncedId.current) return;\r\n          previewSyncedId.current = effort.id;\r\n          directory.store.update((draft) => {\r\n            const current = draft.current;\r\n            if (\r\n              current === null\r\n              || current.provider !== reasoning.selection.provider\r\n              || current.model !== reasoning.selection.model\r\n            ) return;\r\n            current.reasoningEffort = effort.id;\r\n          });\r\n        }}\r\n        onPointerUp={(event) => {\r\n          setInteracting(false);\r\n          void commit(Number(event.currentTarget.value));\r\n        }}\r\n        onPointerCancel={() => {\r\n          cancelInteraction();\r\n        }}\r\n        onKeyUp={(event) => {\r\n          setInteracting(false);\r\n          if (event.key !== \"Escape\") void commit(Number(event.currentTarget.value));\r\n        }}\r\n        onBlur={(event) => {\r\n          setInteracting(false);\r\n          if (dragging.current) void commit(Number(event.currentTarget.value));\r\n        }}\r\n        onKeyDown={(event) => {\r\n          setInteracting(true);\r\n          beginInteraction();\r\n          if (event.key === \"Escape\" && !pending) {\r\n            cancelInteraction();\r\n          }\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\ntype AppearanceChoice = NativeThemeId | \"system\" | \"liang\";\r\n\r\nconst APPEARANCE_CHOICES: readonly { id: AppearanceChoice; labelKey: string }[] = [\r\n  { id: \"light\", labelKey: \"appearance.light\" },\r\n  { id: \"dark\", labelKey: \"appearance.dark\" },\r\n  { id: \"system\", labelKey: \"appearance.system\" },\r\n  { id: \"liang\", labelKey: \"appearance.liang\" },\r\n];\r\n\r\nfunction NativeAppearanceIcon({ id }: { id: Exclude<AppearanceChoice, \"liang\"> }) {\r\n  if (id === \"light\") {\r\n    return (\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n        <path d=\"M11.3496 8C11.3496 6.14985 9.85015 4.65039 8 4.65039C6.14985 4.65039 4.65039 6.14985 4.65039 8C4.65039 9.85015 6.14985 11.3496 8 11.3496C9.85015 11.3496 11.3496 9.85015 11.3496 8ZM12.6504 8C12.6504 10.5681 10.5681 12.6504 8 12.6504C5.43188 12.6504 3.34961 10.5681 3.34961 8C3.34961 5.43188 5.43188 3.34961 8 3.34961C10.5681 3.34961 12.6504 5.43188 12.6504 8Z\" fill=\"currentColor\" />\r\n        <path d=\"M8.65039 0.5V2.5H7.34961V0.5H8.65039Z\" fill=\"currentColor\" />\r\n        <path d=\"M8.65039 13.5V15.5H7.34961V13.5H8.65039Z\" fill=\"currentColor\" />\r\n        <path d=\"M3.15808 2.24035L4.57229 3.65456L3.6525 4.57435L2.23829 3.16014L3.15808 2.24035Z\" fill=\"currentColor\" />\r\n        <path d=\"M12.3505 11.4327L13.7647 12.8469L12.8449 13.7667L11.4307 12.3525L12.3505 11.4327Z\" fill=\"currentColor\" />\r\n        <path d=\"M2.24537 12.8469L3.65958 11.4327L4.57937 12.3525L3.16516 13.7667L2.24537 12.8469Z\" fill=\"currentColor\" />\r\n        <path d=\"M11.4377 3.65455L12.852 2.24033L13.7718 3.16012L12.3575 4.57434L11.4377 3.65455Z\" fill=\"currentColor\" />\r\n        <path d=\"M0.5 7.35461H2.5V8.6554H0.5L0.5 7.35461Z\" fill=\"currentColor\" />\r\n        <path d=\"M13.5 7.35461H15.5V8.6554H13.5V7.35461Z\" fill=\"currentColor\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  if (id === \"dark\") {\r\n    return (\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n        <path d=\"M13.2764 9.52324C12.5607 9.97754 11.7177 10.242 10.7812 10.242C8.11386 10.2419 5.95042 8.07997 5.9502 5.41289C5.9502 4.48128 6.21453 3.61071 6.67188 2.87285C4.30332 3.4658 2.54992 5.60845 2.5498 8.16093C2.5498 11.1712 4.99103 13.6102 8 13.6102C10.5383 13.6102 12.6709 11.8724 13.2764 9.52324ZM7.05078 5.41289C7.051 7.47224 8.72116 9.1423 10.7812 9.14238C11.9248 9.14238 12.887 8.63397 13.5781 7.8084C13.7266 7.63106 13.9701 7.56547 14.1875 7.64433C14.4049 7.72329 14.5497 7.9297 14.5498 8.16093C14.5498 11.7766 11.6161 14.7098 8 14.7098C4.38402 14.7098 1.4502 11.7792 1.4502 8.16093C1.45033 4.54322 4.3812 1.61015 8 1.61015C8.23027 1.61015 8.43585 1.75352 8.51562 1.96953C8.59536 2.18554 8.53241 2.42829 8.35742 2.57793C7.55573 3.26311 7.05078 4.27876 7.05078 5.41289Z\" fill=\"currentColor\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n      <path d=\"M12.1665 13.5811V14.7803H3.66651V13.5811H12.1665Z\" fill=\"currentColor\" />\r\n      <path d=\"M13.4453 7.02379C13.4453 6.04702 13.4452 5.3616 13.3887 4.83434C13.3333 4.31828 13.2302 4.02378 13.0723 3.80309C12.9446 3.62475 12.7877 3.46883 12.6094 3.34117C12.3887 3.18328 12.0942 3.08007 11.5781 3.02477C11.0508 2.96829 10.3655 2.96715 9.38867 2.96715H6.61035C5.63359 2.96715 4.94816 2.96827 4.4209 3.02477C3.90486 3.0801 3.61034 3.18321 3.38965 3.34117C3.21143 3.46878 3.05534 3.62487 2.92774 3.80309C2.76977 4.02377 2.66667 4.3183 2.61133 4.83434C2.55483 5.3616 2.55371 6.04702 2.55371 7.02379C2.55371 8.0006 2.55485 8.68596 2.61133 9.21324C2.66663 9.72936 2.76983 10.0238 2.92774 10.2445C3.0554 10.4228 3.21131 10.5797 3.38965 10.7074C3.61034 10.8654 3.90484 10.9685 4.4209 11.0238C4.94816 11.0803 5.63359 11.0804 6.61035 11.0804H9.38867C10.3654 11.0804 11.0508 11.0803 11.5781 11.0238C12.0941 10.9685 12.3887 10.8652 12.6094 10.7074C12.7877 10.5797 12.9446 10.4229 13.0723 10.2445C13.2301 10.0238 13.3334 9.72927 13.3887 9.21324C13.4452 8.68596 13.4453 8.00058 13.4453 7.02379ZM14.6455 7.02379C14.6455 7.97428 14.646 8.73509 14.5811 9.34117C14.5149 9.95828 14.3756 10.4858 14.0479 10.9437C13.8436 11.229 13.5938 11.4788 13.3086 11.683C12.8507 12.0108 12.3232 12.15 11.7061 12.2162C11.1 12.2811 10.3391 12.2806 9.38867 12.2806H6.61035C5.66018 12.2806 4.89991 12.2811 4.29395 12.2162C3.67684 12.15 3.14935 12.0108 2.69141 11.683C2.40613 11.4788 2.15639 11.229 1.95215 10.9437C1.62436 10.4858 1.4841 9.95828 1.41797 9.34117C1.35305 8.73511 1.35449 7.97424 1.35449 7.02379C1.35449 6.07366 1.35308 5.31333 1.41797 4.70738C1.4841 4.09028 1.62436 3.56279 1.95215 3.10485C2.15638 2.81956 2.40613 2.56982 2.69141 2.36559C3.14935 2.03779 3.67684 1.89753 4.29395 1.83141C4.8999 1.76652 5.66022 1.76793 6.61035 1.76793H9.38867C10.3391 1.76793 11.1 1.76649 11.7061 1.83141C12.3232 1.89753 12.8507 2.03779 13.3086 2.36559C13.5939 2.56982 13.8436 2.81957 14.0479 3.10485C14.3756 3.56279 14.5149 4.09028 14.5811 4.70738C14.646 5.31335 14.6455 6.07362 14.6455 7.02379Z\" fill=\"currentColor\" />\r\n    </svg>\r\n  );\r\n}\r\n\r\nfunction AppearanceSkinRow({ scope, presenter, theme, subscribeTheme, t }: SettingsRowProps) {\r\n  const snapshot = useSyncExternalStore(\r\n    (listener) => scope.subscribe(listener),\r\n    () => scope.getSnapshot(),\r\n  );\r\n  const preference = useSyncExternalStore(\r\n    subscribeTheme,\r\n    () => theme.getTheme().preference,\r\n  );\r\n  const selected = snapshot.enabled\r\n    ? \"liang\"\r\n    : preference === \"light\" || preference === \"dark\" || preference === \"system\"\r\n      ? preference\r\n      : \"system\";\r\n  const [pending, setPending] = useState(false);\r\n\r\n  const choose = async (next: AppearanceChoice) => {\r\n    if (next === selected || pending) return;\r\n    setPending(true);\r\n    try {\r\n      if (next === \"liang\") {\r\n        await presenter.choose(true);\r\n      } else {\r\n        // Disable the custom skin first. This is intentionally unconditional:\r\n        // it makes the native choice the only writer after this click, even if\r\n        // the external preference store is one render behind.\r\n        await presenter.choose(false);\r\n        theme.setTheme(next);\r\n      }\r\n    } finally {\r\n      setPending(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"liang-settings-row\" data-plugin={PACKAGE_ID}>\r\n      <span className=\"liang-settings-row__title\">{t(\"appearance.title\")}</span>\r\n      <div className=\"liang-settings-row__choices\">\r\n        {APPEARANCE_CHOICES.map(({ id, labelKey }) => (\r\n          <button\r\n            className={`liang-settings-row__choice${id === \"liang\" ? \" liang-settings-row__choice--liang\" : \"\"}`}\r\n            type=\"button\"\r\n            aria-pressed={selected === id}\r\n            disabled={pending}\r\n            onClick={() => void choose(id)}\r\n            key={id}\r\n          >\r\n            {id === \"liang\" ? (\r\n              <span className=\"liang-settings-row__liang-icon\" aria-hidden=\"true\">\u25C8</span>\r\n            ) : (\r\n              <NativeAppearanceIcon id={id} />\r\n            )}\r\n            {t(labelKey)}\r\n          </button>\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst NATIVE_APPEARANCE_GROUP = '[class*=\"_8HJdBW_group\"]';\r\nconst NATIVE_APPEARANCE_ROW = '[class*=\"_8HJdBW_cubeRow\"]';\r\nconst LIANG_APPEARANCE_BUTTON = \"liang-appearance-choice\";\r\nconst LIANG_BINDING_CONTROL = \"liang-appearance-binding\";\r\nconst LIANG_BINDING_INPUT = \"liang-appearance-binding__input\";\r\n\r\nfunction installLiangAppearanceButton(scope: PreferenceStore, presenter: SkinPresenter) {\r\n  let pending = false;\r\n  const hookedNativeButtons = new Set<HTMLButtonElement>();\r\n  const nativeClickHandlers = new Map<HTMLButtonElement, () => void>();\r\n\r\n  const sync = () => {\r\n    const group = [...document.querySelectorAll<HTMLElement>(NATIVE_APPEARANCE_GROUP)]\r\n      .find((node) => node.querySelector('[class*=\"_8HJdBW_themeCube\"]'));\r\n    const row = group?.querySelector<HTMLElement>(NATIVE_APPEARANCE_ROW);\r\n    if (row === undefined || row === null) return;\r\n\r\n    let customButton = row.querySelector<HTMLButtonElement>(`.${LIANG_APPEARANCE_BUTTON}`);\r\n    if (customButton === null) {\r\n      customButton = document.createElement(\"button\");\r\n      customButton.className = LIANG_APPEARANCE_BUTTON;\r\n      customButton.type = \"button\";\r\n      customButton.dataset.plugin = PACKAGE_ID;\r\n      customButton.setAttribute(\"aria-label\", \"\u6ED1\u52A8\u53D8\u7956\");\r\n\r\n      const icon = document.createElement(\"span\");\r\n      icon.className = \"liang-appearance-choice__icon\";\r\n      icon.setAttribute(\"aria-hidden\", \"true\");\r\n      icon.textContent = \"\u25C8\";\r\n\r\n      const label = document.createElement(\"span\");\r\n      label.className = \"liang-appearance-choice__label\";\r\n      label.textContent = document.documentElement.lang.toLowerCase().startsWith(\"en\")\r\n        ? \"Slider\"\r\n        : \"\u6ED1\u52A8\u53D8\u7956\";\r\n      customButton.append(icon, label);\r\n      customButton.addEventListener(\"click\", () => {\r\n        if (pending || scope.getSnapshot().enabled) return;\r\n        pending = true;\r\n        sync();\r\n        void presenter.choose(true).finally(() => {\r\n          pending = false;\r\n          sync();\r\n        });\r\n      });\r\n    }\r\n\r\n    if (customButton.parentElement !== row) row.append(customButton);\r\n    const snapshot = scope.getSnapshot();\r\n    customButton.disabled = pending;\r\n    customButton.setAttribute(\"aria-pressed\", String(snapshot.enabled));\r\n\r\n    let bindingControl = group.querySelector<HTMLElement>(`.${LIANG_BINDING_CONTROL}`);\r\n    if (!snapshot.enabled) {\r\n      bindingControl?.remove();\r\n      bindingControl = null;\r\n    } else if (bindingControl === null) {\r\n      bindingControl = document.createElement(\"label\");\r\n      bindingControl.className = LIANG_BINDING_CONTROL;\r\n      bindingControl.dataset.plugin = PACKAGE_ID;\r\n\r\n      const bindingCopy = document.createElement(\"span\");\r\n      bindingCopy.className = \"liang-appearance-binding__copy\";\r\n\r\n      const bindingLabel = document.createElement(\"span\");\r\n      bindingLabel.className = \"liang-appearance-binding__label\";\r\n      const bindingText = document.documentElement.lang.toLowerCase().startsWith(\"en\")\r\n        ? \"Bind slider to reasoning level\"\r\n        : \"\u6ED1\u52A8\u53D8\u7956\u7ED1\u5B9A\u601D\u8003\u7B49\u7EA7\";\r\n      bindingLabel.textContent = bindingText;\r\n\r\n      const bindingDescription = document.createElement(\"span\");\r\n      bindingDescription.className = \"liang-appearance-binding__description\";\r\n      bindingDescription.id = \"liang-appearance-binding-description\";\r\n      bindingDescription.textContent = document.documentElement.lang.toLowerCase().startsWith(\"en\")\r\n        ? \"When off, the slider does not change the reasoning level.\"\r\n        : \"\u5173\u95ED\u4E4B\u540E\u6ED1\u5757\u4E0D\u8054\u52A8\u601D\u8003\u7B49\u7EA7\";\r\n      bindingCopy.append(bindingLabel, bindingDescription);\r\n\r\n      const bindingInput = document.createElement(\"input\");\r\n      bindingInput.className = LIANG_BINDING_INPUT;\r\n      bindingInput.type = \"checkbox\";\r\n      bindingInput.setAttribute(\"role\", \"switch\");\r\n      bindingInput.setAttribute(\"aria-label\", bindingText);\r\n      bindingInput.setAttribute(\"aria-describedby\", bindingDescription.id);\r\n      bindingInput.addEventListener(\"change\", () => {\r\n        void scope.setBindEffort(bindingInput.checked).catch(() => sync());\r\n      });\r\n\r\n      bindingControl.append(bindingCopy, bindingInput);\r\n      group.append(bindingControl);\r\n    }\r\n\r\n    if (bindingControl !== null) {\r\n      const bindingInput = bindingControl.querySelector<HTMLInputElement>(`.${LIANG_BINDING_INPUT}`);\r\n      if (bindingInput !== null) {\r\n        bindingInput.checked = snapshot.bindEffort;\r\n        bindingInput.setAttribute(\"aria-checked\", String(snapshot.bindEffort));\r\n        bindingInput.disabled = pending;\r\n      }\r\n    }\r\n\r\n    for (const nativeButton of row.querySelectorAll<HTMLButtonElement>('[class*=\"_8HJdBW_themeCube\"]')) {\r\n      if (hookedNativeButtons.has(nativeButton)) continue;\r\n      hookedNativeButtons.add(nativeButton);\r\n      const handleNativeClick = () => {\r\n        if (pending || !scope.getSnapshot().enabled) return;\r\n        pending = true;\r\n        sync();\r\n        void presenter.choose(false).finally(() => {\r\n          pending = false;\r\n          sync();\r\n        });\r\n      };\r\n      nativeClickHandlers.set(nativeButton, handleNativeClick);\r\n      nativeButton.addEventListener(\"click\", handleNativeClick, { capture: true });\r\n    }\r\n  };\r\n\r\n  const observer = new MutationObserver(sync);\r\n  observer.observe(document.body, { childList: true, subtree: true });\r\n  const unsubscribe = scope.subscribe(sync);\r\n  sync();\r\n\r\n  return () => {\r\n    observer.disconnect();\r\n    unsubscribe();\r\n    for (const [nativeButton, handleNativeClick] of nativeClickHandlers) {\r\n      nativeButton.removeEventListener(\"click\", handleNativeClick, { capture: true });\r\n    }\r\n    document.querySelectorAll(`.${LIANG_APPEARANCE_BUTTON}`).forEach((button) => button.remove());\r\n    document.querySelectorAll(`.${LIANG_BINDING_CONTROL}`).forEach((control) => control.remove());\r\n  };\r\n}\r\n\r\nexport const inject = [\r\n  \"slots\",\r\n  \"sessions\",\r\n  \"modelDirectories\",\r\n  \"locale\",\r\n  \"theme\",\r\n];\r\n\r\nfunction createPreferenceStore(): PreferenceStore {\r\n  // The market's active skin is the source of truth for whether this client\r\n  // should be visible. The appearance switch is therefore scoped to this\r\n  // client activation and must not survive switching away and back.\r\n  try {\r\n    localStorage.removeItem(\"dsh-liang-intensity-skin.enabled\");\r\n  } catch {\r\n    // Storage may be unavailable; the in-memory default still enables Liang.\r\n  }\r\n  let snapshot: SkinSettings = {\r\n    enabled: true,\r\n    bindEffort: localStorage.getItem(BIND_EFFORT_KEY) !== \"0\",\r\n  };\r\n  const listeners = new Set<() => void>();\r\n  const onStorage = (event: StorageEvent) => {\r\n    if (event.key !== BIND_EFFORT_KEY) return;\r\n    const next = {\r\n      enabled: snapshot.enabled,\r\n      bindEffort: event.newValue !== \"0\",\r\n    };\r\n    if (next.enabled === snapshot.enabled && next.bindEffort === snapshot.bindEffort) return;\r\n    snapshot = next;\r\n    for (const listener of listeners) listener();\r\n  };\r\n  window.addEventListener(\"storage\", onStorage);\r\n  return {\r\n    getSnapshot: () => snapshot,\r\n    subscribe(listener) {\r\n      listeners.add(listener);\r\n      return () => listeners.delete(listener);\r\n    },\r\n    async set(enabled) {\r\n      if (enabled === snapshot.enabled) return;\r\n      snapshot = { ...snapshot, enabled };\r\n      for (const listener of listeners) listener();\r\n    },\r\n    async setBindEffort(bindEffort) {\r\n      if (bindEffort === snapshot.bindEffort) return;\r\n      localStorage.setItem(BIND_EFFORT_KEY, bindEffort ? \"1\" : \"0\");\r\n      snapshot = { ...snapshot, bindEffort };\r\n      for (const listener of listeners) listener();\r\n    },\r\n    dispose() {\r\n      window.removeEventListener(\"storage\", onStorage);\r\n      listeners.clear();\r\n    },\r\n  };\r\n}\r\n\r\nexport function apply(ctx: ClientContext) {\r\n  const style = document.createElement(\"style\");\r\n  style.dataset.plugin = PACKAGE_ID;\r\n  style.textContent = styles;\r\n  document.head.append(style);\r\n  ctx.effect(() => () => style.remove(), \"liang-intensity-skin: scoped styles\");\r\n\r\n  const scope = createPreferenceStore();\r\n  ctx.effect(() => () => scope.dispose(), \"liang-intensity-skin: appearance preference\");\r\n  const theme = ctx.get(\"theme\") as ThemeService;\r\n  const presenter = new SkinPresenter(scope, theme);\r\n  ctx.effect(() => () => presenter.dispose(), \"liang-intensity-skin: backdrop presenter\");\r\n  ctx.effect(\r\n    () => installLiangAppearanceButton(scope, presenter),\r\n    \"liang-intensity-skin: native appearance extension\",\r\n  );\r\n  ctx.effect(\r\n    () => ctx.locale.register(LOCALE_NAMESPACE, {\r\n    zh: {\r\n      \"appearance.title\": \"\u5916\u89C2\",\r\n      \"appearance.light\": \"\u6D45\u8272\",\r\n      \"appearance.dark\": \"\u6DF1\u8272\",\r\n      \"appearance.system\": \"\u8DDF\u968F\u7CFB\u7EDF\",\r\n      \"appearance.liang\": \"\u6ED1\u52A8\u53D8\u7956\",\r\n    },\r\n    en: {\r\n      \"appearance.title\": \"Appearance\",\r\n      \"appearance.light\": \"Light\",\r\n      \"appearance.dark\": \"Dark\",\r\n      \"appearance.system\": \"System\",\r\n      \"appearance.liang\": \"Slider\",\r\n    },\r\n    }), \"liang-intensity-skin: settings locale\");\r\n\r\n  ctx.slots.inject(\"conversation.input.right\", () => ctx.slots.register({\r\n    name: \"conversation.input.right\",\r\n    id: \"liang-intensity-control\",\r\n    order: 10,\r\n    inject: (sessionId: string) => {\r\n      const available = ctx.sessions.subagentAddress(sessionId) === undefined;\r\n      const directory = ctx.modelDirectories.directoryFor(sessionId) as ModelDirectory;\r\n      return {\r\n        directory: directory.store,\r\n        presenter,\r\n        scope,\r\n        load: () => {\r\n          if (available) void directory.load().catch(() => undefined);\r\n        },\r\n        select: (selection: ModelSelection) => available\r\n          ? directory.select(selection).then(() => true, () => false)\r\n          : Promise.resolve(false),\r\n      };\r\n    },\r\n  }, LiangEffortSlider));\r\n}\r\n", ".liang-skin-backdrop {\r\n  position: fixed;\r\n  z-index: 0;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  background: var(--liang-page, transparent);\r\n  opacity: 0;\r\n  transition: opacity 220ms ease, background-color 180ms linear;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] .liang-skin-backdrop {\r\n  opacity: 1;\r\n}\r\n\r\n.liang-skin-backdrop video,\r\n.liang-skin-backdrop img {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 0;\r\n  display: block;\r\n  width: min(42vw, 720px);\r\n  height: 100vh;\r\n  object-fit: cover;\r\n  object-position: 50% 42%;\r\n  opacity: var(--liang-portrait-opacity, 0.45);\r\n  transform: translateY(-50%);\r\n  filter: none;\r\n  mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 20%) 10%, black 30%, black 100%);\r\n  transition: filter 180ms linear;\r\n}\r\n\r\n.liang-skin-backdrop img {\r\n  display: none;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"sequence\"] video,\r\n.liang-skin-backdrop[data-media=\"sequence\"] .liang-skin-poster {\r\n  display: none;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"sequence\"] .liang-skin-sequence-frame {\r\n  display: block;\r\n  /* Crossfade layers: inactive sits transparent and slightly enlarged, the\r\n     active one eases back to a calm 1:1. Dragging swaps fast so the preview\r\n     stays glued to the pointer; settling swaps slow for a gentle landing. */\r\n  opacity: 0;\r\n  transform: translateY(-50%) scale(1.018);\r\n  transition:\r\n    opacity 120ms ease-out,\r\n    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"sequence\"] .liang-skin-sequence-frame.is-active {\r\n  opacity: var(--liang-portrait-opacity, 0.82);\r\n  transform: translateY(-50%) scale(1);\r\n}\r\n\r\n.liang-skin-backdrop[data-crossfade=\"slow\"] .liang-skin-sequence-frame {\r\n  transition-duration: 340ms, 520ms;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"video\"] .liang-skin-sequence-frame,\r\n.liang-skin-backdrop[data-media=\"video\"] .liang-skin-poster {\r\n  display: none;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"poster\"] video,\r\n.liang-skin-backdrop[data-media=\"poster\"] .liang-skin-sequence-frame {\r\n  display: none;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"poster\"] .liang-skin-poster {\r\n  display: block;\r\n}\r\n\r\n.liang-skin-backdrop[data-media=\"color\"] video,\r\n.liang-skin-backdrop[data-media=\"color\"] img {\r\n  display: none;\r\n}\r\n\r\n.liang-skin-backdrop::after {\r\n  position: absolute;\r\n  inset: 0;\r\n  content: \"\";\r\n  background: linear-gradient(90deg, var(--liang-page, transparent) 0 28%, transparent 57% 100%);\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] {\r\n  --dsw-alias-bg-base: var(--liang-bg-base) !important;\r\n  --dsw-alias-bg-layer-1: var(--liang-layer-1) !important;\r\n  --dsw-alias-bg-layer-2: var(--liang-layer-2) !important;\r\n  --dsw-alias-bg-layer-3: var(--liang-layer-3) !important;\r\n  --dsw-specific-sidebar-fill: var(--liang-sidebar) !important;\r\n  --dsw-alias-label-primary: var(--liang-ink) !important;\r\n  --dsw-alias-label-primary-dimmed: var(--liang-ink) !important;\r\n  --dsw-alias-label-secondary: var(--liang-secondary) !important;\r\n  --dsw-alias-label-tertiary: var(--liang-tertiary) !important;\r\n  --dsw-alias-label-caption: var(--liang-tertiary) !important;\r\n  --dsw-alias-border-l1: var(--liang-border) !important;\r\n  --dsw-alias-border-l2-darkmode-thin: var(--liang-border) !important;\r\n  --dsw-alias-border-l2: var(--liang-border) !important;\r\n  --dsw-alias-border-l3: var(--liang-border) !important;\r\n  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\r\n  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\r\n  --dsw-alias-button-info-fill: var(--liang-accent) !important;\r\n  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\r\n  --dsw-alias-state-business-primary: var(--liang-accent) !important;\r\n  --dsw-alias-interactive-bg-hover: var(--liang-hover) !important;\r\n  --dsw-alias-interactive-bg-active: var(--liang-hover) !important;\r\n  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\r\n  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\r\n  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\r\n  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\r\n  --dsw-specific-bubble: var(--liang-layer-2) !important;\r\n  --dsw-specific-input-major: var(--liang-layer-1) !important;\r\n  --dsw-specific-menu: var(--liang-layer-3) !important;\r\n  --dsw-specific-selector: var(--liang-layer-2) !important;\r\n  --dsw-alias-markdown-citation: var(--liang-layer-2) !important;\r\n  --dsw-alias-markdown-code-block-banner: var(--liang-layer-1) !important;\r\n  --dsw-alias-markdown-code-block: var(--liang-layer-1) !important;\r\n  --dsw-alias-markdown-code-segment-selected: var(--liang-layer-2) !important;\r\n  --dsw-alias-markdown-code-segment-unselected: var(--liang-layer-1) !important;\r\n  --dsw-alias-markdown-inline-code: var(--liang-layer-2) !important;\r\n  --dsw-alias-markdown-placeholder: var(--liang-layer-1) !important;\r\n  --dsw-alias-markdown-tag: var(--liang-layer-2) !important;\r\n  background: var(--liang-page) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) {\r\n  --dsw-alias-brand-primary-new-colorprimary-new-color: rgb(65 118 230) !important;\r\n  --dsw-alias-brand-primary: rgb(15 17 21) !important;\r\n  --dsw-alias-brand-text: rgb(15 17 21) !important;\r\n  --dsw-alias-button-primary-fill: rgb(15 17 21) !important;\r\n  --dsw-alias-button-primary-hover: rgb(53 54 56) !important;\r\n  --dsw-alias-button-info-fill: rgb(65 118 230) !important;\r\n  --dsw-alias-button-info-hover: rgb(103 158 254) !important;\r\n  --dsw-alias-state-business-primary: rgb(65 118 230) !important;\r\n  --dsw-alias-label-primary-inverted: rgb(249 250 251) !important;\r\n  --dsw-alias-button-elevated-fill: rgb(255 255 255) !important;\r\n  --dsw-alias-button-floating-fill: rgb(255 255 255) !important;\r\n  --dsw-alias-button-floating-hover: rgb(241 243 245) !important;\r\n  --dsw-alias-interactive-bg-hover-solid: rgb(241 243 245) !important;\r\n  --dsw-specific-bubble: rgb(237 243 254) !important;\r\n  --dsw-specific-input-major: rgb(255 255 255) !important;\r\n  --dsw-specific-menu: rgb(255 255 255) !important;\r\n  --dsw-specific-selector: rgb(245 246 247) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] {\r\n  --dsw-alias-brand-primary-new-colorprimary-new-color: #c19a49 !important;\r\n  --dsw-alias-brand-primary: #c19a49 !important;\r\n  --dsw-alias-brand-text: #d5b56e !important;\r\n  --dsw-alias-button-info-fill: #c19a49 !important;\r\n  --dsw-alias-button-info-hover: #d5b56e !important;\r\n  --dsw-alias-state-business-primary: #c19a49 !important;\r\n  --dsw-alias-bg-module-platform: var(--liang-layer-3) !important;\r\n  --dsw-specific-sidebar-nav-item-active: var(--liang-layer-3) !important;\r\n  --dsw-specific-sidebar-nav-item-hover: var(--liang-hover) !important;\r\n}\r\n\r\n/* The low-intensity skin is light by default, but it must not turn a dark\r\n   Harness document into a light surface. Keep the skin's portrait progression\r\n   while switching the shared UI layers back to a readable charcoal palette. */\r\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) {\r\n  --liang-page: rgb(17 17 17) !important;\r\n  --liang-bg-base: rgb(17 17 17 / 42%) !important;\r\n  --liang-layer-1: rgb(30 27 25 / 94%) !important;\r\n  --liang-layer-2: rgb(41 35 30 / 96%) !important;\r\n  --liang-layer-3: rgb(41 35 30 / 99%) !important;\r\n  --liang-sidebar: rgb(23 20 18 / 96%) !important;\r\n  --liang-ink: rgb(244 241 232) !important;\r\n  --liang-secondary: rgb(184 180 169) !important;\r\n  --liang-tertiary: rgb(137 134 126) !important;\r\n  --liang-border: rgb(244 241 232 / 15%) !important;\r\n  --liang-hover: rgb(244 241 232 / 9%) !important;\r\n  --dsw-alias-brand-primary: var(--liang-accent) !important;\r\n  --dsw-alias-brand-text: var(--liang-accent) !important;\r\n  --dsw-alias-button-primary-fill: var(--liang-accent) !important;\r\n  --dsw-alias-button-primary-hover: var(--liang-accent-hover) !important;\r\n  --dsw-alias-button-info-fill: var(--liang-accent) !important;\r\n  --dsw-alias-button-info-hover: var(--liang-accent-hover) !important;\r\n  --dsw-alias-state-business-primary: var(--liang-accent) !important;\r\n  --dsw-alias-button-elevated-fill: var(--liang-layer-1) !important;\r\n  --dsw-alias-button-floating-fill: var(--liang-layer-2) !important;\r\n  --dsw-alias-button-floating-hover: var(--liang-layer-3) !important;\r\n  --dsw-alias-interactive-bg-hover-solid: var(--liang-layer-2) !important;\r\n  --dsw-specific-bubble: var(--liang-layer-2) !important;\r\n  --dsw-specific-input-major: var(--liang-layer-1) !important;\r\n  --dsw-specific-menu: var(--liang-layer-3) !important;\r\n  --dsw-specific-selector: var(--liang-layer-2) !important;\r\n  background: var(--liang-page) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) .liang-skin-backdrop {\r\n  background: var(--liang-page) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-ds-dark-theme]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) .liang-skin-backdrop::after {\r\n  background: linear-gradient(90deg, var(--liang-page) 0 28%, transparent 57% 100%);\r\n}\r\n\r\n/* The host renders the running-turn label as a clipped blue text gradient.\r\n   Retarget only that gradient's color tokens in the custom dark skin; keep\r\n   the host's text clipping and shimmer behavior, and leave light mode alone. */\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"_turnStatus\"] {\r\n  --dsw-static-deepseek-500: #c19a49 !important;\r\n  --dsw-static-deepseek-200: #d5b56e !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"_turnStatusClock\"] {\r\n  color: #c19a49 !important;\r\n  -webkit-text-fill-color: #c19a49 !important;\r\n}\r\n\r\n/* Preserve the wordmark badge contrast in the low-intensity shell. */\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > rect[width=\"52\"] {\r\n  fill: rgb(15 17 21) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > g[clip-path*=\"badge\"] path {\r\n  fill: rgb(249 250 251) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > rect[width=\"52\"] {\r\n  fill: #c19a49 !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u65B0\u5EFA\u4F1A\u8BDD\"] svg[viewBox=\"0 0 182 24\"] > g[clip-path*=\"badge\"] path {\r\n  fill: #171816 !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [aria-label^=\"\u9009\u62E9\u6A21\u578B\"] > span:nth-of-type(2) {\r\n  color: #d5b56e !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] [class*=\"heroGlow\"] ellipse {\r\n  fill: #c19a49 !important;\r\n  fill-opacity: 0.16 !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] span[class*=\"_previewBadge\"] {\r\n  color: #171816 !important;\r\n  background: #c19a49 !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u53D1\u9001\u6D88\u606F\"] {\r\n  color: #171816 !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"][data-liang-stage=\"5\"] button[aria-label=\"\u53D1\u9001\u6D88\u606F\"]:disabled {\r\n  opacity: 0.62;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) button[aria-label=\"\u53D1\u9001\u6D88\u606F\"] {\r\n  color: #fff !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) button[aria-label=\"\u53D1\u9001\u6D88\u606F\"]:disabled {\r\n  color: rgb(255 255 255 / 92%) !important;\r\n  background: rgb(65 118 230 / 42%) !important;\r\n  opacity: 1;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] > #root {\r\n  position: relative;\r\n  z-index: 1;\r\n  background: transparent !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] button,\r\nbody[data-liang-skin=\"on\"] input,\r\nbody[data-liang-skin=\"on\"] textarea {\r\n  transition: color 160ms linear, background-color 160ms linear, border-color 160ms linear;\r\n}\r\n\r\n/* The composer card has a native theme-mode fill, so keep its surface and\r\n   readable ink aligned with the active Liang palette. */\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) [data-composer-card=\"true\"] {\r\n  border-color: var(--liang-border) !important;\r\n  color: var(--liang-ink) !important;\r\n  background: var(--liang-layer-1) !important;\r\n  box-shadow: 0 8px 28px rgb(20 22 20 / 8%);\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) [data-composer-card=\"true\"] :is(textarea, button, [data-input-mirror=\"true\"]) {\r\n  color: var(--liang-ink) !important;\r\n  caret-color: var(--liang-accent) !important;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"]:is(\r\n  [data-liang-stage=\"0\"],\r\n  [data-liang-stage=\"1\"],\r\n  [data-liang-stage=\"2\"],\r\n  [data-liang-stage=\"3\"]\r\n) [data-composer-card=\"true\"] textarea::placeholder {\r\n  color: var(--liang-tertiary) !important;\r\n  opacity: 1;\r\n}\r\n\r\n.liang-effort-control {\r\n  --liang-control-accent: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6);\r\n  --liang-control-rail: var(--dsw-alias-border-l3, rgb(0 0 0 / 16%));\r\n  position: relative;\r\n  display: flex;\r\n  /* Fixed footprint: the native model seat to the right changes its label\r\n     width when the reasoning effort changes, which reflows the trailing flex\r\n     row. Pin this control's own size so it never contributes to that shift\r\n     (absolute position is additionally locked during interaction in JS). */\r\n  flex: 0 0 124px;\r\n  width: 124px;\r\n  min-width: 124px;\r\n  max-width: 124px;\r\n  height: 28px;\r\n  align-items: center;\r\n  margin: 0 3px;\r\n  overflow: visible;\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] .liang-effort-control {\r\n  --liang-control-accent: var(--liang-secondary);\r\n  --liang-control-rail: color-mix(in srgb, var(--liang-secondary) 28%, transparent);\r\n}\r\n\r\n/* The native model seat (composer input.model) widens with the effort label\r\n   text; give it a stable footprint under the Liang skin so switching effort\r\n   never reflows the slider out of position. The label ellipsizes instead.\r\n   Button-scoped on purpose: the inner label/effort spans also contain this\r\n   class substring and must never be sized (sizing them pushed the effort text\r\n   out of the button, splitting the model+effort pair apart). */\r\nbody[data-liang-skin=\"on\"] button[class*=\"_7KE1Ra_trigger\"] {\r\n  box-sizing: border-box;\r\n  width: 180px;\r\n  min-width: 180px;\r\n  max-width: 180px;\r\n}\r\n\r\n.liang-effort-control__ticks {\r\n  position: absolute;\r\n  z-index: 0;\r\n  inset: 0 10px;\r\n  pointer-events: none;\r\n}\r\n\r\n.liang-effort-control__ticks::before {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: 0;\r\n  left: 0;\r\n  height: 1px;\r\n  content: \"\";\r\n  background: var(--liang-control-rail);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.liang-effort-control__tooltip {\r\n  position: absolute;\r\n  z-index: 4;\r\n  bottom: calc(100% + 7px);\r\n  left: calc(10px + (100% - 20px) * var(--liang-slider-ratio));\r\n  min-width: max-content;\r\n  padding: 5px 8px;\r\n  border: 1px solid var(--liang-border, rgb(0 0 0 / 12%));\r\n  border-radius: 7px;\r\n  color: var(--liang-ink, #171816);\r\n  background: var(--liang-layer-1, #fff);\r\n  box-shadow: 0 5px 16px rgb(0 0 0 / 16%);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  letter-spacing: 0.01em;\r\n  pointer-events: none;\r\n  transform: translateX(-50%);\r\n  white-space: nowrap;\r\n}\r\n\r\n.liang-effort-control__tooltip::after {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 50%;\r\n  width: 7px;\r\n  height: 7px;\r\n  content: \"\";\r\n  background: inherit;\r\n  transform: translate(-50%, -4px) rotate(45deg);\r\n}\r\n\r\n.liang-effort-control__tick {\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 1px;\r\n  height: 7px;\r\n  background: var(--liang-control-accent);\r\n  opacity: 0.42;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.liang-effort-control__range {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: calc(100% - 7px);\r\n  height: 28px;\r\n  margin: 0 3.5px;\r\n  /* Branded pointer (centered hotspot baked into the .cur); fall back to the\r\n     native resize cursor if the asset fails to load. */\r\n  cursor: url(\"/plugins/dsh-client-liang-intensity-skin/assets/liang-cursor.cur\") 16 16, ew-resize;\r\n  appearance: none;\r\n  background: transparent;\r\n  touch-action: pan-y;\r\n}\r\n\r\n.liang-effort-control__range:disabled {\r\n  cursor: progress;\r\n  opacity: 0.58;\r\n}\r\n\r\n.liang-effort-control__range::-webkit-slider-runnable-track {\r\n  height: 1px;\r\n  border-radius: 1px;\r\n  background: transparent;\r\n}\r\n\r\n.liang-effort-control__range::-webkit-slider-thumb {\r\n  width: 13px;\r\n  height: 13px;\r\n  margin-top: -6px;\r\n  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r\n  border-radius: 50%;\r\n  appearance: none;\r\n  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--dsw-alias-bg-layer-1, #fff)) 2.5px);\r\n  box-shadow: 0 1px 4px rgb(0 0 0 / 14%);\r\n}\r\n\r\nbody[data-liang-skin=\"on\"] .liang-effort-control__range::-webkit-slider-thumb {\r\n  width: 13px;\r\n  height: 13px;\r\n  margin-top: -6px;\r\n  border-color: color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r\n  background: radial-gradient(circle, var(--liang-control-accent) 0 2px, color-mix(in srgb, var(--liang-control-accent) 22%, var(--liang-layer-1)) 2.5px);\r\n}\r\n\r\n.liang-effort-control__range::-moz-range-track {\r\n  height: 1px;\r\n  background: transparent;\r\n}\r\n\r\n.liang-effort-control__range::-moz-range-progress {\r\n  height: 1px;\r\n  background: transparent;\r\n}\r\n\r\n.liang-effort-control__range::-moz-range-thumb {\r\n  width: 11px;\r\n  height: 11px;\r\n  border: 1.5px solid color-mix(in srgb, var(--liang-control-accent) 72%, transparent);\r\n  border-radius: 50%;\r\n  background: color-mix(in srgb, var(--liang-control-accent) 24%, var(--dsw-alias-bg-layer-1, #fff));\r\n}\r\n\r\n.liang-effort-control__range:focus-visible {\r\n  outline: none;\r\n}\r\n\r\n.liang-effort-control[data-state=\"error\"] {\r\n  --liang-control-accent: var(--dsw-alias-state-error-primary, #e43c3c);\r\n}\r\n\r\n.liang-appearance-choice {\r\n  box-sizing: border-box;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  flex: 180px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 20px 32px;\r\n  border-radius: 16px;\r\n  font: inherit;\r\n  color: var(--dsw-alias-label-primary);\r\n  cursor: pointer;\r\n  background: transparent;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  display: flex;\r\n}\r\n\r\n[class*=\"_8HJdBW_cubeRow\"]:has(.liang-appearance-choice) {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n}\r\n\r\n.liang-appearance-choice:hover:not([aria-pressed=\"true\"]) {\r\n  background: var(--dsw-alias-interactive-bg-hover);\r\n}\r\n\r\n.liang-appearance-choice[aria-pressed=\"true\"] {\r\n  border-color: var(--dsw-static-neutral-bluish-400);\r\n  background: var(--dsw-alias-bg-module-platform);\r\n}\r\n\r\n.liang-appearance-choice__icon {\r\n  display: block;\r\n  flex: 0 0 16px;\r\n  width: 16px;\r\n  height: 16px;\r\n  color: currentColor;\r\n  font-size: 16px;\r\n  line-height: 16px;\r\n}\r\n\r\n.liang-appearance-choice__label {\r\n  display: block;\r\n}\r\n\r\n/* Keep the host's three theme cubes untouched. These rules only style the\r\n   fourth button that is appended to the host cube row. */\r\n.liang-appearance-choice:disabled {\r\n  cursor: progress;\r\n  opacity: 0.7;\r\n}\r\n\r\n.liang-appearance-binding {\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 28px;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  padding: 4px 0 0;\r\n  color: var(--dsw-alias-label-primary);\r\n  font: inherit;\r\n  font-size: 14px;\r\n  line-height: 22px;\r\n  cursor: pointer;\r\n}\r\n\r\n.liang-appearance-binding__label {\r\n  display: block;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.liang-appearance-binding__copy {\r\n  display: flex;\r\n  min-width: 0;\r\n  flex-direction: column;\r\n  gap: 1px;\r\n}\r\n\r\n.liang-appearance-binding__description {\r\n  display: block;\r\n  overflow: hidden;\r\n  color: var(--dsw-alias-label-secondary);\r\n  font-size: 12px;\r\n  line-height: 18px;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.liang-appearance-binding__input {\r\n  position: relative;\r\n  flex: 0 0 36px;\r\n  width: 36px;\r\n  height: 20px;\r\n  margin: 0;\r\n  border: 1px solid var(--dsw-alias-border-l2);\r\n  border-radius: 999px;\r\n  outline: none;\r\n  cursor: pointer;\r\n  appearance: none;\r\n  background: var(--dsw-alias-interactive-bg-hover, var(--dsw-alias-bg-module-platform));\r\n}\r\n\r\n.liang-appearance-binding__input::before {\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 2px;\r\n  width: 14px;\r\n  height: 14px;\r\n  border-radius: 50%;\r\n  content: \"\";\r\n  background: var(--dsw-alias-label-primary);\r\n  box-shadow: 0 1px 3px rgb(0 0 0 / 18%);\r\n  transition: transform 160ms ease, background-color 160ms ease;\r\n}\r\n\r\n.liang-appearance-binding__input:checked {\r\n  border-color: var(--dsw-static-neutral-bluish-400);\r\n  background: var(--dsw-static-neutral-bluish-400);\r\n}\r\n\r\n.liang-appearance-binding__input:checked::before {\r\n  background: var(--dsw-alias-bg-layer-1, #fff);\r\n  transform: translateX(16px);\r\n}\r\n\r\n.liang-appearance-binding__input:focus-visible {\r\n  box-shadow: 0 0 0 2px var(--dsw-alias-interactive-bg-hover);\r\n}\r\n\r\n.liang-appearance-binding__input:disabled {\r\n  cursor: progress;\r\n  opacity: 0.7;\r\n}\r\n\r\n@media (max-width: 760px) {\r\n  .liang-effort-control {\r\n    flex-basis: 92px;\r\n    width: 92px;\r\n    min-width: 92px;\r\n    max-width: 92px;\r\n  }\r\n\r\n  .liang-skin-backdrop video,\r\n  .liang-skin-backdrop img {\r\n    right: -18vw;\r\n    width: 92vw;\r\n    opacity: calc(var(--liang-portrait-opacity, 0.45) * 0.72);\r\n  }\r\n\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .liang-skin-backdrop,\r\n  .liang-skin-backdrop video,\r\n  .liang-skin-backdrop img,\r\n  .liang-skin-backdrop .liang-skin-sequence-frame,\r\n  body[data-liang-skin=\"on\"] button,\r\n  body[data-liang-skin=\"on\"] input,\r\n  body[data-liang-skin=\"on\"] textarea {\r\n    transition: none;\r\n  }\r\n}\r\n", "export const PREVIEW_MAX_FRAME = 240;\r\nexport const MAX_LEVEL = 30;\r\n\r\nconst LIANG_RANKS = [\"\u5C0F\u96BE\u6881\", \"\u7262\u6881\", \"\u6881\u5B50\", \"\u6881\u5723\", \"\u6881\u795E\", \"\u6881\u7956\"] as const;\r\n\r\nexport interface EffortLike {\r\n  id: string;\r\n  name: string;\r\n  description?: string;\r\n}\r\n\r\nexport interface Palette {\r\n  level: number;\r\n  stage: number;\r\n  strength: number;\r\n  page: string;\r\n  base: string;\r\n  layer1: string;\r\n  layer2: string;\r\n  layer3: string;\r\n  sidebar: string;\r\n  ink: string;\r\n  secondary: string;\r\n  tertiary: string;\r\n  border: string;\r\n  accent: string;\r\n  accentHover: string;\r\n  hover: string;\r\n  portraitOpacity: string;\r\n}\r\n\r\ntype Rgb = readonly [number, number, number];\r\n\r\ninterface PaletteStop {\r\n  at: number;\r\n  page: Rgb;\r\n  surface: Rgb;\r\n  surface2: Rgb;\r\n  ink: Rgb;\r\n  secondary: Rgb;\r\n  accent: Rgb;\r\n  portraitOpacity: number;\r\n}\r\n\r\n// These are the original calibrator's six stage anchors: pale neutral at the\r\n// low end, progressively smoked surfaces, then charcoal and antique gold.\r\nconst STOPS: readonly PaletteStop[] = [\r\n  { at: 0, page: [232, 233, 229], surface: [248, 248, 245], surface2: [238, 239, 235], ink: [23, 24, 22], secondary: [112, 116, 111], accent: [181, 43, 36], portraitOpacity: 0.92 },\r\n  { at: 6, page: [211, 211, 206], surface: [239, 239, 234], surface2: [224, 224, 218], ink: [26, 26, 24], secondary: [101, 101, 96], accent: [181, 43, 36], portraitOpacity: 0.93 },\r\n  { at: 12, page: [171, 168, 162], surface: [211, 208, 201], surface2: [190, 186, 179], ink: [27, 26, 24], secondary: [83, 79, 74], accent: [166, 54, 42], portraitOpacity: 0.94 },\r\n  { at: 18, page: [117, 112, 106], surface: [154, 148, 140], surface2: [128, 122, 115], ink: [24, 22, 20], secondary: [65, 61, 56], accent: [154, 56, 42], portraitOpacity: 0.94 },\r\n  { at: 24, page: [43, 39, 37], surface: [48, 43, 40], surface2: [58, 51, 46], ink: [244, 241, 232], secondary: [184, 180, 169], accent: [181, 92, 54], portraitOpacity: 0.94 },\r\n  { at: 30, page: [17, 17, 17], surface: [30, 27, 25], surface2: [41, 35, 30], ink: [244, 241, 232], secondary: [184, 180, 169], accent: [193, 154, 73], portraitOpacity: 0.94 },\r\n];\r\n\r\nexport function clampFrame(value: number): number {\r\n  if (!Number.isFinite(value)) return 0;\r\n  return Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(value)));\r\n}\r\n\r\nexport function frameForEffort(index: number, count: number): number {\r\n  if (count <= 1 || !Number.isFinite(index)) return 0;\r\n  const safe = Math.min(count - 1, Math.max(0, Math.round(index)));\r\n  return Math.round((safe / (count - 1)) * PREVIEW_MAX_FRAME);\r\n}\r\n\r\nexport function nearestEffortIndex(frame: number, efforts: readonly EffortLike[]): number {\r\n  if (efforts.length === 0) return -1;\r\n  const safe = clampFrame(frame);\r\n  let best = 0;\r\n  let distance = Math.abs(safe - frameForEffort(0, efforts.length));\r\n  for (let index = 1; index < efforts.length; index += 1) {\r\n    const next = Math.abs(safe - frameForEffort(index, efforts.length));\r\n    if (next < distance) {\r\n      best = index;\r\n      distance = next;\r\n    }\r\n  }\r\n  return best;\r\n}\r\n\r\nexport function selectedEffortIndex(\r\n  efforts: readonly EffortLike[],\r\n  selectedId?: string,\r\n  defaultId?: string,\r\n): number {\r\n  const id = selectedId ?? defaultId;\r\n  return id === undefined ? -1 : efforts.findIndex((effort) => effort.id === id);\r\n}\r\n\r\nexport function portraitBlendForLevel(level: number, anchors: readonly number[]) {\r\n  if (anchors.length === 0) return { lowerIndex: -1, upperIndex: -1, mix: 0 };\r\n  const safeLevel = Number.isFinite(level)\r\n    ? Math.min(anchors[anchors.length - 1], Math.max(anchors[0], level))\r\n    : anchors[0];\r\n  let upperIndex = anchors.findIndex((anchor) => anchor >= safeLevel);\r\n  if (upperIndex < 0) upperIndex = anchors.length - 1;\r\n  const lowerIndex = Math.max(0, upperIndex - (anchors[upperIndex] > safeLevel ? 1 : 0));\r\n  const span = anchors[upperIndex] - anchors[lowerIndex];\r\n  return {\r\n    lowerIndex,\r\n    upperIndex,\r\n    mix: span === 0 ? 0 : (safeLevel - anchors[lowerIndex]) / span,\r\n  };\r\n}\r\n\r\nexport function liangRankForFrame(rawFrame: number): string {\r\n  const level = (clampFrame(rawFrame) / PREVIEW_MAX_FRAME) * MAX_LEVEL;\r\n  const index = level >= MAX_LEVEL ? LIANG_RANKS.length - 1 : Math.floor(level / 6);\r\n  return LIANG_RANKS[Math.min(LIANG_RANKS.length - 1, Math.max(0, index))];\r\n}\r\n\r\nexport function indicatorLabel(rawFrame: number, efforts: readonly EffortLike[]): string {\r\n  const effort = efforts[nearestEffortIndex(rawFrame, efforts)];\r\n  return effort === undefined\r\n    ? liangRankForFrame(rawFrame)\r\n    : `${liangRankForFrame(rawFrame)} \u00B7 ${effort.name}`;\r\n}\r\n\r\nfunction lerp(a: number, b: number, amount: number): number {\r\n  return a + (b - a) * amount;\r\n}\r\n\r\nfunction mix(a: Rgb, b: Rgb, amount: number): Rgb {\r\n  return [\r\n    Math.round(lerp(a[0], b[0], amount)),\r\n    Math.round(lerp(a[1], b[1], amount)),\r\n    Math.round(lerp(a[2], b[2], amount)),\r\n  ];\r\n}\r\n\r\nfunction rgb(value: Rgb, alpha = 1): string {\r\n  return alpha === 1\r\n    ? `rgb(${value[0]} ${value[1]} ${value[2]})`\r\n    : `rgb(${value[0]} ${value[1]} ${value[2]} / ${alpha})`;\r\n}\r\n\r\nexport function paletteForFrame(rawFrame: number): Palette {\r\n  const frame = clampFrame(rawFrame);\r\n  const level = (frame / PREVIEW_MAX_FRAME) * MAX_LEVEL;\r\n  const portraitStage = Math.min(5, Math.floor(level / 6));\r\n  const portraitFrom = STOPS[portraitStage];\r\n  const portraitTo = STOPS[Math.min(5, portraitStage + 1)];\r\n  const portraitAmount = portraitFrom === portraitTo\r\n    ? 0\r\n    : (level - portraitFrom.at) / (portraitTo.at - portraitFrom.at);\r\n\r\n  // The UI itself is intentionally binary: levels 0\u201323 keep the native light\r\n  // shell; entering the original \u6881\u795E/\u6881\u7956 region at level 24 switches black/gold.\r\n  const dark = level >= 24;\r\n  const stage = dark ? 5 : 0;\r\n  const ui = dark ? STOPS[5] : STOPS[0];\r\n  const page = ui.page;\r\n  const surface = ui.surface;\r\n  const surface2 = ui.surface2;\r\n  const sidebar = mix(page, surface2, 0.25);\r\n  const ink = ui.ink;\r\n  const secondary = ui.secondary;\r\n  // Keep Harness' native blue in the light shell. The original calibrator's\r\n  // antique gold only becomes the product accent once the dark region begins.\r\n  const accent: Rgb = dark ? [193, 154, 73] : [65, 118, 230];\r\n  const accentHover = mix(accent, ink, 0.13);\r\n\r\n  return {\r\n    level,\r\n    stage,\r\n    strength: level / MAX_LEVEL,\r\n    page: rgb(page),\r\n    // Keep the shell readable while allowing the right-side portrait to remain\r\n    // visibly present. Dense controls use the opaque layer tokens below.\r\n    base: rgb(page, dark ? 0.42 : 0.28),\r\n    layer1: rgb(surface, 0.94),\r\n    layer2: rgb(surface2, 0.96),\r\n    layer3: rgb(surface2, 0.99),\r\n    sidebar: rgb(sidebar, 0.96),\r\n    ink: rgb(ink),\r\n    secondary: rgb(secondary),\r\n    tertiary: rgb(mix(secondary, page, 0.28)),\r\n    border: rgb(ink, dark ? 0.15 : 0.12),\r\n    accent: rgb(accent),\r\n    accentHover: rgb(accentHover),\r\n    hover: rgb(ink, dark ? 0.09 : 0.07),\r\n    portraitOpacity: String(lerp(\r\n      portraitFrom.portraitOpacity,\r\n      portraitTo.portraitOpacity,\r\n      portraitAmount,\r\n    )),\r\n  };\r\n}\r\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;;;ACNP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA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",
   "names": ["mix"]
 }
diff --git a/package.json b/package.json
index df1b711..fdcea14 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "dsh-client-liang-intensity-skin",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "private": true,
-  "description": "滑动变祖：an opt-in adaptive reasoning slider skin for DeepSeek Harness",
+  "description": "滑动变祖（社区优化版）：an opt-in adaptive reasoning slider skin for DeepSeek Harness",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kingOfSoySauce/dsh-liang-skin.git"
@@ -17,6 +17,8 @@
     "./package.json": "./package.json"
   },
   "files": [
+    "assets/liang-cursor.cur",
+    "assets/liang-cursor.ico",
     "assets/liang-evolution.mp4",
     "assets/liang-evolution.webm",
     "assets/liang-poster.png",
@@ -44,6 +46,7 @@
     "assets/portrait-source-v2/level-28.png",
     "assets/portrait-source-v2/level-29.png",
     "assets/portrait-source-v2/stage-30.png",
+    "CHANGELOG.md",
     "cordis.patch.yml",
     "lib/client.js",
     "lib/client.js.map",
diff --git a/src/client/index.tsx b/src/client/index.tsx
index 571c810..3a465c7 100644
--- a/src/client/index.tsx
+++ b/src/client/index.tsx
@@ -54,6 +54,8 @@ const PORTRAIT_ANCHORS = [
   { level: 30, file: "stage-30.png" },
 ] as const;
 
+const ANCHOR_LEVELS = PORTRAIT_ANCHORS.map((anchor) => anchor.level);
+
 interface SkinSettings {
   enabled: boolean;
   bindEffort: boolean;
@@ -141,13 +143,16 @@ class SkinPresenter {
   private readonly root: HTMLDivElement;
   private readonly video: HTMLVideoElement;
   private readonly poster: HTMLImageElement;
-  private readonly portrait: HTMLImageElement;
+  private readonly frames: HTMLImageElement[];
   private readonly preloads: HTMLImageElement[];
   private enabled = true;
   // Default to the max frame so the first paint after load is the dark shell;
   // starting at 0 flashed the light palette before the directory resolved.
   private frame = PREVIEW_MAX_FRAME;
   private pendingFrame = PREVIEW_MAX_FRAME;
+  private pendingMode: "drag" | "settle" = "settle";
+  private activeFrame = 0;
+  private pendingSource: string | null = null;
   private raf = 0;
   private disposed = false;
   private unsubscribe: () => void;
@@ -159,6 +164,7 @@ class SkinPresenter {
     this.root.className = "liang-skin-backdrop";
     this.root.dataset.plugin = PACKAGE_ID;
     this.root.dataset.media = "sequence";
+    this.root.dataset.crossfade = "slow";
     this.root.setAttribute("aria-hidden", "true");
 
     this.video = document.createElement("video");
@@ -167,7 +173,7 @@ class SkinPresenter {
     this.video.preload = "auto";
     // A video poster stays painted while a paused video is scrubbed in some
     // browsers, which would make every effort show the same portrait. Keep the
-    // separate image element as the true load-error fallback instead.
+    // separate image elements as the true load-error fallback instead.
     const webm = document.createElement("source");
     webm.src = `${ASSET_PREFIX}/liang-evolution.webm`;
     webm.type = "video/webm";
@@ -181,19 +187,29 @@ class SkinPresenter {
     this.poster.src = `${ASSET_PREFIX}/liang-poster.png`;
     this.poster.alt = "";
 
-    this.portrait = document.createElement("img");
-    this.portrait.className = "liang-skin-sequence-frame";
-    this.portrait.alt = "";
-    this.portrait.draggable = false;
-    this.portrait.addEventListener("error", this.handleSequenceError);
+    // Two stacked crossfade layers: the standby layer loads the next portrait
+    // while the active one stays painted, then an opacity/scale transition
+    // hands over — no hard src swap, no white flash.
+    this.frames = [];
+    for (let index = 0; index < 2; index += 1) {
+      const image = document.createElement("img");
+      image.className = "liang-skin-sequence-frame";
+      image.alt = "";
+      image.draggable = false;
+      image.decoding = "async";
+      image.addEventListener("error", this.handleSequenceError);
+      image.addEventListener("load", () => this.handleFrameLoaded(image));
+      this.frames.push(image);
+    }
 
     this.preloads = PORTRAIT_ANCHORS.map(({ file }) => {
       const image = new Image();
+      image.decoding = "async";
       image.src = `${ASSET_PREFIX}/portrait-source-v2/${file}`;
       return image;
     });
 
-    this.root.append(this.video, this.portrait, this.poster);
+    this.root.append(this.video, this.frames[0], this.frames[1], this.poster);
     document.body.prepend(this.root);
 
     this.video.addEventListener("loadedmetadata", this.handleMetadata);
@@ -246,9 +262,10 @@ class SkinPresenter {
     }
   }
 
-  setFrame(frame: number) {
+  setFrame(frame: number, mode: "drag" | "settle" = "drag") {
     this.pendingFrame = Math.min(PREVIEW_MAX_FRAME, Math.max(0, Math.round(frame)));
     this.frame = this.pendingFrame;
+    this.pendingMode = mode;
     if (!this.enabled) return;
     if (this.raf !== 0) return;
     this.raf = requestAnimationFrame(() => {
@@ -278,8 +295,11 @@ class SkinPresenter {
     body.style.setProperty("--liang-accent-hover", palette.accentHover);
     body.style.setProperty("--liang-hover", palette.hover);
     body.style.setProperty("--liang-portrait-opacity", palette.portraitOpacity);
+    this.root.dataset.crossfade = this.pendingMode === "settle" ? "slow" : "fast";
     this.updatePortrait(palette.level);
-    this.seek(this.frame);
+    // Seeking a hidden <video> is pure cost (and visibly janky) during drags
+    // in the default image-sequence mode; only the video fallback needs it.
+    if (this.root.dataset.media === "video") this.seek(this.frame);
   }
 
   syncNativeTheme(theme: NativeThemeId = paletteForFrame(this.frame).stage === 5 ? "dark" : "light") {
@@ -288,15 +308,47 @@ class SkinPresenter {
   }
 
   private updatePortrait(level: number) {
+    if (this.root.dataset.media !== "sequence") return;
     const { lowerIndex, upperIndex, mix } = portraitBlendForLevel(
       level,
-      PORTRAIT_ANCHORS.map((anchor) => anchor.level),
+      ANCHOR_LEVELS,
     );
     const lower = PORTRAIT_ANCHORS[lowerIndex];
     const upper = PORTRAIT_ANCHORS[upperIndex];
     const selected = mix >= 0.5 ? upper : lower;
     const source = `${ASSET_PREFIX}/portrait-source-v2/${selected.file}`;
-    if (this.portrait.getAttribute("src") !== source) this.portrait.src = source;
+    const active = this.frames[this.activeFrame];
+    if (active.getAttribute("src") === source) {
+      // Already showing this anchor; drop any stale queued handover.
+      this.pendingSource = null;
+      return;
+    }
+    if (this.pendingSource === source) return;
+    const standbyIndex = 1 - this.activeFrame;
+    const standby = this.frames[standbyIndex];
+    this.pendingSource = source;
+    if (standby.getAttribute("src") !== source) standby.src = source;
+    // Cache hit (preloaded): hand over immediately — the CSS transition still
+    // eases the swap, so a fast drag stays glued to the pointer.
+    if (standby.complete && standby.naturalWidth > 0) {
+      this.activate(standbyIndex);
+    }
+  }
+
+  private readonly handleFrameLoaded = (image: HTMLImageElement) => {
+    if (
+      this.pendingSource === null
+      || image.getAttribute("src") !== this.pendingSource
+    ) return;
+    this.activate(this.frames.indexOf(image));
+  };
+
+  private activate(index: number) {
+    if (index < 0 || index === this.activeFrame) return;
+    this.frames[this.activeFrame].classList.remove("is-active");
+    this.activeFrame = index;
+    this.frames[index].classList.add("is-active");
+    this.pendingSource = null;
   }
 
   private seek(frame: number) {
@@ -324,7 +376,10 @@ class SkinPresenter {
     this.video.pause();
     this.video.removeEventListener("loadedmetadata", this.handleMetadata);
     this.video.removeEventListener("error", this.handleVideoError);
-    this.portrait.removeEventListener("error", this.handleSequenceError);
+    for (const image of this.frames) {
+      image.removeEventListener("error", this.handleSequenceError);
+      image.src = "";
+    }
     this.poster.removeEventListener("error", this.handlePosterError);
     for (const image of this.preloads) image.src = "";
     this.root.remove();
@@ -376,6 +431,13 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
   const [interacting, setInteracting] = useState(false);
   const dragging = useRef(false);
   const dragStartFrame = useRef(frame);
+  const rootRef = useRef<HTMLDivElement>(null);
+  const interactionArmed = useRef(false);
+  const dragStartCommittedId = useRef<string | undefined>(undefined);
+  const dragStartCurrent = useRef<ModelSelection | null>(null);
+  const previewSyncedId = useRef<string | undefined>(undefined);
+  const lockRaf = useRef(0);
+  const lockBaseLeft = useRef<number | null>(null);
   const enabled = skin.enabled;
 
   useEffect(() => {
@@ -385,9 +447,44 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
   useEffect(() => {
     if (!bindEffort || dragging.current || pending) return;
     setFrame(committedFrame);
-    presenter.setFrame(committedFrame);
+    presenter.setFrame(committedFrame, "settle");
   }, [bindEffort, committedFrame, pending, presenter]);
 
+  // While the user interacts (or a commit is in flight), the native model
+  // seat to the right may change its label width and reflow this flex row.
+  // Pin the control's on-screen position each frame and compensate any drift
+  // with a transform, then glide back smoothly when the interaction ends.
+  const locked = interacting || pending;
+  useEffect(() => {
+    if (!locked) return;
+    const root = rootRef.current;
+    if (root === null) return;
+    root.style.transition = "";
+    root.style.willChange = "transform";
+    lockBaseLeft.current = root.getBoundingClientRect().left;
+    const step = () => {
+      lockRaf.current = requestAnimationFrame(step);
+      const base = lockBaseLeft.current;
+      if (base === null) return;
+      const drift = base - root.getBoundingClientRect().left;
+      if (Math.abs(drift) > 0.5) {
+        root.style.transform = `translateX(${drift.toFixed(2)}px)`;
+      }
+    };
+    lockRaf.current = requestAnimationFrame(step);
+    return () => {
+      cancelAnimationFrame(lockRaf.current);
+      lockRaf.current = 0;
+      root.style.transition = "transform 200ms ease-out";
+      root.style.transform = "";
+      window.setTimeout(() => {
+        root.style.transition = "";
+        root.style.willChange = "";
+      }, 220);
+      lockBaseLeft.current = null;
+    };
+  }, [locked]);
+
   if (!enabled) return null;
   if (bindEffort && (reasoning === null || efforts.length < 2)) return null;
 
@@ -396,21 +493,62 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
   const progressRatio = frame / PREVIEW_MAX_FRAME;
   const tooltipLabel = indicatorLabel(frame, bindEffort ? efforts : []);
 
+  const beginInteraction = () => {
+    if (interactionArmed.current) return;
+    interactionArmed.current = true;
+    dragging.current = true;
+    dragStartFrame.current = frame;
+    const snapshot = directory.getSnapshot();
+    dragStartCurrent.current = snapshot.current;
+    const snapshotReasoning = modelReasoning(snapshot);
+    dragStartCommittedId.current = snapshotReasoning?.selection.reasoningEffort
+      ?? snapshotReasoning?.defaultEffort;
+    previewSyncedId.current = undefined;
+  };
+
+  // Roll the shared directory store back to the value captured before this
+  // interaction (undoes any optimistic preview echo).
+  const restorePreviewSync = () => {
+    const original = dragStartCurrent.current;
+    if (original === null || previewSyncedId.current === undefined) return;
+    directory.store.update((draft) => {
+      draft.current = original;
+    });
+    previewSyncedId.current = undefined;
+  };
+
+  const cancelInteraction = () => {
+    setInteracting(false);
+    interactionArmed.current = false;
+    dragging.current = false;
+    setFrame(dragStartFrame.current);
+    presenter.setFrame(dragStartFrame.current, "settle");
+    restorePreviewSync();
+  };
+
   const commit = async (rawFrame: number) => {
+    interactionArmed.current = false;
+    dragging.current = false;
     if (!bindEffort) {
-      dragging.current = false;
       setFrame(rawFrame);
-      presenter.setFrame(rawFrame);
+      presenter.setFrame(rawFrame, "settle");
       return;
     }
     const targetIndex = nearestEffortIndex(rawFrame, efforts);
     const target = efforts[targetIndex];
-    if (target === undefined) return;
+    if (target === undefined) {
+      restorePreviewSync();
+      return;
+    }
     const targetFrame = frameForEffort(targetIndex, efforts.length);
-    dragging.current = false;
     setFrame(targetFrame);
-    presenter.setFrame(targetFrame);
-    if (targetIndex === committedIndex || pending) return;
+    presenter.setFrame(targetFrame, "settle");
+    if (target.id === dragStartCommittedId.current) {
+      // No real change: just undo any optimistic preview echo.
+      restorePreviewSync();
+      return;
+    }
+    if (pending) return;
     setPending(true);
     setFailed(false);
     const accepted = await select({
@@ -421,13 +559,25 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
     setPending(false);
     if (!accepted) {
       setFailed(true);
-      setFrame(committedFrame);
-      presenter.setFrame(committedFrame);
+      restorePreviewSync();
+      const rollbackIndex = selectedEffortIndex(
+        efforts,
+        dragStartCommittedId.current,
+        undefined,
+      );
+      const rollbackFrame = rollbackIndex < 0
+        ? PREVIEW_MAX_FRAME
+        : frameForEffort(rollbackIndex, efforts.length);
+      setFrame(rollbackFrame);
+      presenter.setFrame(rollbackFrame, "settle");
+    } else {
+      previewSyncedId.current = undefined;
     }
   };
 
   return (
     <div
+      ref={rootRef}
       className="liang-effort-control"
       data-plugin={PACKAGE_ID}
       data-state={failed ? "error" : pending ? "pending" : "ready"}
@@ -461,25 +611,38 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
         aria-label={bindEffort ? "思考等级" : "皮肤进度"}
         aria-valuetext={bindEffort ? previewEffort?.name ?? "" : tooltipLabel}
         onPointerDown={() => {
-          dragging.current = true;
-          dragStartFrame.current = frame;
+          beginInteraction();
           setInteracting(true);
         }}
         onInput={(event) => {
           dragging.current = true;
           const next = Number(event.currentTarget.value);
           setFrame(next);
-          presenter.setFrame(next);
+          presenter.setFrame(next, "drag");
+          if (!bindEffort || reasoning === null) return;
+          // Optimistically echo the nearest preview effort into the shared
+          // directory store so the native model seat updates in lockstep
+          // while dragging; commit/rollback settles the final value.
+          const index = nearestEffortIndex(next, efforts);
+          const effort = efforts[index];
+          if (effort === undefined || effort.id === previewSyncedId.current) return;
+          previewSyncedId.current = effort.id;
+          directory.store.update((draft) => {
+            const current = draft.current;
+            if (
+              current === null
+              || current.provider !== reasoning.selection.provider
+              || current.model !== reasoning.selection.model
+            ) return;
+            current.reasoningEffort = effort.id;
+          });
         }}
         onPointerUp={(event) => {
           setInteracting(false);
           void commit(Number(event.currentTarget.value));
         }}
         onPointerCancel={() => {
-          setInteracting(false);
-          dragging.current = false;
-          setFrame(dragStartFrame.current);
-          presenter.setFrame(dragStartFrame.current);
+          cancelInteraction();
         }}
         onKeyUp={(event) => {
           setInteracting(false);
@@ -491,11 +654,9 @@ function LiangEffortSlider({ directory, load, select, presenter, scope }: Slider
         }}
         onKeyDown={(event) => {
           setInteracting(true);
+          beginInteraction();
           if (event.key === "Escape" && !pending) {
-            setInteracting(false);
-            dragging.current = false;
-            setFrame(dragStartFrame.current);
-            presenter.setFrame(dragStartFrame.current);
+            cancelInteraction();
           }
         }}
       />
diff --git a/src/client/skin.css b/src/client/skin.css
index c152f9b..6b3d094 100644
--- a/src/client/skin.css
+++ b/src/client/skin.css
@@ -41,7 +41,24 @@ body[data-liang-skin="on"] .liang-skin-backdrop {
 
 .liang-skin-backdrop[data-media="sequence"] .liang-skin-sequence-frame {
   display: block;
+  /* Crossfade layers: inactive sits transparent and slightly enlarged, the
+     active one eases back to a calm 1:1. Dragging swaps fast so the preview
+     stays glued to the pointer; settling swaps slow for a gentle landing. */
+  opacity: 0;
+  transform: translateY(-50%) scale(1.018);
+  transition:
+    opacity 120ms ease-out,
+    transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
+  will-change: opacity, transform;
+}
+
+.liang-skin-backdrop[data-media="sequence"] .liang-skin-sequence-frame.is-active {
   opacity: var(--liang-portrait-opacity, 0.82);
+  transform: translateY(-50%) scale(1);
+}
+
+.liang-skin-backdrop[data-crossfade="slow"] .liang-skin-sequence-frame {
+  transition-duration: 340ms, 520ms;
 }
 
 .liang-skin-backdrop[data-media="video"] .liang-skin-sequence-frame,
@@ -337,7 +354,14 @@ body[data-liang-skin="on"]:is(
   --liang-control-rail: var(--dsw-alias-border-l3, rgb(0 0 0 / 16%));
   position: relative;
   display: flex;
+  /* Fixed footprint: the native model seat to the right changes its label
+     width when the reasoning effort changes, which reflows the trailing flex
+     row. Pin this control's own size so it never contributes to that shift
+     (absolute position is additionally locked during interaction in JS). */
+  flex: 0 0 124px;
   width: 124px;
+  min-width: 124px;
+  max-width: 124px;
   height: 28px;
   align-items: center;
   margin: 0 3px;
@@ -349,6 +373,19 @@ body[data-liang-skin="on"] .liang-effort-control {
   --liang-control-rail: color-mix(in srgb, var(--liang-secondary) 28%, transparent);
 }
 
+/* The native model seat (composer input.model) widens with the effort label
+   text; give it a stable footprint under the Liang skin so switching effort
+   never reflows the slider out of position. The label ellipsizes instead.
+   Button-scoped on purpose: the inner label/effort spans also contain this
+   class substring and must never be sized (sizing them pushed the effort text
+   out of the button, splitting the model+effort pair apart). */
+body[data-liang-skin="on"] button[class*="_7KE1Ra_trigger"] {
+  box-sizing: border-box;
+  width: 180px;
+  min-width: 180px;
+  max-width: 180px;
+}
+
 .liang-effort-control__ticks {
   position: absolute;
   z-index: 0;
@@ -415,7 +452,9 @@ body[data-liang-skin="on"] .liang-effort-control {
   width: calc(100% - 7px);
   height: 28px;
   margin: 0 3.5px;
-  cursor: ew-resize;
+  /* Branded pointer (centered hotspot baked into the .cur); fall back to the
+     native resize cursor if the asset fails to load. */
+  cursor: url("/plugins/dsh-client-liang-intensity-skin/assets/liang-cursor.cur") 16 16, ew-resize;
   appearance: none;
   background: transparent;
   touch-action: pan-y;
@@ -620,7 +659,10 @@ body[data-liang-skin="on"] .liang-effort-control__range::-webkit-slider-thumb {
 
 @media (max-width: 760px) {
   .liang-effort-control {
+    flex-basis: 92px;
     width: 92px;
+    min-width: 92px;
+    max-width: 92px;
   }
 
   .liang-skin-backdrop video,
@@ -636,6 +678,7 @@ body[data-liang-skin="on"] .liang-effort-control__range::-webkit-slider-thumb {
   .liang-skin-backdrop,
   .liang-skin-backdrop video,
   .liang-skin-backdrop img,
+  .liang-skin-backdrop .liang-skin-sequence-frame,
   body[data-liang-skin="on"] button,
   body[data-liang-skin="on"] input,
   body[data-liang-skin="on"] textarea {
diff --git a/src/index.js b/src/index.js
index ae81e75..08e4879 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,6 +9,8 @@ export const SETTINGS_NAMESPACE = "liang-intensity-skin";
 export const ASSET_PREFIX = `/plugins/${PACKAGE_ID}/assets/`;
 
 const ASSET_SPECS = [
+  ["liang-cursor.cur", "image/x-icon"],
+  ["liang-cursor.ico", "image/x-icon"],
   ["liang-evolution.webm", "video/webm"],
   ["liang-evolution.mp4", "video/mp4"],
   ["liang-poster.png", "image/png"],