.canvas.svelte-o2wj0{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;outline-offset:-3px}.image-plane.svelte-o2wj0{position:absolute;left:50%;top:50%;transform-origin:center;pointer-events:none}img.svelte-o2wj0{display:block;width:100%;height:100%;max-width:none;border-radius:4px}.preview.svelte-o2wj0{position:absolute;top:0;right:0;bottom:0;left:0}.zoomed.svelte-o2wj0{cursor:grab}.dragging.svelte-o2wj0{cursor:grabbing}.picking.svelte-o2wj0{cursor:crosshair}.color-preview.svelte-o2wj0{max-width:calc(100% - 16px)}.viewer-toolbar.svelte-1f48fzo button[aria-pressed=true]:where(.svelte-1f48fzo){background:color-mix(in oklch,var(--color-txt) 18%,var(--color-bg))}.details.svelte-1f48fzo{width:var(--sidebar-width)}.sidebar-resizer.svelte-1f48fzo{position:absolute;right:calc(var(--sidebar-width) - 5px);top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;z-index:2}.sidebar-resizer.svelte-1f48fzo:hover,.sidebar-resizer.svelte-1f48fzo:focus-visible{background:color-mix(in oklch,var(--color-txt) 10%,transparent)}@media(max-width:639px){.details.svelte-1f48fzo{position:absolute;z-index:3;top:0;bottom:0;right:0;width:min(85vw,var(--sidebar-width));background:var(--color-bg)}.sidebar-resizer.svelte-1f48fzo{display:none}.viewer-toolbar.svelte-1f48fzo{gap:8px;padding:12px}}@media(max-width:639px){.sync-badge.svelte-kupp2t{min-width:0;width:28px;height:28px;padding:0}.sync-badge.svelte-kupp2t span:where(.svelte-kupp2t){display:none}}