.photo-viewer.svelte-1v9xj9i{position:fixed;inset:0;margin:auto;width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:16px;border:0;border-radius:16px;background:#191918;color:#fff}.photo-viewer[open].svelte-1v9xj9i{display:flex;flex-direction:column;gap:12px}.photo-viewer.svelte-1v9xj9i::backdrop{background:#000000d9}.viewer-toolbar.svelte-1v9xj9i,.viewer-footer.svelte-1v9xj9i{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.photo-viewer.svelte-1v9xj9i button:where(.svelte-1v9xj9i){border:1px solid #777;border-radius:8px;padding:10px 16px;min-height:44px;background:#30302e;color:#fff;cursor:pointer;font:inherit}.photo-viewer.svelte-1v9xj9i button:where(.svelte-1v9xj9i):disabled{opacity:.4;cursor:default}.photo-viewer.svelte-1v9xj9i button:where(.svelte-1v9xj9i):focus-visible,.gallery-item.svelte-1v9xj9i:focus-visible{outline:3px solid var(--red);outline-offset:3px}.viewer-image.svelte-1v9xj9i{position:relative;flex:1;min-height:0;overflow:auto}.viewer-image.svelte-1v9xj9i img:where(.svelte-1v9xj9i){position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.viewer-image.zoomed.svelte-1v9xj9i{display:block}.viewer-image.zoomed.svelte-1v9xj9i img:where(.svelte-1v9xj9i){position:static;max-width:none;max-height:none;width:150%;height:auto}.viewer-footer.svelte-1v9xj9i p:where(.svelte-1v9xj9i){margin:0;text-align:center;font-size:14px}.viewer-footer.svelte-1v9xj9i span:where(.svelte-1v9xj9i){display:block;opacity:.65;font-size:12px;margin-top:4px}body:has(.photo-viewer[open]){overflow:hidden}.gallery-masonry.svelte-1v9xj9i{columns:2;column-gap:16px}@media(min-width:640px){.gallery-masonry.svelte-1v9xj9i{columns:3}}@media(min-width:1024px){.gallery-masonry.svelte-1v9xj9i{columns:4}}.gallery-item.svelte-1v9xj9i{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left;break-inside:avoid;margin-bottom:16px}.gallery-item.svelte-1v9xj9i img:where(.svelte-1v9xj9i){display:block;width:100%;height:auto;border-radius:var(--radius);transition:box-shadow .2s}.gallery-item.svelte-1v9xj9i img:where(.svelte-1v9xj9i):hover{box-shadow:0 8px 24px -12px #1b1a184d}
