/* Device frames keep original screenshots separate and complete. */
body.v2 .device-mockup{--bezel:#171e2a;--metal:#9099a9;position:relative;isolation:isolate;width:100%;min-width:0;max-width:100%;align-self:center}
body.v2 .device-bezel{position:relative;width:96%;margin-inline:auto;padding:clamp(12px,2vw,18px) clamp(5px,.8vw,9px) clamp(8px,1.2vw,12px);background:linear-gradient(145deg,#394352,#151b26 25%,#0d121c 75%,#354050);border:1px solid #576171;border-radius:clamp(9px,1.4vw,17px) clamp(9px,1.4vw,17px) 4px 4px;box-shadow:0 18px 35px #0004}
body.v2 .device-bezel::before{content:'';position:absolute;top:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#101622;box-shadow:0 0 0 1px #4c5667,inset 0 0 2px #74a3bd}
body.v2 .device-screen{position:relative!important;display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;aspect-ratio:var(--screen-ratio)!important;overflow:hidden!important;background:#101622!important;border:0!important;border-radius:2px!important;box-shadow:none!important;transform:none!important}
body.v2 .device-screen img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:none!important;object-fit:contain!important;object-position:center!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;transform:none!important}
body.v2 .device-screen :is(.frame-bar,.preview-bar,.img-bar){display:none}
body.v2 .device-screen .carousel{width:100%;aspect-ratio:var(--screen-ratio)!important;background:#101622}
body.v2 .device-foot{height:clamp(8px,1.2vw,14px);position:relative;width:100%;background:linear-gradient(#d0d5dd 0%,#929baa 40%,#495260 85%,#242d39 100%);border-radius:1px 1px 50% 50% / 1px 1px 80% 80%;box-shadow:0 10px 20px #0003}
body.v2 .device-foot>span{position:absolute;top:0;left:43%;width:14%;height:45%;background:#4e5868;box-shadow:inset 0 -1px 2px #d3d8df;border-radius:0 0 6px 6px}
body.v2 .device-inset{width:calc(100% - 56px);margin:28px auto 24px}
body.v2 .device-hero{z-index:1}
body.v2 .device-hero .device-bezel{width:96%}
body.v2 .device-gallery{padding:22px 18px 0}
body.v2 .device-monitor .device-bezel{width:100%;padding-bottom:clamp(14px,2vw,20px);border-radius:10px;box-shadow:0 10px 24px #0003}
body.v2 .device-monitor .device-bezel::after{content:'';position:absolute;bottom:6px;right:12px;width:3px;height:3px;background:var(--green);border-radius:50%}
body.v2 .device-monitor .device-foot{height:43px;background:none;box-shadow:none}
body.v2 .device-monitor .device-foot::before{content:'';position:absolute;top:0;left:45%;width:10%;height:34px;background:linear-gradient(90deg,#505b6d,#bcc3ce 45%,#778395);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}
body.v2 .device-monitor .device-foot::after{content:'';position:absolute;bottom:2px;left:32%;width:36%;height:8px;border-radius:50%;background:linear-gradient(#bdc4ce,#657183);box-shadow:0 4px 8px #0004}
body.v2 .device-monitor .device-foot>span{display:none}
body.v2 .device-mobile{max-width:250px;justify-self:center;margin-inline:auto}
body.v2 .device-mobile .device-bezel{width:100%;padding:14px 6px 9px;border-radius:25px;box-shadow:0 15px 30px #0004}
body.v2 .device-mobile .device-screen{border-radius:13px!important}
body.v2 .device-mobile .device-foot{display:none}
body.v2 .device-mobile .device-bezel::before{top:5px;width:5px;height:5px;left:calc(50% - 2.5px)}
body.v2 :is(.device-screen,.device-bezel):focus-visible{outline:2px solid var(--green);outline-offset:5px}
body.v2 .device-mockup [role=button]{cursor:default}
@media(max-width:720px){body.v2 .device-inset{width:calc(100% - 24px);margin:16px auto 18px}body.v2 .device-gallery{padding:18px 12px 0}body.v2 .device-bezel{padding:12px 5px 8px}body.v2 .device-monitor .device-foot{height:34px}body.v2 .device-monitor .device-foot::before{height:26px}body.v2 .device-monitor .device-foot::after{height:6px}body.v2 .device-mobile{max-width:220px}}

/* Existing phone frames also show the complete original capture. */
body.v2 :is(.phone-frame,.mobile-device)>img{aspect-ratio:auto;object-fit:contain;height:auto}