/* Real product captures, within the original page layout. */
.app-capture { width:100%; max-width:560px; margin:0; overflow:hidden; background:#fff; border:1px solid var(--line-2); border-radius:14px; box-shadow:0 26px 54px -28px rgba(11,26,20,.3); }
.app-shot-button { display:block; width:100%; padding:0; border:0; background:#f6f8f7; cursor:zoom-in; line-height:0; }
.app-shot-button img { display:block; width:100%; height:auto; }
.app-shot-button:focus-visible { outline:3px solid var(--green); outline-offset:-4px; }
.app-capture figcaption { padding:12px 15px; color:var(--muted); font-size:12px; font-weight:600; text-align:left; line-height:1.5; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--line); }
.app-capture figcaption span { color:var(--green); font-size:17px; }
.app-capture-hero { max-width:340px; }
.app-capture-hero .app-shot-button { background:#fff; }
.app-capture-hero img { width:100%; max-height:520px; object-fit:contain; }
.stage .app-capture { position:relative; }
#screen-preview { width:min(1200px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 40px); padding:0; border:1px solid var(--line-2); border-radius:16px; background:#fff; color:var(--text); box-shadow:0 24px 100px rgba(0,0,0,.24); }
#screen-preview::backdrop { background:rgba(7,24,18,.74); }
.screen-preview-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 18px; border-bottom:1px solid var(--line); }
.screen-preview-head h2 { font-size:16px; line-height:1.4; font-weight:600; }
.screen-preview-close { width:40px; height:40px; flex:none; background:var(--bg-2); color:var(--green); border:1px solid var(--line); border-radius:8px; font:28px/1 sans-serif; cursor:pointer; }
.screen-preview-close:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
.screen-preview-body { overflow:auto; max-height:calc(100dvh - 110px); }
.screen-preview-body img { display:block; width:100%; height:auto; }
html.screen-preview-open { overflow:hidden; }
@media(max-width:600px) {
 .app-capture { border-radius:12px; }
 .app-capture-hero { max-width:300px; }
 #screen-preview { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:12px; }
 .screen-preview-body { max-height:calc(100dvh - 90px); }
 .screen-preview-body img { width:900px; max-width:none; }
 .screen-preview-head { padding:10px 12px; }
 .screen-preview-head h2 { font-size:14px; }
}