.timber-image-dialog { position: fixed; inset: 0; margin: auto; width: fit-content; max-width: calc(100vw - 32px); max-height: 92dvh; padding: 44px 24px 20px; border: 0; border-radius: 16px; background: #fff; box-sizing: border-box; overflow: auto; }
.timber-image-dialog::backdrop { background: rgba(0,0,0,.7); }
.timber-image-dialog > img { display: block; width: auto; height: auto; max-width: min(1100px, calc(100vw - 80px)); max-height: calc(92dvh - 64px); object-fit: contain; margin: auto; }
.timber-image-dialog .timber-image-dialog__close { position: absolute; top: 4px; right: 10px; width: 40px; min-width: 0; height: 40px; min-height: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #222; font-size: 32px; line-height: 1; box-shadow: none; }