.traditional-er-container[data-v-85a90aec]{height:100vh;background:#f5f7fa;display:flex;flex-direction:column}.main-container[data-v-85a90aec]{flex:1;overflow:hidden;position:relative;height:calc(100vh - 64px)}.sql-input-panel[data-v-85a90aec]{background:#fff;border-right:1px solid #e4e7ed;overflow:hidden;transition:width .3s ease;position:relative}.sql-input-panel.collapsed[data-v-85a90aec]{border-right:none}.panel-content[data-v-85a90aec]{width:400px;height:100%}.input-card[data-v-85a90aec]{margin:20px;height:calc(100vh - 104px)}.card-header[data-v-85a90aec]{display:flex;justify-content:space-between;align-items:center}.header-buttons[data-v-85a90aec]{display:flex;gap:8px;align-items:center}.el-card[data-v-85a90aec]{font-size:14px}.diagram-type-selector[data-v-85a90aec]{margin-right:12px;width:135px}.diagram-type-selector .el-input__inner[data-v-85a90aec]{font-size:12px;height:32px;line-height:32px}.progress-section[data-v-85a90aec]{margin:15px 0;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.progress-info[data-v-85a90aec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-stage[data-v-85a90aec]{font-size:12px;color:#409eff;font-weight:500}.progress-percent[data-v-85a90aec]{font-size:14px;color:#606266;font-weight:600}.progress-text[data-v-85a90aec]{font-size:12px;color:#606266;margin-left:8px}.sql-textarea[data-v-85a90aec]{font-family:Courier New,monospace}.action-buttons[data-v-85a90aec]{margin-top:10px;text-align:center}.action-buttons .el-button[data-v-85a90aec]{margin:0 5px}.file-import-section[data-v-85a90aec]{margin-bottom:10px}.sql-file-upload[data-v-85a90aec]{display:inline-block}.imported-file-info[data-v-85a90aec]{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:8px 12px;background:#f0f9ff;border:1px solid #b3d8ff;border-radius:4px;font-size:12px;color:#409eff;max-width:300px}.file-info-content[data-v-85a90aec]{display:flex;align-items:center;flex:1;min-width:0}.file-name[data-v-85a90aec]{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-name i[data-v-85a90aec]{margin-right:4px;flex-shrink:0}.file-size[data-v-85a90aec]{margin-left:8px;color:#909399;white-space:nowrap;flex-shrink:0}.clear-file-btn[data-v-85a90aec]{margin-left:8px;color:#f56c6c;flex-shrink:0}.clear-file-btn[data-v-85a90aec]:hover{color:#f56c6c}.er-diagram-panel[data-v-85a90aec]{padding:20px;padding-bottom:30px;overflow:hidden;background:#fff}.diagram-card[data-v-85a90aec]{height:calc(100vh - 104px)}.diagram-tabs[data-v-85a90aec]{height:100%}.diagram-tabs .el-tabs__content[data-v-85a90aec]{height:calc(100% - 40px)}.diagram-tabs .el-tab-pane[data-v-85a90aec]{height:100%}.diagram-container[data-v-85a90aec]{height:calc(100vh - 104px);overflow:hidden;position:relative;background:#f9f9f9;border:1px solid #e4e7ed;border-radius:4px}.chart-mask-overlay[data-v-85a90aec]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:0 0 6px 6px;pointer-events:auto}.mask-content[data-v-85a90aec]{text-align:center;padding:20px;max-width:300px;box-shadow:0 6px 16px rgba(0,0,0,.4);pointer-events:auto}.mask-icon[data-v-85a90aec]{margin-bottom:12px;opacity:.8}.mask-icon i[data-v-85a90aec]{font-size:32px;color:#f39c12}.mask-title[data-v-85a90aec]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.mask-benefits[data-v-85a90aec]{margin-bottom:20px}.mask-benefits p[data-v-85a90aec]{font-size:14px;color:#666;margin:6px 0;text-align:left}.unlock-button[data-v-85a90aec]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;padding:10px 24px;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,.3);transition:all .3s ease}.unlock-button[data-v-85a90aec]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.diagram-container.has-mask[data-v-85a90aec]{overflow:hidden}.diagram-container.has-mask .xml-display[data-v-85a90aec]{filter:blur(2px);opacity:.6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.empty-diagram[data-v-85a90aec]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#909399;font-size:16px}.empty-diagram i[data-v-85a90aec]{font-size:64px;margin-bottom:20px}.svg-wrapper[data-v-85a90aec]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center center;cursor:grab;position:absolute;top:0;left:0}.svg-wrapper[data-v-85a90aec]:active{cursor:grabbing}.diagram-actions[data-v-85a90aec]{display:flex;align-items:center}.mode-controls[data-v-85a90aec],.zoom-controls[data-v-85a90aec]{margin-right:10px}.edit-container[data-v-85a90aec],.view-container[data-v-85a90aec]{height:100%}.drawio-editor-container[data-v-85a90aec],.xml-viewer-container[data-v-85a90aec]{width:100%;height:100%;position:relative;background:#f9f9f9;border:1px solid #e4e7ed;border-radius:4px}.xml-display[data-v-85a90aec]{width:100%;height:100%}.xml-display iframe[data-v-85a90aec]{width:100%;height:100%;border:none;border-radius:4px}.empty-content[data-v-85a90aec],.error-content[data-v-85a90aec]{display:flex;align-items:center;justify-content:center;height:100%;color:#909399;font-size:16px}.loading-tip[data-v-85a90aec]{font-size:12px;color:#999;margin-top:5px}.edit-tips[data-v-85a90aec]{position:absolute;top:10px;right:10px;width:300px;z-index:1000}.edit-tips .el-alert[data-v-85a90aec]{margin-bottom:0}.edit-tips p[data-v-85a90aec]{margin:2px 0;font-size:12px}@keyframes rotate-85a90aec{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.collapse-toggle[data-v-85a90aec]{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;width:24px;height:48px;background:#409eff;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid #fff}.collapse-toggle[data-v-85a90aec]:hover{background:#66b1ff;width:28px;box-shadow:2px 0 12px rgba(0,0,0,.15);z-index:10002!important}.collapse-toggle i[data-v-85a90aec]{transition:transform .3s ease}.tooltip[data-v-85a90aec]{position:absolute;top:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;animation:fadeIn-85a90aec .2s ease forwards}.tooltip[data-v-85a90aec]:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}@keyframes fadeIn-85a90aec{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.collapse-toggle[data-v-85a90aec]{top:30%!important;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.2)}.mask-content[data-v-85a90aec]{padding:16px;max-width:280px}.mask-icon i[data-v-85a90aec]{font-size:28px}.mask-title[data-v-85a90aec]{font-size:16px;margin-bottom:12px}.mask-benefits p[data-v-85a90aec]{font-size:13px;margin:4px 0}.unlock-button[data-v-85a90aec]{padding:8px 20px;font-size:14px}}.table-example-display[data-v-85a90aec]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8f9fa}.table-example-image[data-v-85a90aec]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}