/* Render product images from the bundled interface at a fixed desktop size. */
.interface-preview{position:relative;display:block;width:100%;aspect-ratio:1920/1240;overflow:hidden;background:var(--surface,#112036);isolation:isolate}
.interface-preview iframe{position:absolute;left:0;top:0;border:0;width:1920px!important;height:1240px!important;max-width:none!important;transform:scale(var(--interface-scale,0));transform-origin:0 0;pointer-events:none;opacity:0}
.interface-preview[data-ready=true] iframe{opacity:1}
.interface-preview>img{width:100%;height:auto;visibility:hidden}
.interface-preview:after{content:"";position:absolute;inset:0;background:var(--glass,linear-gradient(135deg,#182b44,#102238));z-index:-1}
.screen-detail .interface-preview{max-width:none}
.screen-dialog .interface-preview{max-height:calc(100dvh - 160px)}
html[data-theme=light] .screen-frame,html[data-theme=light] .screen-dialog{background:#e8eff7;border-color:var(--line)}
html[data-theme=light] img[src*="/assets/screenshots/"]:not([data-interface-source]){visibility:hidden}
@media(max-width:640px){.screen-dialog .interface-preview{max-height:none}}

.screen-detail .interface-preview{position:absolute;width:118%;max-width:none;left:-14%;top:-22%;height:auto}
.screen-detail[data-crop=energy] .interface-preview{top:-26%;width:117%;left:-14%}
.screen-detail[data-crop=rooms] .interface-preview{top:-32%}
.screen-detail[data-crop=cameras] .interface-preview{top:-44%;left:-14%;width:117%}
.screen-detail[data-crop=links] .interface-preview{top:-37%;left:-14%;width:117%}
.screen-detail[data-crop=elements] .interface-preview{top:-80%;left:-14%;width:118%}
.screen-dialog>.interface-preview{width:100%;height:auto}