.ed-web-preview{aspect-ratio:1.6;background:radial-gradient(ellipse at 30% 24%,#f8f7f3 0,#e9e7e1 80%);border:0;isolation:isolate}
.ed-web-preview>.ed-web-composition{position:absolute;inset:0;display:block;padding:0;background:none;color:inherit}
.ed-web-window{position:absolute;display:block;overflow:hidden;border:1px solid #ffffffb3;border-radius:4px;background:#fff;box-shadow:0 15px 28px #28251e26,0 2px 5px #28251e12;aspect-ratio:1.56}
.ed-web-window,.ed-web-phone{left:var(--x);top:var(--y);width:var(--w);z-index:var(--z);transform:rotate(var(--r))}
.ed-web-bar{display:flex;align-items:center;gap:3px;height:13px;padding-left:7px;background:#f7f7f5;border-bottom:1px solid #deded9}
.ed-web-bar i{display:block;width:3px;height:3px;border-radius:50%;background:#c4c4bf}
.ed-web-screen{display:block;position:relative;overflow:hidden;height:calc(100% - 13px)}
.ed-web-screen img{display:block;width:100%;max-width:none;height:auto}
.ed-web-window-0 .ed-web-screen img{height:100%;object-fit:cover;object-position:top}
.ed-web-preview>span:last-child{z-index:5}
.ed-web-preview:focus-visible{outline:2px solid var(--ed-red);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.ed-web-composition{animation:none}}

.ed-web-phone{position:absolute;display:block;aspect-ratio:390/844;padding:5px;background:#222426;border:1px solid #606162;border-radius:22px;box-shadow:0 17px 27px #17191835,0 3px 6px #17191826;overflow:hidden}
.ed-phone-screen{display:block;width:100%;height:100%;border-radius:16px;overflow:hidden;background:white}
.ed-phone-screen img{display:block;width:100%;height:auto;max-width:none}
.ed-web-phone:after{content:'';position:absolute;width:24%;height:6px;top:5px;left:38%;background:#222426;border-radius:0 0 5px 5px}
.ed-web-composition[data-layout="03"] .ed-web-window{box-shadow:0 14px 30px #22221f22}
.ed-web-composition[data-layout="08"] .ed-web-phone{background:#f1f1ee;border-color:#c5c5c0;padding:4px}
.ed-web-composition[data-layout="08"] .ed-web-phone:after{background:#dddeda}