dialog#previewDialog{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-width:620px;height:auto;max-height:calc(100svh - 28px);padding:54px 22px 22px;overflow:auto;background:#fff9f0;border-radius:20px;position:fixed;margin:auto}#previewDialog img{display:block;box-sizing:border-box;width:100%;height:auto;max-height:none;aspect-ratio:210/297;object-fit:contain;background:white;margin:0 auto;box-shadow:0 3px 14px #193b5510}#previewDialog .dialog-close{position:absolute;top:6px;right:10px;width:40px;height:40px;min-height:40px;font-size:25px}#previewDialog::backdrop{background:#193b5580;backdrop-filter:blur(3px)}@media(min-width:650px){dialog#previewDialog{width:min(620px,calc((100svh - 105px)*210/297 + 44px));overflow:hidden}}@media(max-width:649px){dialog#previewDialog{padding:48px 14px 14px;width:min(calc(100vw - 20px),calc((100svh - 95px)*210/297 + 28px))}}
dialog#previewDialog{background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate}#previewDialog::before{content:'';position:absolute;inset:0;background:rgba(255,249,240,.28);z-index:-1;pointer-events:none}#previewDialog .dialog-close{background:#fff9f0ed;z-index:2}#previewDialog img{position:relative;z-index:1}

dialog#previewDialog.stationery-preview{background:#f0f1f2!important;padding-left:14px;padding-right:14px;padding-bottom:14px}#previewDialog.stationery-preview::before{content:none}#previewDialog.stationery-preview img{box-shadow:0 5px 12px #28303a20}#previewDialog.stationery-preview .dialog-close{background:#f0f1f2}