/* Wide modal for full-section items (heroes, templates, landing pages) */
.cmodal.wide{width:min(94vw,1440px);height:auto;max-height:96vh;background:#fff;color:#0A0B0D}
.cmodal.wide .cm-head{border-bottom:1px solid rgba(10,12,16,.08)}
.cmodal.wide .cm-x{color:#5A5F68}.cmodal.wide .cm-x:hover{color:#0A0B0D}
.cmodal.wide .cm-body{display:flex!important;flex-direction:column}
.cmodal.wide .cm-preview{display:block!important;padding:0;border:0!important;background:#fff;flex:none}
.cmodal.wide .cm-preview>.thumb{display:none!important}
.cmodal.wide .cm-code,.cmodal.wide #cmcopy{display:none!important}
.cm-stage{position:relative;width:100%;aspect-ratio:16/10;max-height:calc(96vh - 116px);overflow:hidden;background:#fff}
.cm-stage iframe{position:absolute;left:0;top:0;width:1440px;border:0;transform-origin:0 0;background:#fff}
.cm-bar{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 20px;border-top:1px solid rgba(10,12,16,.08);background:#fff;font-size:13.5px}
.cm-bar .cb-msg{display:flex;align-items:center;gap:10px;margin-right:auto;color:#5A5F68}.cm-bar .cb-msg b{color:#0A0B0D;font-weight:600}
.cm-bar .btn{padding:7px 14px;font-size:13px}
.cm-bar .cb-open{color:#0A0B0D;font-weight:500;text-decoration:none}.cm-bar .cb-open:hover{text-decoration:underline}
.cmodal.wide .cm-body .lock{display:none!important}
/* widescreen hero thumbnails in the grid */
.thumb.th-heroes{aspect-ratio:16/10!important}.thumb.th-heroes img{width:100%;height:100%;object-fit:cover}