.image-viewer-backdrop.svelte-15ixmey{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.image-viewer-container.svelte-15ixmey{position:relative;width:100%;height:100%;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.image-viewer-header.svelte-15ixmey{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000080;border-radius:.5rem .5rem 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-info.svelte-15ixmey{color:#fff}.image-title.svelte-15ixmey{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.image-counter.svelte-15ixmey{font-size:.875rem;opacity:.8}.header-actions.svelte-15ixmey{display:flex;gap:.5rem}.header-button.svelte-15ixmey{padding:.5rem;border:none;background:#ffffff1a;color:#fff;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.header-button.svelte-15ixmey:hover{background:#fff3}.close-button.svelte-15ixmey:hover{background:#ef4444cc}.nav-button.svelte-15ixmey{position:absolute;top:50%;transform:translateY(-50%);padding:1rem;border:none;background:#00000080;color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s;z-index:10}.nav-button.svelte-15ixmey:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.nav-left.svelte-15ixmey{left:1rem}.nav-right.svelte-15ixmey{right:1rem}.image-container.svelte-15ixmey{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0000004d;border-radius:0 0 .5rem .5rem}.main-image-button.svelte-15ixmey{border:none;background:none;padding:0;cursor:pointer;display:block;width:100%;height:100%}.main-image.svelte-15ixmey{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .3s ease}.image-container.zoomed.svelte-15ixmey .main-image:where(.svelte-15ixmey){transform:scale(2);cursor:zoom-out}.bottom-controls.svelte-15ixmey{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;background:#00000080;padding:.75rem 1rem;border-radius:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-button.svelte-15ixmey{padding:.5rem 1rem;border:none;background:#ffffff1a;color:#fff;border-radius:1rem;cursor:pointer;font-size:.875rem;transition:background-color .2s}.control-button.svelte-15ixmey:hover{background:#fff3}.thumbnail-strip.svelte-15ixmey{display:flex;gap:.5rem;max-width:300px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.thumbnail-strip.svelte-15ixmey::-webkit-scrollbar{display:none}.thumbnail.svelte-15ixmey{flex-shrink:0;width:3rem;height:3rem;border:2px solid transparent;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .2s}.thumbnail.svelte-15ixmey:hover{border-color:#ffffff80}.thumbnail.active.svelte-15ixmey{border-color:#fff;box-shadow:0 0 0 2px #3b82f680}.thumbnail.svelte-15ixmey img:where(.svelte-15ixmey){width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.image-viewer-header.svelte-15ixmey{padding:.75rem}.image-title.svelte-15ixmey{font-size:1rem}.nav-button.svelte-15ixmey{padding:.75rem}.nav-left.svelte-15ixmey{left:.5rem}.nav-right.svelte-15ixmey{right:.5rem}.bottom-controls.svelte-15ixmey{bottom:.5rem;padding:.5rem .75rem}.thumbnail-strip.svelte-15ixmey{max-width:200px}.thumbnail.svelte-15ixmey{width:2.5rem;height:2.5rem}}