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


.tm-stage>svg,.tm-stage>canvas{display:block;width:100%;height:auto}
.tm-stage>.tm-layer{position:absolute;inset:0;height:100%!important;pointer-events:none}
[data-theme="dark"] .tk-iso .tm-gl{mix-blend-mode:screen}
.tm-inner{fill:var(--tm-inner);stroke:none}
.tm-floor{fill:var(--tm-floor);stroke:none}
.tm-cut{fill:var(--tm-cut);stroke:none}
.tm-e-top,.tm-c-top,.tm-r-top{fill:var(--anatomy-top);stroke:none}
.tm-r-cut{fill:#4a4f56}
[data-theme="dark"] .tk-iso .tm-r-cut{fill:#2a2e33}
.tm-recess{fill:var(--tm-recess);stroke:none}
.tm-hole{fill:var(--tm-hole);stroke:none}
.tm-lens-glass{fill:var(--tm-lens-glass);stroke:none}
.tm-lens-cut{fill:var(--tm-lens-cut);stroke:var(--anatomy-mid);stroke-width:.5}
.tm-lamp-glass{fill:var(--tm-lamp-glass);stroke:none}
.tm-plate{fill:var(--tm-plate);stroke:var(--anatomy-lo);stroke-width:.35}
.tm-peel{fill:var(--tm-peel);stroke:none}
.tm-ray path{fill:none;stroke-width:.8;stroke-linecap:round}
.tm-ray .r-light{stroke:var(--tm-ray-light);stroke-width:.9}
.tm-ray .r-axis{stroke:var(--tm-ray-axis);stroke-width:.6;stroke-dasharray:2 1.6}
.tm-ray .r-a{stroke:var(--tm-ray-a)}
.tm-ray .r-b{stroke:var(--tm-ray-b)}
.tm-view-bg{fill:#f4efe2}
.tm-view-ring{fill:none;stroke:#15171b;stroke-width:6}
.tm-cyto{fill:#efe0b0;stroke:none}
.tm-wall{fill:none;stroke:#8a6424;stroke-width:var(--tm-wall,1);vector-effect:non-scaling-stroke;stroke-linejoin:round}
.tm-nucleus{fill:#a8742a;stroke:#6e4710;stroke-width:var(--tm-nuc,.6);vector-effect:non-scaling-stroke}
.tm-nucleolus{fill:#5e3a0c;stroke:none}
.tm-peel-edge{fill:none;stroke:#9a7232;stroke-width:var(--tm-wall,1);vector-effect:non-scaling-stroke}
.tm-bubble{fill:#fbf8ef;stroke:#3b3328;stroke-width:var(--tm-bub,2);vector-effect:non-scaling-stroke}
.tm-bubble-in{fill:#ffffff;stroke:none;opacity:.9}
.tm-gear{fill:#9aa4ae;stroke:#2c333b;stroke-width:.4;stroke-linejoin:round}
.tm-stage [data-hit]{cursor:pointer}
.tm-stage[data-gl] .tm-fallback{display:none}
[data-theme="dark"] .tk-iso{--tm-ray-light:#ffc94d;--tm-ray-axis:#ffb066;--tm-ray-a:#4ade80;--tm-ray-b:#f472b6;--tm-inner:#0c0f14;--tm-floor:#080a0e;--tm-cut:#4a5462;--tm-recess:#0b0d11;--tm-hole:#050608;--tm-lens-glass:rgba(140,200,230,.35);--tm-lens-cut:rgba(140,200,230,.32);--tm-lamp-glass:#d9d3c0;--tm-plate:#6b5a22;--tm-peel:rgba(210,160,70,.5)}.tk-iso{--tm-ray-light:#e8a317;--tm-ray-axis:#d9822b;--tm-ray-a:#0f9d58;--tm-ray-b:#d6336c;--tm-inner:#3b4250;--tm-floor:#2e343f;--tm-cut:#c9d0d8;--tm-recess:#2a2f37;--tm-hole:#101215;--tm-lens-glass:rgba(150,200,225,.55);--tm-lens-cut:rgba(170,215,235,.6);--tm-lamp-glass:#f4f1e6;--tm-plate:#f2e3a6;--tm-peel:rgba(200,150,60,.55)}[data-theme="dark"] .tk-iso .tm-wood{--anatomy-paper:#3b3022;--anatomy-face:#463a29;--anatomy-top:#463a29;--anatomy-shade-0:#2c2419;--anatomy-shade-1:#33291d;--anatomy-shade-2:#3a2f21;--anatomy-shade-3:#423526;--anatomy-hi:#e6cfa8;--anatomy-mid:#9c8463;--anatomy-lo:#6b5a43;--anatomy-faint:#4a3e2e}.tk-iso .tm-wood{--anatomy-paper:#f3e6d3;--anatomy-face:#f8eedf;--anatomy-top:#f8eedf;--anatomy-shade-0:#d8c09c;--anatomy-shade-1:#e2cdae;--anatomy-shade-2:#eadac0;--anatomy-shade-3:#f1e5d2;--anatomy-hi:#7a5a32;--anatomy-mid:#b39470;--anatomy-lo:#cdb491;--anatomy-faint:#e3d3bb}[data-theme="dark"] .tk-iso .tm-wood2{--anatomy-paper:#4a3520;--anatomy-face:#574026;--anatomy-top:#5e452a;--anatomy-shade-0:#362616;--anatomy-shade-1:#3e2c1a;--anatomy-shade-2:#47321e;--anatomy-shade-3:#503923;--anatomy-hi:#efcfa5;--anatomy-mid:#ad8659;--anatomy-lo:#7a5c3b;--anatomy-faint:#5a4329}.tk-iso .tm-wood2{--anatomy-paper:#e7c79c;--anatomy-face:#efd5b0;--anatomy-top:#f2dbb9;--anatomy-shade-0:#b98a55;--anatomy-shade-1:#c89a66;--anatomy-shade-2:#d6ab79;--anatomy-shade-3:#e2bd8f;--anatomy-hi:#5e3d17;--anatomy-mid:#946a3c;--anatomy-lo:#bf9563;--anatomy-faint:#dcbd94}[data-theme="dark"] .tk-iso .tm-brass{--anatomy-paper:#4a3d16;--anatomy-face:#5a4a1c;--anatomy-top:#5a4a1c;--anatomy-shade-0:#382e10;--anatomy-shade-1:#413513;--anatomy-shade-2:#4a3d16;--anatomy-shade-3:#54451a;--anatomy-hi:#f3d27a;--anatomy-mid:#b39443;--anatomy-lo:#8a7230;--anatomy-faint:#5a4b20}.tk-iso .tm-brass{--anatomy-paper:#f5e3a8;--anatomy-face:#faedc4;--anatomy-top:#faedc4;--anatomy-shade-0:#d9b45c;--anatomy-shade-1:#e3c477;--anatomy-shade-2:#ecd494;--anatomy-shade-3:#f3e2b2;--anatomy-hi:#7a5a10;--anatomy-mid:#b08f3c;--anatomy-lo:#caa75a;--anatomy-faint:#e8d390}[data-theme="dark"] .tk-iso .tm-enamel{--anatomy-paper:#2b323b;--anatomy-face:#343c46;--anatomy-top:#39424d;--anatomy-shade-0:#1e242b;--anatomy-shade-1:#232930;--anatomy-shade-2:#292f37;--anatomy-shade-3:#2f363f;--anatomy-hi:#d4dbe4;--anatomy-mid:#8a95a2;--anatomy-lo:#59636f;--anatomy-faint:#3c4550}.tk-iso .tm-enamel{--anatomy-paper:#e9edf2;--anatomy-face:#f4f6f9;--anatomy-top:#f7f9fb;--anatomy-shade-0:#b8c1cc;--anatomy-shade-1:#c7cfd8;--anatomy-shade-2:#d5dbe2;--anatomy-shade-3:#e2e7ec;--anatomy-hi:#2f3a46;--anatomy-mid:#6f7b88;--anatomy-lo:#9ea8b3;--anatomy-faint:#ccd3da}[data-theme="dark"] .tk-iso .tm-black{--anatomy-paper:#1c1f24;--anatomy-face:#252930;--anatomy-top:#2b3038;--anatomy-shade-0:#14161a;--anatomy-shade-1:#181b20;--anatomy-shade-2:#1d2026;--anatomy-shade-3:#22262d;--anatomy-hi:#b4bcc7;--anatomy-mid:#77808c;--anatomy-lo:#4f5761;--anatomy-faint:#3a4049}.tk-iso .tm-black{--anatomy-paper:#4d535b;--anatomy-face:#5c636c;--anatomy-top:#656c76;--anatomy-shade-0:#2c3036;--anatomy-shade-1:#353a41;--anatomy-shade-2:#3f444c;--anatomy-shade-3:#4a5058;--anatomy-hi:#0e1013;--anatomy-mid:#24282d;--anatomy-lo:#7f8690;--anatomy-faint:#949ba5}[data-theme="dark"] .tk-iso .tm-metal{--anatomy-hi:#d6dde5;--anatomy-mid:#8c96a2;--anatomy-lo:#5b6570;--anatomy-paper:#39414a;--anatomy-face:#434c56;--anatomy-top:#4b555f;--anatomy-shade-0:#2c333b;--anatomy-shade-1:#323a43;--anatomy-shade-2:#39414a;--anatomy-shade-3:#404952}.tk-iso .tm-metal{--anatomy-hi:#3f4852;--anatomy-mid:#7c8691;--anatomy-lo:#a9b1ba;--anatomy-paper:#d4d9de;--anatomy-face:#e1e5e9;--anatomy-top:#eceff2;--anatomy-shade-0:#98a2ad;--anatomy-shade-1:#a9b2bc;--anatomy-shade-2:#bac2ca;--anatomy-shade-3:#cbd1d7}[data-theme="dark"] .tk-iso .tm-chrome{--anatomy-paper:#323a44;--anatomy-face:#3d4651;--anatomy-top:#444e5a;--anatomy-shade-0:#20262d;--anatomy-shade-1:#262d35;--anatomy-shade-2:#2d343d;--anatomy-shade-3:#353d47;--anatomy-hi:#e1e7ee;--anatomy-mid:#98a3b0;--anatomy-lo:#66717e;--anatomy-faint:#48515c}.tk-iso .tm-chrome{--anatomy-paper:#dfe4ea;--anatomy-face:#eef1f4;--anatomy-top:#f4f6f8;--anatomy-shade-0:#9aa4b0;--anatomy-shade-1:#b0b9c3;--anatomy-shade-2:#c5ccd4;--anatomy-shade-3:#d9dee4;--anatomy-hi:#28313b;--anatomy-mid:#5f6a76;--anatomy-lo:#8f99a4;--anatomy-faint:#c2c9d1}[data-theme="dark"] .tk-iso .tm-rubber{--anatomy-paper:#17191c;--anatomy-face:#1e2024;--anatomy-top:#23262a;--anatomy-shade-0:#101113;--anatomy-shade-1:#131518;--anatomy-shade-2:#17191c;--anatomy-shade-3:#1b1e21;--anatomy-hi:#9aa1aa;--anatomy-mid:#626a73;--anatomy-lo:#41474f;--anatomy-faint:#30353b}.tk-iso .tm-rubber{--anatomy-paper:#3f4349;--anatomy-face:#4b5057;--anatomy-top:#53585f;--anatomy-shade-0:#24272b;--anatomy-shade-1:#2c2f34;--anatomy-shade-2:#34383d;--anatomy-shade-3:#3d4147;--anatomy-hi:#0b0c0e;--anatomy-mid:#1f2226;--anatomy-lo:#6e747c;--anatomy-faint:#83898f}[data-theme="dark"] .tk-iso .tm-glass{--anatomy-paper:rgba(120,170,190,.10);--anatomy-face:rgba(140,190,210,.14);--anatomy-top:rgba(160,205,222,.18);--anatomy-shade-0:rgba(100,150,170,.14);--anatomy-shade-1:rgba(110,160,180,.14);--anatomy-shade-2:rgba(120,170,190,.14);--anatomy-shade-3:rgba(130,180,200,.14);--anatomy-hi:#a6e1f5;--anatomy-mid:#5fb0cc;--anatomy-lo:#3a7f98;--anatomy-faint:#2a5a6c}.tk-iso .tm-glass{--anatomy-paper:rgba(200,225,235,.25);--anatomy-face:rgba(220,238,245,.35);--anatomy-top:rgba(235,246,250,.45);--anatomy-shade-0:rgba(160,200,215,.35);--anatomy-shade-1:rgba(175,210,222,.35);--anatomy-shade-2:rgba(190,220,230,.35);--anatomy-shade-3:rgba(205,230,238,.35);--anatomy-hi:#2f6f86;--anatomy-mid:#6fa3b6;--anatomy-lo:#9cc2d0;--anatomy-faint:#c6dde6}[data-theme="dark"] .tk-iso .tm-tag{--anatomy-paper:#d9d5c6;--anatomy-face:#e2dfd2;--anatomy-top:#e6e3d7;--anatomy-shade-0:#a9a596;--anatomy-shade-1:#b6b2a3;--anatomy-shade-2:#c3bfb0;--anatomy-shade-3:#cfcbbd;--anatomy-hi:#3a372e;--anatomy-mid:#6f6a5c;--anatomy-lo:#99948a;--anatomy-faint:#b6b2a3}.tk-iso .tm-tag{--anatomy-paper:#f7f5ee;--anatomy-face:#fbfaf5;--anatomy-top:#fcfbf7;--anatomy-shade-0:#d8d4c6;--anatomy-shade-1:#e2ded2;--anatomy-shade-2:#ebe8de;--anatomy-shade-3:#f3f1ea;--anatomy-hi:#4a463b;--anatomy-mid:#878272;--anatomy-lo:#b3ae9e;--anatomy-faint:#d8d4c6}[data-theme="dark"] .tk-iso .tm-amber{--anatomy-paper:#4f2e12;--anatomy-face:#5d3716;--anatomy-top:#663d19;--anatomy-shade-0:#3b220c;--anatomy-shade-1:#43280f;--anatomy-shade-2:#4c2d11;--anatomy-shade-3:#553314;--anatomy-hi:#e8b27a;--anatomy-mid:#a86e3a;--anatomy-lo:#764a22;--anatomy-faint:#5d3716}.tk-iso .tm-amber{--anatomy-paper:#c98a4a;--anatomy-face:#d69a5a;--anatomy-top:#dca264;--anatomy-shade-0:#8a5320;--anatomy-shade-1:#9b612b;--anatomy-shade-2:#ac7036;--anatomy-shade-3:#bd8042;--anatomy-hi:#3d2208;--anatomy-mid:#6e4116;--anatomy-lo:#a0682f;--anatomy-faint:#c88d55}[data-theme="dark"] .tk-iso .tm-band-red{--anatomy-paper:#5c1c1c;--anatomy-face:#6d2222;--anatomy-top:#782626;--anatomy-shade-0:#461515;--anatomy-shade-1:#511919;--anatomy-shade-2:#5c1c1c;--anatomy-shade-3:#672020;--anatomy-hi:#ff9a9a;--anatomy-mid:#d24c4c;--anatomy-lo:#933030;--anatomy-faint:#6d2222}.tk-iso .tm-band-red{--anatomy-paper:#f0a0a0;--anatomy-face:#f5b5b5;--anatomy-top:#f7bcbc;--anatomy-shade-0:#cc3b3b;--anatomy-shade-1:#d85050;--anatomy-shade-2:#e26b6b;--anatomy-shade-3:#eb8888;--anatomy-hi:#7a1010;--anatomy-mid:#b52626;--anatomy-lo:#e06a6a;--anatomy-faint:#f2a8a8}[data-theme="dark"] .tk-iso .tm-band-yellow{--anatomy-paper:#5a4a10;--anatomy-face:#6b5814;--anatomy-top:#755f17;--anatomy-shade-0:#45380c;--anatomy-shade-1:#4f400e;--anatomy-shade-2:#5a4a10;--anatomy-shade-3:#655313;--anatomy-hi:#ffe27f;--anatomy-mid:#d6ae35;--anatomy-lo:#97781b;--anatomy-faint:#6b5814}.tk-iso .tm-band-yellow{--anatomy-paper:#f6dc84;--anatomy-face:#f9e7a3;--anatomy-top:#fbebb0;--anatomy-shade-0:#d9b02a;--anatomy-shade-1:#e2bf46;--anatomy-shade-2:#eacb63;--anatomy-shade-3:#f1d77e;--anatomy-hi:#6b4f05;--anatomy-mid:#a58212;--anatomy-lo:#d3ab33;--anatomy-faint:#f0d47c}[data-theme="dark"] .tk-iso .tm-band-blue{--anatomy-paper:#1c335a;--anatomy-face:#223d6b;--anatomy-top:#264375;--anatomy-shade-0:#152745;--anatomy-shade-1:#192e50;--anatomy-shade-2:#1c335a;--anatomy-shade-3:#203a66;--anatomy-hi:#a7c8ff;--anatomy-mid:#5a8ad6;--anatomy-lo:#355f9e;--anatomy-faint:#24426f}.tk-iso .tm-band-blue{--anatomy-paper:#a9c6f0;--anatomy-face:#bed5f5;--anatomy-top:#c6daf6;--anatomy-shade-0:#3f74c9;--anatomy-shade-1:#5586d3;--anatomy-shade-2:#709adc;--anatomy-shade-3:#8cafe5;--anatomy-hi:#0f2f66;--anatomy-mid:#285aa5;--anatomy-lo:#6f97d6;--anatomy-faint:#a9c3ec}

.tm-stage{position:relative;touch-action:pan-y;outline:none;background:var(--bg-c);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.tm-stage:focus-visible{outline:3px solid var(--c-500);outline-offset:-3px}
.tk-lab-card:fullscreen .tm-stage{width:min(100%,calc((100vh - 210px) * 1.3043));margin:0 auto;flex:none}
.tk-lab-card:-webkit-full-screen .tm-stage{width:min(100%,calc((100vh - 210px) * 1.3043));margin:0 auto;flex:none}
/* เต็มจอบนจอกว้าง: ภาพขยายเต็มความสูงที่เหลือ (คงสัดส่วน) แผงควบคุมอยู่ขวา */
@media (min-width:901px){.tk-workbench #lbCard:fullscreen,.tk-workbench #lbCard:-webkit-full-screen{height:100dvh;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);align-content:stretch;overflow:hidden}.tk-workbench #lbCard:fullscreen>.tm-stage,.tk-workbench #lbCard:-webkit-full-screen>.tm-stage{grid-column:1;grid-row:2;align-self:center;justify-self:center;width:min(100%,calc((100dvh - 96px) * 1.3043));max-width:100%;margin:0}.tk-workbench #lbCard:fullscreen>.lb-dock,.tk-workbench #lbCard:-webkit-full-screen>.lb-dock{grid-column:2;grid-row:2;max-height:none;min-height:0;overflow:auto}}
/* ภาพ 3D แบบสมจริง: ซ่อน SVG ชั้นหลังแบบโปร่งใส (ยังรับคลิก) และแสงเรือง 2D, วงกลมภาพในกล้องยังอยู่บนสุด */
.tm-stage[data-renderer="3d"]>.tm-back{opacity:0}
.tm-stage[data-renderer="3d"]>.tm-gl{display:none}
.tm-render{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.tm-ctl{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--t2)}
.tm-ctl .tk-seg button{padding-left:.7rem;padding-right:.7rem;white-space:nowrap}
.tm-knobs{display:inline-flex;gap:.35rem}
.tm-knobs .tk-btn{min-width:44px;padding-left:.6rem;padding-right:.6rem}
@media(max-width:520px){.tm-ctl{flex-direction:column;align-items:flex-start;gap:.3rem}}
.tm-legend{display:grid;gap:.35rem;font-size:.86rem;color:var(--t2)}
.tm-legend span{display:flex;align-items:center;gap:.55rem}
.tm-sw{flex:none;width:14px;height:4px;border-radius:2px}
.tm-sw-light{background:#e8a317}
.tm-sw-a{background:#0f9d58}
.tm-sw-b{background:#d6336c}
.tm-sw-axis{background:repeating-linear-gradient(90deg,#d9822b 0 4px,transparent 4px 7px)}
[data-theme="dark"] .tm-sw-light{background:#ffc94d}
[data-theme="dark"] .tm-sw-a{background:#4ade80}
[data-theme="dark"] .tm-sw-b{background:#f472b6}
.tm-bands{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.86rem;color:var(--t2)}
.tm-bands span{display:inline-flex;align-items:center;gap:.4rem}
.tm-band{width:16px;height:7px;border-radius:2px}
.tm-rules{margin:.2rem 0 0;padding-left:1.15rem;font-size:.86rem;color:var(--t2)}
.tm-rules li{margin:.15rem 0}
.tm-chart{min-width:0}
.tm-tbl{min-width:520px}
.tm-tbl thead th{white-space:normal;line-height:1.35;vertical-align:bottom;padding-left:.5rem;padding-right:.5rem}
.tm-tbl tbody td{padding-left:.5rem;padding-right:.5rem}
.tm-key{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.4rem 0 0 2.4rem;font-size:.82rem;color:var(--t3)}
.tm-key span{display:inline-flex;align-items:center;gap:.45rem}
.tm-key-line{width:22px;height:0;border-top:2.5px dashed var(--c-500)}
.tm-key-dot{width:11px;height:11px;border-radius:50%;background:var(--c-600)}
.lb-chart .guide{stroke:var(--c-400);stroke-width:1;stroke-dasharray:2 4;fill:none}