.editor-page-preview{width:100%;aspect-ratio:16/9;background:#102d27;margin:12px 0;overflow:hidden;border:2px solid var(--gold)}
.editor-page-preview img{width:100%;height:100%;object-fit:cover;display:block}
.editor-page-preview.is-contain img{object-fit:contain}
.image-layout-controls{margin-top:10px}
.color-input{height:34px!important;padding:3px!important;cursor:pointer}
.background-preview{display:flex;align-items:center;gap:10px;background:#edf2ee;padding:8px;margin-top:8px}
.background-preview img{width:120px;height:68px;object-fit:cover;display:block}
.background-preview button{border:1px solid var(--line);background:#fff;color:#a54d4d;padding:8px 10px;cursor:pointer}
.slide:not(.media){width:min(1280px,calc(100% - 32px));aspect-ratio:16/9;min-height:0}
.slide:not(.media)>:not(.slide-background):not(.slide-number){position:relative;z-index:1}
.slide-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.slide-number{position:absolute;z-index:2}
.slide:has(.slide-background):after{z-index:0}
.slide.media{aspect-ratio:auto;min-height:0;height:auto;padding:0;display:block;background:#102d27;overflow:visible}
.slide.media .slide-image{width:100%;height:auto;max-width:none;max-height:none;margin:0;display:block;object-fit:contain}
.slide.media-full .slide-image,.slide.media-contain .slide-image{object-fit:contain}
.slide.media .slide-number{z-index:2;background:rgba(11,36,30,.72);color:#fff;padding:6px 8px}
.slide.media .media-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:11px 18px;background:rgba(11,36,30,.78);color:#fff;margin:0}
.slide.media:has(+ .slide.media){margin-bottom:0}
.slide.media + .slide.media{margin-top:0}
@media(max-width:650px){.slide:not(.media){width:calc(100% - 24px);aspect-ratio:auto;min-height:calc(100vh - 92px)}.slide.media{width:calc(100% - 12px);min-height:0;padding:0}.background-preview img{width:90px;height:51px}}