/* สร้างโดย teachkit/figures/m5-titration/build.mjs — แก้ที่นั่นแล้ว build ใหม่ ห้ามแก้ไฟล์นี้ตรง ๆ */
.tk-iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;

  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
--anatomy-paper:var(--bg-c);--anatomy-card:var(--bg-c);--anatomy-face:#fff;--anatomy-top:#fff}
[data-theme="dark"] .tk-iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
--anatomy-paper:var(--bg-c);--anatomy-card:var(--bg-c);--anatomy-face:#243247;--anatomy-top:#27364c;--anatomy-shade-0:#172131;--anatomy-shade-1:#1a2537;--anatomy-shade-2:#1e2a3d;--anatomy-shade-3:#223044;--anatomy-lit-top:#2e3e58;--anatomy-lit-shade:#26344c;--anatomy-hi:#d7dee8;--anatomy-mid:#7b8ba4;--anatomy-lo:#4b5c76;--anatomy-faint:#35455d;--anatomy-halo:#0a1020;--anatomy-dot:#dbe3ee}



.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

.iso-live{--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.iso-live [data-mat]{--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.iso-live [data-lit]{--tn-0:var(--anatomy-lit-shade);--tn-1:var(--anatomy-lit-shade);--tn-2:var(--anatomy-lit-shade);--tn-3:var(--anatomy-lit-shade);--tn-4:var(--anatomy-lit-top)}
.iso-tn{stroke-width:.4;stroke-linejoin:round;--ta:var(--tn-0);--tb:var(--tn-1);fill:color-mix(in srgb,var(--ta) calc(100% - var(--f,0) * 100%),var(--tb));stroke:color-mix(in srgb,var(--ta) calc(100% - var(--f,0) * 100%),var(--tb))}
.iso-tn[data-b="1"]{--ta:var(--tn-1);--tb:var(--tn-2)}
.iso-tn[data-b="2"]{--ta:var(--tn-2);--tb:var(--tn-3)}
.iso-tn[data-b="3"]{--ta:var(--tn-3);--tb:var(--tn-4)}
[data-mat="gold"]{--anatomy-paper:#3f3521;--anatomy-face:#4b3f28;--anatomy-top:#5a4c31;--anatomy-shade-0:#2b2416;--anatomy-shade-1:#352c1b;--anatomy-shade-2:#3f3521;--anatomy-shade-3:#4b3f28;--anatomy-lit-top:#6a5a3b;--anatomy-lit-shade:#4f4329;--anatomy-hi:#e6d2a3;--anatomy-mid:#8a7550;--anatomy-lo:#5e4e33;--anatomy-faint:#463a26;--anatomy-dot:#e6d2a3;--anatomy-lit:#fff3d6;--mat-body:#4a3e27;--mat-shine:#8c7853;--mat-shade:#251f13;--mat-edge:#e6d2a3}
.tk-iso [data-mat="gold"]{--anatomy-paper:#d3bb88;--anatomy-face:#e4d2a8;--anatomy-top:#f1e5c6;--anatomy-shade-0:#a1844f;--anatomy-shade-1:#bc9f69;--anatomy-shade-2:#d3bb88;--anatomy-shade-3:#e4d2a8;--anatomy-lit-top:#f8efd8;--anatomy-lit-shade:#dfcb9c;--anatomy-hi:#4b3920;--anatomy-mid:#86693f;--anatomy-lo:#a98c5b;--anatomy-faint:#c1a676;--anatomy-dot:#4a381f;--anatomy-lit:#2a1d0c;--mat-body:#cdb07a;--mat-shine:#f3e8cc;--mat-shade:#8e7044;--mat-edge:#4b3920}
[data-theme="dark"] .tk-iso [data-mat="gold"]{--anatomy-paper:#3f3521;--anatomy-face:#4b3f28;--anatomy-top:#5a4c31;--anatomy-shade-0:#2b2416;--anatomy-shade-1:#352c1b;--anatomy-shade-2:#3f3521;--anatomy-shade-3:#4b3f28;--anatomy-lit-top:#6a5a3b;--anatomy-lit-shade:#4f4329;--anatomy-hi:#e6d2a3;--anatomy-mid:#8a7550;--anatomy-lo:#5e4e33;--anatomy-faint:#463a26;--anatomy-dot:#e6d2a3;--anatomy-lit:#fff3d6;--mat-body:#4a3e27;--mat-shine:#8c7853;--mat-shade:#251f13;--mat-edge:#e6d2a3}
[data-mat="chrome"]{--anatomy-paper:#2a2e32;--anatomy-face:#4a5056;--anatomy-top:#6e757c;--anatomy-shade-0:#2e3236;--anatomy-shade-1:#24272b;--anatomy-shade-2:#1a1d20;--anatomy-shade-3:#4a5056;--anatomy-lit-top:#848b92;--anatomy-lit-shade:#3a3f44;--anatomy-hi:#dfe3e7;--anatomy-mid:#7c838a;--anatomy-lo:#4d5359;--anatomy-faint:#363b40;--anatomy-dot:#e4e7ea;--anatomy-lit:#ffffff;--mat-body:#34393e;--mat-shine:#9aa1a8;--mat-shade:#16191b;--mat-edge:#dfe3e7}
.tk-iso [data-mat="chrome"]{--anatomy-paper:#8e959c;--anatomy-face:#c3c8cd;--anatomy-top:#f7f8f9;--anatomy-shade-0:#a2a9b0;--anatomy-shade-1:#6f767d;--anatomy-shade-2:#454b52;--anatomy-shade-3:#cacfd4;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#bcc2c8;--anatomy-hi:#202428;--anatomy-mid:#585e65;--anatomy-lo:#878d94;--anatomy-faint:#a9afb5;--anatomy-dot:#2a2e33;--anatomy-lit:#000000;--mat-body:#8b9299;--mat-shine:#fbfcfd;--mat-shade:#3c4248;--mat-edge:#202428}
[data-theme="dark"] .tk-iso [data-mat="chrome"]{--anatomy-paper:#2a2e32;--anatomy-face:#4a5056;--anatomy-top:#6e757c;--anatomy-shade-0:#2e3236;--anatomy-shade-1:#24272b;--anatomy-shade-2:#1a1d20;--anatomy-shade-3:#4a5056;--anatomy-lit-top:#848b92;--anatomy-lit-shade:#3a3f44;--anatomy-hi:#dfe3e7;--anatomy-mid:#7c838a;--anatomy-lo:#4d5359;--anatomy-faint:#363b40;--anatomy-dot:#e4e7ea;--anatomy-lit:#ffffff;--mat-body:#34393e;--mat-shine:#9aa1a8;--mat-shade:#16191b;--mat-edge:#dfe3e7}
[data-mat="steel"]{--anatomy-paper:#2c3034;--anatomy-face:#34393d;--anatomy-top:#3e4348;--anatomy-shade-0:#1f2225;--anatomy-shade-1:#25292c;--anatomy-shade-2:#2c3034;--anatomy-shade-3:#34393d;--anatomy-lit-top:#4a5056;--anatomy-lit-shade:#33383c;--anatomy-hi:#d0d4d8;--anatomy-mid:#727980;--anatomy-lo:#4a5056;--anatomy-faint:#33383d;--anatomy-dot:#d8dce0;--anatomy-lit:#ffffff;--mat-body:#30353a;--mat-shine:#5c6369;--mat-shade:#1a1d20;--mat-edge:#d0d4d8}
.tk-iso [data-mat="steel"]{--anatomy-paper:#b8bdc1;--anatomy-face:#cdd1d4;--anatomy-top:#e5e8ea;--anatomy-shade-0:#8f959b;--anatomy-shade-1:#a4aaaf;--anatomy-shade-2:#b8bdc1;--anatomy-shade-3:#cdd1d4;--anatomy-lit-top:#f1f3f4;--anatomy-lit-shade:#c6cacd;--anatomy-hi:#2b2f33;--anatomy-mid:#6b7177;--anatomy-lo:#959ba1;--anatomy-faint:#aeb3b8;--anatomy-dot:#33373b;--anatomy-lit:#000000;--mat-body:#b3b8bd;--mat-shine:#eef0f2;--mat-shade:#7d8389;--mat-edge:#2b2f33}
[data-theme="dark"] .tk-iso [data-mat="steel"]{--anatomy-paper:#2c3034;--anatomy-face:#34393d;--anatomy-top:#3e4348;--anatomy-shade-0:#1f2225;--anatomy-shade-1:#25292c;--anatomy-shade-2:#2c3034;--anatomy-shade-3:#34393d;--anatomy-lit-top:#4a5056;--anatomy-lit-shade:#33383c;--anatomy-hi:#d0d4d8;--anatomy-mid:#727980;--anatomy-lo:#4a5056;--anatomy-faint:#33383d;--anatomy-dot:#d8dce0;--anatomy-lit:#ffffff;--mat-body:#30353a;--mat-shine:#5c6369;--mat-shade:#1a1d20;--mat-edge:#d0d4d8}
[data-mat="gunmetal"]{--anatomy-paper:#1d2125;--anatomy-face:#22272b;--anatomy-top:#2a2f34;--anatomy-shade-0:#15181b;--anatomy-shade-1:#191c20;--anatomy-shade-2:#1d2125;--anatomy-shade-3:#22272b;--anatomy-lit-top:#323840;--anatomy-lit-shade:#20252a;--anatomy-hi:#a9b0b7;--anatomy-mid:#5c636a;--anatomy-lo:#3a4046;--anatomy-faint:#2a2f34;--anatomy-dot:#b8bec4;--anatomy-lit:#ffffff;--mat-body:#1f2327;--mat-shine:#3a4046;--mat-shade:#111316;--mat-edge:#a9b0b7}
.tk-iso [data-mat="gunmetal"]{--anatomy-paper:#444a51;--anatomy-face:#50575e;--anatomy-top:#5f666e;--anatomy-shade-0:#2f3439;--anatomy-shade-1:#393f45;--anatomy-shade-2:#444a51;--anatomy-shade-3:#50575e;--anatomy-lit-top:#6d757d;--anatomy-lit-shade:#4b5258;--anatomy-hi:#0f1113;--anatomy-mid:#1d2125;--anatomy-lo:#272b30;--anatomy-faint:#30353a;--anatomy-dot:#b0b5ba;--anatomy-lit:#000000;--mat-body:#3d4349;--mat-shine:#6e757c;--mat-shade:#24282c;--mat-edge:#0f1113}
[data-theme="dark"] .tk-iso [data-mat="gunmetal"]{--anatomy-paper:#1d2125;--anatomy-face:#22272b;--anatomy-top:#2a2f34;--anatomy-shade-0:#15181b;--anatomy-shade-1:#191c20;--anatomy-shade-2:#1d2125;--anatomy-shade-3:#22272b;--anatomy-lit-top:#323840;--anatomy-lit-shade:#20252a;--anatomy-hi:#a9b0b7;--anatomy-mid:#5c636a;--anatomy-lo:#3a4046;--anatomy-faint:#2a2f34;--anatomy-dot:#b8bec4;--anatomy-lit:#ffffff;--mat-body:#1f2327;--mat-shine:#3a4046;--mat-shade:#111316;--mat-edge:#a9b0b7}
[data-mat="rubber"]{--anatomy-paper:#121213;--anatomy-face:#161618;--anatomy-top:#1c1c1f;--anatomy-shade-0:#0c0c0d;--anatomy-shade-1:#0f0f10;--anatomy-shade-2:#121213;--anatomy-shade-3:#161618;--anatomy-lit-top:#232327;--anatomy-lit-shade:#141416;--anatomy-hi:#8c8e92;--anatomy-mid:#4a4c50;--anatomy-lo:#2c2d30;--anatomy-faint:#1f2023;--anatomy-dot:#9a9ca0;--anatomy-lit:#ffffff;--mat-body:#131315;--mat-shine:#2b2c30;--mat-shade:#0a0a0b;--mat-edge:#8c8e92}
.tk-iso [data-mat="rubber"]{--anatomy-paper:#2a2b2e;--anatomy-face:#34363a;--anatomy-top:#46484d;--anatomy-shade-0:#1b1c1e;--anatomy-shade-1:#222326;--anatomy-shade-2:#2a2b2e;--anatomy-shade-3:#34363a;--anatomy-lit-top:#55575c;--anatomy-lit-shade:#2f3134;--anatomy-hi:#070708;--anatomy-mid:#111214;--anatomy-lo:#18191b;--anatomy-faint:#1f2023;--anatomy-dot:#6a6c70;--anatomy-lit:#000000;--mat-body:#27282b;--mat-shine:#5b5d62;--mat-shade:#121314;--mat-edge:#050506}
[data-theme="dark"] .tk-iso [data-mat="rubber"]{--anatomy-paper:#121213;--anatomy-face:#161618;--anatomy-top:#1c1c1f;--anatomy-shade-0:#0c0c0d;--anatomy-shade-1:#0f0f10;--anatomy-shade-2:#121213;--anatomy-shade-3:#161618;--anatomy-lit-top:#232327;--anatomy-lit-shade:#141416;--anatomy-hi:#8c8e92;--anatomy-mid:#4a4c50;--anatomy-lo:#2c2d30;--anatomy-faint:#1f2023;--anatomy-dot:#9a9ca0;--anatomy-lit:#ffffff;--mat-body:#131315;--mat-shine:#2b2c30;--mat-shade:#0a0a0b;--mat-edge:#8c8e92}
[data-mat="brass"]{--anatomy-paper:#3d3017;--anatomy-face:#49391c;--anatomy-top:#574523;--anatomy-shade-0:#2a210f;--anatomy-shade-1:#332813;--anatomy-shade-2:#3d3017;--anatomy-shade-3:#49391c;--anatomy-lit-top:#66522b;--anatomy-lit-shade:#45371b;--anatomy-hi:#e9cf8a;--anatomy-mid:#8e7438;--anatomy-lo:#5e4c25;--anatomy-faint:#44371c;--anatomy-dot:#e9cf8a;--anatomy-lit:#fff0c8;--mat-body:#433419;--mat-shine:#8a6f36;--mat-shade:#21190b;--mat-edge:#e9cf8a}
.tk-iso [data-mat="brass"]{--anatomy-paper:#bd9646;--anatomy-face:#d2ad5b;--anatomy-top:#e6c87e;--anatomy-shade-0:#8a6a2c;--anatomy-shade-1:#a47f38;--anatomy-shade-2:#bd9646;--anatomy-shade-3:#d2ad5b;--anatomy-lit-top:#f0d796;--anatomy-lit-shade:#c8a252;--anatomy-hi:#3f2e0e;--anatomy-mid:#765a24;--anatomy-lo:#9a7a3c;--anatomy-faint:#b08c46;--anatomy-dot:#3a2a0c;--anatomy-lit:#1f1606;--mat-body:#b8913f;--mat-shine:#efd795;--mat-shade:#7d5f26;--mat-edge:#3f2e0e}
[data-theme="dark"] .tk-iso [data-mat="brass"]{--anatomy-paper:#3d3017;--anatomy-face:#49391c;--anatomy-top:#574523;--anatomy-shade-0:#2a210f;--anatomy-shade-1:#332813;--anatomy-shade-2:#3d3017;--anatomy-shade-3:#49391c;--anatomy-lit-top:#66522b;--anatomy-lit-shade:#45371b;--anatomy-hi:#e9cf8a;--anatomy-mid:#8e7438;--anatomy-lo:#5e4c25;--anatomy-faint:#44371c;--anatomy-dot:#e9cf8a;--anatomy-lit:#fff0c8;--mat-body:#433419;--mat-shine:#8a6f36;--mat-shade:#21190b;--mat-edge:#e9cf8a}
[data-mat="copper"]{--anatomy-paper:#3d1f13;--anatomy-face:#492617;--anatomy-top:#582e1c;--anatomy-shade-0:#2a160d;--anatomy-shade-1:#331a10;--anatomy-shade-2:#3d1f13;--anatomy-shade-3:#492617;--anatomy-lit-top:#673722;--anatomy-lit-shade:#432215;--anatomy-hi:#eaa985;--anatomy-mid:#8f5236;--anatomy-lo:#5f3624;--anatomy-faint:#45271a;--anatomy-dot:#eaa985;--anatomy-lit:#ffe0cc;--mat-body:#42221a;--mat-shine:#8a4c31;--mat-shade:#1f0f08;--mat-edge:#eaa985}
.tk-iso [data-mat="copper"]{--anatomy-paper:#b3633e;--anatomy-face:#c9784f;--anatomy-top:#df9670;--anatomy-shade-0:#7c4128;--anatomy-shade-1:#9a5132;--anatomy-shade-2:#b3633e;--anatomy-shade-3:#c9784f;--anatomy-lit-top:#eaa985;--anatomy-lit-shade:#be6d46;--anatomy-hi:#3a1a0c;--anatomy-mid:#6e3820;--anatomy-lo:#925037;--anatomy-faint:#a65d3f;--anatomy-dot:#3a1a0c;--anatomy-lit:#1c0b04;--mat-body:#ad5f3b;--mat-shine:#f0b896;--mat-shade:#6e3720;--mat-edge:#3a1a0c}
[data-theme="dark"] .tk-iso [data-mat="copper"]{--anatomy-paper:#3d1f13;--anatomy-face:#492617;--anatomy-top:#582e1c;--anatomy-shade-0:#2a160d;--anatomy-shade-1:#331a10;--anatomy-shade-2:#3d1f13;--anatomy-shade-3:#492617;--anatomy-lit-top:#673722;--anatomy-lit-shade:#432215;--anatomy-hi:#eaa985;--anatomy-mid:#8f5236;--anatomy-lo:#5f3624;--anatomy-faint:#45271a;--anatomy-dot:#eaa985;--anatomy-lit:#ffe0cc;--mat-body:#42221a;--mat-shine:#8a4c31;--mat-shade:#1f0f08;--mat-edge:#eaa985}
[data-mat] .tb-body{fill:var(--mat-body)}
[data-mat] .tb-shine{fill:var(--mat-shine)}
[data-mat] .tb-shade{fill:var(--mat-shade)}
[data-mat] .tb-edge{stroke:var(--mat-edge)}
.tb[data-hue="red"]{--tb-ink:var(--anatomy-red)}
.tb[data-hue="green"]{--tb-ink:var(--anatomy-green)}
.tb[data-hue="blue"]{--tb-ink:var(--anatomy-blue)}
.tb[data-hue] .tb-body{fill:color-mix(in srgb,var(--tb-ink) 54%,var(--anatomy-shade-2))}
.tb[data-hue] .tb-shine{fill:color-mix(in srgb,var(--tb-ink) 16%,var(--anatomy-top))}
.tb[data-hue] .tb-shade{fill:color-mix(in srgb,var(--tb-ink) 30%,var(--anatomy-hi))}
.tb[data-hue] .tb-edge{stroke:color-mix(in srgb,var(--tb-ink) 38%,var(--anatomy-hi))}
.tb[data-hue][data-mat] .tb-body{fill:color-mix(in srgb,var(--tb-ink) 62%,var(--mat-body))}
.tb[data-hue][data-mat] .tb-shine{fill:color-mix(in srgb,var(--tb-ink) 22%,var(--mat-shine))}
.tb[data-hue][data-mat] .tb-shade{fill:color-mix(in srgb,var(--tb-ink) 46%,var(--mat-shade))}
.tb[data-hue][data-mat] .tb-edge{stroke:color-mix(in srgb,var(--tb-ink) 30%,var(--mat-edge))}
.iso-turn{position:relative}
.iso-turn>.iso-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.tt-stage>svg[data-live="kit"]{pointer-events:auto}
.tt-stage [data-name^="cock."]{cursor:pointer}
[data-theme="dark"] .tk-iso .iso-live [data-name^="stir.body"],[data-theme="dark"] .tk-iso .iso-live [data-name^="stir.top"],[data-theme="dark"] .tk-iso .iso-live [data-name^="rec.plinth"]{--anatomy-paper:#3d3a33;--anatomy-face:#46423a;--anatomy-top:#5a554b;--anatomy-shade-0:#272520;--anatomy-shade-1:#2f2c27;--anatomy-shade-2:#37342e;--anatomy-shade-3:#403c35;--anatomy-lit-top:#67625a;--anatomy-lit-shade:#4c4840;--anatomy-hi:#ece5d6;--anatomy-mid:#a39b8b;--anatomy-lo:#625d53;--anatomy-faint:#4a463e;--anatomy-dot:#f2ecdf;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name^="stir.body"],.tk-iso .iso-live [data-name^="stir.top"],.tk-iso .iso-live [data-name^="rec.plinth"]{--anatomy-paper:#efe9dc;--anatomy-face:#f4efe4;--anatomy-top:#fbf8f1;--anatomy-shade-0:#c3b9a4;--anatomy-shade-1:#d1c8b4;--anatomy-shade-2:#ddd5c4;--anatomy-shade-3:#e8e1d3;--anatomy-lit-top:#fffdf6;--anatomy-lit-shade:#efe8da;--anatomy-hi:#4a4234;--anatomy-mid:#8c826f;--anatomy-lo:#b3a991;--anatomy-faint:#d0c7b2;--anatomy-dot:#4a4234;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
[data-theme="dark"] .tk-iso .iso-live [data-name="stir.tile"]{--anatomy-paper:#8d9399;--anatomy-face:#979da3;--anatomy-top:#c3c8cc;--anatomy-shade-0:#5f656b;--anatomy-shade-1:#6b7177;--anatomy-shade-2:#777d83;--anatomy-shade-3:#838a90;--anatomy-lit-top:#d2d6da;--anatomy-lit-shade:#a2a8ae;--anatomy-hi:#f6f8fa;--anatomy-mid:#c9ced2;--anatomy-lo:#959ba1;--anatomy-faint:#7d8389;--anatomy-dot:#fbfcfd;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="stir.tile"]{--anatomy-paper:#fbfcfd;--anatomy-face:#feffff;--anatomy-top:#ffffff;--anatomy-shade-0:#d3d9de;--anatomy-shade-1:#e0e5e9;--anatomy-shade-2:#ebeff2;--anatomy-shade-3:#f4f6f8;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#f6f8fa;--anatomy-hi:#3b4247;--anatomy-mid:#8b959c;--anatomy-lo:#b4bcc2;--anatomy-faint:#d3d9dd;--anatomy-dot:#3b4247;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
[data-theme="dark"] .tk-iso .iso-live [data-name="drum.paper"]{--anatomy-paper:#62605a;--anatomy-face:#6a6861;--anatomy-top:#807d75;--anatomy-shade-0:#45433e;--anatomy-shade-1:#4d4b46;--anatomy-shade-2:#55534d;--anatomy-shade-3:#5d5b55;--anatomy-lit-top:#8a877f;--anatomy-lit-shade:#6f6d66;--anatomy-hi:#f1ede2;--anatomy-mid:#b9b5aa;--anatomy-lo:#8a877f;--anatomy-faint:#706e67;--anatomy-dot:#f5f1e6;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="drum.paper"]{--anatomy-paper:#fbfaf4;--anatomy-face:#fdfcf7;--anatomy-top:#ffffff;--anatomy-shade-0:#d8d4c6;--anatomy-shade-1:#e4e0d3;--anatomy-shade-2:#eeebe0;--anatomy-shade-3:#f6f4ec;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#f8f6ef;--anatomy-hi:#5a554a;--anatomy-mid:#a39e8d;--anatomy-lo:#c4bfb0;--anatomy-faint:#dcd8cb;--anatomy-dot:#5a554a;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
[data-theme="dark"] .tk-iso .iso-live [data-name="cock.plug"],[data-theme="dark"] .tk-iso .iso-live [data-name="cock.key"],[data-theme="dark"] .tk-iso .iso-live [data-name="cock.nut"]{--anatomy-paper:#4a4843;--anatomy-face:#53514b;--anatomy-top:#68655e;--anatomy-shade-0:#2f2e2b;--anatomy-shade-1:#383632;--anatomy-shade-2:#403e3a;--anatomy-shade-3:#494742;--anatomy-lit-top:#76736b;--anatomy-lit-shade:#5a5852;--anatomy-hi:#efebe2;--anatomy-mid:#a7a398;--anatomy-lo:#6a675f;--anatomy-faint:#55534d;--anatomy-dot:#f4f0e8;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="cock.plug"],.tk-iso .iso-live [data-name="cock.key"],.tk-iso .iso-live [data-name="cock.nut"]{--anatomy-paper:#f1efe9;--anatomy-face:#f6f4ef;--anatomy-top:#fdfcf9;--anatomy-shade-0:#c9c5bb;--anatomy-shade-1:#d7d3ca;--anatomy-shade-2:#e3e0d8;--anatomy-shade-3:#ece9e3;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#f3f1ec;--anatomy-hi:#47443e;--anatomy-mid:#8f8b82;--anatomy-lo:#b5b1a8;--anatomy-faint:#d2cec6;--anatomy-dot:#47443e;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
[data-theme="dark"] .tk-iso .iso-live [data-name="cock.housing"],[data-theme="dark"] .tk-iso .iso-live [data-name="burette.stem"],[data-theme="dark"] .tk-iso .iso-live [data-name="burette.taper"],[data-theme="dark"] .tk-iso .tt-bulb{--anatomy-paper:#2a3d47;--anatomy-face:#2e434e;--anatomy-top:#46636f;--anatomy-shade-0:#1a2a31;--anatomy-shade-1:#1f3139;--anatomy-shade-2:#253942;--anatomy-shade-3:#2c414b;--anatomy-lit-top:#557684;--anatomy-lit-shade:#34505c;--anatomy-hi:#c4e0ea;--anatomy-mid:#7a9dab;--anatomy-lo:#45606b;--anatomy-faint:#33494f;--anatomy-dot:#d8eef5;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="cock.housing"],.tk-iso .iso-live [data-name="burette.stem"],.tk-iso .iso-live [data-name="burette.taper"],.tk-iso .tt-bulb{--anatomy-paper:#eef6f8;--anatomy-face:#f2f8fa;--anatomy-top:#ffffff;--anatomy-shade-0:#c3d6dc;--anatomy-shade-1:#d2e2e7;--anatomy-shade-2:#e0ecef;--anatomy-shade-3:#edf5f7;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#e6f1f4;--anatomy-hi:#5d8796;--anatomy-mid:#88aab6;--anatomy-lo:#a9c4cd;--anatomy-faint:#c3d8df;--anatomy-dot:#5d8796;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.iso-live [data-name="cock.housing"] path:not(.iso-line),.iso-live [data-name="burette.stem"] path:not(.iso-line),.iso-live [data-name="burette.taper"] path:not(.iso-line){fill-opacity:.62}
[data-theme="dark"] .tk-iso .iso-live [data-name="pen.tip"]{--anatomy-paper:#9a2c25;--anatomy-face:#a3302a;--anatomy-top:#c4483f;--anatomy-shade-0:#5a1612;--anatomy-shade-1:#6c1b16;--anatomy-shade-2:#7e221c;--anatomy-shade-3:#8e2821;--anatomy-lit-top:#d65a50;--anatomy-lit-shade:#a5342c;--anatomy-hi:#ffc9c2;--anatomy-mid:#d2665d;--anatomy-lo:#7a221c;--anatomy-faint:#601a15;--anatomy-dot:#ffd9d4;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="pen.tip"]{--anatomy-paper:#d6463c;--anatomy-face:#dc4b40;--anatomy-top:#f08a80;--anatomy-shade-0:#9a2a22;--anatomy-shade-1:#ae3129;--anatomy-shade-2:#c23a31;--anatomy-shade-3:#d04238;--anatomy-lit-top:#f6a59c;--anatomy-lit-shade:#de5a50;--anatomy-hi:#4a0f0b;--anatomy-mid:#8c2019;--anatomy-lo:#a8302a;--anatomy-faint:#c23d35;--anatomy-dot:#4a0f0b;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
[data-theme="dark"] .tk-iso .iso-live [data-name="stir.lamp"][data-on],[data-theme="dark"] .tk-iso .iso-live [data-name="rec.lamp"]{--anatomy-paper:#d79a2c;--anatomy-face:#dea436;--anatomy-top:#f2c66a;--anatomy-shade-0:#8f5f12;--anatomy-shade-1:#a56f17;--anatomy-shade-2:#b8801e;--anatomy-shade-3:#c88f26;--anatomy-lit-top:#f7d68b;--anatomy-lit-shade:#e0a840;--anatomy-hi:#fff1cf;--anatomy-mid:#f2c66a;--anatomy-lo:#c88f26;--anatomy-faint:#a56f17;--anatomy-dot:#fff6de;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
.tk-iso .iso-live [data-name="stir.lamp"][data-on],.tk-iso .iso-live [data-name="rec.lamp"]{--anatomy-paper:#ffd27a;--anatomy-face:#ffd98f;--anatomy-top:#fff1cf;--anatomy-shade-0:#e3a028;--anatomy-shade-1:#eab13d;--anatomy-shade-2:#f0c055;--anatomy-shade-3:#f5cc6c;--anatomy-lit-top:#fff6de;--anatomy-lit-shade:#ffdb94;--anatomy-hi:#7a4a00;--anatomy-mid:#b9791a;--anatomy-lo:#d89a33;--anatomy-faint:#e8b354;--anatomy-dot:#7a4a00;--tn-0:var(--anatomy-shade-0);--tn-1:var(--anatomy-shade-1);--tn-2:var(--anatomy-shade-2);--tn-3:var(--anatomy-shade-3);--tn-4:var(--anatomy-top)}
/* แก้วโปร่ง: ผนังหลังเป็นเงาจาง ผนังหน้าใช้แถบโทนของแก้วแบบโปร่ง ของเหลวอยู่ระหว่างสองชั้น */
.tt-glass path,.tt-glass rect,.tt-glass ellipse{vector-effect:none}
[data-theme="dark"] .tk-iso .tt-glass{--gl-back:#9fc3d0;--gl-back-a:.10;--gl-0:#16242b;--gl-1:#1d2f37;--gl-2:#263b45;--gl-3:#2f4651;--gl-top:#5d7f8c;--gl-a:.34;--gl-shine:#e9f7fc;--gl-shine-a:.42}
.tk-iso .tt-glass{--gl-back:#9cc0cc;--gl-back-a:.16;--gl-0:#a9c3cc;--gl-1:#bdd3da;--gl-2:#cfe0e5;--gl-3:#e3eef1;--gl-top:#f4fafb;--gl-a:.36;--gl-shine:#ffffff;--gl-shine-a:.85}
.tt-gl-back{fill:var(--gl-back);fill-opacity:var(--gl-back-a);stroke:none}
.tt-gl-sh{stroke:none;fill-opacity:var(--gl-a)}
.tt-gl-sh[data-shade="0"]{fill:var(--gl-0)}.tt-gl-sh[data-shade="1"]{fill:var(--gl-1)}.tt-gl-sh[data-shade="2"]{fill:var(--gl-2)}.tt-gl-sh[data-shade="3"]{fill:var(--gl-3)}
.tt-gl-top{fill:var(--gl-top);fill-opacity:.8;stroke:none}
.tt-gl-shine{fill:var(--gl-shine);fill-opacity:var(--gl-shine-a);stroke:none}
.tt-lip .tt-gl-sh{fill-opacity:.7}
[data-theme="dark"] .tk-iso [data-gl]{stroke:#a9d2e0;stroke-opacity:.85}
.tk-iso [data-gl]{stroke:#5d8796;stroke-opacity:.9}
/* ของเหลว: NaOH ในบิวเรตต์ใส, สารละลายในขวดใส → ชมพูตามฟีนอล์ฟทาลีน (หน้าเว็บตั้ง opacity ของชั้นชมพู) */
[data-theme="dark"] .tk-iso .tt-glass{--liq:#8fc4dc;--liq-a:.20;--liq-top:#cfeaf5;--liq-top-a:.30;--pink:#ff6fb2;--pink-a:.46;--pink-top:#ff9ccb;--flash:#ff3d9a}
.tk-iso .tt-glass{--liq:#a9cfdc;--liq-a:.2;--liq-top:#e4f4fb;--liq-top-a:.55;--pink:#f2508f;--pink-a:.36;--pink-top:#f994c4;--flash:#e8287f}
.tt-liq{fill:var(--liq);fill-opacity:var(--liq-a);stroke:none}
.tt-liq.tt-pink{fill:var(--pink);fill-opacity:var(--pink-a)}
.tt-surf{fill:var(--liq-top);fill-opacity:var(--liq-top-a);stroke:var(--liq);stroke-opacity:.5;stroke-width:.4}
.tt-surf.tt-pink{fill:var(--pink-top);fill-opacity:.6;stroke:none}
.tt-flash ellipse,.tt-flash-blob{fill:var(--flash);stroke:none}
.tt-naoh,.tt-naoh-core{fill:var(--liq);fill-opacity:calc(var(--liq-a) * 1.5);stroke:none}
.tt-naoh-top{fill:var(--liq-top);fill-opacity:var(--liq-top-a);stroke:none}
[data-theme="dark"] .tk-iso .tt-men{fill:none;stroke:#cfe9f4;stroke-width:.7;stroke-opacity:.9}
.tk-iso .tt-men{fill:none;stroke:#36687a;stroke-width:.7;stroke-opacity:.85}
.iso-svg path.tt-grad{stroke-width:.45}
.iso-svg path.tt-grad-major{stroke-width:.6}
.tt-num{font-family:"IBM Plex Sans Thai","Noto Sans Thai","Sarabun",ui-sans-serif,sans-serif;font-weight:600}
.tt-unit{font-weight:500}
[data-theme="dark"] .tk-iso .tt-stir{fill:none;stroke:#e9edf0;stroke-linecap:round}
.tk-iso .tt-stir{fill:none;stroke:#ffffff;stroke-linecap:round}
[data-theme="dark"] .tk-iso .tt-stir{}
.tk-iso .tt-stir{}
.tt-stir{filter:drop-shadow(0 0 .4px rgba(0,0,0,.6))}
[data-theme="dark"] .tk-iso .tt-stir-hi{fill:none;stroke:#ffffff;stroke-width:.6;stroke-linecap:round;stroke-opacity:.8}
.tk-iso .tt-stir-hi{fill:none;stroke:#c9d2d8;stroke-width:.6;stroke-linecap:round}
[data-theme="dark"] .tk-iso .tt-wl{fill:none;stroke:#e6f6fc;stroke-width:.6;stroke-opacity:.7}
.tk-iso .tt-wl{fill:none;stroke:#ffffff;stroke-width:.7;stroke-opacity:.9}
.tt-drop{fill:var(--liq-top);fill-opacity:.85;stroke:var(--liq);stroke-width:.4}
.tt-stream{fill:var(--liq-top);fill-opacity:.55;stroke:var(--liq);stroke-opacity:.5;stroke-width:.3}
/* เคลือบขาวบนแก้ว ตัวพิมพ์บนหัววัด แถบหนีบกระดาษ */
.tt-enamel{font-family:"IBM Plex Sans Thai","Noto Sans Thai",ui-sans-serif,sans-serif;font-weight:600}
[data-theme="dark"] .tk-iso .tt-enamel{fill:#f4f8fa}
.tk-iso .tt-enamel{fill:#ffffff;stroke:#7d9aa5;stroke-width:.35;paint-order:stroke}
[data-theme="dark"] .tk-iso .tt-enamel-line{fill:none;stroke:#f4f8fa;stroke-width:.7}
.tk-iso .tt-enamel-line{fill:none;stroke:#ffffff;stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 0 .25px #5d8796)}
.tt-ph{font-weight:700}
[data-theme="dark"] .tk-iso .tt-ph{fill:#e9edf0;stroke:none}
.tk-iso .tt-ph{fill:#f4f6f8;stroke:none}
[data-theme="dark"] .tk-iso .tt-clip{fill:#b38a3c;stroke:#e0bd74;stroke-width:.35}
.tk-iso .tt-clip{fill:#d8b462;stroke:#8a6a24;stroke-width:.35}
[data-theme="dark"] .tk-iso .tt-clip-screw{fill:#e8d39b;stroke:#5c4512;stroke-width:.25}
.tk-iso .tt-clip-screw{fill:#f3e2b0;stroke:#6b5016;stroke-width:.25}
/* หมึกปากกาบนดรัม */
.tt-ink path{fill:none;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .tk-iso .tt-ink path{stroke:#ff6b5e;stroke-width:1.05}
.tk-iso .tt-ink path{stroke:#c0281d;stroke-width:1.05}
.tt-shade{fill:#000;filter:blur(3px)}
[data-theme="dark"] .tk-iso .tt-shade{opacity:.32}
.tk-iso .tt-shade{opacity:.14}


.tt-stage{position:relative;display:block;width:min(100%,calc(min(820px,84vh) * 0.6809));margin:0 auto;outline:none;background:var(--bg-c);touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.tt-stage>svg:first-child{display:block;width:100%;height:auto}
.tt-stage[data-renderer="3d"]{aspect-ratio:640/940}
.tt-stage[data-renderer="3d"]>svg{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.tt-render{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.tt-stage[data-drag]{cursor:grabbing}
.tt-stage:focus-visible{outline:3px solid var(--c-500);outline-offset:-3px}
.tk-lab-card:fullscreen .tt-stage,.tk-lab-card:-webkit-full-screen .tt-stage{width:min(100%,calc((100vh - 230px) * 0.6809))}
/* เต็มจอบนจอกว้าง: ภาพเต็มความสูงที่เหลือทางซ้าย (คงสัดส่วน) แผงควบคุมอยู่ขวา */
@media (min-width:901px){
  .tk-workbench.tk-tt #lbCard:fullscreen,.tk-workbench.tk-tt #lbCard:-webkit-full-screen{display:grid;height:100dvh;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;overflow:hidden}
  .tk-workbench.tk-tt #lbCard:fullscreen>.tk-card-hd,.tk-workbench.tk-tt #lbCard:-webkit-full-screen>.tk-card-hd{grid-column:1/-1}
  .tk-workbench.tk-tt #lbCard:fullscreen>.tt-stage,.tk-workbench.tk-tt #lbCard:-webkit-full-screen>.tt-stage{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 96px) * 0.6809));max-width:100%;margin:0}
  .tk-workbench.tk-tt #lbCard:fullscreen>.lb-dock,.tk-workbench.tk-tt #lbCard:-webkit-full-screen>.lb-dock{grid-column:2;grid-row:2;max-height:none;min-height:0;overflow:auto;border-left:1px solid var(--bd)}
}
.tk-workbench .lb-toolbar>.tt-ctl{display:grid;gap:.4rem;font-size:.82rem;color:var(--t2);margin:0}
.tk-workbench .lb-toolbar .tt-ctl .tk-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
.tt-ctl .tk-seg button{white-space:nowrap}
.tk-workbench .lb-toolbar .tt-ctl .tk-seg.tt-acids button{white-space:normal}
.tk-workbench .lb-toolbar>#cockBtn[aria-pressed="true"]{background:var(--c-600);border-color:var(--c-600);color:#fff}
.tk-workbench .lb-toolbar>.tk-btn[disabled]{opacity:.45;cursor:default}
.tk-stat-val[data-pink="true"]{color:#BE185D}
[data-theme="dark"] .tk-stat-val[data-pink="true"]{color:#F9A8D4}
.tt-steps{margin:0;padding:0;list-style:none;display:grid;gap:.2rem;font-size:.86rem;line-height:1.8;color:var(--t2);font-variant-numeric:tabular-nums}
.tt-steps li{overflow-wrap:anywhere}
.tt-steps li.tt-hl{margin-top:.2rem;padding:.45rem .7rem;border-radius:8px;background:var(--bg-m);color:var(--t1);font-weight:700}
.tt-vars{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem;margin:.6rem 0 0;font-size:.86rem;color:var(--t2)}
.tt-vars dt{font-weight:600;color:var(--t1);white-space:nowrap}
.tt-vars dd{margin:0;font-variant-numeric:tabular-nums}
.tt-why-live{margin:.55rem 0 0;font-size:.86rem;line-height:1.75;color:var(--t2)}
.tt-colour{display:inline-flex;align-items:center;gap:.45rem}
.tt-dot{flex:none;display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(100,116,139,.55);background:#f1f5f9}
.tt-dot[data-c="1"]{background:#fbcfe8}
.tt-dot[data-c="2"]{background:#ec4899}
[data-theme="dark"] .tt-dot{background:#334155}
[data-theme="dark"] .tt-dot[data-c="1"]{background:#f9a8d4}
[data-theme="dark"] .tt-dot[data-c="2"]{background:#ec4899}
.tt-legend{display:grid;gap:.35rem;font-size:.86rem;color:var(--t2)}
.tt-legend span{display:flex;align-items:center;gap:.55rem}
.tt-sw{flex:none;width:14px;height:14px;border-radius:4px}
.tt-sw-bur{width:8px;margin:0 3px;background:repeating-linear-gradient(#5d8796 0 1px,#e6f1f4 1px 3.5px);border:1px solid #88aab6}
.tt-sw-cock{background:linear-gradient(90deg,#f6f4ef 0 30%,#c9c5bb 30% 38%,#f6f4ef 38%);box-shadow:inset 0 0 0 1px #8f8b82}
.tt-sw-flask{border-radius:2px 2px 6px 6px;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(#e0ecef 0 45%,#f994c4 45%)}
.tt-sw-flash{border-radius:50%;background:radial-gradient(circle,#e8287f 0 35%,rgba(232,40,127,.25) 60%,transparent 70%)}
.tt-sw-probe{width:6px;margin:0 4px;border-radius:3px 3px 4px 4px;background:linear-gradient(#2b2f36 0 70%,#cfe0e5 70%)}
.tt-sw-stir{border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff 0 22%,#efe9dc 24% 70%,#c3b9a4 72%)}
.tt-sw-drum{background:repeating-linear-gradient(#fdfcf7 0 3px,#d8d4c6 3px 4px);box-shadow:inset 0 0 0 1px #a39e8d}
.tt-sw-ink{height:4px;border-radius:2px;background:#c0281d}
.tt-tbl-wrap{max-height:430px;overflow:auto}
.tt-tbl-wrap .tk-tbl{min-width:0}
.tt-tbl-wrap thead th{position:sticky;top:0;z-index:1;background:var(--c-700)}
[data-theme="dark"] .tt-tbl-wrap thead th{background:#3d4a5c}
.tt-tbl tbody td:first-child{font-weight:600}
.tt-tbl td.tt-eq{color:#B45309;font-weight:700}
[data-theme="dark"] .tt-tbl td.tt-eq{color:#FCD34D}
.tt-chart{min-width:0}
.tt-chart-hd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin:0 0 .4rem;font-size:.86rem;color:var(--t2)}
.tt-chart-hd .tk-switch{font-size:.82rem}
.tt-chart-key{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.4rem 0 0;font-size:.84rem;color:var(--t3)}
.tt-chart-key span{display:inline-flex;align-items:center;gap:.45rem}
.tt-key-hcl,.tt-key-eth{width:10px;height:10px;border-radius:50%;background:var(--c-600)}
.tt-key-eth{border-radius:2px;background:#D97706}
.tt-key-eq{width:11px;height:11px;transform:rotate(45deg);border:2px solid #7C3AED}
.tt-key-now{width:11px;height:11px;border-radius:50%;border:2px solid #e5483f}
.tt-key-band{width:22px;height:10px;border-radius:2px;background:rgba(236,72,153,.22);box-shadow:inset 0 0 0 1px rgba(236,72,153,.45)}
.tt-key-model{width:24px;height:0;border-top:2.5px dashed var(--t3)}
.lb-chart .tt-c-band{fill:#ec4899;fill-opacity:.12;stroke:none}
.lb-chart .tt-c-band-t{fill:#BE185D;font:600 11px var(--f-b)}
[data-theme="dark"] .lb-chart .tt-c-band-t{fill:#F9A8D4}
.lb-chart .tt-c-eq{stroke:#7C3AED;stroke-width:1.3;stroke-dasharray:4 4;fill:none;opacity:.85}
.lb-chart .tt-c-eq-t{fill:#6D28D9;font:600 11.5px var(--f-b)}
[data-theme="dark"] .lb-chart .tt-c-eq-t{fill:#C4B5FD}
.lb-chart .tt-c-eqpt{fill:var(--bg-c);stroke:#7C3AED;stroke-width:2.2}
.lb-chart .tt-c-model{fill:none;stroke-width:1.8;stroke-dasharray:6 5;opacity:.75}
.lb-chart .tt-c-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.lb-chart .tt-c-hcl{stroke:var(--c-600)}
.lb-chart .tt-c-eth{stroke:#D97706}
.lb-chart .tt-c-pt{stroke:var(--bg-c);stroke-width:2.2}
.lb-chart .tt-c-pt.tt-c-hcl{fill:var(--c-600)}
.lb-chart .tt-c-pt.tt-c-eth{fill:#D97706}
[data-theme="dark"] .lb-chart .tt-c-hcl{stroke:#60A5FA}
[data-theme="dark"] .lb-chart .tt-c-pt.tt-c-hcl{fill:#60A5FA;stroke:var(--bg-c)}
[data-theme="dark"] .lb-chart .tt-c-eth{stroke:#FBBF24}
[data-theme="dark"] .lb-chart .tt-c-pt.tt-c-eth{fill:#FBBF24;stroke:var(--bg-c)}
[data-theme="dark"] .tt-key-hcl{background:#60A5FA}
[data-theme="dark"] .tt-key-eth{background:#FBBF24}
.lb-chart .tt-c-pt.is-new{animation:tt-pop .7s var(--ease-out)}
@keyframes tt-pop{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lb-chart .tt-c-pt.is-new{animation:none}}
.lb-chart .tt-c-now{fill:none;stroke:#e5483f;stroke-width:2.4}
.lb-chart .tt-c-now-t{fill:#b91c1c;font:700 11.5px var(--f-b)}
[data-theme="dark"] .lb-chart .tt-c-now-t{fill:#fca5a5}