.viewer.svelte-63f3u8{border-radius:var(--r-lg);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;outline-offset:3px;height:clamp(280px,62vh,640px);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tall.svelte-63f3u8{height:clamp(320px,72vh,760px)}.zoomed.svelte-63f3u8{cursor:grab;touch-action:none}.zoomed.svelte-63f3u8:active{cursor:grabbing}.bg-checker.svelte-63f3u8{background-color:var(--checker-a);background-image:conic-gradient(var(--checker-b) 25%, transparent 0 50%, var(--checker-b) 0 75%, transparent 0);background-size:18px 18px}.bg-light.svelte-63f3u8{background:#fff}.bg-dark.svelte-63f3u8{background:#111113}.layer.svelte-63f3u8{pointer-events:none;position:absolute;inset:0}.layer.svelte-63f3u8 img:where(.svelte-63f3u8){transform-origin:50%;max-width:none;position:absolute;top:50%;left:50%}.pixelated.svelte-63f3u8 img:where(.svelte-63f3u8){image-rendering:pixelated}.hidden.svelte-63f3u8{opacity:0}.handle.svelte-63f3u8{cursor:ew-resize;pointer-events:auto;background:#fffffff2;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 .5px #0000004d}.knob.svelte-63f3u8{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000040,0 0 0 .5px #00000026}.knob.svelte-63f3u8:before,.knob.svelte-63f3u8:after{content:"";border:4px solid #0000;width:0;height:0;margin-top:-4px;position:absolute;top:50%}.knob.svelte-63f3u8:before{border-left:0;border-right:5px solid #1d1d1f;left:6px}.knob.svelte-63f3u8:after{border-left:5px solid #1d1d1f;border-right:0;right:6px}.label.svelte-63f3u8{border-radius:var(--r-full);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:46%;transition:opacity var(--dur-2);background:#1414169e;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:550;display:inline-flex;position:absolute;top:12px;overflow:hidden}.left.svelte-63f3u8{left:12px}.right.svelte-63f3u8{right:12px}.busy.svelte-63f3u8{top:auto;bottom:64px}.toolbar.svelte-63f3u8{border-radius:var(--r-full);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);color:#fff;cursor:default;background:#1414169e;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.toolbar.svelte-63f3u8 button:where(.svelte-63f3u8){border-radius:var(--r-full);font-variant-numeric:tabular-nums;min-width:30px;height:30px;transition:background-color var(--dur-1);place-items:center;padding:0 6px;font-size:12px;font-weight:600;display:grid}.toolbar.svelte-63f3u8 button:where(.svelte-63f3u8):hover{background:#ffffff24}.pct.svelte-63f3u8{min-width:50px!important}.sep.svelte-63f3u8{background:#ffffff40;width:1px;height:16px;margin:0 3px}@media (width<=767px){.viewer.svelte-63f3u8{height:clamp(240px,52vh,480px)}}