.designer-container[data-v-00e1d7f2]{display:flex;flex-direction:column;height:calc(100vh - 140px);overflow:hidden;background:#f5f5f5}.toolbar[data-v-00e1d7f2]{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:4px}.toolbar-left[data-v-00e1d7f2],.toolbar-right[data-v-00e1d7f2]{display:flex;align-items:center;gap:4px}.tl[data-v-00e1d7f2]{font-size:12px;color:#666;white-space:nowrap}.th[data-v-00e1d7f2]{font-size:10px;color:#999}.designer-body[data-v-00e1d7f2]{display:flex;flex:1;overflow:hidden}.panel-left[data-v-00e1d7f2]{width:200px;background:#fff;border-right:1px solid #f0f0f0;padding:10px;overflow-y:auto;flex-shrink:0}.pt[data-v-00e1d7f2]{font-size:13px;font-weight:700;margin-bottom:6px}.elist[data-v-00e1d7f2]{display:flex;flex-direction:column;gap:2px}.ei[data-v-00e1d7f2]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;cursor:pointer;font-size:12px;color:#555;transition:all .15s}.ei[data-v-00e1d7f2]:hover{background:#e6f4ff;color:#1677ff}.ellist[data-v-00e1d7f2]{max-height:350px;overflow-y:auto}.eli[data-v-00e1d7f2]{padding:5px 8px;margin-bottom:2px;border-radius:4px;cursor:pointer;font-size:11px;border:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eli[data-v-00e1d7f2]:hover,.eli.act[data-v-00e1d7f2]{border-color:#1677ff;background:#e6f4ff;color:#1677ff}.canvas-area[data-v-00e1d7f2]{flex:1;overflow:auto;display:flex;justify-content:center;padding:20px}.canvas-wrap[data-v-00e1d7f2]{display:inline-block}.canvas-inner[data-v-00e1d7f2]{position:relative;background:#fff;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:20px 20px;box-shadow:0 2px 12px #00000014;border-radius:2px}.csl[data-v-00e1d7f2]{position:absolute;bottom:-18px;right:0;font-size:10px;color:#bbb}.ce[data-v-00e1d7f2]{position:absolute;cursor:move;border-radius:1px}.ce[data-v-00e1d7f2]:hover{box-shadow:0 0 0 1px #1677ff4d}.ce.sel[data-v-00e1d7f2]{outline:1px dashed #1677ff;box-shadow:0 0 0 2px #1677ff1f}.guides[data-v-00e1d7f2]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.gh[data-v-00e1d7f2]{position:absolute;left:0;right:0;border-top:1px dashed #1677ff}.gv[data-v-00e1d7f2]{position:absolute;top:0;bottom:0;border-left:1px dashed #1677ff}.panel-right[data-v-00e1d7f2]{width:280px;background:#fff;border-left:1px solid #f0f0f0;padding:10px;overflow-y:auto;flex-shrink:0}.ps[data-v-00e1d7f2]{margin-bottom:10px}.pl[data-v-00e1d7f2]{font-size:11px;color:#666;margin-bottom:3px;font-weight:500}.ph[data-v-00e1d7f2]{font-size:9px;color:#bbb;margin-top:1px}.lr[data-v-00e1d7f2]{border:1px solid #f0f0f0;border-radius:5px;padding:8px;margin-bottom:8px}.lrh[data-v-00e1d7f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700}.ig[data-v-00e1d7f2]{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-height:220px;overflow-y:auto}.ii[data-v-00e1d7f2]{cursor:pointer;padding:1px;border:1px solid transparent;border-radius:3px}.ii[data-v-00e1d7f2]:hover{border-color:#1677ff}.ii.act[data-v-00e1d7f2]{border-color:#1677ff;background:#e6f4ff}.ii img[data-v-00e1d7f2]{width:100%;height:28px;object-fit:contain}.rh[data-v-00e1d7f2]{position:absolute;width:6px;height:6px;background:#1677ff;border:1px solid #fff;border-radius:1px;z-index:20}.rh.nw[data-v-00e1d7f2]{top:-3px;left:-3px;cursor:nw-resize}.rh.ne[data-v-00e1d7f2]{top:-3px;right:-3px;cursor:ne-resize}.rh.sw[data-v-00e1d7f2]{bottom:-3px;left:-3px;cursor:sw-resize}.rh.se[data-v-00e1d7f2]{bottom:-3px;right:-3px;cursor:se-resize}.rh.n[data-v-00e1d7f2]{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.rh.s[data-v-00e1d7f2]{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.rh.w[data-v-00e1d7f2]{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.rh.e[data-v-00e1d7f2]{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}