.pipeline-lab{--pl-ink:#13272b;--pl-paper:#f2f0e4;--pl-cyan:#8cdad4;--pl-lime:#d7ed91;color:var(--pl-ink);background:var(--pl-paper);border:1px solid #91a7a2;border-radius:1.1rem;margin:2rem 0 3rem;overflow:clip}.pipeline-lab *,.pipeline-lab :before,.pipeline-lab :after{box-sizing:border-box}.pipeline-lab [hidden]{display:none!important}.pipeline-lab button,.pipeline-lab select,.pipeline-lab input{font:inherit}.pipeline-lab button,.pipeline-lab select{min-height:44px;color:var(--pl-ink);background:#fffef6;border:1px solid #718b86;border-radius:.4rem;padding:.65rem .85rem;line-height:1.3}.pipeline-lab button{cursor:pointer;text-align:left}.pipeline-lab button:hover:not(:disabled),.pipeline-lab button[aria-pressed=true]{background:var(--pl-lime)}.pipeline-lab button:disabled,.pipeline-lab select:disabled{cursor:default;opacity:.55}.pipeline-lab :is(button,select,input,summary):focus-visible{outline-offset:3px;outline:3px solid #126d76}.pipeline-intro{background:#e4e9da;padding:clamp(1.1rem,3vw,2.4rem)}.pipeline-lab .pipeline-eyebrow{letter-spacing:.1em;margin:0 0 .6rem;font:700 .72rem/1.5 ui-monospace,monospace}.pipeline-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5.5vw,4.8rem);font-weight:850;line-height:1.1}.pipeline-intro h2 span{color:#357f7a}.pipeline-intro>p:last-child{max-width:60ch;margin:.9rem 0 0;font-size:1.02rem}.pipeline-experiment{border-block:1px solid #b3bfb5;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1.2rem;display:grid}.pipeline-experiment>label{font-weight:750}.pipeline-experiment>p{grid-column:1/-1;max-width:85ch;margin:0;font-size:.95rem;line-height:1.55}.pipeline-experiment select{width:100%;max-width:100%}.pipeline-workbench{grid-template-columns:minmax(0,1fr) 17.5rem;display:grid}.pipeline-world-column{min-width:0}.pipeline-stage{background:#122327;width:100%;height:450px;position:relative;overflow:hidden}.pipeline-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block}.pipeline-markers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pipeline-station-marker{color:#eff4e4;background:#13272be8;border:1px solid #a7c5b4;border-radius:50%;place-items:center;width:28px;height:28px;font:700 12px/1 ui-monospace,monospace;display:grid;position:absolute;top:0;left:0}.pipeline-station-marker[data-active=true]{color:#13272b;background:#d7ed91}.pipeline-stage-title{color:#eff4e4;pointer-events:none;justify-content:space-between;gap:.6rem;font:700 .85rem/1.45 ui-monospace,monospace;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.pipeline-stage-title span:last-child{color:var(--pl-cyan);text-align:right}.pipeline-stage-foot{color:#bfcec9;letter-spacing:.06em;pointer-events:none;justify-content:space-between;margin:0;font:.7rem/1.4 ui-monospace,monospace;display:flex;position:absolute;bottom:.8rem;left:1rem;right:1rem}.pipeline-fallback{color:#eff4e4;background:#183137;border:1px solid #7caaa4;border-radius:.7rem;flex-direction:column;justify-content:center;padding:1rem;line-height:1.6;display:flex;position:absolute;inset:4rem 1rem}.pipeline-map{color:#edf2e6;background:#20373a;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0;padding:.75rem;list-style:none;display:grid}.pipeline-map li{text-align:center;flex-direction:column;align-items:center;gap:.2rem;font-size:.8rem;display:flex}.pipeline-map li span{color:var(--pl-cyan);font:.75rem ui-monospace,monospace}.pipeline-scene-tools{flex-wrap:wrap;gap:.5rem;padding:.9rem 1rem 0;display:flex}.pipeline-scene-tools>button:first-child{color:#f1f3df;background:#20373a;margin-right:auto}.pipeline-scene-tools>button:first-child:hover{background:#31575a}.pipeline-cutaway{background:#dcece5;border:1px solid #79a29a;border-radius:.5rem;margin:1rem;padding:1rem}.pipeline-cutaway h3{margin:.2rem 0 .7rem;font-size:1.25rem}.pipeline-cutaway ol{counter-reset:layers;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.pipeline-cutaway li{counter-increment:layers;background:#fffef7;border-bottom:3px solid #5a9996;padding:.75rem;font-size:.85rem}.pipeline-cutaway li:before{content:"0" counter(layers) " / ";color:#325c58;margin-bottom:.35rem;font:.72rem ui-monospace,monospace;display:block}.pipeline-cutaway p{overflow-wrap:anywhere}.pipeline-caption{min-height:10.5rem;margin:1rem}.pipeline-caption h3{margin:.25rem 0 .6rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3}.pipeline-caption>p:last-child{max-width:70ch;margin:0;line-height:1.6}.pipeline-playback{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;padding:0 1rem;display:flex}.pipeline-playback [data-pipeline-play]{background:var(--pl-lime);font-weight:750}.pipeline-scrub-label{justify-content:space-between;gap:.7rem;padding:1rem 1rem .25rem;font-size:.85rem;font-weight:650;display:flex}.pipeline-scrub-label output{white-space:nowrap;font:.8rem/1.5 ui-monospace,monospace}.pipeline-lab [data-pipeline-scrub]{accent-color:#246e70;width:calc(100% - 2rem);min-height:44px;margin:0 1rem;padding:0}.pipeline-lab .pipeline-small{color:#3e5855;font-size:.82rem;line-height:1.6}.pipeline-world-column>.pipeline-small{margin:.2rem 1rem .8rem}.pipeline-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:.5rem 1rem 1.2rem;display:grid}.pipeline-chapters button{overflow-wrap:anywhere;padding:.6rem;font-size:.8rem}.pipeline-inspector{background:#e8ebde;border-left:1px solid #b3bfb5;min-width:0;padding:1.25rem}.pipeline-inspector h3{margin:.2rem 0 1rem;font-size:1.45rem;line-height:1.2}.pipeline-inspector label{margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.pipeline-inspector select{width:100%}.pipeline-inspector dl{margin:1.2rem 0}.pipeline-inspector dl>div{border-bottom:1px solid #bdc8b8;padding:.8rem 0}.pipeline-inspector dt{text-transform:uppercase;color:#45615a;font:.72rem/1.5 ui-monospace,monospace}.pipeline-inspector dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.95rem;font-weight:650}.pipeline-outcome{background:#f3f4df;border:1px solid #8caa92;border-radius:.5rem;padding:.9rem}.pipeline-outcome p:last-child{margin:0;line-height:1.5}.pipeline-lab[data-result=mismatch] .pipeline-outcome,.pipeline-lab[data-result=exposed] .pipeline-outcome{background:#f5ddd0;border-color:#b07356}.pipeline-lab[data-result=verified] .pipeline-outcome{background:#e2efbe}.pipeline-scope{border-top:1px solid #b3bfb5;margin:0;padding:1.2rem;font-size:.85rem;line-height:1.65}.pipeline-transcript{border:1px solid #9bb09e;border-radius:.5rem;margin:0 1.2rem 1.2rem}.pipeline-transcript summary{cursor:pointer;min-height:44px;padding:1rem;font-weight:700}.pipeline-transcript section{padding:0 1rem 1rem}.pipeline-transcript section h3{font-size:1.2rem;line-height:1.3}.pipeline-transcript li{margin:.65rem 0;line-height:1.6}.pipeline-nojs{padding:0 1.2rem 1rem}@media (width<=1000px){.pipeline-workbench{grid-template-columns:minmax(0,1fr)}.pipeline-inspector{border-top:1px solid #b3bfb5;border-left:0}.pipeline-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.2rem;display:grid}.pipeline-experiment{grid-template-columns:1fr}.pipeline-experiment button{justify-self:start}}@media (width<=520px){.pipeline-lab{border-radius:.7rem}.pipeline-desktop-break{display:none}.pipeline-intro{padding:1.05rem}.pipeline-intro .pipeline-eyebrow{letter-spacing:.045em;font-size:.66rem}.pipeline-intro>p:last-child{font-size:.95rem}.pipeline-experiment{padding:1rem}.pipeline-experiment select{padding-inline:.4rem;font-size:.83rem}.pipeline-stage{height:430px}.pipeline-stage-title{font-size:.75rem;left:.65rem;right:.65rem}.pipeline-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem .3rem}.pipeline-scene-tools{padding-inline:.75rem}.pipeline-scene-tools>button{font-size:.8rem}.pipeline-scene-tools>button:first-child{flex-basis:100%;margin-right:0}.pipeline-caption{min-height:15rem;margin:1rem .85rem}.pipeline-caption>p:last-child{font-size:.95rem}.pipeline-cutaway{margin:.9rem .75rem;padding:.8rem}.pipeline-cutaway ol{grid-template-columns:1fr}.pipeline-cutaway li{padding:.6rem}.pipeline-cutaway li:before{display:inline}.pipeline-playback{padding-inline:.75rem}.pipeline-playback button{padding-inline:.65rem;font-size:.85rem}.pipeline-chapters{grid-template-columns:1fr;padding-inline:.75rem}.pipeline-inspector{padding:1rem}.pipeline-inspector dl{grid-template-columns:1fr}.pipeline-transcript{margin-inline:.75rem}.pipeline-transcript ol{padding-left:1.25rem}}@media print{.pipeline-lab{border:0;overflow:visible}.pipeline-stage,.pipeline-map,.pipeline-scene-tools,.pipeline-playback,.pipeline-chapters,.pipeline-experiment,.pipeline-scrub-label,.pipeline-lab [data-pipeline-scrub],.pipeline-inspector,.pipeline-caption{display:none!important}.pipeline-transcript{border:0}.pipeline-transcript>section{display:block!important}.pipeline-transcript::details-content{content-visibility:visible}}@media screen{.pipeline-lab .pipeline-primary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}
