.design-bubble-container[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 120px);background:#f5f5f5;overflow:hidden;min-width:1100px}.top-toolbar[data-v-88ab2d6a]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:44px;padding:0 12px;background:#fff;border-bottom:1px solid #e8e8e8;-ms-flex-negative:0;flex-shrink:0}.top-toolbar .toolbar-left[data-v-88ab2d6a],.top-toolbar[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-toolbar .toolbar-left[data-v-88ab2d6a]{gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.top-toolbar .mode-selector[data-v-88ab2d6a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.top-toolbar .mode-selector[data-v-88ab2d6a] .ant-btn-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-toolbar .mode-selector[data-v-88ab2d6a] .ant-btn-group .ant-btn{height:28px;padding:0 12px;font-size:12px;line-height:26px}.top-toolbar .toolbar-center[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.top-toolbar .toolbar-center .mode-hint[data-v-88ab2d6a]{color:#888;font-size:12px}.top-toolbar .toolbar-right[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.top-toolbar .zoom-indicator[data-v-88ab2d6a]{display:inline-block;min-width:42px;text-align:center;font-size:12px;color:#666;vertical-align:middle}.main-body[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;gap:2px}.left-panel[data-v-88ab2d6a]{width:250px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-right:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.left-panel .panel-section[data-v-88ab2d6a]{padding:10px;border-bottom:1px solid #f0f0f0}.upload-dragger[data-v-88ab2d6a] .ant-upload-drag-icon{margin-bottom:4px}.upload-dragger[data-v-88ab2d6a] .ant-upload-text{font-size:13px;margin:0}.upload-dragger[data-v-88ab2d6a] .ant-upload-hint{font-size:11px;margin-top:2px}.section-title[data-v-88ab2d6a]{font-weight:600;font-size:13px;color:#333;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.section-title .anticon[data-v-88ab2d6a]{color:#1890ff}.drawing-list[data-v-88ab2d6a]{max-height:260px;overflow-y:auto}.drawing-item[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s;margin-bottom:2px}.drawing-item[data-v-88ab2d6a]:hover{background:#f0f5ff}.drawing-item.active[data-v-88ab2d6a]{background:#e6f7ff;border-left:3px solid #1890ff}.drawing-item .drawing-thumb[data-v-88ab2d6a]{width:36px;height:36px;-ms-flex-negative:0;flex-shrink:0;border-radius:3px;overflow:hidden;background:#fafafa;border:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.drawing-item .drawing-thumb img[data-v-88ab2d6a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drawing-item .drawing-thumb .thumb-placeholder[data-v-88ab2d6a]{font-size:20px;color:#d32f2f}.drawing-item .drawing-name[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.drawing-item .drawing-name .name-text[data-v-88ab2d6a]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-item .drawing-name .bubble-count[data-v-88ab2d6a]{font-size:11px;color:#999}.drawing-item .delete-icon[data-v-88ab2d6a]{font-size:14px;color:#ccc;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:color .15s;transition:color .15s}.drawing-item .delete-icon[data-v-88ab2d6a]:hover{color:#ff4d4f}.no-data[data-v-88ab2d6a]{text-align:center;padding:12px}.center-panel[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.canvas-wrapper[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;background:#f0f0f0}.canvas-wrapper canvas[data-v-88ab2d6a]{display:block;position:absolute;top:0;left:0}.canvas-wrapper .canvas-empty[data-v-88ab2d6a]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fafafa}.right-panel[data-v-88ab2d6a]{width:280px;-ms-flex-negative:0;flex-shrink:0;background:#fff;border-left:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.right-panel .panel-section[data-v-88ab2d6a]{padding:10px;border-bottom:1px solid #f0f0f0}.color-picker-row[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.color-picker-row .color-dot[data-v-88ab2d6a]{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;-webkit-transition:border-color .15s,-webkit-transform .15s;transition:border-color .15s,-webkit-transform .15s;transition:transform .15s,border-color .15s;transition:transform .15s,border-color .15s,-webkit-transform .15s}.color-picker-row .color-dot[data-v-88ab2d6a]:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.color-picker-row .color-dot.active[data-v-88ab2d6a]{border-color:#333;-webkit-transform:scale(1.15);transform:scale(1.15)}.bubble-mini-list[data-v-88ab2d6a]{max-height:200px;overflow-y:auto}.bubble-mini-item[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;border-radius:3px;margin-bottom:2px;-webkit-transition:background .15s;transition:background .15s}.bubble-mini-item[data-v-88ab2d6a]:hover{background:#f0f5ff}.bubble-mini-item.active[data-v-88ab2d6a]{background:#e6f7ff}.bubble-mini-item .mini-number[data-v-88ab2d6a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.bubble-mini-item .mini-name[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-mini-item .mini-delete[data-v-88ab2d6a]{font-size:12px;color:#ccc;-ms-flex-negative:0;flex-shrink:0}.bubble-mini-item .mini-delete[data-v-88ab2d6a]:hover{color:#ff4d4f}.bottom-bar[data-v-88ab2d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px;padding:0 12px;background:#fff;border-top:1px solid #e8e8e8;-ms-flex-negative:0;flex-shrink:0}.bottom-bar .bottom-left[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.bottom-bar .bottom-center[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.bottom-bar .bottom-center .status-text[data-v-88ab2d6a]{font-size:12px;color:#888}.bottom-bar .bottom-right[data-v-88ab2d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.bottom-bar .bottom-right .coord-text[data-v-88ab2d6a]{font-size:11px;color:#aaa;font-family:monospace}.bubble-mini-list[data-v-88ab2d6a]::-webkit-scrollbar,.drawing-list[data-v-88ab2d6a]::-webkit-scrollbar,.left-panel[data-v-88ab2d6a]::-webkit-scrollbar,.right-panel[data-v-88ab2d6a]::-webkit-scrollbar{width:4px}.bubble-mini-list[data-v-88ab2d6a]::-webkit-scrollbar-thumb,.drawing-list[data-v-88ab2d6a]::-webkit-scrollbar-thumb,.left-panel[data-v-88ab2d6a]::-webkit-scrollbar-thumb,.right-panel[data-v-88ab2d6a]::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}