.left-panel[data-v-eff513a8]{width:300px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;flex-shrink:0}.panel-title[data-v-eff513a8]{padding:12px 16px;font-weight:600;border-bottom:1px solid #e8e8e8}.component-list[data-v-eff513a8]{flex:1;padding:12px;overflow-y:auto}.component-item[data-v-eff513a8]{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:8px;border:1px solid #e8e8e8;border-radius:6px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s}.component-item[data-v-eff513a8]:hover{border-color:#1890ff;background:#e6f7ff}.component-item[data-v-eff513a8]:active{cursor:grabbing}.component-icon[data-v-eff513a8]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;font-size:14px}.component-label[data-v-eff513a8]{font-size:13px}.panel-actions[data-v-eff513a8]{padding:12px;border-top:1px solid #e8e8e8}.panel-actions button[data-v-eff513a8]{width:100%}.drag-ghost[data-v-61816f26]{position:fixed;pointer-events:none;z-index:9999;opacity:.75;border:1px dashed #1890ff;background:rgba(24,144,255,.08);display:flex;align-items:center;justify-content:center;font-size:13px;color:#666}.ghost-image[data-v-61816f26],.ghost-qrcode[data-v-61816f26]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.drag-ghost-xline[data-v-61816f26]{border:none;border-top:1px solid #000;background:rgba(24,144,255,.08)}.drag-ghost-yline[data-v-61816f26]{border:none;border-left:1px solid #000;background:rgba(24,144,255,.08)}.ghost-text[data-v-61816f26]{padding:2px 4px}.ghost-x-line[data-v-61816f26]{border-top:1px solid #dcdee2}.ghost-y-line[data-v-61816f26]{border-left:1px solid #dcdee2}.design-element[data-v-e52e1956]{position:absolute;cursor:move;border:1px dashed #cebcbc;transition:border-color .1s;background:transparent;min-width:10px;min-height:10px;display:flex;align-items:center;justify-content:center;word-break:break-all;padding:2px}.design-element:hover .content-text[data-v-e52e1956]{background-color:rgba(0,0,0,.3)}.design-element:hover .delete-btn[data-v-e52e1956]{display:inline-block}.design-element .content-text[data-v-e52e1956]{font-size:14px;color:#333;width:100%;height:100%;outline:none;padding:2px}.design-element .content-text[data-v-e52e1956]:focus{background-color:transparent!important}.design-element .content-qr[data-v-e52e1956]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.design-element .content-img[data-v-e52e1956]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.design-element .content-xline[data-v-e52e1956]{width:100%;border-top:1px solid #000;position:absolute;left:0;top:0}.design-element .content-yline[data-v-e52e1956]{height:100%;border-left:1px solid #000;position:absolute;left:0;top:0}.design-element.editing[data-v-e52e1956]{cursor:text}.design-element.selected[data-v-e52e1956]{border-color:#1a73e8}.design-element.selected .resize-handle[data-v-e52e1956]{display:inline-block}.design-element.xline[data-v-e52e1956],.design-element.yline[data-v-e52e1956]{border:none}.design-element.xline[data-v-e52e1956]:hover,.design-element.yline[data-v-e52e1956]:hover,.xline.selected[data-v-e52e1956],.yline.selected[data-v-e52e1956]{background-color:rgba(0,0,0,.3)}.resize-handle[data-v-e52e1956]{position:absolute;width:8px;height:8px;background:#f60;border-radius:50%;z-index:10;pointer-events:auto;opacity:.9;display:none}.resize-handle[data-v-e52e1956]:hover{transform:scale(1.2);background:#0d5cb6}.s[data-v-e52e1956]{cursor:s-resize;bottom:-12px;margin-left:-4px;left:50%}.e[data-v-e52e1956]{cursor:e-resize;top:50%;margin-top:-4px;right:-12px}.se[data-v-e52e1956]{cursor:se-resize;bottom:-12px;right:-12px}.delete-btn[data-v-e52e1956]{position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:#ff4d4f;color:#fff;border:2px solid #fff;border-radius:50%;font-size:14px;line-height:18px;text-align:center;cursor:pointer;box-shadow:0 2px 8px rgba(255,77,79,.4);z-index:10;pointer-events:auto;transition:all .15s;font-weight:700;display:none}.delete-btn[data-v-e52e1956]:hover{transform:scale(1.2);background:#d9363e}.guide-line[data-v-e52e1956]{position:absolute;pointer-events:none;z-index:5;background:transparent}.guide-line.horizontal[data-v-e52e1956]{border-top:1px dashed #ff5722;left:0}.guide-line.vertical[data-v-e52e1956]{border-left:1px dashed #ff5722;top:0}.guide-line.horizontal.bottom[data-v-e52e1956]{border-top:1px dashed #ff5722}.guide-line.vertical.right[data-v-e52e1956]{border-left:1px dashed #ff5722}.coord-label-x[data-v-e52e1956]{right:101%;top:0}.coord-label-x[data-v-e52e1956],.coord-label-y[data-v-e52e1956]{position:absolute;pointer-events:none;z-index:10;font-size:12px;background-color:red;color:#fff;padding:0 2px;border-radius:3px;font-weight:700;white-space:nowrap}.coord-label-y[data-v-e52e1956]{left:0;top:-22px}.size-label[data-v-e52e1956]{position:absolute;pointer-events:none;z-index:10;font-size:12px;background-color:red;color:#fff;padding:0 2px;border-radius:3px;font-weight:700;left:-2px;top:-20px;white-space:nowrap}.design-area-wrapper[data-v-bac589b6]{flex:1;display:flex;flex-direction:column;overflow:auto;min-width:0;height:100%}.design-area-wrapper[data-v-bac589b6]::-webkit-scrollbar{width:5px;height:6px}.design-area-wrapper[data-v-bac589b6]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px transparent;background:rgba(0,0,0,.1);cursor:pointer}.design-area-wrapper[data-v-bac589b6]::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent;border-radius:0;background:rgba(0,0,0,.05)}.design-area-wrapper .design-area[data-v-bac589b6]{margin:20px auto;height:100%;box-sizing:border-box}.ruler-area[data-v-bac589b6]{position:relative}.ruler-corner[data-v-bac589b6]{position:absolute;top:0;left:0;background:#fafafa;border-right:1px solid #ccc;border-bottom:1px solid #ccc;z-index:5}.ruler[data-v-bac589b6]{position:absolute;z-index:4}.ruler-top[data-v-bac589b6]{top:0}.ruler-left[data-v-bac589b6]{left:0}.canvas-wrap[data-v-bac589b6]{position:absolute;top:20px;left:20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);background-size:5mm 5mm;background-image:linear-gradient(90deg,#e0e0e0 1px,transparent 0),linear-gradient(180deg,#e0e0e0 1px,transparent 0)}.canvas-wrap .design-wrap[data-v-bac589b6]{position:absolute}.margin-line[data-v-bac589b6]{position:absolute;left:0;right:0;height:10px;border-top:1px dashed #ed4014;cursor:ns-resize;z-index:2;display:flex;align-items:center}.footer-line[data-v-bac589b6]:before,.header-line[data-v-bac589b6]:before{content:"\9875\7709\7EBF";font-size:12px;font-weight:500;color:#ed4014;position:absolute;left:calc(50% - 18px);top:-10px;background-color:#fff;visibility:hidden}.footer-line[data-v-bac589b6]:hover,.header-line[data-v-bac589b6]:hover{cursor:move;border-width:3px}.footer-line[data-v-bac589b6]:hover:before,.header-line[data-v-bac589b6]:hover:before{visibility:visible}.footer-line[data-v-bac589b6]:before{content:"\9875\811A\7EBF"}.right-panel[data-v-51e06748]{width:260px;background:#fafafa;border-left:1px solid #e8e8e8;padding:16px 14px;flex-shrink:0;overflow-y:auto;font-size:13px}.right-panel h4[data-v-51e06748]{font-size:13px;color:#888;margin-bottom:14px;letter-spacing:1px;border-bottom:1px solid #eee;padding-bottom:8px}.right-panel .prop-group[data-v-51e06748]{margin-bottom:14px}.right-panel .prop-group label[data-v-51e06748]{display:block;font-size:12px;color:#666;margin-bottom:3px}.right-panel .prop-group .prop-row[data-v-51e06748]{display:flex;gap:8px;align-items:center}.right-panel .prop-group .prop-row input[type=color][data-v-51e06748],.right-panel .prop-group .prop-row input[type=number][data-v-51e06748],.right-panel .prop-group .prop-row input[type=text][data-v-51e06748]{flex:1;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;outline:none;background:#fff;width:100%}.right-panel .prop-group .prop-row input[data-v-51e06748]:focus{border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.15)}.right-panel .prop-group .prop-row input[type=color][data-v-51e06748]{width:36px;height:30px;padding:2px;flex:0 0 36px;cursor:pointer}.right-panel .no-selection[data-v-51e06748]{color:#aaa;text-align:center;padding:30px 0;font-size:14px}.right-panel .prop-group .prop-row .label-unit[data-v-51e06748]{font-size:11px;color:#999;flex-shrink:0}.panel-body[data-v-51e06748]{padding:12px 0}.form-item[data-v-51e06748]{margin-bottom:12px}.form-item label[data-v-51e06748]{display:block;font-size:12px;color:#666;margin-bottom:4px}.form-item input[type=number][data-v-51e06748],.form-item input[type=text][data-v-51e06748]{width:100%}.form-item input[type=color][data-v-51e06748]{width:40px;height:32px;padding:2px;flex-shrink:0}.color-row[data-v-51e06748]{display:flex;gap:8px;align-items:center}.color-hex[data-v-51e06748]{flex:1;font-family:monospace;letter-spacing:.5px}.checkbox-item label[data-v-51e06748]{display:flex;align-items:center;gap:6px;cursor:pointer}.readonly[data-v-51e06748]{font-size:13px;color:#333}.form-actions[data-v-51e06748]{margin-top:16px}.form-actions .danger[data-v-51e06748]{width:100%;color:#ff4d4f;border-color:#ff4d4f}.form-actions .danger[data-v-51e06748]:hover{background:#fff1f0}.design-layout[data-v-0ae23318]{height:100%}.toolbar[data-v-0ae23318]{display:flex;align-items:center;padding:8px 20px;background:#fff;flex-shrink:0;gap:16px;flex-wrap:wrap;z-index:10;box-shadow:0 1px 4px rgba(0,0,0,.06)}.toolbar .brand[data-v-0ae23318]{font-weight:600;font-size:16px;color:#1a73e8;margin-right:20px}.main-layout[data-v-0ae23318]{display:flex;overflow:hidden;height:calc(100% - 50px)}