.design-canvas{position:relative;background:#fff;overflow:hidden;outline:none;transform-origin:center}.canvas-element{position:absolute;box-sizing:border-box;user-select:none;touch-action:none;transform-origin:center;cursor:move}.canvas-element.selected{outline:1px solid #2788ff}.canvas-element.locked{cursor:not-allowed}.element-content{width:100%;height:100%;overflow:hidden;pointer-events:none}.text-content{display:flex;align-items:center;white-space:pre-wrap;word-break:break-word;line-height:1.2}.shape-content{border-style:solid}.line-content{display:flex;align-items:center}.line-content::before{content:"";display:block;width:100%;border-top:var(--line-width,2px) var(--line-style,solid) var(--line-color,#222)}.icon-content{display:grid;place-items:center;line-height:1}.image-content{width:100%;height:100%;object-fit:contain;display:block}.pattern-content{width:100%;height:100%}.code-content{width:100%;height:100%;display:grid;place-items:center}.code-content canvas{max-width:100%;max-height:100%}.selection-handle{display:none;position:absolute;width:10px;height:10px;border:1px solid #fff;background:#2788ff;border-radius:50%;z-index:4}.canvas-element.selected .selection-handle{display:block}.handle-nw{left:-5px;top:-5px;cursor:nwse-resize}.handle-ne{right:-5px;top:-5px;cursor:nesw-resize}.handle-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}.rotation-handle{display:none;position:absolute;left:50%;top:-25px;width:11px;height:11px;background:#fff;border:2px solid #2788ff;border-radius:50%;transform:translateX(-50%);cursor:grab}.rotation-handle::after{content:"";position:absolute;left:3px;top:9px;width:1px;height:13px;background:#2788ff}.canvas-element.selected .rotation-handle{display:block}.element-label{display:none;position:absolute;left:0;top:-21px;background:#2788ff;color:#fff;padding:2px 5px;font-size:8px;border-radius:3px}.canvas-element.selected .element-label{display:block}.pattern-dots-element{background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:8px 8px}.pattern-grid-element{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:10px 10px}.pattern-stripes-element{background:repeating-linear-gradient(45deg,currentColor 0 3px,transparent 3px 9px)}