.mechanism-lab{
  --mech-bg:#101617;--mech-panel:#172022;--mech-panel-2:#1d282a;--mech-line:#334346;
  --mech-ink:#f7f3ea;--mech-muted:#a8b4b5;--mech-accent:var(--sc,#2a9d8f);
  position:relative;min-height:520px;padding:20px;border:1px solid #293537;border-radius:16px;overflow:hidden;
  color:var(--mech-ink);background:
    radial-gradient(circle at 4% 0%,color-mix(in srgb,var(--mech-accent) 18%,transparent),transparent 32%),
    radial-gradient(circle at 98% 100%,rgba(154,140,245,.13),transparent 34%),var(--mech-bg);
  box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.mechanism-lab::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.mech-head,.mech-stagebar,.mech-canvas,.mech-caption,.mech-toolbar{position:relative;z-index:1}
.mech-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.mech-kicker{display:block;color:var(--mech-muted);font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}
.mech-head h5{margin:5px 0 0;color:var(--mech-ink);font-size:18px;line-height:1.25}
.mech-proof{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 9px;border:1px solid var(--mech-line);border-radius:99px;color:var(--mech-muted);font:800 8.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase}
.mech-proof::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mech-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--mech-accent) 15%,transparent)}
.mech-stagebar{display:grid;grid-template-columns:repeat(var(--stage-count,4),1fr);gap:7px;margin-bottom:16px}
.mech-stagebar button{position:relative;min-width:0;border:0;border-top:1px solid var(--mech-line);padding:8px 2px 0;background:transparent;color:var(--mech-muted);opacity:.72;font:700 9px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;cursor:pointer;transition:opacity 180ms var(--ease-out),transform 160ms var(--ease-out)}
.mech-stagebar button::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--mech-accent);transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease-out)}
.mech-stagebar button.is-current{color:var(--mech-ink);opacity:1;border-color:#667678}.mech-stagebar button.is-current::before{transform:scaleX(1)}
.mech-stagebar b{display:block;margin-bottom:2px;color:inherit;font-size:8px;letter-spacing:.11em}
.mech-canvas{min-width:820px;padding:14px;border:1px solid var(--mech-line);border-radius:13px;background:rgba(18,25,27,.72)}
.mech-scroll{position:relative;z-index:1;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:3px;scrollbar-color:#46585b transparent}
.mech-card{position:relative;min-width:0;padding:10px;border:1px solid var(--mech-line);border-radius:10px;background:var(--mech-panel);color:var(--mech-ink);text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.mech-card strong{display:block;font-size:11px;line-height:1.25}.mech-card small{display:block;margin-top:4px;color:var(--mech-muted);font-size:9px;line-height:1.35}
.mech-badge{display:inline-flex;align-items:center;gap:5px;margin-bottom:6px;padding:4px 6px;border:1px solid var(--mech-line);border-radius:99px;color:var(--mech-muted);font:800 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.mech-arrow{position:relative;height:2px;background:var(--mech-line);transform-origin:left center}
.mech-arrow::after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-top:2px solid var(--mech-line);border-right:2px solid var(--mech-line);transform:translateY(-50%) rotate(45deg)}
.mech-arrow.is-accent{background:var(--mech-accent)}.mech-arrow.is-accent::after{border-color:var(--mech-accent)}
.mech-caption{min-height:37px;margin-top:12px;color:var(--mech-muted);font-size:10.5px;line-height:1.55;text-align:center}
.mech-caption b{color:var(--mech-ink)}
.mech-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:13px;padding-top:12px;border-top:1px solid var(--mech-line)}
.mech-progress{height:3px;border-radius:99px;background:#263335;overflow:hidden}.mech-progress i{display:block;width:100%;height:100%;background:var(--mech-accent);transform:scaleX(0);transform-origin:left center}
.mech-status{display:block;margin-top:6px;color:var(--mech-muted);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.mech-actions{display:flex;gap:6px}.mech-actions button{border:1px solid var(--mech-line);border-radius:99px;padding:7px 10px;background:transparent;color:var(--mech-ink);font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:transform 180ms var(--ease-out)}
.mech-stagebar button:active,.mech-actions button:active{transform:scale(.97)}
.mech-stagebar button:focus-visible,.mech-actions button:focus-visible{outline:2px solid var(--mech-accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.mech-actions button:hover{transform:translateY(-2px);border-color:var(--mech-accent);background:color-mix(in srgb,var(--mech-accent) 12%,transparent)}}

/* Janus: two independent encoders, one shared autoregressive transformer. */
.janus-canvas{display:grid;grid-template-columns:92px 34px minmax(270px,1.5fr) 48px minmax(145px,.7fr) 48px minmax(150px,.72fr);align-items:center;gap:8px;min-height:285px}
.janus-source{display:grid;place-items:center;gap:7px}.mech-pixel-grid{display:grid;grid-template-columns:repeat(4,17px);gap:3px;padding:7px;border:1px solid var(--mech-line);border-radius:10px;background:#f7f3ea}.mech-pixel-grid i{display:block;width:17px;height:17px;border-radius:3px;background:hsl(calc(158 + var(--i) * 7),36%,calc(43% + var(--r) * 7%))}
.janus-source span,.janus-shared-label{color:var(--mech-muted);font:800 8px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;letter-spacing:.08em;text-transform:uppercase}
.janus-fork{height:170px;position:relative}.janus-fork::before,.janus-fork::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--mech-line);transform-origin:left center}.janus-fork::before{top:38px;transform:rotate(-21deg)}.janus-fork::after{bottom:38px;transform:rotate(21deg)}
.janus-lanes{display:grid;gap:14px}.janus-lane{display:grid;grid-template-columns:minmax(98px,.85fr) 30px minmax(108px,1fr);align-items:center;gap:7px;padding:10px;border:1px solid var(--mech-line);border-radius:12px;background:rgba(255,255,255,.025)}
.janus-lane[data-kind="understand"]{--lane:#52c7b8}.janus-lane[data-kind="generate"]{--lane:#f2c15b}
.janus-lane .mech-card{border-color:color-mix(in srgb,var(--lane) 45%,var(--mech-line))}.janus-lane .mech-badge{border-color:color-mix(in srgb,var(--lane) 45%,var(--mech-line));color:var(--lane)}
.janus-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.janus-tokens i{width:13px;height:13px;border-radius:3px;background:var(--lane);opacity:.86}.janus-tokens.code i{border-radius:50%}
.janus-merge{height:170px;position:relative}.janus-merge::before,.janus-merge::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--mech-accent);transform-origin:left center}.janus-merge::before{top:38px;transform:rotate(21deg)}.janus-merge::after{bottom:38px;transform:rotate(-21deg)}
.janus-transformer{padding:18px 12px;border-color:var(--mech-accent);background:linear-gradient(160deg,color-mix(in srgb,var(--mech-accent) 18%,var(--mech-panel)),var(--mech-panel))}.janus-transformer strong{font-size:13px}.janus-transformer .one{display:block;margin-top:8px;color:var(--mech-accent);font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
.janus-heads{display:grid;gap:11px}.janus-head{padding:11px 8px}.janus-head:first-child{border-color:#52c7b8}.janus-head:last-child{border-color:#f2c15b}

/* Emu3: one causal prediction cycle. */
.ar-canvas{display:grid;grid-template-columns:minmax(270px,1.35fr) 44px minmax(160px,.72fr) 44px minmax(165px,.75fr);align-items:center;gap:8px;min-height:285px}
.ar-prefix{display:grid;gap:12px}.ar-sequence{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.ar-token{min-width:27px;height:27px;padding:0 5px;display:grid;place-items:center;border:1px solid var(--mech-line);border-radius:6px;background:#222d2f;color:var(--mech-muted);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.ar-token.text{border-color:#a76453;color:#ffb29d}.ar-token.marker{border-color:#775f98;color:#c7b9ff}.ar-token.vision{border-color:#347f77;color:#77d7cb}.ar-token.future{opacity:.25}.ar-token.next{box-shadow:0 0 0 2px color-mix(in srgb,var(--mech-accent) 45%,transparent)}
.ar-note{color:var(--mech-muted);font-size:9px;line-height:1.45}.ar-note code{color:var(--mech-ink);font-weight:800}
.causal-card{display:grid;gap:9px}.causal-mask{display:grid;grid-template-columns:repeat(6,10px);gap:3px;justify-content:center}.causal-mask i{width:10px;height:10px;border:1px solid #344346;border-radius:2px;background:#202b2d}.causal-mask i.allow{background:#52c7b8;border-color:#52c7b8}.causal-mask i.current{box-shadow:0 0 0 2px rgba(242,193,91,.7)}
.prediction-card{display:grid;gap:8px}.prediction-card h6{font-size:10px}.prob-row{display:grid;grid-template-columns:26px 1fr 28px;align-items:center;gap:5px;color:var(--mech-muted);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.prob-bar{height:5px;border-radius:99px;background:#2a3638;overflow:hidden}.prob-bar i{display:block;width:var(--p);height:100%;background:var(--mech-accent);transform:scaleX(0);transform-origin:left center}
.ar-loop{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;color:var(--mech-muted);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.ar-loop i{width:58px;height:1px;background:var(--mech-accent)}

/* Transfusion: the same transformer is called at every denoising step. */
.diff-canvas{display:grid;grid-template-columns:minmax(215px,.85fr) 40px minmax(190px,.78fr) 40px minmax(140px,.6fr);align-items:center;gap:9px;min-height:285px}
.mixed-sequence{display:grid;gap:10px}.mixed-row{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.mixed-token{min-width:26px;height:25px;padding:0 5px;display:grid;place-items:center;border:1px solid #765e4d;border-radius:6px;color:#ffb29d;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.mixed-token.image{border-color:#427c77;color:#72cfc5}.mixed-token.marker{border-color:#7965a2;color:#c7b9ff}
.latent-stack{position:relative;width:112px;height:112px;margin:3px auto}.latent-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;border:1px solid var(--mech-line);border-radius:10px;background:#12191a}.latent-grid i{border-radius:3px;background:hsl(var(--h),var(--s),var(--l))}.latent-grid b{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(7,10,11,.8);color:var(--mech-ink);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.shared-denoiser{padding:16px 11px;border-color:var(--mech-accent)}.shared-denoiser .same{display:block;margin-top:8px;color:var(--mech-accent);font:900 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.denoise-loop{margin-top:10px;padding-top:9px;border-top:1px dashed var(--mech-line);color:var(--mech-muted);font:700 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.denoise-loop b{color:var(--mech-ink)}
.vae-once{display:grid;gap:8px}.vae-once .mech-card{border-color:#b06e7e}.decoded-grid{display:grid;grid-template-columns:repeat(4,18px);gap:3px;justify-content:center;padding:6px;border:1px solid var(--mech-line);border-radius:9px;background:#f7f3ea}.decoded-grid i{width:18px;height:18px;border-radius:3px;background:hsl(calc(155 + var(--i) * 8),36%,calc(42% + var(--r) * 8%))}
.overwrite-note{grid-column:1/4;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mech-muted);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.overwrite-note i{width:58px;height:1px;background:var(--mech-accent)}

/* LLaVA: forward through every module; gradients only update trainable modules. */
.training-canvas{display:grid;grid-template-columns:minmax(155px,.72fr) 34px minmax(145px,.65fr) 34px minmax(145px,.65fr) 34px minmax(155px,.72fr);align-items:center;gap:7px;min-height:285px}
.train-data{min-height:136px;display:grid;align-content:center;gap:7px;text-align:left}.train-data .phase-copy{grid-area:1/1}.train-data b{font-size:11px}.train-data p{margin:0;color:var(--mech-muted);font-size:9px;line-height:1.45}.train-data code{color:var(--mech-accent);font:800 8px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}
.train-module{min-height:136px;display:grid;align-content:center;position:relative}.train-module.is-frozen{border-color:#516063;background:repeating-linear-gradient(135deg,#172022,#172022 8px,#1b2426 8px,#1b2426 16px)}.train-module.is-trainable{border-color:var(--mech-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--mech-accent) 16%,var(--mech-panel)),var(--mech-panel))}
.module-state{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:0 auto 8px;padding:4px 7px;border-radius:99px;font:900 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.is-frozen>.module-state{border:1px solid #607073;color:#a6b0b1}.is-trainable>.module-state,.module-state.trainable{border:1px solid var(--mech-accent);color:var(--mech-accent)}
.state-stack{display:grid;margin-bottom:8px}.state-stack .module-state{grid-area:1/1;margin:auto}
.llm-train-halo{position:absolute;inset:-1px;border:1px solid var(--mech-accent);border-radius:10px;box-shadow:0 0 0 3px color-mix(in srgb,var(--mech-accent) 12%,transparent),0 10px 24px color-mix(in srgb,var(--mech-accent) 14%,transparent);pointer-events:none}.llm-module>*:not(.llm-train-halo){position:relative;z-index:1}
.forward-arrow{height:2px;background:#6a797b;transform-origin:left center}.forward-arrow::after{border-color:#6a797b}.gradient-rail{grid-column:3/8;display:grid;grid-template-columns:minmax(145px,.65fr) 34px minmax(145px,.65fr) 34px minmax(155px,.72fr);align-items:center;gap:7px;margin-top:12px}.gradient-rail::before{content:"GRADIENT";color:var(--mech-muted);font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.grad-arrow{height:1px;border-top:1px dashed var(--mech-accent);position:relative}.grad-arrow::before{content:"";position:absolute;left:0;top:-4px;width:6px;height:6px;border-left:1px solid var(--mech-accent);border-bottom:1px solid var(--mech-accent);transform:rotate(45deg)}.grad-connector{grid-column:1/3}.grad-llm{grid-column:3/5}.grad-loss{grid-column:5;color:var(--mech-accent);font:800 8px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}
.train-legend{grid-column:1/-1;display:flex;justify-content:center;gap:14px;margin-top:10px;color:var(--mech-muted);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.train-legend span{display:flex;align-items:center;gap:5px}.train-legend i{width:9px;height:9px;border-radius:3px;border:1px solid var(--mech-line)}.train-legend .frozen i{background:#273234}.train-legend .trainable i{border-color:var(--mech-accent);background:color-mix(in srgb,var(--mech-accent) 35%,transparent)}

@media(max-width:700px){.mechanism-lab{padding:15px}.mech-canvas{min-width:800px}.mech-head{display:block}.mech-proof{width:max-content;margin-top:9px}.mech-stagebar{overflow-x:auto;grid-template-columns:repeat(var(--stage-count,4),minmax(135px,1fr))}.mech-toolbar{grid-template-columns:1fr}.mech-actions{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.mechanism-lab *{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}

/* A shareable, distraction-free state enabled by ?stage=…&mode=…&step=…. */
body.demo-focus>#hero,body.demo-focus>section:not(#arch),body.demo-focus>footer{display:none}
body.demo-focus #arch{display:block;opacity:1;transform:none;padding:82px 0 22px}
body.demo-focus #arch>.wrap.reveal{opacity:1;transform:none;transition:none}
body.demo-focus #arch .concept-film{display:none}
body.demo-focus #arch .pipe{margin-top:22px}

/* Shared primitives for the second mechanism pass. */
.mechanism-photo{position:relative;overflow:hidden;width:132px;aspect-ratio:265/178;border:1px solid #58676a;border-radius:10px;background:#0f1718;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.mechanism-photo svg{display:block;width:100%;height:100%}.photo-grid{position:absolute;inset:0;opacity:.72;background-image:linear-gradient(rgba(255,255,255,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.62) 1px,transparent 1px);background-size:16.66% 25%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.mechanism-photo.small{width:108px}.tiny-tokens{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.tiny-tokens i{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border:1px solid #3e6f6a;border-radius:6px;background:#1e3433;color:#79d7cc;font:800 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}
.lane-tag{display:block;color:var(--mech-muted);font:900 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.count-proof{color:var(--mech-accent);font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}

/* VQ: pixels -> continuous latents -> nearest code -> code IDs -> embeddings. */
.vq-canvas{display:grid;grid-template-columns:145px 32px minmax(132px,.72fr) 32px minmax(145px,.78fr) 32px minmax(180px,1fr);align-items:center;gap:7px;min-height:300px}
.vq-source{display:grid;place-items:center;gap:6px}.vq-source>b{color:var(--mech-ink);font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.vq-source small{color:var(--mech-muted);font-size:8px}.continuous-cells{display:grid;grid-template-columns:repeat(4,18px);gap:4px;justify-content:center;margin:10px 0}.continuous-cells i{width:18px;height:18px;border:1px solid hsl(calc(155 + var(--v)*.25),34%,48%);border-radius:50%;background:radial-gradient(circle at 35% 30%,hsl(calc(155 + var(--v)*.45),46%,64%),hsl(calc(155 + var(--v)*.2),35%,28%));box-shadow:inset 0 0 0 3px rgba(0,0,0,.16)}
.codebook-card code,.velocity-card code{display:block;margin-top:8px;color:var(--mech-accent);font:800 7.5px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.codebook-list{display:flex;justify-content:center;gap:4px;margin:9px 0}.codebook-list i{display:grid;place-items:center;width:27px;height:27px;border:1px solid hsl(calc(155 + var(--i)*11),34%,45%);border-radius:50%;background:#1d2a2c;color:#c6d0d1;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}
.vq-output{display:grid;gap:9px}.id-grid{display:grid;grid-template-columns:repeat(4,29px);gap:4px;justify-content:center;padding:7px;border:1px solid var(--mech-line);border-radius:10px;background:#131b1c}.id-grid i{display:grid;place-items:center;width:29px;height:25px;border:1px solid #397d75;border-radius:5px;background:#1d3b38;color:#7ce1d5;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}.raster-card{padding:8px}.vq-raster i{min-width:20px;height:21px;padding:0 3px;font-size:6.5px}.embed-lookup{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;margin-top:7px;color:var(--mech-muted);font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.embed-lookup span{border-top:1px dashed var(--mech-accent);padding-top:3px}.vq-rule{grid-column:1/-1;display:flex;justify-content:center;gap:14px;color:var(--mech-muted);font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.vq-rule b{color:var(--mech-ink)}

/* Continuous features: two alternative connector families. */
.connector-canvas{display:grid;grid-template-columns:170px 44px minmax(390px,1.5fr) minmax(165px,.65fr);align-items:center;gap:10px;min-height:315px}.connector-source{display:grid;place-items:center;gap:9px}.vision-encoder-card{width:165px}.feature-bank{margin-top:8px}.feature-bank i{min-width:19px;height:21px;padding:0 3px}.connector-fork{height:190px;position:relative}.connector-fork::before,.connector-fork::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--mech-line);transform-origin:left center}.connector-fork::before{top:44px;transform:rotate(-25deg)}.connector-fork::after{bottom:44px;transform:rotate(25deg)}
.connector-lanes{display:grid;gap:10px}.connector-lane{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(115px,.7fr) auto;align-items:center;gap:8px;padding:9px;border:1px solid var(--mech-line);border-radius:11px;background:rgba(255,255,255,.025)}.connector-lane .lane-tag{grid-column:1/-1}.llava-lane{border-left:2px solid #52c7b8}.qformer-lane{border-left:2px solid #a996e8}.connector-module{padding:9px}.connector-module code{display:block;margin:6px 0;color:var(--mech-accent);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.llava-output i{min-width:22px;height:22px}.qformer-output i{min-width:27px;height:22px;border-color:#6f6297;background:#2b2740;color:#c9bcff}.qformer-visual{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.query-bank{display:grid;grid-template-columns:repeat(4,19px);gap:3px}.query-bank i{display:grid;place-items:center;width:19px;height:19px;border:1px solid #71659d;border-radius:50%;color:#c8bcff;font:800 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}.cross-rays{display:grid;gap:4px}.cross-rays i{display:block;width:35px;height:1px;background:linear-gradient(90deg,#8d7bc7,transparent);transform:rotate(calc((var(--n,0) - 2) * 3deg));transform-origin:left center}.connector-llm{border-color:var(--mech-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--mech-accent) 14%,var(--mech-panel)),var(--mech-panel))}

/* Rectified flow: distinguish training interpolation from ODE sampling. */
.flow-field-canvas{display:grid;grid-template-columns:minmax(148px,.72fr) 34px minmax(175px,.85fr) 34px minmax(185px,.88fr);align-items:center;gap:8px;min-height:305px}.flow-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:7px}.flow-state{display:grid;place-items:center;gap:7px}.flow-state .latent-grid{position:relative;width:82px;height:82px}.flow-state small{color:var(--mech-muted);font:700 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.interpolant-card .latent-grid{position:relative;width:95px;height:95px;margin:9px auto 3px}.velocity-field{display:grid;grid-template-columns:repeat(4,16px);gap:7px;justify-content:center;margin:11px 0}.velocity-field i{position:relative;width:16px;height:2px;background:var(--mech-accent);transform:rotate(var(--r));transform-origin:center}.velocity-field i::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid var(--mech-accent);border-right:1px solid var(--mech-accent);transform:rotate(45deg)}.ode-track{grid-column:1/-1;display:grid;grid-template-columns:auto 74px auto 74px auto 74px auto 74px auto;align-items:center;justify-content:center;gap:6px;margin-top:7px;padding-top:10px;border-top:1px dashed var(--mech-line);color:var(--mech-muted);font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.ode-track .latent-grid{position:relative;width:64px;height:64px;padding:4px;gap:2px;border-radius:7px}.ode-track .latent-grid b{display:none}.ode-track>b{color:var(--mech-accent);font-size:12px}

/* Emu3 pretraining: offline tokenization, one trainable causal transformer. */
.joint-canvas{display:grid;grid-template-columns:125px minmax(150px,.7fr) 34px minmax(225px,1.08fr) 34px minmax(170px,.78fr);align-items:center;gap:8px;min-height:305px}.joint-data{display:grid;gap:7px}.data-swatch{padding:10px;border:1px solid var(--mech-line);border-radius:9px;background:#182123}.data-swatch b{display:block;color:var(--mech-ink);font:900 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.data-swatch small{color:var(--mech-muted);font-size:8px}.data-swatch.text{border-left:2px solid #d88770}.data-swatch.image{border-left:2px solid #52c7b8}.data-swatch.video{border-left:2px solid #9c8bd3}.joint-tokenizers{display:grid;gap:8px}.offline-tokenizer{border-color:#5b686b;background:repeating-linear-gradient(135deg,#172022,#172022 7px,#1b2426 7px,#1b2426 14px)}.offline-tokenizer .module-state{border:1px solid #637275;color:#aab4b5}.document-card{text-align:left}.document-tokens{justify-content:flex-start;margin:10px 0}.document-tokens i{border-color:#576b70;background:#1c282a;color:#d3dbdc}.document-tokens i:nth-child(2),.document-tokens i:nth-child(4){border-color:#875c50;color:#ffb29d}.document-tokens i:nth-child(n+3):not(:nth-child(4)):not(:nth-last-child(1)){border-color:#4a7773;color:#7cdbd0}.joint-transformer{min-height:142px;display:grid;align-content:center;border-color:var(--mech-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--mech-accent) 16%,var(--mech-panel)),var(--mech-panel))}.joint-loss{grid-column:4/7;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;border:1px solid var(--mech-line);border-radius:10px;background:#151e1f;color:var(--mech-muted);font:800 7.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.joint-loss>div{display:grid;grid-template-columns:50px auto;align-items:center;gap:6px}.joint-loss i{display:block;width:50px;height:5px;border-radius:99px;transform-origin:left center}.text-loss{background:#d88770}.vision-loss{background:#52c7b8}.joint-loss code{color:var(--mech-accent);font-weight:900}

/* Post-training is a branching recipe, not one mandatory linear ladder. */
.curriculum-canvas{display:grid;grid-template-columns:minmax(170px,.7fr) 48px minmax(450px,1.8fr);align-items:center;gap:10px;min-height:310px}.recipe-base{min-height:145px;display:grid;align-content:center;border-color:var(--mech-accent)}.recipe-fork{height:200px;position:relative}.recipe-fork::before,.recipe-fork::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--mech-line);transform-origin:left center}.recipe-fork::before{top:46px;transform:rotate(-24deg)}.recipe-fork::after{bottom:46px;transform:rotate(24deg)}.recipe-lanes{display:grid;gap:12px}.recipe-lane{display:grid;grid-template-columns:minmax(155px,1fr) 34px minmax(155px,1fr);align-items:center;gap:8px;padding:10px;border:1px solid var(--mech-line);border-radius:12px;background:rgba(255,255,255,.025)}.recipe-lane .lane-tag{grid-column:1/-1}.generation-recipe{border-left:2px solid #e4b652}.understanding-recipe{border-left:2px solid #52c7b8}.recipe-lane .mech-card{min-height:100px;display:grid;align-content:center}.generation-recipe .mech-card{border-color:#725e36}.understanding-recipe .mech-card{border-color:#356b66}.preference-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0}.preference-pair i{padding:5px;border-radius:5px;background:#1b2829;color:#91d4ca;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-style:normal}.preference-pair i:last-child{color:#df9480}.recipe-note{grid-column:1/-1;display:flex;justify-content:center;gap:12px;color:var(--mech-muted);font:700 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.recipe-note b{color:var(--mech-ink)}

/* MoE: per-token router, parallel selected experts, weighted merge. */
.moe-canvas{display:grid;grid-template-columns:minmax(130px,.62fr) 34px minmax(150px,.7fr) 42px minmax(230px,1.1fr) 42px minmax(180px,.8fr);align-items:center;gap:7px;min-height:315px}.moe-input{display:grid;gap:9px;text-align:center}.moe-input small{color:var(--mech-muted);font-size:8px;line-height:1.4}.moe-token-row{display:grid;grid-template-columns:repeat(2,1fr)}.moe-token-row i{min-width:41px}.router-card{padding:11px}.router-prob-stack{display:grid;margin:9px 0}.router-probs{grid-area:1/1;display:grid;gap:5px}.router-probs>div{display:grid;grid-template-columns:18px 1fr 28px;align-items:center;gap:5px;color:var(--mech-muted);font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.router-probs span{height:5px;border-radius:99px;background:#293537;overflow:hidden}.router-probs i{display:block;width:calc(var(--p)*100%);height:100%;background:hsl(calc(160 + var(--i)*24),48%,58%);transform-origin:left center}.router-probs em{font-style:normal}.moe-fan,.moe-merge{position:relative;height:190px}.route-line,.moe-merge::before,.moe-merge::after{position:absolute;left:0;right:0;height:2px;background:var(--mech-line);transform-origin:left center}.route-line{top:calc(24px + (var(--line-index,0))*48px)}.route-1{top:24px;transform:rotate(-32deg)}.route-2{top:71px;transform:rotate(-12deg)}.route-3{bottom:71px;transform:rotate(12deg)}.route-4{bottom:24px;transform:rotate(32deg)}.expert-bank{display:grid;grid-template-columns:1fr 1fr;gap:8px}.expert-card{min-height:88px;display:grid;align-content:center}.expert-state{display:block;margin-bottom:6px;color:var(--mech-muted);font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.expert-1,.expert-3{border-color:var(--mech-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--mech-accent) 14%,var(--mech-panel)),var(--mech-panel))}.expert-1 .expert-state,.expert-3 .expert-state{color:var(--mech-accent)}.moe-merge::before{content:"";top:50px;transform:rotate(24deg)}.moe-merge::after{content:"";bottom:50px;transform:rotate(-24deg)}.combine-card{border-color:var(--mech-accent)}.combine-formulas{display:grid}.combine-formulas strong{grid-area:1/1}.combine-card code{display:block;margin-top:9px;padding-top:8px;border-top:1px dashed var(--mech-line);color:var(--mech-accent);font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.balance-card{grid-column:3/8;display:grid;grid-template-columns:auto 100px 1fr;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--mech-line);border-radius:9px;background:#151e1f;color:var(--mech-muted);font:700 7.5px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.balance-card b{color:var(--mech-ink);text-transform:uppercase}.balance-card span{display:flex;align-items:flex-end;gap:4px;height:23px}.balance-card i{display:block;width:20px;height:var(--h,16px);border-radius:3px 3px 0 0;background:#4f8e87}.balance-card i:nth-child(1){--h:18px}.balance-card i:nth-child(2){--h:14px}.balance-card i:nth-child(3){--h:20px}.balance-card i:nth-child(4){--h:16px}

@media(max-width:700px){.vq-canvas,.connector-canvas,.flow-field-canvas,.joint-canvas,.curriculum-canvas,.moe-canvas{min-width:920px}}
.expert-card{border-color:var(--mech-accent)}.expert-1,.expert-3{background:var(--mech-panel)}.expert-1 .expert-state,.expert-3 .expert-state{color:var(--mech-muted)}