/* Built by anatomy-files/build.mjs. Do not edit; edit anatomy-files/forge.css and rebuild. */

.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;
}
.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}}

/* Tokyo Night: the page's one theme, over the kit's variables */
.iso{
  --anatomy-page:#1a1b26;--anatomy-card:#1f2335;--anatomy-text:#a9b1d6;--anatomy-strong:#c0caf5;--anatomy-muted:#565f89;
  --anatomy-paper:#1f2335;--anatomy-face:#24283b;--anatomy-top:#272c42;
  --anatomy-shade-0:#1b1e2e;--anatomy-shade-1:#1e2133;--anatomy-shade-2:#212538;--anatomy-shade-3:#24283b;
  --anatomy-lit-top:#30364f;--anatomy-lit-shade:#292e42;
  --anatomy-hi:#c0caf5;--anatomy-mid:#565f89;--anatomy-lo:#3b4261;--anatomy-faint:#292e42;--anatomy-lit:#ffffff;
  --anatomy-halo:#16161e;--anatomy-halo-opacity:.9;--anatomy-dot:#c0caf5;
  --anatomy-red:#f7768e;--anatomy-green:#9ece6a;--anatomy-blue:#7aa2f7;
  --tn-cyan:#7dcfff;--tn-teal:#73daca;--tn-magenta:#bb9af7;--tn-orange:#ff9e64;--tn-yellow:#e0af68;--tn-bg-dark:#16161e;--tn-bg-hi:#292e42;
}

.pf-stage { position: relative; touch-action: pan-y; outline: none; cursor: ew-resize; user-select: none; -webkit-user-select: none; }
.pf-stage[data-dragging] { cursor: grabbing; }
.pf-stage:focus-visible { box-shadow: 0 0 0 2px var(--anatomy-blue); border-radius: 6px; }
.pf-stage > svg, .pf-stage > canvas { display: block; width: 100%; height: auto; }
.pf-stage > .pf-layer { position: absolute; inset: 0; height: 100% !important; pointer-events: none; }
.pf-gl { mix-blend-mode: screen; }

/* the display: glass, bezel well and the plot inks */
.pf-stage {
  --pf-bezel: #16161e; --pf-glass: #161b2a; --pf-scan: rgba(192,202,245,.04);
  --pf-curve: #73daca; --pf-marker: #ffffff; --pf-g: #b4f9f8; --pf-chord: rgba(115,218,202,.55); --pf-trace: rgba(115,218,202,.16);
  --pf-text: #7dcfff; --pf-print: #c0caf5; --pf-led: #9ece6a;
}
.pf-bezel { fill: var(--pf-bezel); }
.pf-glass { fill: var(--pf-glass); }
.pf-well { fill: var(--anatomy-paper); }
.pf-scan { fill: none; stroke: var(--pf-scan); stroke-width: .5; }
.pf-trace { fill: var(--pf-trace); stroke: var(--pf-chord); stroke-width: .45; }
.pf-curve { fill: none; stroke: var(--pf-curve); stroke-width: .8; stroke-linejoin: round; stroke-linecap: round; }
.pf-chord { fill: none; stroke: var(--pf-chord); stroke-width: .45; }
.pf-reflect { fill: none; stroke: var(--pf-chord); stroke-width: .45; stroke-dasharray: 1 1; }
.pf-g { fill: var(--pf-g); }
.pf-marker { fill: var(--pf-marker); }
.pf-text { fill: var(--pf-text); font-family: var(--anatomy-mono); letter-spacing: .04em; }
.pf-print { fill: var(--pf-print) !important; }
[data-part="led"] .iso-dots circle, [data-part="printer-led"] .iso-dots circle { fill: var(--pf-led); }
[data-part="printer-led"][data-on] .iso-dots circle { filter: drop-shadow(0 0 1.5px var(--pf-led)); }
.pf-fallback-line { stroke-width: .9; opacity: .85; }
.pf-stage[data-gl] .pf-fallback { display: none; }

/* the print on the turntable: the photo takes the top face's tone, its edge a lo line */
.pf-photo-tint { fill: var(--anatomy-top); opacity: .42; }
.pf-photo-edge { fill: none; }
.pf-stage image { image-rendering: auto; }
[data-part="led"][data-on] .iso-dots circle { filter: drop-shadow(0 0 1.5px var(--pf-led)); }

/* narrow screens: the plate's bottom corners stack and wrap instead of running off the card */
@media (max-width:560px){
  .iso-plate{padding:48px 12px 78px}
  .iso-plate-corners{inset:16px 14px}
  .iso-plate-corner{white-space:normal;max-width:calc(100% - 0px)}
  .iso-plate-corner[data-corner="hint"]{bottom:22px;left:0;right:0;line-height:1.3}
  .iso-plate-corner[data-corner="readout"]{bottom:0;left:0;right:0;text-align:right}
}