#pipeline-web-host,.pipe-site .pipe-hero-machine.pipeline-explorer-host,
html body main.pipe-site #pipeline-web-host{display:block!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:24px 4vw 24px 0!important;box-sizing:border-box!important;container-type:normal!important;background:none!important;overflow:visible!important}
#pipeline-web-host::before,#pipeline-web-host::after{display:none!important;content:none!important}
.pipeline-hero-preview{width:100%;min-width:0;color:#32373d;display:flex;flex-direction:column}
.pipeline-preview-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding:12px 0;border-bottom:1px solid #dce0e6;font-size:12px;line-height:1.5;letter-spacing:.06em}
.pipeline-preview-heading>span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#c93228;margin-right:8px}
.pipeline-preview-heading small{font-size:11px;color:#7b8490;letter-spacing:0}
.pipeline-hero-stage{position:relative;width:100%;height:clamp(330px,28vw,560px);margin:12px 0 0;overflow:hidden;background:#f1f2f4}
.pipeline-hero-stage iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block}
.pipeline-hero-poster{position:absolute;inset:0;display:grid;place-items:center;z-index:1;background:#f1f2f4}
.pipeline-hero-poster[hidden]{display:none}
.pipeline-hero-poster img{width:100%;height:100%;object-fit:contain;padding:22px 4px 44px;box-sizing:border-box}
.pipeline-hero-start{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);border:1px solid #c93228;color:#a82a22;background:#fff;padding:10px 16px;min-height:44px;max-width:90%;font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer;white-space:nowrap}
.pipeline-hero-status{position:absolute;bottom:0;left:0;right:0;padding:3px 8px;text-align:center;background:#f1f2f4;font-size:11px;line-height:1.5;color:#727d8a;z-index:2;pointer-events:none}
.pipeline-hero-status:empty{display:none}
.pipeline-preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #dce0e6;padding-top:15px}
.pipeline-preview-tabs{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.pipeline-preview-tabs button,.pipeline-launch{font-family:inherit;font-size:12px;line-height:1.5;padding:10px 13px;min-height:44px;border:1px solid #d4dae2;background:transparent;color:#66707d;cursor:pointer;white-space:normal}
.pipeline-preview-tabs button[aria-pressed=true]{color:#c93228;border-color:#c93228;background:#fff}
.pipeline-launch{background:#c93228;border-color:#c93228;color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;font-weight:600}
.pipeline-preview-note{font-size:11px;line-height:1.8;color:#818a95;margin:12px 0 0;overflow-wrap:break-word}
.pipeline-hero-preview button:focus-visible,.pipeline-explorer-dialog button:focus-visible{outline:2px solid #c93228;outline-offset:3px}
.pipeline-explorer-dialog{position:fixed;inset:0;margin:auto;width:min(1600px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;border:1px solid #cfd4db;background:#f1f2f4;border-radius:6px;overflow:hidden;box-sizing:border-box;color:#32373d}
.pipeline-explorer-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.pipeline-explorer-dialog::backdrop{background:#161c28b8}
.pipeline-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid #d8dde4;background:#fafbfc;min-height:48px;box-sizing:border-box}
.pipeline-dialog-bar strong{min-width:0;font-size:14px;line-height:1.4}
.pipeline-close{flex:none;min-width:76px;min-height:36px;background:#fff;border:1px solid #c5ccd5;color:#354252;cursor:pointer}
.pipeline-explorer-dialog>iframe{display:block;border:0;width:100%;height:100%;min-height:0}
#pipeline-product-hero h1{font-size:clamp(34px,3.4vw,58px)!important;line-height:1.22!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;max-width:100%!important}
#pipeline-product-hero h1 em{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.22!important;max-width:100%!important;width:auto!important}
@media(min-width:1600px){.pipeline-hero-stage{min-height:480px}}
@media(max-width:1100px){
#pipeline-product-hero,html body main.pipe-site #pipeline-product-hero{height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;overflow:visible!important}
#pipeline-product-hero .pipe-hero-index{display:none!important}
#pipeline-web-host,html body main.pipe-site #pipeline-web-host{width:100%!important;max-width:100%!important;padding:0 24px 32px!important;align-self:stretch!important;flex:none!important}
#pipeline-product-hero>.hero-copy,#pipeline-product-hero>.pipe-hero-copy{width:100%!important;max-width:100%!important;min-width:0!important;padding:40px 24px 24px!important;position:relative!important;height:auto!important;flex:none!important;inset:auto!important;transform:none!important;box-sizing:border-box!important}
.pipeline-hero-stage{height:clamp(300px,52vw,540px)}
}
@media(max-width:760px){
#pipeline-product-hero h1{font-size:clamp(30px,7.4vw,46px)!important}
.pipeline-preview-heading{font-size:11px}.pipeline-preview-heading small{font-size:10px}
.pipeline-hero-stage{height:clamp(230px,65vw,390px)}
.pipeline-preview-actions{gap:10px}.pipeline-preview-tabs button,.pipeline-launch{padding:10px;font-size:11px}
.pipeline-preview-note{font-size:10px}
.pipeline-explorer-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
.pipeline-dialog-bar{padding:8px 12px}.pipeline-dialog-bar strong{font-size:12px}
}

/* Reserve the scene area, then reveal its first rendered frame without a thumbnail swap. */
.pipeline-hero-stage iframe{opacity:0;transition:opacity .16s ease}
.pipeline-hero-stage[data-state=ready] iframe{opacity:1}
.pipeline-hero-stage[data-state=loading] .pipeline-hero-status{top:50%;bottom:auto;transform:translateY(-50%);padding:12px 16px;background:transparent}
@media(prefers-reduced-motion:reduce){.pipeline-hero-stage iframe{transition:none}}