.preview-mask.svelte-9a69hm{z-index:5200;background:#fff;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0}.preview-stage.svelte-9a69hm{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.preview-progress.svelte-9a69hm{min-width:44px;color:var(--color-black);text-align:center;z-index:3;background:#fff;border:1px solid #e0e0e0;border-radius:999px;padding:10px 20px;font-size:16px;line-height:24px;position:absolute;top:24px;left:24px}.preview-tools.svelte-9a69hm{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:14px}.preview-tool.svelte-9a69hm{border:1px solid var(--color-gray-100);background:var(--color-gray-50);width:48px;height:48px;color:var(--color-black);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.preview-tool.svelte-9a69hm:hover{background:#f2f3f5}.preview-image.svelte-9a69hm{will-change:transform;cursor:zoom-in;z-index:1;max-width:100%;max-height:100%;transition:none}.preview-image.is-zoomed.svelte-9a69hm{cursor:grab}.preview-image.is-zoomed.svelte-9a69hm:active{cursor:grabbing}.preview-image.is-animating.svelte-9a69hm{transition:transform .22s}.preview-image.svelte-9a69hm img:where(.svelte-9a69hm){object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100vw;max-height:100vh;display:block}.preview-nav.svelte-9a69hm{border:1px solid var(--color-gray-100);background:var(--color-gray-50);width:48px;height:48px;color:var(--color-black);cursor:pointer;z-index:2;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:50%;translate:0 -50%}.preview-nav.svelte-9a69hm:hover{background:#f2f3f5;transform:scale(1.04)}.preview-nav.svelte-9a69hm:disabled{opacity:.35;cursor:not-allowed}.preview-nav-left.svelte-9a69hm{left:10px}.preview-nav-right.svelte-9a69hm{right:10px}.preview-nav-arrow.svelte-9a69hm{border-top:2px solid;border-right:2px solid;width:12px;height:12px;display:inline-block}.preview-nav-arrow-left.svelte-9a69hm{margin-left:3px;transform:rotate(-135deg)}.preview-nav-arrow-right.svelte-9a69hm{margin-right:3px;transform:rotate(45deg)}@media (width<=1100px){.preview-image.svelte-9a69hm img:where(.svelte-9a69hm){max-width:100vw;max-height:100vh}}