.mgdg{box-sizing:border-box;width:min(960px,94vw);height:min(820px,92dvh);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #e7d9d0;border-radius:18px;background:#faf7f3;color:#302525;overflow:hidden}
.mgdg[open]{display:flex;flex-direction:column}.mgdg::backdrop{background:rgb(30 20 18 / 65%)}
.mgdg header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:white}.mgdg h2{font-size:24px;margin:0}.mgdg button{font:inherit;min-width:44px;min-height:44px;border:1px solid #d8c6bc;border-radius:9px;background:white;color:#762f3d;padding:8px 14px;cursor:pointer}.mgdg button:focus-visible{outline:3px solid #762f3d;outline-offset:2px}
.mgdg-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:pan-y;user-select:none;background:white;margin:12px}
.mgdg-crop{overflow:hidden;flex:none;max-width:100%;background:white}.mgdg-crop img{display:block;width:100%;max-width:none;height:auto;pointer-events:none}.mgdg-loading{position:absolute;padding:16px;background:white}
.mgdg footer{padding:12px 20px;text-align:center}.mgdg-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.mgdg-counter{min-width:100px;font-size:15px}.mgdg footer p{font-size:13px;color:#74655e;margin:10px 0 0}.mgdg [hidden]{display:none!important}
@media(max-width:600px){.mgdg{width:100%;height:100dvh;border:0;border-radius:0}.mgdg header{padding:calc(12px + env(safe-area-inset-top)) 14px 12px}.mgdg h2{font-size:21px}.mgdg-stage{margin:8px 0}.mgdg footer{padding:12px 10px calc(16px + env(safe-area-inset-bottom))}.mgdg-navigation{gap:8px}}