canvas.svelte-1isdxxj{touch-action:none;position:relative;cursor:move}.img-encoder>canvas{border-radius:var(--border-radius);width:inherit;height:inherit;max-width:100%;-o-object-fit:cover;object-fit:cover}.tips-hover-imgEncoder.svelte-ix7r82{pointer-events:none;background-color:var(--color-black-opacity);color:var(--color-secondary-02);position:absolute;inset:0;margin:auto;display:grid;grid-template-rows:repeat(3,auto);gap:0px;text-align:center;width:-moz-min-content;width:min-content;height:-moz-min-content;height:min-content;padding:16px;align-items:center;border-radius:var(--border-radius-2px);visibility:visible;opacity:1;transition:all .3s linear}.tips-hover-imgEncoder.svelte-ix7r82 .material-icons:where(.svelte-ix7r82){font-size:clamp(36px,10vw,100px);padding:0 16px 8px}.hide-tips.svelte-ix7r82{opacity:0;visibility:hidden}