.bp-gallery-dialog { padding: 16px; margin: auto; width: min(900px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow-y: auto; border: 1px solid #ddd; border-radius: 12px; background: #fff; color: #333; text-align: left; }
.bp-gallery-dialog::backdrop { background: rgb(15 20 25 / 70%); }
.bp-gallery-dialog figure { margin: 8px 0 0; }
.bp-gallery-dialog figure img { display: block; width: 100%; height: min(62dvh, 620px); object-fit: contain; background: #f3f4f6; }
.bp-gallery-dialog figcaption { font-size: 14px; line-height: 1.5; padding: 12px 0; }
.bp-gallery-dialog .bp-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bp-gallery-dialog button { min-height: 44px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 6px; background: #fff; color: #333; font: inherit; font-size: 14px; cursor: pointer; }
.bp-gallery-dialog button:disabled { opacity: .5; cursor: default; }
.bp-gallery-dialog button:focus-visible { outline: 3px solid #cc0000; outline-offset: 2px; }
.bp-gallery-dialog [hidden] { display: none !important; }