.main-image.svelte-fxnvo3{position:relative;width:100%;border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a;cursor:zoom-in;background:none;border:none;padding:0}.thumbnail-container.svelte-fxnvo3{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.thumbnail.svelte-fxnvo3{position:relative;width:80px;height:80px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #ddd;flex-shrink:0;transition:border-color .2s}.thumbnail.selected.svelte-fxnvo3{border:2px solid var(--color-primary)}img.svelte-fxnvo3{object-fit:contain;width:100%;height:100%}.thumbnail.svelte-fxnvo3 img:where(.svelte-fxnvo3){object-fit:cover}.modal-overlay.svelte-fxnvo3{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content.svelte-fxnvo3{position:relative;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:transparent}.modal-content.svelte-fxnvo3 img:where(.svelte-fxnvo3){max-width:100%;max-height:100%;will-change:transform;transition:transform .12s linear;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.modal-content.svelte-fxnvo3 img:where(.svelte-fxnvo3):active{cursor:grabbing}.close-button.svelte-fxnvo3{position:absolute;top:10px;right:10px;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:18px;line-height:36px;text-align:center;z-index:1010}.placeholder.svelte-fxnvo3{width:100%;height:400px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:8px}