/* Screens are captured from the approved running application, not recreated markup. */
.actual-captured-workspace{overflow:hidden;background:#f7f5ef}.actual-captured-workspace .depth-toolbar{background:#102b3d;color:#f8f5ed}.actual-captured-workspace .depth-toolbar h3,.actual-captured-workspace .depth-toolbar p{color:inherit}.actual-captured-workspace .depth-meta{padding:10px 18px}.actual-capture{position:relative;width:100%;aspect-ratio:var(--capture-ratio);overflow:hidden;background:#e2d7c3}.actual-capture-band{position:absolute;left:0;right:0;top:calc(var(--band)*100%/6);height:calc(100%/6 + .3px);overflow:hidden}.actual-capture-band picture{position:absolute;left:0;top:calc(var(--band)*-100%);width:100%;height:600%;display:block}.actual-capture-band img{display:block;width:100%;height:100%;max-width:none}.actual-capture-divider{margin:0!important;padding:18px 22px!important;color:#102b3d!important;background:#e8eddf!important;font-size:14px!important;line-height:1.6!important}.actual-captured-workspace .depth-footer{padding:16px 20px;line-height:1.7;display:flex;gap:12px;flex-wrap:wrap}.actual-captured-workspace .depth-footer a{white-space:normal}.actual-captured-workspace .depth-replay{color:#fff;border-color:#829c98}.actual-captured-workspace .depth-explore{color:#fff!important;border-color:#829c98!important}@media(max-width:600px){.actual-capture{aspect-ratio:var(--capture-mobile-ratio)}.actual-captured-workspace .depth-toolbar{padding:16px!important}.actual-captured-workspace .depth-product-actions{width:100%;justify-content:space-between}.actual-captured-workspace .depth-footer{padding:14px}.actual-captured-workspace .depth-toolbar h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.actual-capture-band{opacity:1!important;transform:none!important}}

.actual-captured-workspace .depth-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.actual-captured-workspace .depth-toolbar h3{color:#fff!important}.actual-captured-workspace .depth-toolbar p{color:#e7eee9!important}@media(max-width:600px){.actual-captured-workspace .depth-toolbar{grid-template-columns:minmax(0,1fr)}.actual-captured-workspace .depth-product-actions{width:auto}}
.actual-captured-workspace .depth-replay{background:#16374a!important;color:#fff!important;border-color:#91aaa4!important}.actual-captured-workspace .depth-replay:hover{background:#244c59!important}

/* Keep every reveal layer at the exact image dimensions; crop bands without stretching. */
.actual-capture-band{inset:0;height:auto;clip-path:inset(calc(var(--band)*100%/6) 0 calc((5 - var(--band))*100%/6) 0)}.actual-capture-band picture{inset:0;height:100%;width:100%}
.depth-workspace:not([data-stage="building"]) .actual-capture-band{visibility:hidden}.depth-workspace:not([data-stage="building"]) .actual-capture-band:first-child{visibility:visible;clip-path:none}