/* Portable dialog shell; controls retain canonical Button styling. */
.octopus-gallery-lightbox{--gallery-viewport-gap:32px;--gallery-overlay-inset:calc(var(--shape-radius-component) + var(--space-component-md));box-sizing:border-box;border:0;border-radius:16px;padding:var(--shape-radius-component);margin:auto;width:fit-content;max-width:calc(100% - var(--gallery-viewport-gap));height:auto;max-height:calc(100dvh - var(--gallery-viewport-gap));background:var(--color-zinc-900);color:var(--color-white);overflow:auto;overscroll-behavior:contain}
.octopus-gallery-lightbox[open]{display:block;height:fit-content;background:var(--color-white);color:var(--color-zinc-900)}
.octopus-gallery-lightbox::backdrop{background:transparent;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){.octopus-gallery-lightbox::backdrop{background:color-mix(in srgb,var(--color-zinc-900) 60%,transparent)}}
.octopus-gallery-lightbox__toolbar,.octopus-gallery-lightbox__navigation{position:absolute;z-index:1;inset-inline:var(--gallery-overlay-inset);display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-md);pointer-events:none}
.octopus-gallery-lightbox__toolbar{top:var(--gallery-overlay-inset)}
.octopus-gallery-lightbox__navigation{top:50%;transform:translateY(-50%)}
.octopus-gallery-lightbox__download{position:absolute;z-index:1;right:var(--gallery-overlay-inset);bottom:var(--gallery-overlay-inset)}
.octopus-gallery-lightbox__badge{position:absolute;z-index:1;left:var(--gallery-overlay-inset);bottom:var(--gallery-overlay-inset);max-width:calc(100% - 2 * var(--gallery-overlay-inset) - 64px);pointer-events:none}
.octopus-gallery-lightbox__badge>*{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.octopus-gallery-lightbox__toolbar button,.octopus-gallery-lightbox__navigation button{pointer-events:auto}
.octopus-gallery-lightbox [data-gallery-counter]{display:flex;align-items:center;box-sizing:border-box;height:48px;font-variant-numeric:tabular-nums;background:var(--color-zinc-900);color:var(--color-white);padding-inline:var(--space-component-md);border-radius:8px}
.octopus-gallery-lightbox__stage{position:relative;display:grid;place-items:center;touch-action:pan-y pinch-zoom;border-radius:8px;overflow:hidden}
.octopus-gallery-lightbox [data-gallery-image]{grid-area:1/1;display:block;width:auto;height:80dvh;max-width:calc(100vw - var(--gallery-viewport-gap) - 2 * var(--shape-radius-component));max-height:80dvh;object-fit:contain;border-radius:8px}
.octopus-gallery-lightbox[data-gallery-brand-visible] [data-gallery-image]{height:auto}
.octopus-gallery-lightbox[data-gallery-brand-visible] .octopus-gallery-lightbox__stage::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top right,rgba(0,0,0,.34),rgba(0,0,0,.14) 35%,transparent 70%);pointer-events:none}
.octopus-gallery-lightbox__brand{position:absolute;z-index:2;left:var(--space-component-md);bottom:var(--space-component-md);width:min(18.522%,113.19px);height:auto;max-height:108px;object-fit:contain;object-position:left bottom;filter:brightness(0) invert(1);pointer-events:none}
.octopus-gallery-lightbox [hidden]{display:none!important}
.octopus-gallery-lightbox [data-gallery-error]{grid-area:1/1;box-sizing:border-box;width:min(600px,calc(100vw - var(--gallery-viewport-gap) - 2 * var(--shape-radius-component)));min-height:240px;margin:0;padding:80px 72px;text-align:center}
@media(prefers-reduced-motion:no-preference){.octopus-gallery-lightbox[open]{animation:octopus-gallery-enter var(--motion-duration-base) var(--motion-ease-standard)}@keyframes octopus-gallery-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:639px){.octopus-gallery-lightbox{--gallery-viewport-gap:16px;--gallery-overlay-inset:calc(var(--shape-radius-component) + var(--space-component-sm))}.octopus-gallery-lightbox[data-gallery-brand-visible]{padding-top:64px}}