.design-dialog{position:fixed;inset:0;width:min(1280px,calc(100vw - 64px));height:calc(100svh - 64px);max-width:none;max-height:none;padding:0;border:0;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 24px 100px #0003}
.design-dialog::backdrop{background:rgba(0,0,0,.6)}
.design-dialog[open]{animation:design-open .32s cubic-bezier(.22,.75,.2,1) both}
.design-dialog iframe{display:block;border:0;width:100%;height:100%;background:#fff}
.design-dialog-close{position:absolute;z-index:5;right:15px;top:15px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#f0f2eef2;color:#14201a;cursor:pointer}
.design-dialog-close:hover{background:#e1e7de}
.design-dialog-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
body.design-modal-open{overflow:hidden}
.is-design-modal .canvas-header,.is-design-modal .canvas-footer{display:none}
.is-design-modal body{background:#fff}
.is-design-modal main.header-offset{padding-top:0!important}
.is-design-modal main>.container.section{max-width:none;padding:52px 36px 32px}
.is-design-modal .back{display:none!important}
.is-design-modal .related{margin-top:36px}
@keyframes design-open{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){.design-dialog{width:calc(100vw - 20px);height:calc(100svh - 24px);border-radius:20px}.is-design-modal main>.container.section{padding:64px 20px 24px}.design-dialog-close{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.design-dialog[open]{animation:none}}