pipe-scene{display:block;position:relative;height:auto;min-height:0;color:var(--scene-ink);font-family:inherit;isolation:isolate}pipe-scene *{box-sizing:border-box}.pipe-sticky{position:relative;top:0;background:var(--scene-surface);overflow:hidden}.pipe-topline{display:flex;justify-content:space-between;gap:var(--scene-toplineGap);padding:var(--scene-outerSpace) var(--scene-desktopInset) 0;font-size:var(--scene-label);font-weight:var(--scene-strong)}.pipe-hint{font-weight:var(--scene-regular)}.pipe-viewport{position:relative;height:var(--scene-viewportHeight)}.pipe-viewport canvas{display:block;width:100%;height:100%}.pipe-key{position:absolute;left:var(--scene-desktopInset);bottom:var(--scene-compactSpace);display:flex;gap:var(--scene-groupGap);font-size:var(--scene-small);color:var(--scene-muted)}.pipe-caption{display:grid;grid-template-columns:var(--scene-captionLabelWidth) 1fr;align-items:start;gap:var(--scene-groupGap);padding:var(--scene-groupGap) var(--scene-desktopInset);border-top:var(--scene-hairline) solid var(--scene-divider)}.pipe-caption strong{font-size:var(--scene-captionTitle)}.pipe-caption p{margin:0;font-size:var(--scene-body);line-height:var(--scene-reading)}.pipe-steps{list-style:none;display:flex;margin:0;padding:0 var(--scene-desktopInset) var(--scene-outerSpace);gap:var(--scene-stepGap)}.pipe-steps li{word-break:keep-all;flex:1;padding-top:var(--scene-compactSpace);border-top:var(--scene-stepRule) solid var(--scene-stepDivider);font-size:var(--scene-label)}.pipe-steps .active{border-color:var(--scene-active);font-weight:var(--scene-strong)}.pipe-fallback{display:none}pipe-scene[data-mode=fallback]{height:auto;min-height:0}pipe-scene[data-mode=fallback] .pipe-sticky{position:static}pipe-scene[data-mode=fallback] .pipe-fallback{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--scene-groupGap);padding:var(--scene-outerSpace)}pipe-scene[data-mode=fallback] .pipe-viewport,pipe-scene[data-mode=fallback] .pipe-caption,pipe-scene[data-mode=fallback] .pipe-steps,pipe-scene[data-mode=fallback] .pipe-hint{display:none}.pipe-fallback figure{margin:0}.pipe-fallback img{display:block;width:100%;height:auto}.pipe-fallback figcaption{font-size:var(--scene-body);padding-top:var(--scene-captionGap)}.pipe-fallback p{font-size:var(--scene-label);line-height:var(--scene-reading);margin:var(--scene-stepGap) 0 0}@media(max-width:600px){pipe-scene{height:auto;min-height:0}.pipe-sticky{top:0}.pipe-viewport{height:var(--scene-mobileViewportHeight)}.pipe-topline{padding:var(--scene-groupGap) var(--scene-mobileInset) 0;font-size:var(--scene-small)}.pipe-hint{font-size:var(--scene-small)}.pipe-key{left:var(--scene-mobileInset);right:var(--scene-mobileInset);gap:var(--scene-mobileKeyGap) var(--scene-captionGap);flex-wrap:wrap;font-size:var(--scene-small)}.pipe-caption{display:block;padding:var(--scene-mobileInset)}.pipe-caption strong{font-size:var(--scene-mobileCaptionTitle)}.pipe-caption p{margin-top:var(--scene-stepGap);font-size:var(--scene-body)}.pipe-steps{padding:0 var(--scene-mobileInset) var(--scene-groupGap)}.pipe-steps li{font-size:var(--scene-small)}pipe-scene[data-mode=fallback] .pipe-fallback{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){pipe-scene{height:auto;min-height:0}}


.pipe-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:none}pipe-scene[data-poster="true"] .pipe-poster{display:block}pipe-scene[data-poster="true"] .pipe-viewport canvas{visibility:hidden}