.pachinko-explainer{background:var(--bg-primary);color:var(--text-primary)}.pachinko-explainer-hero{padding-top:clamp(7rem,10vw,10rem);padding-bottom:clamp(4rem,7vw,6rem);border-bottom:1px solid var(--border-light);background:var(--bg-primary)}.pachinko-explainer-hero-grid{display:grid;grid-template-columns:minmax(9rem,.36fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}.pachinko-explainer-hero-grid .caption{margin-top:.55rem;color:var(--accent)}.pachinko-explainer-copy h2{color:var(--text-primary);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:var(--type-display-line)}.pachinko-explainer-hero p:not(.caption){max-width:45rem;margin:clamp(1.15rem,2.5vw,1.8rem) 0 0;color:var(--text-secondary);font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.52}.pachinko-explainer-step{--how-stage-pad-y: clamp(3.6rem, 5vw, 4.05rem);--how-marker-edge: clamp(.15rem, .8vw, .75rem);position:relative;padding:clamp(4rem,7vw,6.5rem) 0;border-bottom:1px solid var(--border-light);background:var(--bg-primary);overflow:hidden}.pachinko-explainer-step.is-alt{background:var(--bg-secondary)}.pachinko-explainer-step.is-left .pachinko-step-marker{left:var(--how-marker-edge)}.pachinko-explainer-step.is-right .pachinko-step-marker{right:var(--how-marker-edge)}.pachinko-explainer-step.is-alt .pachinko-step-marker{--how-bg: var(--bg-secondary)}.pachinko-step-marker{top:var(--how-stage-pad-y);bottom:var(--how-stage-pad-y)}.pachinko-step-marker-pin{--how-active: #f35a9d;--how-stop: 18%}.pachinko-step-marker-prompt{--how-active: #8ea6cb;--how-stop: 38%}.pachinko-step-marker-run{--how-active: #c97a86;--how-stop: 58%}.pachinko-step-marker-output{--how-active: #c9a15a;--how-stop: 76%}.pachinko-step-marker-expand{--how-active: #78a86b;--how-stop: 54%}.pachinko-explainer-step-grid{display:grid;grid-template-columns:minmax(15rem,.68fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.pachinko-explainer-step-grid.is-reversed{grid-template-columns:minmax(0,1fr) minmax(15rem,.68fr)}.pachinko-explainer-step-grid.is-reversed .pachinko-explainer-copy{grid-column:2;grid-row:1}.pachinko-explainer-step-grid.is-reversed .pachinko-explainer-artifact{grid-column:1;grid-row:1;justify-self:start}.pachinko-explainer-mcp-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2rem,4vw,3rem)}.pachinko-explainer-mcp-grid .pachinko-explainer-copy{grid-column:1;grid-row:1}.pachinko-explainer-mcp-grid .pachinko-explainer-copy h2,.pachinko-explainer-mcp-grid .pachinko-explainer-copy p{max-width:none}.pachinko-explainer-mcp-grid .pachinko-explainer-terminal{grid-column:1;grid-row:2;align-self:start;justify-self:stretch}.pachinko-explainer-copy{min-width:0}.pachinko-explainer-copy h2{max-width:34rem;margin:0;font-size:var(--type-section-size)}.pachinko-explainer-copy p{max-width:35rem;margin:1rem 0 0;color:var(--text-secondary);font-size:clamp(.98rem,1.7vw,1.14rem);line-height:1.58}.pachinko-explainer-artifact{width:min(100%,36rem);justify-self:end}.pachinko-explainer-prompt-card{width:min(100%,46rem)}.pachinko-explainer .how-pinned-context-card,.pachinko-explainer .runner-builder-card,.pachinko-explainer .runner-builder-controls .runner-builder-toggle,.pachinko-explainer .runner-builder-controls button{border-radius:.375rem}.pachinko-explainer-output-slice{width:min(100%,27rem);aspect-ratio:1100 / 1996;background:#fffefa}.pachinko-explainer-output-slice img{width:100%;height:100%;display:block;object-fit:contain;object-position:50% 0}.pachinko-explainer-terminal{width:100%}.pachinko-run-marquee{width:min(100%,42rem)}.pachinko-run-marquee-surface{overflow:hidden;border:1px solid var(--border-medium);border-radius:.375rem;background:color-mix(in srgb,var(--bg-primary) 95%,var(--bg-secondary) 5%)}.pachinko-run-marquee-row{display:grid;grid-template-columns:clamp(6.8rem,16vw,8rem) minmax(0,1fr);min-height:clamp(2.85rem,5vw,3.18rem);border-bottom:1px solid var(--border-light)}.pachinko-run-marquee-label,.pachinko-run-marquee-track span,.pachinko-run-marquee-gate b{font-family:var(--font-mono);letter-spacing:var(--heading-pill-letter-spacing);text-transform:uppercase}.pachinko-run-marquee-label{display:grid;align-items:center;padding:0 clamp(.9rem,2vw,1.15rem);border-right:1px solid var(--border-light);color:var(--accent);font-size:.54rem;line-height:1}.pachinko-run-marquee-window{display:grid;align-items:center;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.pachinko-run-marquee-track{display:flex;width:max-content;gap:clamp(.95rem,2.3vw,1.35rem);animation:pachinkoRunMarquee 24s linear infinite}.pachinko-run-marquee-row.is-output .pachinko-run-marquee-track{animation-direction:reverse}.pachinko-run-marquee-track span{display:inline-flex;align-items:center;min-height:1.35rem;color:var(--text-secondary);font-size:clamp(.56rem,1.2vw,.68rem);font-weight:400;line-height:1;white-space:nowrap}.pachinko-run-marquee-track span:after{content:"";width:.14rem;height:.14rem;margin-left:clamp(.95rem,2.3vw,1.35rem);background:color-mix(in srgb,var(--text-tertiary) 60%,transparent)}.pachinko-run-marquee-gate{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,max-content) minmax(0,1fr);gap:clamp(.7rem,1.8vw,1rem);align-items:center;justify-items:center;min-height:clamp(3.5rem,6vw,4.25rem);padding:0 clamp(.9rem,2.4vw,1.2rem);border-bottom:1px solid var(--border-light)}.pachinko-run-marquee-gate:before,.pachinko-run-marquee-gate:after{content:"";width:100%;height:1px;background:color-mix(in srgb,var(--border-light) 78%,transparent)}.pachinko-run-marquee-gate:before{grid-column:1}.pachinko-run-marquee-gate:after{grid-column:4}.pachinko-run-marquee-gate span{display:grid;grid-column:2;place-items:center;color:var(--accent);font-size:clamp(.78rem,1.7vw,.96rem);font-style:italic;line-height:1}.pachinko-run-marquee-gate b{grid-column:3;min-width:0;color:var(--text-primary);font-size:clamp(.58rem,1.28vw,.7rem);font-weight:400;line-height:1;text-align:center;white-space:nowrap}@keyframes pachinkoRunMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - clamp(.475rem,1.15vw,.675rem)))}}@media (prefers-reduced-motion: reduce){.pachinko-run-marquee-track{animation:none;transform:translate(0)}}@media (max-width: 640px){.pachinko-run-marquee{width:100%}.pachinko-run-marquee-row{grid-template-columns:1fr}.pachinko-run-marquee-label{min-height:2.35rem;border-right:0;border-bottom:1px solid var(--border-light)}.pachinko-run-marquee-window{min-height:2.65rem}.pachinko-run-marquee-gate{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;row-gap:.52rem;padding-block:.86rem}.pachinko-run-marquee-gate:before{grid-column:1;grid-row:1}.pachinko-run-marquee-gate:after{grid-column:3;grid-row:1}.pachinko-run-marquee-gate span{grid-column:2;grid-row:1}.pachinko-run-marquee-gate b{grid-column:1 / -1;grid-row:2;white-space:normal}}@media (max-width: 920px){.pachinko-explainer-hero-grid,.pachinko-explainer-step-grid,.pachinko-explainer-step-grid.is-reversed{grid-template-columns:1fr}.pachinko-explainer-step-grid.is-reversed .pachinko-explainer-copy,.pachinko-explainer-step-grid.is-reversed .pachinko-explainer-artifact,.pachinko-explainer-mcp-grid .pachinko-explainer-copy,.pachinko-explainer-mcp-grid .pachinko-explainer-terminal{grid-column:auto;grid-row:auto}.pachinko-explainer-hero-grid .caption{margin-top:0}.pachinko-explainer-artifact,.pachinko-explainer-step-grid.is-reversed .pachinko-explainer-artifact{justify-self:center}.pachinko-step-marker{position:relative;inset:auto;margin-bottom:1.4rem}}