.designer-container[data-v-8213edf6]{display:flex;flex-direction:column;height:calc(100vh - 140px);overflow:hidden;background:#f5f5f5}.toolbar[data-v-8213edf6]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:8px}.toolbar-left[data-v-8213edf6],.toolbar-right[data-v-8213edf6]{display:flex;align-items:center;gap:8px}.designer-body[data-v-8213edf6]{display:flex;flex:1;overflow:hidden}.panel-left[data-v-8213edf6]{width:220px;background:#fff;border-right:1px solid #f0f0f0;padding:12px;overflow-y:auto;flex-shrink:0}.panel-title[data-v-8213edf6]{font-size:14px;font-weight:700;margin-bottom:8px}.element-list[data-v-8213edf6]{display:flex;flex-direction:column;gap:4px}.element-item[data-v-8213edf6]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:#555;transition:all .2s}.element-item[data-v-8213edf6]:hover{background:#e6f4ff;color:#1677ff}.el-list[data-v-8213edf6]{max-height:400px;overflow-y:auto}.el-list-item[data-v-8213edf6]{padding:6px 10px;margin-bottom:4px;border-radius:4px;cursor:pointer;font-size:12px;border:1px solid #f0f0f0;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-list-item[data-v-8213edf6]:hover,.el-list-item.active[data-v-8213edf6]{border-color:#1677ff;background:#e6f4ff;color:#1677ff}.canvas-area[data-v-8213edf6]{flex:1;overflow:auto;display:flex;justify-content:center;padding:32px}.canvas-wrapper[data-v-8213edf6]{display:inline-block}.canvas-inner[data-v-8213edf6]{position:relative;background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:4px}.canvas-size-label[data-v-8213edf6]{position:absolute;bottom:-20px;right:0;font-size:11px;color:#bbb}.canvas-element[data-v-8213edf6]{position:absolute;cursor:move;border-radius:2px}.canvas-element[data-v-8213edf6]:hover{box-shadow:0 0 0 1px #1677ff4d}.canvas-element.selected[data-v-8213edf6]{background:#1677ff0f;outline:1px dashed #1677ff;box-shadow:0 0 0 2px #1677ff26}.guides[data-v-8213edf6]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.guide-h[data-v-8213edf6]{position:absolute;left:0;right:0;border-top:1px dashed #1677ff}.guide-v[data-v-8213edf6]{position:absolute;top:0;bottom:0;border-left:1px dashed #1677ff}.panel-right[data-v-8213edf6]{width:300px;background:#fff;border-left:1px solid #f0f0f0;padding:12px;overflow-y:auto;flex-shrink:0}.prop-section[data-v-8213edf6]{margin-bottom:12px}.prop-label[data-v-8213edf6]{font-size:12px;color:#666;margin-bottom:4px;font-weight:500}.line-config[data-v-8213edf6]{border:1px solid #f0f0f0;border-radius:6px;padding:10px;margin-bottom:10px}.line-header[data-v-8213edf6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700}.icon-grid[data-v-8213edf6]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:300px;overflow-y:auto}.icon-item[data-v-8213edf6]{cursor:pointer;padding:2px;border:2px solid transparent;border-radius:4px}.icon-item[data-v-8213edf6]:hover{border-color:#1677ff}.icon-item.active[data-v-8213edf6]{border-color:#1677ff;background:#e6f4ff}.icon-item img[data-v-8213edf6]{width:100%;height:40px;object-fit:contain}.resize-handle[data-v-8213edf6]{position:absolute;width:8px;height:8px;background:#1677ff;border:1px solid #fff;border-radius:1px;z-index:20}.resize-handle.nw[data-v-8213edf6]{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.ne[data-v-8213edf6]{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.sw[data-v-8213edf6]{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.se[data-v-8213edf6]{bottom:-4px;right:-4px;cursor:se-resize}.resize-handle.n[data-v-8213edf6]{top:-4px;left:50%;margin-left:-4px;cursor:n-resize}.resize-handle.s[data-v-8213edf6]{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.resize-handle.w[data-v-8213edf6]{top:50%;left:-4px;margin-top:-4px;cursor:w-resize}.resize-handle.e[data-v-8213edf6]{top:50%;right:-4px;margin-top:-4px;cursor:e-resize}