.image-template-host{position:relative;width:100%;overflow:hidden;background:#fffaf0}.image-template-canvas{position:absolute;top:0;left:0;transform-origin:top left}.image-template-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;pointer-events:none}.image-template-layer{position:absolute}.image-template-layer>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.image-template-text{width:100%;height:100%;white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}.image-template-placeholder{display:grid;place-items:center;height:100%;color:#64748b;background:#94a3b81a;font:24px system-ui}.image-template-layer.editable{cursor:move;touch-action:none;outline:1px dashed #64748b66}.image-template-layer[data-selected=true]{outline:3px solid #0c66e4}