.engine-demo{
  --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;
}.engine-demo[data-theme="light"]{
  --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;
}.engine-demo .iso-svg{display:block;width:100%;height:auto;overflow:visible}.engine-demo .iso-svg path,.engine-demo .iso-svg circle{vector-effect:non-scaling-stroke}.engine-demo .iso-fill{fill:var(--anatomy-paper);stroke:none}.engine-demo .iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.engine-demo .iso-shade,.engine-demo .iso-top{stroke:none}.engine-demo .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.engine-demo .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.engine-demo .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.engine-demo .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.engine-demo .iso-top{fill:var(--anatomy-top)}.engine-demo .iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.engine-demo .iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.engine-demo .iso-solid[data-seamless]>.iso-shade,.engine-demo .iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}.engine-demo .iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.engine-demo .iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.engine-demo .iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.engine-demo .iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.engine-demo .iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.engine-demo .iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.engine-demo .iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.engine-demo .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.engine-demo .iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.engine-demo .iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.engine-demo .iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}.engine-demo .iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}.engine-demo .iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}.engine-demo .iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}.engine-demo .iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}.engine-demo .iso-line[data-tone="red"]{stroke:var(--anatomy-red)}.engine-demo .iso-line[data-tone="green"]{stroke:var(--anatomy-green)}.engine-demo .iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}.engine-demo .iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}.engine-demo .iso-line[data-dashed]{stroke-dasharray:3 3}.engine-demo .iso-line[data-flow]{stroke-dasharray:2 6}.engine-demo .iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.engine-demo .iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}.engine-demo .iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}.engine-demo .iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}.engine-demo .iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}.engine-demo .iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.engine-demo .iso-dots[data-tone="hi"] circle{opacity:.85}.engine-demo .iso-dots[data-tone="mid"] circle{opacity:.45}.engine-demo .iso-dots[data-tone="lo"] circle{opacity:.22}.engine-demo .iso-dots[data-tone="faint"] circle{opacity:.12}.engine-demo .iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.engine-demo .iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}.engine-demo .iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}.engine-demo .iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}.engine-demo .tb-body{fill:var(--anatomy-shade-2);stroke:none}.engine-demo .tb-shine{fill:var(--anatomy-top);stroke:none}.engine-demo .tb-shade{fill:var(--anatomy-shade-0);stroke:none}.engine-demo .tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}.engine-demo .tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}.engine-demo .tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}.engine-demo .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}}.engine-demo .iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}.engine-demo .iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}.engine-demo .iso-figure{margin:32px 0 36px}.engine-demo .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)}.engine-demo .iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}.engine-demo .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}.engine-demo .iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}.engine-demo .iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}.engine-demo .iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}.engine-demo .iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}.engine-demo .iso-plate .iso-svg{margin:0 auto}.engine-demo .iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}.engine-demo .iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}.engine-demo .iso-key{display:inline-flex;align-items:center;gap:7px}.engine-demo .iso-swatch{width:16px;height:10px;flex:none;overflow:visible}.engine-demo .iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.engine-demo .iso-swatch[data-mark="raised"] path,.engine-demo .iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}.engine-demo .iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}.engine-demo .iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}.engine-demo .iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}.engine-demo .iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}.engine-demo .iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}.engine-demo .iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}.engine-demo .iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}.engine-demo .iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (max-width:560px){.engine-demo .iso-plate{padding:48px 12px 70px}.engine-demo .iso-plate-corner[data-corner="hint"]{bottom:18px}}@media (prefers-reduced-motion:reduce){.engine-demo .iso-line[data-flow],.engine-demo .iso-dots circle[data-pulse]{animation:none}}.engine-demo *{box-sizing:border-box}.engine-demo[data-theme=light]{--anatomy-page:#f6f5f1;--anatomy-card:#fdfcf9;--anatomy-paper:#fdfcf9;--anatomy-shade-0:#c5c4bd;--anatomy-shade-1:#d9d8d0;--anatomy-shade-2:#e5e4dc;--anatomy-shade-3:#eeede6;--anatomy-top:#f7f6f0;--anatomy-hi:#65665d;--anatomy-mid:#a1a198;--anatomy-lo:#bcbcb1;--anatomy-faint:#dcdcd3;--anatomy-lit:#3b4942;--accent:#49664f;--border:#dcdcd2;--soft:#edede5;--warm:#818474}.engine-demo[data-theme=dark]{--accent:#a7c1a1;--border:#30332e;--soft:#21251f;--warm:#929b8c;--anatomy-page:#151813;--anatomy-card:#1b1f19;--anatomy-paper:#1b1f19;--anatomy-shade-0:#252c22;--anatomy-shade-1:#30382b;--anatomy-shade-2:#3b4436;--anatomy-shade-3:#46513f;--anatomy-hi:#a2af96;--anatomy-mid:#65775a;--anatomy-lo:#4b5845;--anatomy-faint:#343e30;--anatomy-lit:#e5eadb;--anatomy-top:#56624c;--anatomy-lit-top:#89987d;--anatomy-lit-shade:#637157}.engine-demo button,.engine-demo select,.engine-demo input{font:inherit}.engine-demo button{cursor:pointer}.engine-demo button,.engine-demo a,.engine-demo input,.engine-demo select{-webkit-tap-highlight-color:transparent}.engine-demo button:focus-visible,.engine-demo a:focus-visible,.engine-demo input:focus-visible,.engine-demo select:focus-visible,.engine-demo .iso-stage:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.engine-demo a{color:inherit;text-decoration:none}.engine-demo .workbench{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px;align-items:start}.engine-demo .instrument{min-width:0;margin:0}.engine-demo .iso-plate{position:relative;isolation:isolate;border:1px solid var(--border);border-radius:7px;background:var(--anatomy-card);box-shadow:0 4px 15px #00000003;overflow:hidden}.engine-demo .card-top,.engine-demo .card-bottom{position:absolute;display:flex;justify-content:space-between;align-items:center;left:23px;right:23px;z-index:2;pointer-events:none;color:var(--anatomy-text);font-size:10px}.engine-demo .card-top{top:21px}.engine-demo .card-top span:first-child{font:10px var(--anatomy-mono);letter-spacing:1.2px}.engine-demo .card-bottom{bottom:19px;color:var(--anatomy-muted)}.engine-demo [data-readout]{font:11px var(--anatomy-mono);color:var(--accent);font-variant-numeric:tabular-nums}.engine-demo .iso-stage{position:relative;touch-action:pan-y;cursor:grab;aspect-ratio:820/580;outline:none}.engine-demo .iso-stage:active{cursor:grabbing}.engine-demo .iso-svg{width:100%;height:100%;overflow:hidden}.engine-demo .stage-badge{position:absolute;left:23px;top:54px;display:flex;align-items:center;gap:6px;font-size:9px;color:var(--anatomy-muted);pointer-events:none}.engine-demo .live-dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.engine-demo .transport{display:flex;gap:19px;align-items:center;margin-top:23px}.engine-demo .play-button{width:43px;min-width:43px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--anatomy-card);font:16px var(--anatomy-mono);color:var(--accent)}.engine-demo .angle-control{flex:1;min-width:0}.engine-demo .angle-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--anatomy-text);margin-bottom:2px}.engine-demo #angle-value{color:var(--anatomy-strong);font:15px var(--anatomy-mono)}.engine-demo #angle-value span{font-size:10px;color:var(--anatomy-muted)}.engine-demo input[type=range]{width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:pointer}.engine-demo input[type=range]::-webkit-slider-runnable-track{background:var(--border);height:2px}.engine-demo input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid var(--anatomy-card);box-shadow:0 0 0 1px var(--accent);margin-top:-5px}.engine-demo .angle-ticks{display:flex;justify-content:space-between;font:8px var(--anatomy-mono);color:var(--anatomy-muted)}.engine-demo .speed-control{display:grid;gap:5px;font-size:9px;color:var(--anatomy-muted);width:63px}.engine-demo .speed-control select{width:63px;height:32px;background:transparent;border:1px solid var(--border);border-radius:4px;font:11px var(--anatomy-mono);color:var(--anatomy-text);padding:0 4px}.engine-demo figcaption{font-size:10px;color:var(--anatomy-muted);margin-top:19px;line-height:1.8;display:flex;align-items:baseline;gap:7px}.engine-demo .legend-dot{display:inline-block;width:6px;height:6px;border:1px solid var(--warm);border-radius:50%;flex-shrink:0}.engine-demo .explanation{padding-top:5px}.engine-demo .phase-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--anatomy-text);margin-bottom:17px}.engine-demo .phase-heading span:last-child{font:9px var(--anatomy-mono);color:var(--anatomy-muted)}.engine-demo .phase-list{display:grid;gap:6px}.engine-demo .phase{border:1px solid transparent;background:transparent;border-radius:5px;display:flex;align-items:center;text-align:left;width:100%;height:62px;padding:9px 12px;gap:15px;color:var(--anatomy-muted);transition:background .2s,border-color .2s}.engine-demo .phase:hover{background:var(--soft)}.engine-demo .phase[aria-pressed=true]{background:var(--soft);border-color:var(--border);color:var(--anatomy-strong)}.engine-demo .phase-number{font:11px var(--anatomy-mono)}.engine-demo .phase strong{display:block;font-size:13px;letter-spacing:2px;font-weight:500}.engine-demo .phase small{display:block;font:8px var(--anatomy-mono);letter-spacing:.6px;margin-top:5px;color:var(--anatomy-muted)}.engine-demo .phase-range{margin-left:auto;font:9px var(--anatomy-mono);white-space:nowrap;color:var(--anatomy-muted)}.engine-demo .phase[aria-pressed=true] .phase-number{color:var(--phase-color,var(--accent))}.engine-demo .phase-detail{margin-top:25px;border-top:1px solid var(--border);padding-top:19px;min-height:171px}.engine-demo .detail-top{display:flex;justify-content:space-between;color:var(--anatomy-muted);font:9px var(--anatomy-mono);letter-spacing:.5px}.engine-demo #direction{font:10px inherit;letter-spacing:0}.engine-demo h2{font-size:18px;font-weight:500;margin:13px 0 10px;letter-spacing:.3px}.engine-demo #phase-description{font-size:11px;line-height:1.9;color:var(--anatomy-text);margin:0 0 12px;min-height:42px}.engine-demo .valve-state{font-size:9px;color:var(--accent);padding:5px 7px;border:1px solid var(--border);border-radius:3px}.engine-demo .readings{display:grid;gap:14px;margin-top:16px}.engine-demo .readings>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--anatomy-text)}.engine-demo .readings strong{font:18px var(--anatomy-mono);color:var(--anatomy-strong);font-variant-numeric:tabular-nums}.engine-demo .readings small{font:9px var(--anatomy-mono);margin-left:7px;color:var(--anatomy-muted)}.engine-demo .cycle-note{font-size:10px;color:var(--anatomy-muted);line-height:1.9;margin-top:20px}@media(min-width:1400px){.engine-demo .workbench{gap:40px;grid-template-columns:minmax(0,1fr) 280px}
}@media(max-width:900px){.engine-demo .workbench{gap:23px;grid-template-columns:minmax(0,1fr) 235px}.engine-demo .phase{padding:8px;gap:11px}.engine-demo .phase-range{font-size:8px}.engine-demo .iso-stage{aspect-ratio:700/640}.engine-demo .iso-svg{position:absolute;inset:0;object-fit:contain}.engine-demo .transport{gap:12px}.engine-demo .card-top,.engine-demo .card-bottom{left:16px;right:16px}.engine-demo .stage-badge{left:16px}
}@media(max-width:650px){.engine-demo .workbench{display:flex;flex-direction:column;gap:29px}.engine-demo .instrument,.engine-demo .explanation{width:100%}.engine-demo .iso-stage{aspect-ratio:1/.97}.engine-demo .iso-svg{width:118%;max-width:none;left:-9%;height:100%}.engine-demo .card-top{font-size:9px;top:17px}.engine-demo .card-top span:first-child{font-size:9px}.engine-demo .card-bottom{font-size:9px;bottom:15px}.engine-demo .stage-badge{top:44px;font-size:8px}.engine-demo .transport{gap:13px;margin-top:19px}.engine-demo .play-button{width:41px;min-width:41px}.engine-demo .speed-control{width:53px;font-size:8px}.engine-demo .speed-control select{width:53px}.engine-demo .angle-heading{font-size:9px}.engine-demo figcaption{font-size:9px;margin-top:14px}.engine-demo .phase-heading{margin-bottom:13px}.engine-demo .phase-list{grid-template-columns:repeat(4,1fr);gap:4px}.engine-demo .phase{display:flex;flex-direction:column;align-items:flex-start;height:88px;padding:9px;gap:6px}.engine-demo .phase-number{font-size:9px}.engine-demo .phase strong{font-size:13px}.engine-demo .phase small{font-size:6px;letter-spacing:0}.engine-demo .phase-range{font-size:7px;margin-left:0}.engine-demo .phase-detail{margin-top:19px;min-height:143px}.engine-demo .detail-top{font-size:8px}.engine-demo #phase-description{min-height:0;font-size:12px;max-width:340px}.engine-demo h2{font-size:19px}.engine-demo .readings{margin-top:14px}.engine-demo .readings>div{font-size:11px}.engine-demo .cycle-note{margin:16px 0 0}
}@media(prefers-reduced-motion:reduce){.engine-demo *{transition:none!important}
}.engine-demo .iso-plate{padding:0}@media(max-width:560px){.engine-demo .iso-plate{padding:0}
}.engine-demo .iso-stage{user-select:none;-webkit-user-select:none}

.engine-demo{background:transparent;font-family:inherit;margin:0}
.engine-demo .workbench{gap:30px;grid-template-columns:minmax(0,1fr) 280px}
.engine-demo .theme-button{pointer-events:auto;min-width:32px;min-height:32px;display:inline-grid;place-items:center;padding:0;margin:-10px 0 -10px 8px;border:0;background:transparent;color:var(--anatomy-muted);font-size:17px;cursor:pointer}
.engine-demo .card-top>span:first-child{display:flex;align-items:center}
.engine-demo .iso-plate{background:var(--anatomy-card)}
.engine-demo[data-language="en"] .phase strong{letter-spacing:0;font-size:12px}
@media(max-width:760px){.engine-demo[data-language="en"] .phase strong{font-size:11px}}
.engine-demo .transport{margin-top:18px}
.engine-demo .play-button{min-width:44px;width:44px;height:44px}
.engine-demo input[type=range]{height:32px}
.engine-demo .speed-control select{height:36px}
@media(max-width:760px){.engine-demo .workbench{display:flex;flex-direction:column;gap:25px}.engine-demo .instrument,.engine-demo .explanation{width:100%}.engine-demo .phase-list{grid-template-columns:repeat(4,1fr)}.engine-demo .phase{flex-direction:column;align-items:flex-start;height:88px;gap:6px}.engine-demo .phase-range{margin-left:0}.engine-demo .iso-stage{aspect-ratio:1/.88}.engine-demo input[type=range]{height:44px}.engine-demo .speed-control select{height:44px}}