/* Actual captures remain separate image assets; no generated interface text. */
@layer connect.components {
 .md-slot--captured .md-slot__canvas {padding:0;min-height:0;aspect-ratio:auto;background:var(--ink);display:block}
 .md-slot--captured .md-slot__canvas:before {display:none}
 .md-slot--captured .md-slot__id,.md-slot--captured .md-slot__diagram {display:none}
 .md-slot--captured .md-slot__label {max-width:none;padding:1.2rem 1.5rem;border-top:1px solid var(--line)}
 .md-slot--captured .md-slot__label>span {display:none}
 .md-slot--captured .md-slot__label h3 {font-size:1.4rem}
 .md-media-note {display:block;padding:1rem 1.5rem;margin:0;font:10px/1.7 var(--mono);color:var(--muted);border-top:1px solid var(--line)}
 .md-product-scene {position:relative;isolation:isolate;overflow:hidden;padding:9% 6%;background:radial-gradient(ellipse at 65% 35%,#34413d,#151d1b 70%);display:grid;gap:1.5rem}
 .md-product-scene:before {content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px}
 .md-product-scene img {display:block;width:100%;height:auto;border:1px solid #ffffff30;box-shadow:0 20px 45px #0005;position:relative}
 .md-product-scene--opening {grid-template-columns:1fr 1fr;align-items:start;padding-bottom:7%}
 .md-product-scene--opening img:first-child {grid-column:1/-1;width:83%;margin:auto;transform:perspective(1600px) rotateY(-5deg)}
 .md-product-scene--opening img:nth-child(2) {margin-top:-16%;transform:rotate(-3deg)}
 .md-product-scene--opening img:nth-child(3) {margin-top:-9%;transform:rotate(3deg)}
 .md-product-scene--atlas {background:#f2f0e9;grid-template-columns:1fr 1fr;gap:1rem}
 .md-product-scene--atlas img:first-child {grid-column:1/-1}
 .md-product-scene--layers {padding:16% 8% 12%;perspective:1400px}
 .md-product-scene--layers:after {content:"";position:absolute;inset:11% 11% 16%;border:1px solid #e7331f;transform:translate(18px,-20px);z-index:-1;box-shadow:18px -20px 0 -1px #26312e,18px -20px 0 0 #738078}
 .md-product-scene--layers img {transform:rotate(-3deg)}
 .md-product-scene--patterns {background:#f2f0e9;padding:7%}
 .md-product-scene--journey {grid-template-columns:1fr;gap:1rem}
 .md-product-scene--closing {grid-template-columns:.35fr 1fr;align-items:center;min-height:230px;background:#f2f0e9}
 .md-product-scene--closing:before {background-image:linear-gradient(#151d1b08 1px,transparent 1px),linear-gradient(90deg,#151d1b08 1px,transparent 1px)}
 .md-product-scene--closing img {grid-column:2;transform:rotate(-4deg)}
 .mdx-media__screen.md-real-screen {padding:0;min-height:0;aspect-ratio:auto;display:block;overflow:hidden}
 .md-real-screen img {display:block;width:100%;height:auto}
 .md-real-screen .md-real-caption {padding:1rem;display:block;font:10px/1.7 var(--mono);color:var(--muted)}
 .mdx-plane--3>img {width:100%;height:70%;object-fit:contain;display:block;margin-top:.5rem}
 @media(max-width:600px){.md-product-scene--opening,.md-product-scene--atlas {grid-template-columns:1fr}.md-product-scene--opening img:first-child {width:100%;transform:none}.md-product-scene--opening img:nth-child(n+2) {margin:0;transform:none}.md-product-scene--closing {grid-template-columns:1fr}.md-product-scene--closing img {grid-column:1;transform:none}}
}

@layer connect.components {
 .md-product-scene.md-product-scene--generated {display:block;padding:0;background:none;min-height:0}
 .md-product-scene--generated:before,.md-product-scene--generated:after {display:none}
 .md-product-scene--generated img {display:block;width:100%;height:auto;margin:0;border:0;box-shadow:none;transform:none}
}