/* สร้างโดย teachkit/figures/m2-pythagoras-water/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}}

[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)}

[data-theme="dark"] .tk-iso .pw-wood{--anatomy-paper:#6b4a2c;--anatomy-face:#73502f;--anatomy-top:#8d6640;--anatomy-shade-0:#3e2a18;--anatomy-shade-1:#49321c;--anatomy-shade-2:#553a21;--anatomy-shade-3:#614327;--anatomy-lit-top:#9b734a;--anatomy-lit-shade:#7b5734;--anatomy-hi:#ecd3ad;--anatomy-mid:#a98257;--anatomy-lo:#6f4f31;--anatomy-faint:#5d4329;--anatomy-dot:#f2dcbb}
.tk-iso .pw-wood{--anatomy-paper:#d9b07a;--anatomy-face:#dfb883;--anatomy-top:#ecd0a3;--anatomy-shade-0:#a6774a;--anatomy-shade-1:#b78653;--anatomy-shade-2:#c6955e;--anatomy-shade-3:#d3a36a;--anatomy-lit-top:#f3dcb6;--anatomy-lit-shade:#dcae78;--anatomy-hi:#5b3a1c;--anatomy-mid:#8f6538;--anatomy-lo:#b18153;--anatomy-faint:#c69a68;--anatomy-dot:#5b3a1c}
[data-theme="dark"] .tk-iso .pw-white{--anatomy-paper:#8a8a85;--anatomy-face:#93938e;--anatomy-top:#b9b9b3;--anatomy-shade-0:#5b5b57;--anatomy-shade-1:#666662;--anatomy-shade-2:#71716c;--anatomy-shade-3:#7c7c77;--anatomy-lit-top:#c9c9c3;--anatomy-lit-shade:#9e9e98;--anatomy-hi:#f4f4f0;--anatomy-mid:#c4c4be;--anatomy-lo:#90908b;--anatomy-faint:#7a7a75;--anatomy-dot:#f8f8f5}
.tk-iso .pw-white{--anatomy-paper:#f7f7f4;--anatomy-face:#fbfbf9;--anatomy-top:#ffffff;--anatomy-shade-0:#cfcfc9;--anatomy-shade-1:#dcdcd6;--anatomy-shade-2:#e7e7e2;--anatomy-shade-3:#f0f0ec;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#f5f5f2;--anatomy-hi:#3d3d39;--anatomy-mid:#8e8e88;--anatomy-lo:#b8b8b1;--anatomy-faint:#d6d6d0;--anatomy-dot:#3d3d39}
/* อะคริลิกใส: ผิวโปร่ง ขอบชัด (เห็นขอบด้านหลังทะลุได้ เพราะเป็นของใสจริง) */
[data-theme="dark"] .tk-iso.pw-stage{--ac-fill:#9fd0e4;--ac-fill-a:.07;--ac-0:#17262d;--ac-1:#1d3038;--ac-2:#263c46;--ac-3:#304a55;--ac-top:#9ccfe2;--ac-a:.22;--ac-edge:#b9e3f2;--ac-line:#8fc3d6;--ac-faint:#4f7584;--ac-tri:#86c2d8;--ac-tri-a:.16;--water:#2f86d8;--water-a:.58;--water-front:#3d97e6;--water-top:#a8dcff;--water-line:#bfe6ff;--wall-a:.20}
.tk-iso.pw-stage{--ac-fill:#cfe7f0;--ac-fill-a:.16;--ac-0:#a7c4ce;--ac-1:#b9d3dc;--ac-2:#cde2e8;--ac-3:#e1eef2;--ac-top:#eef7fa;--ac-a:.32;--ac-edge:#4f8597;--ac-line:#6f9fb0;--ac-faint:#a9c7d2;--ac-tri:#bcdde8;--ac-tri-a:.38;--water:#2f84d4;--water-a:.62;--water-front:#4a9de4;--water-top:#d6eeff;--water-line:#1f5f99;--wall-a:.32}


.pw-ac-fill{fill:var(--ac-fill);fill-opacity:var(--ac-fill-a);stroke:none}
.pw-ac-sh{stroke:none;fill-opacity:var(--ac-a)}
.pw-ac-sh[data-shade="0"]{fill:var(--ac-0)}.pw-ac-sh[data-shade="1"]{fill:var(--ac-1)}.pw-ac-sh[data-shade="2"]{fill:var(--ac-2)}.pw-ac-sh[data-shade="3"]{fill:var(--ac-3)}
.pw-ac-top{fill:var(--ac-top);fill-opacity:.12;stroke:none}
.iso-svg path.pw-ac-edge{stroke:var(--ac-edge)}
.pw-tri{fill:var(--ac-tri);fill-opacity:var(--ac-tri-a);stroke:none}
.pw-wall{fill:var(--ac-2);fill-opacity:var(--wall-a);stroke:none}
.pw-lid{fill:var(--ac-top);fill-opacity:.08;stroke:none}
.pw-water{fill:var(--water);fill-opacity:var(--water-a);stroke:none}
.pw-water-front{fill:var(--water-front);fill-opacity:.32;stroke:none}
.pw-water-top{fill:var(--water-top);fill-opacity:.75;stroke:none}
.pw-stream{fill:var(--water-top);fill-opacity:.8;stroke:none}
.iso-svg path.pw-surf-line{fill:none;stroke:var(--water-line);stroke-width:.8;stroke-linecap:round}
.iso-svg path.pw-port{fill:var(--anatomy-paper);fill-opacity:.55;stroke:var(--ac-line);stroke-width:.6}
.iso-svg path.pw-dot{fill:var(--anatomy-dot);stroke:none}
.pw-plug{fill:var(--anatomy-face);fill-opacity:.85;stroke:var(--anatomy-mid);stroke-width:.6;vector-effect:non-scaling-stroke}
.pw-bolt{fill:var(--anatomy-mid);stroke:var(--anatomy-lo);stroke-width:.4}
.iso-svg path.pw-knob-mark{fill:none;stroke:var(--anatomy-hi);stroke-width:1.3;stroke-linecap:round}
.iso-svg path.pw-knurl{stroke-width:.7}
.pw-num{font-family:"IBM Plex Sans Thai","Noto Sans Thai",ui-sans-serif,sans-serif;font-weight:600;fill:var(--anatomy-hi)}

.pw-engrave-plate{font-family:"IBM Plex Sans Thai","Noto Sans Thai",ui-sans-serif,sans-serif;font-weight:700;fill:var(--anatomy-lo)}
.pw-engrave{font-family:"IBM Plex Sans Thai","Noto Sans Thai",ui-sans-serif,sans-serif;font-weight:600;font-style:italic;fill:var(--ac-edge);fill-opacity:.85}


.pw-stage{position:relative;display:block;width:min(100%,calc(min(760px,80vh) * 0.8421));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}
.pw-stage>svg,.pw-stage>canvas{display:block;width:100%;height:auto}
.pw-stage>.pw-layer{position:absolute;inset:0;height:100%!important;pointer-events:none}
.pw-stage[data-drag]{cursor:grabbing}
.pw-stage:focus-visible{outline:3px solid var(--c-500);outline-offset:-3px}
.tk-lab-card:fullscreen .pw-stage,.tk-lab-card:-webkit-full-screen .pw-stage{width:min(100%,calc((100vh - 230px) * 0.8421))}
@media (min-width:901px){
  .tk-workbench.tk-pw #lbCard:fullscreen,.tk-workbench.tk-pw #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-pw #lbCard:fullscreen>.tk-card-hd,.tk-workbench.tk-pw #lbCard:-webkit-full-screen>.tk-card-hd{grid-column:1/-1}
  .tk-workbench.tk-pw #lbCard:fullscreen>.pw-stage,.tk-workbench.tk-pw #lbCard:-webkit-full-screen>.pw-stage{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 96px) * 0.8421));max-width:100%;margin:0}
  .tk-workbench.tk-pw #lbCard:fullscreen>.lb-dock,.tk-workbench.tk-pw #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>.pw-ctl{display:grid;gap:.4rem;font-size:.82rem;color:var(--t2);margin:0}
.tk-workbench .lb-toolbar .pw-ctl .tk-seg{grid-template-columns:repeat(4,minmax(0,1fr))}
.pw-ctl .tk-seg button{white-space:nowrap}
.pw-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}
.pw-steps li{overflow-wrap:anywhere}
.pw-steps li.pw-hl{margin-top:.2rem;padding:.45rem .7rem;border-radius:8px;background:var(--bg-m);color:var(--t1);font-weight:700}
.pw-vars{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem;margin:.6rem 0 0;font-size:.86rem;color:var(--t2)}
.pw-vars dt{font-weight:600;color:var(--t1);white-space:nowrap}
.pw-vars dd{margin:0;font-variant-numeric:tabular-nums}
.pw-why-live{margin:.55rem 0 0;font-size:.86rem;line-height:1.75;color:var(--t2)}
.pw-bars{display:grid;gap:.45rem;margin:.6rem 0 0}
.pw-bar{display:grid;grid-template-columns:4.6rem minmax(0,1fr) 4.2rem;align-items:center;gap:.5rem;font-size:.84rem;color:var(--t2);font-variant-numeric:tabular-nums}
.pw-bar b{font-weight:700;color:var(--t1)}
.pw-bar i{display:block;height:12px;border-radius:6px;background:var(--bg-m);overflow:hidden;position:relative}
.pw-bar i s{position:absolute;inset:0 auto 0 0;width:0;border-radius:6px;background:#3B82F6;transition:width .25s var(--ease-out)}
.pw-bar[data-k="ab"] i s{background:linear-gradient(90deg,#0EA5E9 var(--pa,0%),#2563EB var(--pa,0%))}
@media (prefers-reduced-motion:reduce){.pw-bar i s{transition:none}}
.pw-legend{display:grid;gap:.35rem;font-size:.86rem;color:var(--t2)}
.pw-legend span{display:flex;align-items:center;gap:.55rem}
.pw-sw{flex:none;width:14px;height:14px;border-radius:3px}
.pw-sw-disc{border-radius:50%;background:radial-gradient(circle,#eef7fa 0 55%,#a9c7d2 56% 62%,#eef7fa 63%);box-shadow:inset 0 0 0 1px #6f9fb0}
.pw-sw-water{background:#3b8fd6}
.pw-sw-tri{clip-path:polygon(0 100%,100% 100%,30% 0);background:#bcdde8;box-shadow:inset 0 0 0 1px #6f9fb0}
.pw-sw-port{border-radius:50%;background:radial-gradient(circle,#fff 0 35%,#6f9fb0 38% 52%,transparent 55%)}
.pw-sw-knob{border-radius:50%;background:radial-gradient(circle,#c8ccd0 0 45%,#1f2328 47%)}
.pw-sw-ptr{clip-path:polygon(50% 0,100% 45%,70% 45%,70% 100%,30% 100%,30% 45%,0 45%);background:#64748b}
.pw-sw-light{border-radius:3px;background:linear-gradient(135deg,#ffffff 0 20%,#9cc9ec 20% 60%,#ffffff 60% 66%,#9cc9ec 66%)}
.pw-tbl-wrap{max-height:430px;overflow:auto}
.pw-tbl-wrap .tk-tbl{min-width:0}
.pw-tbl-wrap thead th{position:sticky;top:0;z-index:1;background:var(--c-700)}
[data-theme="dark"] .pw-tbl-wrap thead th{background:#3d4a5c}
.pw-tbl tbody td:first-child{font-weight:600}
.pw-tbl td.pw-sum{font-weight:700}
.pw-tbl td.pw-full{color:#15803D;font-weight:700}
[data-theme="dark"] .pw-tbl td.pw-full{color:#4ADE80}
.pw-chart{min-width:0}
.pw-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)}
.pw-chart-key{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.4rem 0 0;font-size:.84rem;color:var(--t3)}
.pw-chart-key span{display:inline-flex;align-items:center;gap:.45rem}
.pw-key{width:14px;height:0;border-top:3px solid currentColor}
.pw-key-c{color:#2563EB}.pw-key-b{color:#0EA5E9}.pw-key-a{color:#D97706}.pw-key-s{color:#7C3AED;border-top-style:dashed}
.pw-key-now{width:11px;height:11px;border-radius:50%;border:2px solid #e5483f}
.lb-chart .pw-c-line{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.lb-chart .pw-c-c{stroke:#2563EB}.lb-chart .pw-c-b{stroke:#0EA5E9}.lb-chart .pw-c-a{stroke:#D97706}
.lb-chart .pw-c-s{stroke:#7C3AED;stroke-dasharray:6 5}
.lb-chart .pw-c-pt{stroke:var(--bg-c);stroke-width:2}
.lb-chart .pw-c-pt.pw-c-c{fill:#2563EB}.lb-chart .pw-c-pt.pw-c-b{fill:#0EA5E9}.lb-chart .pw-c-pt.pw-c-a{fill:#D97706}
[data-theme="dark"] .lb-chart .pw-c-c{stroke:#60A5FA}[data-theme="dark"] .lb-chart .pw-c-pt.pw-c-c{fill:#60A5FA;stroke:var(--bg-c)}
[data-theme="dark"] .lb-chart .pw-c-b{stroke:#38BDF8}[data-theme="dark"] .lb-chart .pw-c-pt.pw-c-b{fill:#38BDF8;stroke:var(--bg-c)}
[data-theme="dark"] .lb-chart .pw-c-a{stroke:#FBBF24}[data-theme="dark"] .lb-chart .pw-c-pt.pw-c-a{fill:#FBBF24;stroke:var(--bg-c)}
[data-theme="dark"] .lb-chart .pw-c-s{stroke:#C4B5FD}
[data-theme="dark"] .pw-key-c{color:#60A5FA}[data-theme="dark"] .pw-key-b{color:#38BDF8}[data-theme="dark"] .pw-key-a{color:#FBBF24}[data-theme="dark"] .pw-key-s{color:#C4B5FD}
.lb-chart .pw-c-ref{stroke:var(--t3);stroke-width:1;stroke-dasharray:3 4;fill:none}
.lb-chart .pw-c-ref-t{fill:var(--t3);font:600 11px var(--f-b)}
.lb-chart .pw-c-pt.is-new{animation:pw-pop .7s var(--ease-out)}
@keyframes pw-pop{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.lb-chart .pw-c-pt.is-new{animation:none}}
.lb-chart .pw-c-now{fill:none;stroke:#e5483f;stroke-width:2.2}