@charset "UTF-8";.topology-canvas-container[data-v-d9833894]{width:100%;height:100%;position:relative;overflow:hidden;background-color:#f6f7f9}.topology-canvas[data-v-d9833894]{width:100%;height:100%}.topology-editor-input[data-v-d9833894]{position:absolute;z-index:1000;border:none;border-radius:0;background:transparent;padding:0;margin:0;outline:none;text-align:center;box-sizing:border-box;caret-color:#333}[data-v-d9833894] .x6-widget-selection-rubberband{border:2px dashed #1890ff!important;background-color:#1890ff40!important;z-index:999!important;border-radius:0!important}[data-v-d9833894] .x6-widget-selection-box{border:1px dashed #409EFF!important;background:transparent!important}[data-v-d9833894] .x6-widget-selection-inner{border:none!important}[data-v-d9833894] .x6-widget-transform{border:1px dashed #409EFF!important;background:transparent!important}[data-v-d9833894] .x6-widget-transform-resize{width:8px!important;height:8px!important;border:1px solid #409EFF!important;border-radius:0!important;background:#fff!important;box-shadow:0 1px 3px #00000026}[data-v-d9833894] .x6-widget-transform-resize[data-position=top-left],[data-v-d9833894] .x6-widget-transform-resize[data-position=top-right],[data-v-d9833894] .x6-widget-transform-resize[data-position=bottom-left],[data-v-d9833894] .x6-widget-transform-resize[data-position=bottom-right]{width:8px!important;height:8px!important}[data-v-d9833894] .x6-widget-transform-resize[data-position=top],[data-v-d9833894] .x6-widget-transform-resize[data-position=bottom]{width:8px!important;height:8px!important;cursor:ns-resize}[data-v-d9833894] .x6-widget-transform-resize[data-position=left],[data-v-d9833894] .x6-widget-transform-resize[data-position=right]{width:8px!important;height:8px!important;cursor:ew-resize}[data-v-d9833894] .x6-widget-transform-rotate{display:none!important}[data-v-d9833894] .x6-port-body{cursor:crosshair}.selection-box[data-v-d9833894]{position:absolute;border:1px dashed #409EFF;pointer-events:none;z-index:100}.selection-box .handle[data-v-d9833894]{position:absolute;width:8px;height:8px;background:#fff;border:1px solid #409EFF;pointer-events:auto;z-index:101}.selection-box .handle.top-left[data-v-d9833894]{top:-4px;left:-4px;cursor:nwse-resize}.selection-box .handle.top[data-v-d9833894]{top:-4px;left:50%;transform:translate(-50%);cursor:ns-resize}.selection-box .handle.top-right[data-v-d9833894]{top:-4px;right:-4px;cursor:nesw-resize}.selection-box .handle.right[data-v-d9833894]{top:50%;right:-4px;transform:translateY(-50%);cursor:ew-resize}.selection-box .handle.bottom-right[data-v-d9833894]{bottom:-4px;right:-4px;cursor:nwse-resize}.selection-box .handle.bottom[data-v-d9833894]{bottom:-4px;left:50%;transform:translate(-50%);cursor:ns-resize}.selection-box .handle.bottom-left[data-v-d9833894]{bottom:-4px;left:-4px;cursor:nesw-resize}.selection-box .handle.left[data-v-d9833894]{top:50%;left:-4px;transform:translateY(-50%);cursor:ew-resize}[data-v-d9833894] .x6-edge-tool-vertex{fill:#fff;stroke:#409eff;stroke-width:1.5;cursor:move}[data-v-d9833894] .x6-edge-tool-segment{fill:#409eff;stroke:#409eff;stroke-width:1;cursor:move}.component-panel[data-v-0cfd8626]{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;height:100%}.panel-title[data-v-0cfd8626]{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px;flex-shrink:0}.panel-title i[data-v-0cfd8626]{color:#409eff}.panel-content[data-v-0cfd8626]{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px}.panel-content[data-v-0cfd8626]::-webkit-scrollbar{width:4px}.panel-content[data-v-0cfd8626]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.component-group[data-v-0cfd8626]{margin-bottom:15px}.group-header[data-v-0cfd8626]{font-weight:600;color:#606266;font-size:.85rem;padding-bottom:8px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;margin-bottom:8px}.group-header[data-v-0cfd8626]:hover{color:#409eff}.group-body[data-v-0cfd8626]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.component-item[data-v-0cfd8626]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:10px 8px;cursor:grab;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s}.component-item[data-v-0cfd8626]:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d;border-color:#409eff}.component-item[data-v-0cfd8626]:active{cursor:grabbing}.component-label[data-v-0cfd8626]{font-size:11px;color:#666;line-height:1.2}.shape-preview[data-v-0cfd8626]{width:40px;height:28px;box-sizing:border-box;background-color:#fff;border:1.5px solid #666;position:relative;display:flex;align-items:center;justify-content:center}.shape-preview.rectangle[data-v-0cfd8626]{background:#fff;border-color:#666;border-radius:0}.shape-preview.round-rect[data-v-0cfd8626]{background:#fff;border-color:#666;border-radius:6px}.shape-preview.circle[data-v-0cfd8626]{width:28px;height:28px;background:#fff;border-color:#666;border-radius:50%}.shape-preview.ellipse[data-v-0cfd8626]{width:40px;height:22px;background:#fff;border-color:#666;border-radius:50%}.shape-preview.diamond[data-v-0cfd8626]{width:24px;height:24px;background:#fff;border-color:#666;transform:rotate(45deg);margin:2px}.shape-preview.triangle[data-v-0cfd8626]{width:0;height:0;border:none;background:transparent;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:24px solid #666}.shape-preview.triangle[data-v-0cfd8626]:after{content:"";position:absolute;top:2px;left:-11px;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:19px solid #fff}.shape-preview.parallelogram[data-v-0cfd8626]{background:#fff;border-color:#666;transform:skew(-15deg)}.shape-preview.svg-hexagon[data-v-0cfd8626]{width:36px;height:30px;border:none}.shape-preview.svg-star[data-v-0cfd8626]{width:30px;height:30px;border:none}.shape-preview.svg-cylinder[data-v-0cfd8626]{width:36px;height:40px;border:none}.shape-preview.start[data-v-0cfd8626]{background:#e1f3d8;border-color:#67c23a;border-radius:14px}.shape-preview.end[data-v-0cfd8626]{background:#fde2e2;border-color:#f56c6c;border-radius:14px}.shape-preview.process[data-v-0cfd8626]{background:#ecf5ff;border-color:#409eff;border-radius:0}.shape-preview.decision[data-v-0cfd8626]{width:24px;height:24px;background:#fdf6ec;border-color:#e6a23c;transform:rotate(45deg);margin:2px}.shape-preview.data[data-v-0cfd8626]{background:#f0f9eb;border-color:#67c23a;transform:skew(-15deg)}.shape-preview.document[data-v-0cfd8626]{background:#fef0f0;border-color:#f56c6c;border-radius:0}.shape-preview.document[data-v-0cfd8626]:after{content:"";position:absolute;bottom:-1px;left:-1px;width:calc(100% + 2px);height:5px;background:#fef0f0;border-bottom:1.5px solid #f56c6c;border-radius:0 0 50% 50%}.shape-preview.subprocess[data-v-0cfd8626]{background:#ecf5ff;border-color:#409eff}.shape-preview.subprocess[data-v-0cfd8626]:before,.shape-preview.subprocess[data-v-0cfd8626]:after{content:"";position:absolute;top:0;width:1.5px;height:100%;background:#409eff}.shape-preview.subprocess[data-v-0cfd8626]:before{left:4px}.shape-preview.subprocess[data-v-0cfd8626]:after{right:4px}.shape-preview.preparation[data-v-0cfd8626]{width:38px;background:#f4f4f5;clip-path:polygon(15% 0%,85% 0%,100% 50%,85% 100%,15% 100%,0% 50%);border:none;box-shadow:0 0 0 1.5px #666}.shape-preview.manual[data-v-0cfd8626]{background:#fff7e6;clip-path:polygon(0 0,100% 15%,100% 100%,0% 100%);border:none;box-shadow:0 0 0 1.5px #e6a23c}.shape-preview.delay[data-v-0cfd8626]{background:#f5f5f5;border-color:#666;border-radius:0 50% 50% 0}.shape-preview.icon-shape[data-v-0cfd8626]{border-radius:4px}.shape-preview.icon-shape i[data-v-0cfd8626]{font-size:14px}.shape-preview.svg-arrow[data-v-0cfd8626],.shape-preview.svg-arrow-v[data-v-0cfd8626],.shape-preview.svg-arrow-both[data-v-0cfd8626]{border:none}.shape-preview.svg-arrow[data-v-0cfd8626]{width:40px;height:24px}.shape-preview.svg-arrow-v[data-v-0cfd8626]{width:24px;height:36px}.shape-preview.svg-arrow-both[data-v-0cfd8626]{width:44px;height:24px}.shape-preview.note[data-v-0cfd8626]{background:#fffbe6;border-color:#fadb14;border-radius:2px}.shape-preview.callout[data-v-0cfd8626]{background:#e6f7ff;border-color:#91d5ff;border-radius:6px}.shape-preview.database[data-v-0cfd8626]{background:#ecf5ff;border-color:#409eff;border-radius:4px}.shape-preview.database i[data-v-0cfd8626]{color:#409eff}.shape-preview.cloud[data-v-0cfd8626]{background:#e1f3d8;border-color:#67c23a;border-radius:12px}.shape-preview.cloud i[data-v-0cfd8626]{color:#67c23a}.shape-preview.server[data-v-0cfd8626]{background:#f4f4f5;border-color:#909399;border-radius:4px}.shape-preview.server i[data-v-0cfd8626]{color:#909399}.shape-preview.computer[data-v-0cfd8626]{background:#f4f4f5;border-color:#606266;border-radius:4px}.shape-preview.computer i[data-v-0cfd8626]{color:#606266}.shape-preview.laptop[data-v-0cfd8626]{background:#ecf5ff;border-color:#409eff;border-radius:4px}.shape-preview.laptop i[data-v-0cfd8626]{color:#409eff}.shape-preview.mobile[data-v-0cfd8626]{width:20px;height:32px;background:#fdf6ec;border-color:#e6a23c;border-radius:4px}.shape-preview.mobile i[data-v-0cfd8626]{color:#e6a23c}.shape-preview.router[data-v-0cfd8626]{background:#e1f3d8;border-color:#67c23a;border-radius:4px}.shape-preview.router i[data-v-0cfd8626]{color:#67c23a}.shape-preview.firewall[data-v-0cfd8626]{background:#fef0f0;border-color:#f56c6c;border-radius:4px}.shape-preview.firewall i[data-v-0cfd8626]{color:#f56c6c}.shape-preview.storage[data-v-0cfd8626]{background:#f4f4f5;border-color:#909399;border-radius:4px}.shape-preview.storage i[data-v-0cfd8626]{color:#909399}.shape-preview.printer[data-v-0cfd8626]{background:#f4f4f5;border-color:#606266;border-radius:4px}.shape-preview.printer i[data-v-0cfd8626]{color:#606266}.shape-preview.user[data-v-0cfd8626]{width:28px;height:28px;background:#ecf5ff;border-color:#409eff;border-radius:50%}.shape-preview.user i[data-v-0cfd8626]{color:#409eff}.shape-preview.users[data-v-0cfd8626]{background:#e1f3d8;border-color:#67c23a;border-radius:6px}.shape-preview.users i[data-v-0cfd8626]{color:#67c23a}.shape-preview.admin[data-v-0cfd8626]{width:28px;height:28px;background:#fdf6ec;border-color:#e6a23c;border-radius:50%}.shape-preview.admin i[data-v-0cfd8626]{color:#e6a23c}.shape-preview.developer[data-v-0cfd8626]{width:28px;height:28px;background:#f4f4f5;border-color:#909399;border-radius:50%}.shape-preview.developer i[data-v-0cfd8626]{color:#909399}.shape-preview.customer[data-v-0cfd8626]{width:28px;height:28px;background:#f4f4f5;border-color:#606266;border-radius:50%}.shape-preview.customer i[data-v-0cfd8626]{color:#606266}.shape-preview.support[data-v-0cfd8626]{width:28px;height:28px;background:#e1f3d8;border-color:#67c23a;border-radius:50%}.shape-preview.support i[data-v-0cfd8626]{color:#67c23a}.shape-preview.check[data-v-0cfd8626]{width:26px;height:26px;background:#e1f3d8;border-color:#67c23a;border-radius:50%}.shape-preview.check i[data-v-0cfd8626]{color:#67c23a}.shape-preview.cross[data-v-0cfd8626]{width:26px;height:26px;background:#fef0f0;border-color:#f56c6c;border-radius:50%}.shape-preview.cross i[data-v-0cfd8626]{color:#f56c6c}.shape-preview.warning[data-v-0cfd8626]{width:26px;height:26px;background:#fdf6ec;border-color:#e6a23c}.shape-preview.warning i[data-v-0cfd8626]{color:#e6a23c}.shape-preview.info[data-v-0cfd8626]{width:26px;height:26px;background:#ecf5ff;border-color:#409eff;border-radius:50%}.shape-preview.info i[data-v-0cfd8626]{color:#409eff}.shape-preview.question[data-v-0cfd8626]{width:26px;height:26px;background:#f4f4f5;border-color:#909399;border-radius:50%}.shape-preview.question i[data-v-0cfd8626]{color:#909399}.shape-preview.star-icon[data-v-0cfd8626]{width:26px;height:26px;background:#fffbe6;border-color:gold;border-radius:6px}.shape-preview.star-icon i[data-v-0cfd8626]{color:gold}.shape-preview.heart[data-v-0cfd8626]{width:26px;height:26px;background:#fef0f0;border-color:#f56c6c;border-radius:6px}.shape-preview.heart i[data-v-0cfd8626]{color:#f56c6c}.shape-preview.flag[data-v-0cfd8626]{width:26px;height:26px;background:#fef0f0;border-color:#f56c6c;border-radius:6px}.shape-preview.flag i[data-v-0cfd8626]{color:#f56c6c}.shape-preview.lock[data-v-0cfd8626]{width:26px;height:26px;background:#f4f4f5;border-color:#909399;border-radius:6px}.shape-preview.lock i[data-v-0cfd8626]{color:#909399}.shape-preview.unlock[data-v-0cfd8626]{width:26px;height:26px;background:#e1f3d8;border-color:#67c23a;border-radius:6px}.shape-preview.unlock i[data-v-0cfd8626]{color:#67c23a}.shape-preview.email[data-v-0cfd8626]{background:#ecf5ff;border-color:#409eff;border-radius:4px}.shape-preview.email i[data-v-0cfd8626]{color:#409eff}.shape-preview.clock[data-v-0cfd8626]{width:26px;height:26px;background:#fdf6ec;border-color:#e6a23c;border-radius:50%}.shape-preview.clock i[data-v-0cfd8626]{color:#e6a23c}.topology-workspace[data-v-98312963]{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background-color:#f5f7fa}.toolbar[data-v-98312963]{height:40px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;padding:0 8px;flex-shrink:0;gap:0}.tool-section[data-v-98312963]{display:flex;align-items:center;gap:2px;padding:0 6px}.toolbar-divider[data-v-98312963]{width:1px;height:20px;background:#d0d0d0;flex-shrink:0}.toolbar-spacer[data-v-98312963]{flex:1}.tool-btn[data-v-98312963]{min-width:26px;height:26px;padding:0 4px;border:none;background:transparent;border-radius:3px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;gap:2px;transition:all .15s}.tool-btn[data-v-98312963]:hover:not(:disabled){background:#f0f2f5;color:#409eff}.tool-btn[data-v-98312963]:disabled{opacity:.4;cursor:not-allowed}.tool-btn.active[data-v-98312963]{background:#e6f0ff;color:#409eff}.tool-btn i[data-v-98312963]{font-size:12px}.tool-btn .fa-caret-down[data-v-98312963]{font-size:10px;color:#999;margin-left:2px}.tool-select[data-v-98312963]{height:24px;padding:0 4px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;color:#555;background:#fff;cursor:pointer;outline:none}.tool-select.font-family[data-v-98312963]{width:90px}.tool-select.font-size[data-v-98312963],.tool-select.line-height[data-v-98312963]{width:50px}.tool-select.line-width[data-v-98312963]{width:55px}.tool-select[data-v-98312963]:hover{border-color:#c0c4cc}.tool-select[data-v-98312963]:focus{border-color:#409eff}.color-picker-wrap[data-v-98312963]{position:relative}.color-btn[data-v-98312963]{flex-direction:column;padding:2px 4px;gap:1px}.color-btn .color-bar[data-v-98312963]{width:14px;height:3px;border-radius:1px}.color-dropdown[data-v-98312963]{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 12px #0000001f;z-index:1000;padding:8px;width:156px}.color-presets[data-v-98312963]{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px}.color-swatch[data-v-98312963]{width:20px;height:20px;border-radius:2px;cursor:pointer;border:1px solid #e0e0e0}.color-swatch[data-v-98312963]:hover{transform:scale(1.1);box-shadow:0 0 4px #0003}.color-input[data-v-98312963]{width:100%;height:24px;border:1px solid #dcdfe6;border-radius:3px;padding:0 6px;font-size:12px;outline:none}.color-input[data-v-98312963]:focus{border-color:#409eff}.dropdown-wrap[data-v-98312963]{position:relative}.dropdown-menu[data-v-98312963]{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 12px #0000001a;z-index:1000;min-width:130px;padding:4px 0}.dropdown-option[data-v-98312963]{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:12px;color:#555;white-space:nowrap}.dropdown-option[data-v-98312963]:hover{background:#f5f7fa}.dropdown-option.active[data-v-98312963]{background:#ecf5ff;color:#409eff}.dropdown-option.active svg line[data-v-98312963],.dropdown-option.active svg path[data-v-98312963]{stroke:#409eff}.zoom-input[data-v-98312963]{width:50px;height:24px;padding:0 4px;border:1px solid #dcdfe6;border-radius:3px;font-size:12px;color:#555;text-align:center;outline:none}.zoom-input[data-v-98312963]:focus{border-color:#409eff}.zoom-input[data-v-98312963]::-webkit-outer-spin-button,.zoom-input[data-v-98312963]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zoom-input[type=number][data-v-98312963]{-moz-appearance:textfield}.zoom-text[data-v-98312963]{font-size:12px;color:#666;min-width:20px;text-align:center;margin-right:4px}.action-btn[data-v-98312963]{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:3px;font-size:12px;cursor:pointer;border:1px solid transparent;white-space:nowrap}.action-btn i[data-v-98312963]{font-size:11px}.action-btn.primary[data-v-98312963]{background:#409eff;color:#fff}.action-btn.primary[data-v-98312963]:hover{background:#66b1ff}.action-btn.secondary[data-v-98312963]{background:#fff;border-color:#dcdfe6;color:#555}.action-btn.secondary[data-v-98312963]:hover{color:#409eff;border-color:#c6e2ff;background:#ecf5ff}.main-container[data-v-98312963]{flex:1;display:flex;overflow:hidden}.component-panel[data-v-98312963]{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #e0e0e0}.canvas-area[data-v-98312963]{flex:1;position:relative;background:#fff;overflow:hidden}.error-modal-overlay[data-v-d98ccbdc]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-modal[data-v-d98ccbdc]{background:#fff;border-radius:12px;padding:24px;width:400px;max-width:90%;box-shadow:0 10px 25px #0003;text-align:center;animation:modalPop-d98ccbdc .3s cubic-bezier(.34,1.56,.64,1)}.modal-icon[data-v-d98ccbdc]{font-size:40px;color:#ff4d4f;margin-bottom:16px}.modal-content h3[data-v-d98ccbdc]{margin:0 0 10px;color:#333;font-size:18px}.modal-content p[data-v-d98ccbdc]{color:#666;margin-bottom:15px}.error-details[data-v-d98ccbdc]{background:#fff1f0;border:1px solid #ffccc7;border-radius:6px;padding:10px;text-align:left;margin-bottom:20px}.error-details ul[data-v-d98ccbdc]{margin:0;padding-left:20px;color:#555;font-size:13px}.confirm-btn[data-v-d98ccbdc]{background:#1890ff;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.confirm-btn[data-v-d98ccbdc]:hover{background:#40a9ff;transform:translateY(-1px)}@keyframes modalPop-d98ccbdc{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.circuit-canvas-wrapper[data-v-15cc1ae3]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--circuit-bg-color, #1e1e1e)}.canvas-container[data-v-15cc1ae3]{flex:1;width:100%;height:100%;position:relative;overflow:hidden}[data-v-15cc1ae3] .x6-node path{stroke:var(--circuit-stroke)!important}[data-v-15cc1ae3] .x6-port-body{stroke:var(--circuit-stroke)!important}[data-v-15cc1ae3] .x6-edge path:nth-of-type(1){stroke:var(--circuit-stroke)!important}[data-v-15cc1ae3] .x6-edge.x6-edge-selected path:nth-child(2){stroke:#feb663!important}[data-v-15cc1ae3] .x6-widget-selection-rubberband{border:1px solid #1890ff!important;background-color:#1890ff33!important}[data-v-15cc1ae3] .x6-widget-selection-box{border:1px dashed #409EFF!important;background:transparent!important;box-shadow:none!important}[data-v-15cc1ae3] .x6-widget-selection-inner{border:none!important}.circuit-tooltip[data-v-15cc1ae3]{position:fixed;z-index:1000;pointer-events:none;background-color:#1e1e1ee6;border:1px solid #444;color:#eee;padding:8px 12px;border-radius:4px;font-size:12px;box-shadow:0 4px 12px #0000004d;white-space:pre-line;transition:opacity .2s,transform .2s}.picking-mode .canvas-container[data-v-15cc1ae3]{cursor:crosshair!important}@keyframes ant-line{to{stroke-dashoffset:-12}}.component-panel[data-v-47d04762]{display:flex;flex-direction:column;padding:5px;overflow-y:auto;flex:1;min-height:0;gap:0}.component-group[data-v-47d04762]{margin-bottom:8px;border-radius:6px;overflow:hidden;background:var(--bg-secondary)}.group-header[data-v-47d04762]{padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-primary);background:#00000008;cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none;transition:background .2s}.group-header[data-v-47d04762]:hover{background:#0000000f}.group-header .arrow[data-v-47d04762]{font-size:10px;margin-right:8px;transition:transform .2s;display:inline-block;opacity:.6}.group-header .arrow.expanded[data-v-47d04762]{transform:rotate(90deg)}.group-content[data-v-47d04762]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.component-card[data-v-47d04762]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 0;cursor:grab;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.component-card[data-v-47d04762] path{stroke:var(--icon-color)!important;opacity:.8;transition:stroke .3s}.component-card[data-v-47d04762]:hover{border-color:#007acc;background:var(--hover-bg);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.component-card:hover .name[data-v-47d04762]{color:#007acc}.component-card[data-v-47d04762]:hover path{stroke:#007acc!important;opacity:1}.component-card[data-v-47d04762]:active{cursor:grabbing;transform:scale(.98)}.component-card .preview-area[data-v-47d04762]{height:48px;display:flex;align-items:center;justify-content:center;width:100%;padding:0 10px}.component-card .preview-area .comp-svg[data-v-47d04762]{max-width:100%;max-height:100%;overflow:visible}.component-card .name[data-v-47d04762]{font-size:12px;color:var(--text-secondary);font-weight:500;text-align:center}.circuit-property-panel[data-v-52e9d14f]{padding:15px;font-size:14px;color:#333}.empty-state[data-v-52e9d14f]{text-align:center;color:#999;margin-top:50px}.empty-state i[data-v-52e9d14f]{font-size:32px;margin-bottom:10px;opacity:.5}.panel-header[data-v-52e9d14f]{font-weight:700;font-size:16px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;color:#409eff}.form-group[data-v-52e9d14f]{margin-bottom:15px}.form-group label[data-v-52e9d14f]{display:block;margin-bottom:5px;color:#666}.form-group input[data-v-52e9d14f]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:inherit}.form-group input[data-v-52e9d14f]:focus{outline:none;border-color:#409eff}.form-group .disabled-input[data-v-52e9d14f]{background:#f5f7fa;color:#999;cursor:not-allowed}.input-with-unit[data-v-52e9d14f]{position:relative;display:flex;align-items:center}.input-with-unit .unit[data-v-52e9d14f]{position:absolute;right:10px;color:#999}.help-text[data-v-52e9d14f]{font-size:12px;color:#999;margin-top:4px}.info-box[data-v-52e9d14f]{background:#f0f9eb;color:#67c23a;padding:10px;border-radius:4px;display:flex;gap:8px;align-items:flex-start;line-height:1.4}.info-box i[data-v-52e9d14f]{margin-top:2px}.actions[data-v-52e9d14f]{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.actions .delete-btn[data-v-52e9d14f]{width:100%;padding:8px;background:#fff;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:4px;cursor:pointer;transition:all .2s}.actions .delete-btn[data-v-52e9d14f]:hover{background:#fff1f0}.circuit-display-settings[data-v-fd1f2baf]{position:absolute;top:60px;right:20px;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:300;color:var(--text-primary)}.circuit-display-settings .settings-header[data-v-fd1f2baf]{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.circuit-display-settings .settings-header .close-btn[data-v-fd1f2baf]{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary)}.circuit-display-settings .settings-header .close-btn[data-v-fd1f2baf]:hover{color:var(--text-primary)}.circuit-display-settings .settings-content[data-v-fd1f2baf]{padding:16px}.circuit-display-settings .form-group[data-v-fd1f2baf]{margin-bottom:16px}.circuit-display-settings .form-group label[data-v-fd1f2baf]{display:block;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.circuit-display-settings .color-picker-row[data-v-fd1f2baf]{display:flex;align-items:center;gap:10px}.circuit-display-settings .color-picker-row input[type=color][data-v-fd1f2baf]{width:40px;height:24px;padding:0;border:none;cursor:pointer;background:none}.circuit-display-settings .color-picker-row input[type=color][data-v-fd1f2baf]::-webkit-color-swatch-wrapper{padding:0}.circuit-display-settings .color-picker-row input[type=color][data-v-fd1f2baf]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:4px}.circuit-display-settings .color-picker-row .color-value[data-v-fd1f2baf]{font-family:monospace;font-size:12px;color:var(--text-primary)}.circuit-display-settings .actions[data-v-fd1f2baf]{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color);text-align:right}.circuit-display-settings .actions .reset-btn[data-v-fd1f2baf]{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.circuit-display-settings .actions .reset-btn[data-v-fd1f2baf]:hover{background:var(--bg-hover);color:var(--text-primary)}.oscilloscope-window[data-v-63fce75b]{position:fixed;left:0;top:0;z-index:1000;-webkit-user-select:none;user-select:none;font-family:Segoe UI,Roboto,sans-serif}.scope-chassis[data-v-63fce75b]{width:600px;background:#1e1e1e;border:1px solid #333;border-radius:4px;box-shadow:0 10px 30px #000c;display:flex;flex-direction:column}.header[data-v-63fce75b]{background:#252525;height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;cursor:move;border-bottom:1px solid #333}.header .brand[data-v-63fce75b]{color:#ddd;font-weight:700;font-size:14px}.header .brand .model[data-v-63fce75b]{color:#888;font-weight:400;margin-left:5px}.header .win-btn[data-v-63fce75b]{background:none;border:none;color:#666;font-size:18px;cursor:pointer}.header .win-btn[data-v-63fce75b]:hover{color:#fff}.scope-body[data-v-63fce75b]{display:flex;height:300px}.screen-area[data-v-63fce75b]{flex:1;background:#000;position:relative;border-right:1px solid #333}.screen-area canvas[data-v-63fce75b]{width:100%;height:100%;display:block}.osd-overlay[data-v-63fce75b]{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;font-family:monospace;color:#fff;text-shadow:0 1px 2px #000}.osd-overlay .ch1-info .badge[data-v-63fce75b]{background:#ffeb3b;color:#000;padding:0 3px;border-radius:2px;font-weight:700;margin-right:4px}.osd-overlay .trig-info[data-v-63fce75b]{color:#888}.osd-overlay .trig-info.triggered[data-v-63fce75b]{color:#4caf50}.osd-overlay .trig-info .icon[data-v-63fce75b]{font-size:14px;vertical-align:middle}.control-panel[data-v-63fce75b]{width:150px;background:#222;padding:10px;display:flex;flex-direction:column;gap:10px}.ctrl-group[data-v-63fce75b]{display:flex;flex-direction:column;gap:6px}.group-label[data-v-63fce75b]{font-size:9px;color:#666;letter-spacing:1px;font-weight:700;text-align:center}.group-label.ch1[data-v-63fce75b]{color:#ffeb3b}.ctrl-row[data-v-63fce75b]{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aaa}.ctrl-row .input-wrapper[data-v-63fce75b]{display:flex;background:#111;border:1px solid #333;border-radius:2px;padding:2px;width:60px}.ctrl-row .input-wrapper input[data-v-63fce75b]{width:100%;background:transparent;border:none;color:#fff;text-align:right;font-family:monospace}.ctrl-row .input-wrapper input[data-v-63fce75b]:focus{outline:none}.ctrl-row .input-wrapper .unit[data-v-63fce75b]{color:#666;margin-left:2px}.toggle-row[data-v-63fce75b]{gap:2px}.toggle-row .toggle-btn[data-v-63fce75b]{flex:1;background:#333;border:1px solid #444;color:#888;font-size:10px;padding:2px;cursor:pointer}.toggle-row .toggle-btn.active[data-v-63fce75b]{background:#009688;color:#fff;border-color:#009688}.knob-row[data-v-63fce75b]{display:flex;align-items:center;gap:4px}.knob-row .adj-btn[data-v-63fce75b]{width:20px;height:20px;border-radius:50%;background:#333;border:1px solid #444;color:#fff;line-height:1;cursor:pointer}.knob-row .adj-btn[data-v-63fce75b]:hover{background:#444}.knob-row .value-display[data-v-63fce75b]{flex:1;text-align:center;font-family:monospace;color:#fff;background:#111;padding:2px;border-radius:2px;font-size:11px;border:1px solid #333}.action-row[data-v-63fce75b]{margin-top:4px}.action-row .big-btn[data-v-63fce75b]{width:100%;padding:4px;background:#444;border:none;color:#fff;border-radius:2px;font-size:11px;font-weight:700;cursor:pointer}.action-row .big-btn.running[data-v-63fce75b]{background:#4caf50;color:#fff}.bnc-port[data-v-63fce75b]{margin-top:8px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.bnc-port .bnc-ring[data-v-63fce75b]{width:32px;height:32px;border-radius:50%;border:2px solid #555;position:relative;display:flex;justify-content:center;align-items:center;transition:all .2s}.bnc-port .bnc-ring .bnc-center[data-v-63fce75b]{width:8px;height:8px;background:#d4ac0d;border-radius:50%}.bnc-port .bnc-label[data-v-63fce75b]{margin-top:4px;font-size:10px;font-weight:700;color:#555}.bnc-port:hover .bnc-ring[data-v-63fce75b]{border-color:#777}.bnc-port.picking .bnc-ring[data-v-63fce75b]{border-color:#2196f3;box-shadow:0 0 5px #2196f3}.bnc-port.connected .bnc-ring[data-v-63fce75b]{border-color:#ffeb3b}.divider[data-v-63fce75b]{height:1px;background:#333;margin:4px 0}.multimeter-window[data-v-f74983e4]{width:280px;background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;overflow:hidden}.window-header[data-v-f74983e4]{background:#333;padding:8px 12px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none}.window-header .window-title[data-v-f74983e4]{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;color:#eee}.window-header .window-controls .win-btn[data-v-f74983e4]{background:transparent;border:none;color:#999;font-size:16px;cursor:pointer;padding:0 4px}.window-header .window-controls .win-btn[data-v-f74983e4]:hover{color:#fff}.window-content[data-v-f74983e4]{padding:16px;display:flex;flex-direction:column;gap:16px}.dmm-screen[data-v-f74983e4]{background:#9cad91;border:3px solid #555;border-radius:4px;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-end;position:relative;box-shadow:inset 0 2px 8px #0000004d}.dmm-screen .dmm-value[data-v-f74983e4]{font-family:Courier New,monospace;font-size:36px;font-weight:700;letter-spacing:1px;color:#1a1a1a;text-shadow:1px 1px 0px rgba(0,0,0,.1);line-height:1.2}.dmm-screen .dmm-unit[data-v-f74983e4]{font-size:16px;font-weight:700;color:#333}.dmm-screen .dmm-mode-indicator[data-v-f74983e4]{position:absolute;top:6px;left:8px;font-size:11px;font-weight:700;color:#333;text-transform:uppercase;opacity:.6}.dmm-controls[data-v-f74983e4]{display:flex;justify-content:center}.mode-switch[data-v-f74983e4]{display:flex;background:#111;border:1px solid #444;border-radius:20px;padding:3px;box-shadow:inset 0 1px 3px #00000080}.mode-switch button[data-v-f74983e4]{flex:1;min-width:60px;padding:6px 16px;border-radius:16px;border:none;background:transparent;color:#888;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s}.mode-switch button[data-v-f74983e4]:hover{color:#ccc}.mode-switch button.active[data-v-f74983e4]{background:#e67e22;color:#fff;box-shadow:0 2px 5px #0000004d}.dmm-ports[data-v-f74983e4]{display:flex;flex-direction:column;gap:12px;background:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #333}.probe-row[data-v-f74983e4]{display:flex;align-items:center;gap:12px}.probe-row .probe-jack[data-v-f74983e4]{width:32px;height:32px;border-radius:50%;background:#2a2a2a;border:2px solid #555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d}.probe-row .probe-jack .hole[data-v-f74983e4]{width:12px;height:12px;border-radius:50%;background:#111;border:2px solid transparent}.probe-row.red .probe-jack[data-v-f74983e4]:hover{border-color:#e74c3c}.probe-row.red .probe-jack.active[data-v-f74983e4]{border-color:#ff5252;box-shadow:0 0 10px #ff525266}.probe-row.red .probe-jack.active .hole[data-v-f74983e4]{background:#c0392b}.probe-row.black .probe-jack[data-v-f74983e4]:hover{border-color:#95a5a6}.probe-row.black .probe-jack.active[data-v-f74983e4]{border-color:#bdc3c7;box-shadow:0 0 10px #bdc3c766}.probe-row.black .probe-jack.active .hole[data-v-f74983e4]{background:#333}.probe-row .probe-info[data-v-f74983e4]{flex:1;display:flex;flex-direction:column;justify-content:center}.probe-row .probe-info .label[data-v-f74983e4]{font-size:11px;color:#888;margin-bottom:2px}.probe-row .probe-info .value[data-v-f74983e4]{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.logic-analyzer-window[data-v-141d52c2]{position:fixed;left:0;top:0;border-radius:8px;box-shadow:0 10px 25px #0009;background:transparent;display:flex;flex-direction:column}.la-unit[data-v-141d52c2]{width:520px;background:#111;border:1px solid #333;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.la-header[data-v-141d52c2]{background:linear-gradient(to bottom,#333,#222);height:32px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;cursor:move;border-bottom:1px solid #111}.la-header .brand[data-v-141d52c2]{display:flex;align-items:center;gap:6px}.la-header .brand .logo-text[data-v-141d52c2]{color:#fff;font-weight:700;font-family:sans-serif}.la-header .brand .model-text[data-v-141d52c2]{color:#2196f3;font-weight:300;font-size:12px}.la-header .win-btn[data-v-141d52c2]{background:none;border:none;color:#666;font-size:18px;cursor:pointer}.la-header .win-btn[data-v-141d52c2]:hover{color:#fff}.connector-strip[data-v-141d52c2]{background:#1a1a1a;padding:8px;border-bottom:1px solid #333;display:flex;flex-direction:column;gap:5px}.strip-label[data-v-141d52c2]{font-size:10px;color:#666;letter-spacing:1px}.pin-row[data-v-141d52c2]{display:flex;justify-content:space-around;background:#111;padding:6px;border-radius:4px;box-shadow:inset 0 1px 3px #000c;position:relative;border:1px solid #333}.pin-group[data-v-141d52c2]{display:flex;flex-direction:column;align-items:center;gap:4px}.pin-contact[data-v-141d52c2]{width:20px;height:20px;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.pin-contact .pin-metal[data-v-141d52c2]{width:12px;height:12px;background:linear-gradient(135deg,#e0e0e0,#999);border:1px solid #555;box-shadow:1px 1px 2px #00000080}.pin-contact .pin-label[data-v-141d52c2]{position:absolute;top:-15px;font-size:9px;color:#888;font-family:monospace}.pin-contact:hover .pin-metal[data-v-141d52c2]{background:#fff}.pin-contact.picking .pin-metal[data-v-141d52c2]{background:#2196f3;box-shadow:0 0 5px #2196f3}.pin-contact.active .pin-metal[data-v-141d52c2]{background:gold;border-color:#f57f17}.status-led[data-v-141d52c2]{width:6px;height:6px;border-radius:50%;background:#333;box-shadow:inset 0 1px 1px #000}.status-led.on[data-v-141d52c2]{background:#1b5e20}.status-led.high[data-v-141d52c2]{background:#00e676;box-shadow:0 0 4px #00e676}.waveform-display[data-v-141d52c2]{position:relative;height:200px;background:#1e1e1e}.waveform-display canvas[data-v-141d52c2]{display:block;width:100%;height:100%}.overlay-controls[data-v-141d52c2]{position:absolute;bottom:0;left:0;right:0;padding:6px;display:flex;justify-content:flex-end;gap:10px;pointer-events:none}.control-pill[data-v-141d52c2]{pointer-events:auto;background:#0009;padding:3px 8px;border-radius:12px;display:flex;align-items:center;gap:6px;font-size:11px;color:#ccc;border:1px solid #444}.control-pill .label[data-v-141d52c2]{color:#888}.control-pill select[data-v-141d52c2]{background:transparent;color:#fff;border:none;font-size:11px;cursor:pointer;padding:0}.control-pill select[data-v-141d52c2]:focus{outline:none}.control-pill button[data-v-141d52c2]{background:#444;border:none;color:#fff;width:16px;height:16px;border-radius:50%;cursor:pointer;line-height:1;display:flex;justify-content:center;align-items:center}.control-pill button[data-v-141d52c2]:hover{background:#666}.run-pill[data-v-141d52c2]{padding:0;overflow:hidden;border:none}.run-pill .run-btn[data-v-141d52c2]{width:auto;height:24px;border-radius:12px;padding:0 12px;background:#424242}.run-pill .run-btn.running[data-v-141d52c2]{background:#2196f3}.run-pill .run-btn[data-v-141d52c2]:hover{opacity:.9}.circuit-workspace[data-v-52cf3603]{--bg-primary: #f0f2f5;--bg-secondary: #ffffff;--border-color: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--icon-color: #333333;--circuit-stroke: #333333;--hover-bg: #f5f7fa;--canvas-bg: #ffffff}.circuit-workspace.dark-theme[data-v-52cf3603]{--bg-primary: #1e1e1e;--bg-secondary: #252526;--border-color: #333333;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--icon-color: #e0e0e0;--circuit-stroke: #cccccc;--hover-bg: #37373d;--canvas-bg: #1e1e1e}.circuit-workspace[data-v-52cf3603]{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;transition:background .3s,color .3s}.circuit-main[data-v-52cf3603]{flex:1;display:flex;overflow:hidden;position:relative}.circuit-sidebar[data-v-52cf3603]{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10;transition:background .3s,border-color .3s}.circuit-sidebar .sidebar-header[data-v-52cf3603]{padding:15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.circuit-sidebar .sidebar-header .sidebar-title[data-v-52cf3603]{font-weight:600;font-size:14px;color:var(--text-primary);letter-spacing:.5px}.circuit-sidebar .component-list[data-v-52cf3603]{flex:1;overflow-y:auto;padding:10px}.circuit-properties[data-v-52cf3603]{width:260px;background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;z-index:10;transition:background .3s,border-color .3s}.circuit-properties .properties-header[data-v-52cf3603]{padding:15px;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.circuit-canvas-container[data-v-52cf3603]{flex:1;background:var(--canvas-bg);position:relative;overflow:hidden;transition:background .3s}.circuit-top-bar[data-v-52cf3603]{position:absolute;top:0;left:0;width:100%;height:54px;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;opacity:.98;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.circuit-top-bar .toolbar-left[data-v-52cf3603]{display:flex;align-items:center;z-index:2}.circuit-top-bar .toolbar-left .control-group[data-v-52cf3603]{display:flex;align-items:center;gap:8px}.circuit-top-bar .toolbar-left .design-label[data-v-52cf3603]{font-size:12px;color:#007acc;margin:0 12px 0 8px;font-weight:500;white-space:nowrap}.circuit-top-bar .toolbar-center[data-v-52cf3603]{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;z-index:1}.circuit-top-bar .toolbar-center .instrument-group[data-v-52cf3603]{display:flex;align-items:center;background:var(--bg-primary);padding:4px;border-radius:8px;border:1px solid var(--border-color);box-shadow:inset 0 1px 3px #0000000d}.circuit-top-bar .toolbar-center .instrument-group .sep[data-v-52cf3603]{width:1px;height:16px;background:var(--border-color);margin:0 2px}.circuit-top-bar .toolbar-right[data-v-52cf3603]{display:flex;align-items:center;gap:16px;z-index:2}.circuit-top-bar .toolbar-right .file-ops-group[data-v-52cf3603]{display:flex;align-items:center;gap:8px}.circuit-top-bar .toolbar-right .design-label[data-v-52cf3603]{font-size:13px;color:#007acc;margin:0 8px 0 4px;font-weight:500;white-space:nowrap}.circuit-top-bar .tool-btn[data-v-52cf3603]{display:flex;align-items:center;gap:8px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;color:var(--text-primary);background:transparent}.circuit-top-bar .tool-btn[data-v-52cf3603]:hover{background:var(--hover-bg)}.circuit-top-bar .tool-btn.active[data-v-52cf3603]{background:#007acc1a;color:#007acc}.circuit-top-bar .tool-btn.icon-only[data-v-52cf3603]{padding:8px;border-radius:6px}.circuit-top-bar .tool-btn.primary[data-v-52cf3603]{background:#007acc;color:#fff}.circuit-top-bar .tool-btn.primary[data-v-52cf3603]:hover{background:#0062a3}.circuit-top-bar .tool-btn.primary.running[data-v-52cf3603]{background:#e09b18;color:#fff}.circuit-top-bar .tool-btn.warning[data-v-52cf3603]{color:var(--text-secondary)}.circuit-top-bar .tool-btn.warning[data-v-52cf3603]:hover{color:#ff5050;background:#ff50501a}.circuit-top-bar .toolbar-divider[data-v-52cf3603]{width:1px;height:20px;background:var(--border-color);margin:0 12px}.circuit-top-bar .status-group[data-v-52cf3603]{display:flex;gap:15px;font-size:12px;color:var(--text-secondary)}.circuit-top-bar .status-group .status-item[data-v-52cf3603]{display:flex;align-items:center;gap:6px}.circuit-top-bar .status-group .pulse-dot[data-v-52cf3603]{width:6px;height:6px;border-radius:50%;background:#4cc71e;box-shadow:0 0 6px #4cc71e;animation:pulse-52cf3603 1.5s infinite}.circuit-top-bar .dropdown[data-v-52cf3603]{position:relative}.circuit-top-bar .dropdown-menu[data-v-52cf3603]{position:absolute;top:110%;left:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 4px 12px #0003;border-radius:6px;z-index:1000;padding:6px 0}.circuit-top-bar .dropdown-menu .dropdown-section-title[data-v-52cf3603]{padding:8px 12px 4px;font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.circuit-top-bar .dropdown-menu .dropdown-item[data-v-52cf3603]{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .2s;color:var(--text-primary);font-size:12px}.circuit-top-bar .dropdown-menu .dropdown-item[data-v-52cf3603]:hover{background:var(--hover-bg)}.circuit-top-bar .dropdown-menu .dropdown-item .shortcut[data-v-52cf3603]{margin-left:auto;font-size:11px;color:var(--text-secondary)}.circuit-top-bar .dropdown-menu .dropdown-item .item-title[data-v-52cf3603]{font-size:12px;font-weight:500}.circuit-top-bar .dropdown-menu .dropdown-divider[data-v-52cf3603]{height:1px;background:var(--border-color);margin:4px 0}.circuit-top-bar .dropdown-menu .preset-list[data-v-52cf3603]{max-height:200px;overflow-y:auto;padding-bottom:4px}.circuit-top-bar .theme-toggle-btn-small[data-v-52cf3603]{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:background .2s}.circuit-top-bar .theme-toggle-btn-small[data-v-52cf3603]:hover{background:var(--hover-bg)}.instrument-window[data-v-52cf3603]{position:absolute;width:320px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;z-index:200;overflow:hidden}.instrument-window .window-header[data-v-52cf3603]{padding:8px 12px;background:var(--hover-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;user-select:none}.instrument-window .window-header .window-title[data-v-52cf3603]{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.instrument-window .window-header .win-btn.close[data-v-52cf3603]{background:none;border:none;font-size:16px;line-height:1;cursor:pointer;color:var(--text-secondary)}.instrument-window .window-header .win-btn.close[data-v-52cf3603]:hover{color:#ff5050}.instrument-window .window-content[data-v-52cf3603]{padding:12px;display:flex;flex-direction:column;gap:12px}.instrument-window .scope-screen[data-v-52cf3603]{height:140px;background:#000;border-radius:4px;border:1px solid #444;position:relative;overflow:hidden}.instrument-window .scope-screen .grid-overlay[data-v-52cf3603]{width:100%;height:100%;background-image:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px);background-size:20px 20px;opacity:.5}.instrument-window .scope-screen .trace-line[data-v-52cf3603]{position:absolute;top:50%;left:0;width:100%;height:2px;background:#0f0;box-shadow:0 0 4px #0f0;opacity:.8;animation:traceScan-52cf3603 2s linear infinite}.instrument-window .scope-panel[data-v-52cf3603]{display:flex;justify-content:space-between;padding-top:8px}.instrument-window .scope-panel .knob-group[data-v-52cf3603]{display:flex;flex-direction:column;align-items:center;gap:4px}.instrument-window .scope-panel .knob-group .label[data-v-52cf3603]{font-size:10px;color:var(--text-secondary)}.instrument-window .scope-panel .knob-group .knob[data-v-52cf3603]{width:32px;height:32px;border-radius:50%;background:#ddd;border:2px solid #bbb;position:relative}.instrument-window .scope-panel .knob-group .knob[data-v-52cf3603]:after{content:"";position:absolute;top:2px;left:50%;width:2px;height:8px;background:#666;transform:translate(-50%)}.instrument-window .scope-panel .channel-inputs[data-v-52cf3603]{display:flex;flex-direction:column;gap:4px}.instrument-window .scope-panel .channel-inputs .ch-btn[data-v-52cf3603]{font-size:10px;padding:2px 6px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.instrument-window .scope-panel .channel-inputs .ch-btn.active[data-v-52cf3603]{background:#e6f7ff;color:#007acc;border-color:#007acc}.dmm-screen[data-v-52cf3603]{background:#c3d9c3;border:2px solid #555;border-radius:4px;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-family:Courier New,monospace;color:#333;box-shadow:inset 2px 2px 4px #0003}.dmm-screen .dmm-value[data-v-52cf3603]{font-size:28px;font-weight:700}.dmm-screen .dmm-unit[data-v-52cf3603]{font-size:16px;font-weight:600}.dmm-dial-container[data-v-52cf3603]{height:100px;display:flex;justify-content:center;align-items:center}.dmm-dial-container .dmm-dial[data-v-52cf3603]{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#e0e0e0,#bbb);border:4px solid #666;position:relative;box-shadow:0 4px 8px #0000004d;cursor:pointer}.dmm-dial-container .dmm-dial[data-v-52cf3603]:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:4px;height:20px;background:#ff5050;border-radius:2px}.dmm-ports[data-v-52cf3603]{display:flex;justify-content:space-around;padding-bottom:8px}.dmm-ports .port[data-v-52cf3603]{width:40px;height:40px;border-radius:50%;border:2px solid #666;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;color:#ddd;background:#333;box-shadow:inset 1px 1px 3px #00000080;cursor:pointer}.dmm-ports .port.common[data-v-52cf3603]{border-color:#333}.dmm-ports .port.input[data-v-52cf3603]{border-color:#ff5050}.logic-channels[data-v-52cf3603]{display:flex;flex-direction:column;gap:8px;background:#000;padding:8px;border-radius:4px}.logic-channels .channel-row[data-v-52cf3603]{display:flex;align-items:center;gap:8px;height:30px}.logic-channels .channel-row .ch-label[data-v-52cf3603]{width:30px;color:#aaa;font-size:12px;text-align:right;font-family:monospace}.logic-channels .channel-row .ch-trace[data-v-52cf3603]{flex:1;height:100%;border-bottom:1px dashed #333;position:relative}.logic-channels .channel-row .ch-trace svg[data-v-52cf3603]{display:block;height:100%}@keyframes traceScan-52cf3603{0%{transform:translateY(0);opacity:.2}50%{transform:translateY(-10px);opacity:1}to{transform:translateY(0);opacity:.2}}@keyframes pulse-52cf3603{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}[data-v-52cf3603]::-webkit-scrollbar{width:6px;height:6px}[data-v-52cf3603]::-webkit-scrollbar-thumb{background:#444;border-radius:3px}[data-v-52cf3603]::-webkit-scrollbar-track{background:transparent}.dropdown[data-v-52cf3603]{position:relative;display:inline-block}.dropdown-menu[data-v-52cf3603]{position:absolute;top:100%;left:0;margin-top:8px;width:250px;background:#2a2a2a;border:1px solid #444;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1000;padding:6px 0;overflow:hidden}.dropdown-item[data-v-52cf3603]{padding:8px 12px;cursor:pointer;border-bottom:1px solid #333}.dropdown-item[data-v-52cf3603]:last-child{border-bottom:none}.dropdown-item[data-v-52cf3603]:hover{background:#333}.item-title[data-v-52cf3603]{font-weight:700;color:#eee;font-size:13px;margin-bottom:4px}.item-desc[data-v-52cf3603]{font-size:11px;color:#999;line-height:1.3}.component-button[data-v-85521d0e]{transition:all .2s ease}.component-button[data-v-85521d0e]:hover{filter:brightness(1.1)}.component-input[data-v-40ebe962]{outline:none}.component-input[data-v-40ebe962]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.component-text[data-v-74171f90]{word-break:break-word;overflow:hidden}.component-image[data-v-a49b20d7]{display:flex;align-items:center;justify-content:center}.image-placeholder[data-v-a49b20d7]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray)}.image-placeholder i[data-v-a49b20d7]{font-size:32px;margin-bottom:8px}.image-placeholder span[data-v-a49b20d7]{font-size:14px}.component-card[data-v-2e167669]{display:flex;flex-direction:column}.component-switch[data-v-425cb9ab]:hover{opacity:.9}.component-checkbox[data-v-094c5f82]{-webkit-user-select:none;user-select:none}.checkbox-box[data-v-094c5f82]{width:18px;height:18px;border:2px solid var(--gray);border-radius:4px;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox-box.checked[data-v-094c5f82]{background:var(--primary);border-color:var(--primary)}.checkbox-box.checked i[data-v-094c5f82]{color:#fff;font-size:12px}.checkbox-label[data-v-094c5f82]{font-size:14px}.component-radio[data-v-6534b58b]{-webkit-user-select:none;user-select:none}.radio-circle[data-v-6534b58b]{width:18px;height:18px;border:2px solid var(--gray);border-radius:50%;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.radio-circle.checked[data-v-6534b58b]{border-color:var(--primary)}.radio-dot[data-v-6534b58b]{width:10px;height:10px;background:var(--primary);border-radius:50%}.radio-label[data-v-6534b58b]{font-size:14px}.component-select[data-v-d0e2c6d8]:focus{border-color:var(--primary)}.slider-input[data-v-10e1b686]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.progress-text[data-v-d9cfab83]{font-size:12px;color:var(--gray);min-width:35px}.component-textarea[data-v-fd9e21ec]{outline:none}.component-textarea[data-v-fd9e21ec]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.component-div[data-v-9b7724aa]{position:relative}.div-label[data-v-9b7724aa]{color:var(--gray);font-size:14px;opacity:.5}.tabs-header[data-v-e4f0113b]{display:flex;border-bottom:1px solid #e9ecef}.tab-item[data-v-e4f0113b]{padding:12px 20px;cursor:pointer;font-size:14px;transition:all .2s}.tab-item[data-v-e4f0113b]:hover{background:#00000005}.tab-item.active[data-v-e4f0113b]{font-weight:500}.tabs-content[data-v-e4f0113b]{flex:1;padding:20px}.tab-panel[data-v-e4f0113b]{color:var(--gray);font-size:14px}.component-icon[data-v-2fd527e2]{transition:all .2s}.component-icon[data-v-2fd527e2]:hover{transform:scale(1.1)}.component-chart canvas[data-v-2dff1dfa]{width:100%!important;height:100%!important}.topology-map-renderer[data-v-851cd97b]{width:100%;height:100%;background-color:#f5f5f5;border-radius:4px;overflow:hidden}.topology-canvas[data-v-851cd97b]{width:100%;height:100%}.canvas-component[data-v-0dd602f1]{outline:2px dashed #dee2e6;outline-offset:0;transition:all .2s;min-height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;background:transparent;padding:0;box-sizing:border-box}.canvas-component.selected[data-v-0dd602f1]{outline:2px dashed var(--primary);outline-offset:-2px}.canvas-component.selected[data-v-0dd602f1]:before,.canvas-component.selected[data-v-0dd602f1]:after{content:"";position:absolute;width:12px;height:12px;background:var(--primary);border:2px solid white;border-radius:50%;z-index:10}.canvas-component.selected[data-v-0dd602f1]:before{top:-6px;left:-6px}.canvas-component.selected[data-v-0dd602f1]:after{bottom:-6px;right:-6px}.canvas-component .selection-handles[data-v-0dd602f1]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-component .selection-handle[data-v-0dd602f1]{position:absolute;width:12px;height:12px;background:var(--primary);border:2px solid white;border-radius:50%;z-index:10;pointer-events:none}.canvas-component.locked[data-v-0dd602f1]{cursor:not-allowed;opacity:.7}.canvas-component.locked .resize-handle[data-v-0dd602f1]{display:none}.canvas-component.read-only[data-v-0dd602f1]{cursor:default;outline:none}.canvas-component.read-only[data-v-0dd602f1]:before,.canvas-component.read-only[data-v-0dd602f1]:after{content:none}.canvas-component.hidden[data-v-0dd602f1]{opacity:.3}.canvas-component[data-v-0dd602f1]:hover{border-color:var(--primary)}.canvas-component.read-only[data-v-0dd602f1]:hover{border-color:transparent}.canvas-component button[data-v-0dd602f1],.canvas-component .preview-button[data-v-0dd602f1]{cursor:pointer!important}.canvas-component input[data-v-0dd602f1],.canvas-component textarea[data-v-0dd602f1],.canvas-component .preview-input[data-v-0dd602f1]{cursor:text!important}.canvas-component select[data-v-0dd602f1],.canvas-component .preview-select[data-v-0dd602f1],.canvas-component .preview-switch[data-v-0dd602f1],.canvas-component .preview-checkbox[data-v-0dd602f1],.canvas-component .preview-radio[data-v-0dd602f1]{cursor:pointer!important}.resize-handle[data-v-0dd602f1]{position:absolute;width:10px;height:10px;background:var(--primary);border-radius:50%;z-index:10;opacity:0;transition:opacity .2s;touch-action:none}.resize-handle.nw[data-v-0dd602f1]{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.n[data-v-0dd602f1]{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.ne[data-v-0dd602f1]{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.e[data-v-0dd602f1]{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.resize-handle.se[data-v-0dd602f1]{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle.s[data-v-0dd602f1]{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.resize-handle.sw[data-v-0dd602f1]{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.w[data-v-0dd602f1]{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.canvas-component:hover .resize-handle[data-v-0dd602f1],.canvas-component.selected .resize-handle[data-v-0dd602f1]{opacity:1}.lock-indicator[data-v-0dd602f1]{position:absolute;top:5px;right:5px;width:20px;height:20px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center}.lock-indicator i[data-v-0dd602f1]{color:#fff;font-size:10px}.component-actions[data-v-0dd602f1]{position:absolute;top:-36px;right:0;display:flex;gap:5px;padding:4px;background:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;opacity:0;transition:opacity .2s;z-index:100;pointer-events:auto}.canvas-component:hover .component-actions[data-v-0dd602f1],.canvas-component.selected .component-actions[data-v-0dd602f1]{opacity:1}.action-btn[data-v-0dd602f1]{width:24px;height:24px;border-radius:4px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:#6c757d;transition:all .2s}.action-btn[data-v-0dd602f1]:hover{background:var(--primary);color:#fff}.action-btn i[data-v-0dd602f1]{font-size:12px}.canvas-group[data-v-1cd9930b]{position:absolute;cursor:move;border:2px dashed #ff9800;background:#ff98000d;box-sizing:border-box;transition:all .2s;pointer-events:auto}.canvas-group[data-v-1cd9930b]:hover:not(.selected){border-color:#f57c00;background:#ff980014}.canvas-group.selected[data-v-1cd9930b]{border:2px solid #ff9800;background:#ff98001a}.canvas-group.locked[data-v-1cd9930b]{cursor:not-allowed;opacity:.6}.canvas-group.read-only[data-v-1cd9930b]{cursor:default;border:none;background:transparent}.canvas-group.hidden[data-v-1cd9930b]{display:none}.grouped-component-wrapper[data-v-1cd9930b]{position:absolute;pointer-events:auto;box-sizing:border-box;min-width:0;min-height:0}.selection-handles .selection-handle[data-v-1cd9930b]{position:absolute;width:12px;height:12px;background:var(--primary, #007bff);border:2px solid white;border-radius:50%;z-index:10;cursor:pointer}.selection-handles .selection-handle[data-v-1cd9930b]:hover{transform:scale(1.2)}.group-actions[data-v-1cd9930b]{position:absolute;top:-40px;right:0;display:flex;gap:5px;background:#fff;padding:5px;border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:20}.group-actions .action-btn[data-v-1cd9930b]{width:28px;height:28px;border:none;background:transparent;color:#6c757d;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.9rem}.group-actions .action-btn[data-v-1cd9930b]:hover{background:#f8f9fa;color:var(--primary, #007bff)}.group-actions .action-btn[data-v-1cd9930b]:active{transform:scale(.95)}.layers-panel[data-v-3da8df90]{position:absolute;top:100%;right:0;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);width:250px;max-height:300px;overflow-y:auto;z-index:1000;margin-top:8px;display:none;scrollbar-width:thin;-ms-overflow-style:none;border:1px solid #e9ecef}.layers-panel[data-v-3da8df90]::-webkit-scrollbar{display:none}.layers-panel.show[data-v-3da8df90]{display:block;animation:fadeIn-3da8df90 .2s ease}@keyframes fadeIn-3da8df90{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.layers-header[data-v-3da8df90]{padding:12px 15px;border-bottom:1px solid #e9ecef;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--dark);background:#f8f9fa}.layers-header i[data-v-3da8df90]{color:var(--primary)}.layers-list[data-v-3da8df90]{padding:8px 0;max-height:250px;overflow-y:auto}.layers-list[data-v-3da8df90]::-webkit-scrollbar{width:6px}.layers-list[data-v-3da8df90]::-webkit-scrollbar-track{background:transparent}.layers-list[data-v-3da8df90]::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.layer-item[data-v-3da8df90]{display:flex;align-items:center;justify-content:space-between;padding:8px 15px;cursor:pointer;transition:var(--transition)}.layer-item[data-v-3da8df90]:hover{background:var(--light)}.layer-item.selected[data-v-3da8df90]{background:#4361ee1a;border-left:3px solid var(--primary)}.layer-item.group-component[data-v-3da8df90]{padding-left:30px;background:#fafafa}.layer-item.group-component[data-v-3da8df90]:hover{background:#f0f0f0}.layer-item.group-component.selected[data-v-3da8df90]{background:#4361ee1a}.layer-info[data-v-3da8df90]{display:flex;align-items:center;gap:8px}.layer-info i[data-v-3da8df90]{color:var(--primary);font-size:.9rem}.layer-info .layer-name[data-v-3da8df90]{font-size:.9rem;color:var(--dark)}.layer-actions[data-v-3da8df90]{display:flex;gap:5px}.action-btn[data-v-3da8df90]{width:24px;height:24px;border:none;background:transparent;border-radius:var(--border-radius);cursor:pointer;color:var(--gray);font-size:.85rem;transition:var(--transition)}.action-btn[data-v-3da8df90]:hover{background:var(--light);color:var(--primary)}.action-btn.active[data-v-3da8df90]{color:var(--primary)}.group-container[data-v-3da8df90]{margin-bottom:5px}.group-header[data-v-3da8df90]{display:flex;align-items:center;gap:8px;padding:8px 15px;cursor:pointer;transition:var(--transition);font-weight:500}.group-header[data-v-3da8df90]:hover{background:var(--light)}.group-header i[data-v-3da8df90]{color:var(--primary);font-size:.9rem}.group-header .layer-name[data-v-3da8df90]{font-size:.9rem;color:var(--dark)}.group-components[data-v-3da8df90]{background:#fafafa}.empty-state[data-v-3da8df90]{text-align:center;padding:30px 15px;color:var(--gray)}.empty-state i[data-v-3da8df90]{font-size:2rem;opacity:.3;margin-bottom:10px}.empty-state p[data-v-3da8df90]{margin:0;font-size:.9rem}.workspace[data-v-1c98e8dc]{flex:1;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;min-height:0}.workspace--presentation[data-v-1c98e8dc]{background:transparent;border-radius:0;box-shadow:none}.workspace-header[data-v-1c98e8dc]{padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.workspace-title[data-v-1c98e8dc]{font-weight:600;color:var(--dark)}.workspace-controls[data-v-1c98e8dc]{display:flex;gap:8px;flex-wrap:wrap}.btn[data-v-1c98e8dc]{background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);padding:8px 16px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:5px;font-weight:500;font-size:14px}.btn[data-v-1c98e8dc]:hover{background:var(--secondary);transform:translateY(-2px)}.layers-button-container[data-v-1c98e8dc]{position:relative;display:flex;align-items:center;padding:0;margin:0}.btn-secondary[data-v-1c98e8dc]{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-secondary[data-v-1c98e8dc]:hover{background:var(--light)}.btn-secondary.active[data-v-1c98e8dc]{background:var(--primary);color:#fff;border-color:var(--primary)}.canvas-container[data-v-1c98e8dc]{flex:1;padding:20px;overflow:auto;background:#dee2e6;position:relative;min-height:0;border-radius:0 0 var(--border-radius) var(--border-radius);display:flex;flex-direction:column;align-items:stretch;gap:10px}.canvas-container--presentation[data-v-1c98e8dc]{padding:0;background:transparent;gap:0;align-items:center;justify-content:flex-start;overflow:visible}.toolbar[data-v-1c98e8dc]{display:flex;gap:8px;margin-bottom:10px;padding:8px 12px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);flex-wrap:wrap;flex-shrink:0;width:auto;align-self:stretch;box-sizing:border-box}.toolbar-group[data-v-1c98e8dc]{display:flex;gap:4px;align-items:center}.toolbar-btn[data-v-1c98e8dc]{padding:6px 10px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.85rem;transition:var(--transition)}.toolbar-btn[data-v-1c98e8dc]:hover{background:var(--light)}.toolbar-btn.active[data-v-1c98e8dc]{background:var(--primary);color:#fff;border-color:var(--primary)}.toolbar-btn[data-v-1c98e8dc]:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.btn-danger[data-v-1c98e8dc]{color:#dc3545;border-color:#dc3545}.toolbar-btn.btn-danger[data-v-1c98e8dc]:hover{background:#dc3545;color:#fff}.toolbar-btn.device-btn[data-v-1c98e8dc]{padding:6px 8px}.toolbar-divider[data-v-1c98e8dc]{width:1px;height:24px;background:#dee2e6;margin:0 4px}.preset-select[data-v-1c98e8dc]{padding:4px 8px;border:1px solid #dee2e6;border-radius:4px;font-size:.75rem;background:#fff;cursor:pointer;min-width:140px}.preset-select[data-v-1c98e8dc]:focus{outline:none;border-color:var(--primary)}.zoom-controls[data-v-1c98e8dc]{display:flex;align-items:center;gap:4px}.zoom-controls .zoom-value[data-v-1c98e8dc]{font-size:.75rem;color:#6c757d;min-width:40px;text-align:center}.alignment-tools[data-v-1c98e8dc]{display:flex;gap:5px;margin-bottom:15px;background:#fff;padding:8px 12px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.tool-btn[data-v-1c98e8dc]{width:32px;height:32px;border:none;background:transparent;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray);transition:var(--transition)}.tool-btn[data-v-1c98e8dc]:hover{background:var(--light);color:var(--primary)}.tool-btn[data-v-1c98e8dc]:disabled{opacity:.5;cursor:not-allowed}.tool-divider[data-v-1c98e8dc]{width:1px;background:#e9ecef;margin:0 5px}.canvas-wrapper[data-v-1c98e8dc]{position:relative;display:flex;justify-content:center;align-items:flex-start}.device-frame[data-v-1c98e8dc]{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.device-frame.mobile[data-v-1c98e8dc]{background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 2px #333,0 0 0 4px #1a1a1a,0 10px 40px #0000004d}.device-frame.tablet[data-v-1c98e8dc]{background:#2a2a2a;border-radius:20px;padding:15px;box-shadow:0 0 0 2px #444,0 10px 40px #0000004d}.device-frame.desktop[data-v-1c98e8dc]{padding:0;box-shadow:0 4px 20px #00000026;border-radius:8px}.device-frame.frameless[data-v-1c98e8dc]{padding:0;background:transparent;box-shadow:none;border-radius:0}.device-viewport[data-v-1c98e8dc]{position:relative;background:transparent}.device-notch[data-v-1c98e8dc]{width:100%;height:30px;display:flex;justify-content:center;align-items:center;background:#1a1a1a;border-radius:20px 20px 0 0}.device-notch .notch-inner[data-v-1c98e8dc]{width:120px;height:28px;background:#000;border-radius:0 0 20px 20px}.device-home-indicator[data-v-1c98e8dc]{width:134px;height:5px;background:#fff;border-radius:3px;margin-top:8px;opacity:.6}.canvas[data-v-1c98e8dc]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative;flex-shrink:0;overflow:visible}.device-frame.mobile .canvas[data-v-1c98e8dc]{border-radius:0;box-shadow:none}.device-frame.tablet .canvas[data-v-1c98e8dc]{border-radius:4px}.grid-lines[data-v-1c98e8dc]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);pointer-events:none;z-index:0}.empty-canvas[data-v-1c98e8dc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--gray);pointer-events:none}.empty-canvas i[data-v-1c98e8dc]{font-size:60px;margin-bottom:20px;opacity:.3}.empty-canvas p[data-v-1c98e8dc]{font-size:18px;opacity:.5}.alignment-line[data-v-1c98e8dc]{position:absolute;background:var(--primary);z-index:1000;pointer-events:none}.alignment-line.horizontal[data-v-1c98e8dc]{height:1px}.alignment-line.vertical[data-v-1c98e8dc]{width:1px}.selection-rect[data-v-1c98e8dc]{position:absolute;border:2px dashed var(--primary);background:#4361ee1a;pointer-events:none;z-index:999}.preview-player[data-v-0d34c8f4]{width:100%;min-height:100vh;height:100vh;background:#f0f2f5;display:flex;flex-direction:column}.preview-loading[data-v-0d34c8f4],.preview-error[data-v-0d34c8f4]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;color:#666;gap:15px}.preview-error[data-v-0d34c8f4]{color:#ff4d4f}.preview-content[data-v-0d34c8f4]{flex:1;position:relative;overflow:hidden;height:100%}.ui-preview[data-v-0d34c8f4]{width:100%;height:100%;display:flex}.app-header[data-v-b29b7fc5]{background:#fff;border-radius:var(--border-radius);padding:0 20px;height:64px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1000}.header-left[data-v-b29b7fc5],.header-right[data-v-b29b7fc5]{display:flex;align-items:center;gap:15px;flex:1}.header-center[data-v-b29b7fc5]{flex:2;display:flex;justify-content:center}.header-right[data-v-b29b7fc5]{justify-content:flex-end}.logo[data-v-b29b7fc5]{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:var(--primary);white-space:nowrap}.logo i[data-v-b29b7fc5]{font-size:1.5rem}.design-type-switcher[data-v-b29b7fc5]{display:flex;gap:8px;background:#f1f3f5;padding:4px;border-radius:8px}.type-btn[data-v-b29b7fc5]{background:transparent;color:#6c757d;border:none;border-radius:6px;padding:6px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem}.type-btn[data-v-b29b7fc5]:hover{color:var(--primary);background:#0000000d}.type-btn.active[data-v-b29b7fc5]{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d}.action-toolbar[data-v-b29b7fc5]{display:flex;align-items:center;gap:8px}.icon-action-btn[data-v-b29b7fc5]{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s}.icon-action-btn[data-v-b29b7fc5]:hover{background:#f1f3f5;color:var(--primary)}.icon-action-btn[data-v-b29b7fc5]:active{background:#e9ecef;transform:scale(.95)}.header-divider[data-v-b29b7fc5]{width:1px;height:24px;background:#e9ecef;margin:0 10px}.user-profile[data-v-b29b7fc5]{position:relative}.avatar-wrapper[data-v-b29b7fc5]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:50px;transition:all .2s}.avatar-wrapper[data-v-b29b7fc5]:hover{background:#f8f9fa}.avatar[data-v-b29b7fc5]{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.username[data-v-b29b7fc5]{font-weight:500;color:#333;font-size:.95rem}.fa-chevron-down[data-v-b29b7fc5]{font-size:.8rem;color:#999;transition:transform .2s}.fa-chevron-down.rotate[data-v-b29b7fc5]{transform:rotate(180deg)}.user-dropdown[data-v-b29b7fc5]{position:absolute;top:50px;right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid #eee;overflow:hidden;display:flex;flex-direction:column}.dropdown-header[data-v-b29b7fc5]{background:linear-gradient(135deg,var(--primary),#4facfe);padding:20px;display:flex;align-items:center;gap:15px;color:#fff}.big-avatar[data-v-b29b7fc5]{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.3)}.user-info .name[data-v-b29b7fc5]{font-size:1.1rem;font-weight:600}.user-info .role[data-v-b29b7fc5]{font-size:.85rem;opacity:.9;margin-top:2px}.dropdown-body[data-v-b29b7fc5]{padding:15px;max-height:400px;overflow-y:auto}.section-title[data-v-b29b7fc5]{font-size:.9rem;color:#888;margin-bottom:15px;display:flex;align-items:center;gap:8px}.design-tabs[data-v-b29b7fc5]{display:flex;gap:10px;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.tab-btn[data-v-b29b7fc5]{border:none;background:none;font-size:.9rem;color:#666;cursor:pointer;padding:4px 0;position:relative}.tab-btn.active[data-v-b29b7fc5]{color:var(--primary);font-weight:600}.tab-btn.active[data-v-b29b7fc5]:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:2px;background:var(--primary)}.design-list[data-v-b29b7fc5]{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.empty-state[data-v-b29b7fc5]{text-align:center;color:#999;padding:20px;font-size:.9rem}.design-item[data-v-b29b7fc5]{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid transparent}.design-item[data-v-b29b7fc5]:hover{background:#f8f9fa;border-color:#eee}.design-item:hover .action-btn[data-v-b29b7fc5]{opacity:1}.item-icon[data-v-b29b7fc5]{width:40px;height:40px;background:#eef2f5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.item-content[data-v-b29b7fc5]{flex:1}.item-name[data-v-b29b7fc5]{font-size:.95rem;font-weight:500;color:#333}.item-time[data-v-b29b7fc5]{font-size:.75rem;color:#999;margin-top:2px}.action-btn[data-v-b29b7fc5]{border:none;background:none;cursor:pointer;padding:6px;opacity:0;transition:all .2s;border-radius:4px;margin-left:4px}.action-btn[data-v-b29b7fc5]:hover{background:#e9ecef}.action-btn.share-btn[data-v-b29b7fc5]{color:var(--primary)}.action-btn.share-btn[data-v-b29b7fc5]:hover{background:#007acc1a}.action-btn.delete-btn[data-v-b29b7fc5]{color:#ff6b6b}.action-btn.delete-btn[data-v-b29b7fc5]:hover{background:#fff0f0}.dropdown-footer[data-v-b29b7fc5]{border-top:1px solid #eee;padding:10px;background:#fdfdfd;display:flex;justify-content:space-between}.footer-btn[data-v-b29b7fc5]{border:none;background:none;color:#666;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px}.footer-btn[data-v-b29b7fc5]:hover{background:#eee}.footer-btn.danger[data-v-b29b7fc5]{color:#ff6b6b}.footer-btn.danger[data-v-b29b7fc5]:hover{background:#fff0f0}.fade-enter-active[data-v-b29b7fc5],.fade-leave-active[data-v-b29b7fc5]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-b29b7fc5],.fade-leave-to[data-v-b29b7fc5]{opacity:0;transform:translateY(-10px)}.components-panel[data-v-be755093]{flex:0 0 260px;background:#fff;border-radius:var(--border-radius);padding:15px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.components-categories[data-v-be755093]{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.components-categories[data-v-be755093]::-webkit-scrollbar{display:none}.panel-title[data-v-be755093]{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:var(--dark);display:flex;align-items:center;gap:8px}.search-box[data-v-be755093]{position:relative;margin-bottom:15px}.search-box .search-icon[data-v-be755093]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray)}.search-box .search-input[data-v-be755093]{width:100%;padding:10px 12px 10px 35px;border:1px solid #e9ecef;border-radius:var(--border-radius);font-size:.9rem;transition:var(--transition)}.search-box .search-input[data-v-be755093]:focus{outline:none;border-color:var(--primary)}.components-categories[data-v-be755093]{display:flex;flex-direction:column;gap:15px}.category[data-v-be755093]{display:flex;flex-direction:column;gap:10px}.category-title[data-v-be755093]{font-weight:600;color:var(--gray);font-size:.9rem;padding-bottom:5px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.category-title[data-v-be755093]:hover{color:var(--primary)}.category-title .toggle-icon[data-v-be755093]{font-size:10px;transition:transform .2s ease}.category-title .toggle-icon.collapsed[data-v-be755093]{transform:rotate(-90deg)}.components-grid[data-v-be755093]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.component-item[data-v-be755093]{background:var(--light);border:1px solid #e9ecef;border-radius:var(--border-radius);padding:12px;cursor:grab;transition:var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.component-item[data-v-be755093]:hover{background:#e9ecef;transform:translateY(-3px);box-shadow:0 5px 10px #0000000d}.component-item[data-v-be755093]:active{cursor:grabbing}.component-icon[data-v-be755093]{font-size:1.5rem;color:var(--primary)}.component-name[data-v-be755093]{font-size:.85rem;font-weight:500}.property-item[data-v-d30794ef]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.property-item[data-v-d30794ef]:last-child{margin-bottom:0}.property-label[data-v-d30794ef]{font-size:.8rem;color:#6c757d;white-space:nowrap;min-width:70px}.property-input[data-v-d30794ef]{flex:1;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;max-width:130px}.property-input[data-v-d30794ef]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee1a}.property-select[data-v-d30794ef]{flex:1;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;max-width:130px}.property-select[data-v-d30794ef]:focus{outline:none;border-color:var(--primary)}.property-textarea[data-v-d30794ef]{flex:1;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;resize:vertical;min-height:60px;max-width:130px}.property-textarea[data-v-d30794ef]:focus{outline:none;border-color:var(--primary)}.color-picker[data-v-d30794ef]{display:flex;align-items:center;gap:8px;flex:1;max-width:130px}.color-picker .color-preview[data-v-d30794ef]{width:24px;height:24px;border-radius:4px;border:1px solid #dee2e6;flex-shrink:0}.color-picker input[type=color][data-v-d30794ef]{flex:1;height:28px;padding:0;border:1px solid #dee2e6;border-radius:4px;cursor:pointer}.slider-container[data-v-d30794ef]{display:flex;align-items:center;gap:8px;flex:1;max-width:130px}.slider-container .slider-input[data-v-d30794ef]{flex:1;height:4px;-webkit-appearance:none;background:#dee2e6;border-radius:2px}.slider-container .slider-value[data-v-d30794ef]{font-size:.75rem;color:#6c757d;min-width:25px;text-align:right}.switch-container[data-v-d30794ef]{display:flex;align-items:center}.switch[data-v-d30794ef]{position:relative;display:inline-block;width:40px;height:22px}.switch input[data-v-d30794ef]{opacity:0;width:0;height:0}.switch input:checked+.switch-slider[data-v-d30794ef]{background-color:var(--primary)}.switch input:checked+.switch-slider[data-v-d30794ef]:before{transform:translate(18px)}.switch .switch-slider[data-v-d30794ef]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:22px}.switch .switch-slider[data-v-d30794ef]:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.properties-panel[data-v-f97cd681]{flex:0 0 280px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.panel-title[data-v-f97cd681]{font-size:1.1rem;font-weight:600;padding:15px;border-bottom:1px solid #e9ecef;color:var(--dark);display:flex;align-items:center;gap:8px}.panel-title i[data-v-f97cd681]{color:var(--primary)}.panel-title .settings-toggle[data-v-f97cd681]{margin-left:auto;width:28px;height:28px;border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:all .2s}.panel-title .settings-toggle[data-v-f97cd681]:hover,.panel-title .settings-toggle.active[data-v-f97cd681]{background:var(--primary);color:#fff;border-color:var(--primary)}.panel-title .settings-toggle i[data-v-f97cd681]{font-size:.8rem;color:inherit}.apply-settings-btn[data-v-f97cd681]{width:100%;padding:12px 16px;margin-top:15px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #4361ee4d}.apply-settings-btn[data-v-f97cd681]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4361ee66}.apply-settings-btn[data-v-f97cd681]:active{transform:translateY(0)}.apply-settings-btn i[data-v-f97cd681]{font-size:.85rem}.panel-content[data-v-f97cd681]{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;scrollbar-width:none;-ms-overflow-style:none}.panel-content[data-v-f97cd681]::-webkit-scrollbar{display:none}.property-group[data-v-f97cd681]{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:10px}.property-title[data-v-f97cd681]{font-weight:600;color:var(--dark);font-size:.9rem;padding-bottom:10px;border-bottom:1px solid #e9ecef;margin-bottom:10px;display:flex;align-items:center;gap:8px}.property-title i[data-v-f97cd681]{color:var(--primary);font-size:.85rem}.property-item[data-v-f97cd681]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.property-item[data-v-f97cd681]:last-child{margin-bottom:0}.property-label[data-v-f97cd681]{font-size:.8rem;color:#6c757d;white-space:nowrap;min-width:70px}.property-input[data-v-f97cd681]{flex:1;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;transition:all .2s;max-width:130px}.property-input[data-v-f97cd681]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee1a}.property-select[data-v-f97cd681]{flex:1;padding:6px 10px;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;background:#fff;cursor:pointer;max-width:130px}.property-select[data-v-f97cd681]:focus{outline:none;border-color:var(--primary)}.align-buttons[data-v-f97cd681]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 0}.align-btn[data-v-f97cd681]{padding:10px;border:1px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#495057}.align-btn[data-v-f97cd681]:hover{background:#f8f9fa;border-color:var(--primary);color:var(--primary)}.align-btn[data-v-f97cd681]:active{transform:scale(.95)}.align-btn i[data-v-f97cd681]{pointer-events:none}.color-picker[data-v-f97cd681]{display:flex;align-items:center;gap:8px;flex:1;max-width:130px}.color-picker .color-preview[data-v-f97cd681]{width:24px;height:24px;border-radius:4px;border:1px solid #dee2e6;flex-shrink:0}.color-picker input[type=color][data-v-f97cd681]{flex:1;height:28px;padding:0;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;background:transparent}.color-picker input[type=color][data-v-f97cd681]::-webkit-color-swatch-wrapper{padding:2px}.color-picker input[type=color][data-v-f97cd681]::-webkit-color-swatch{border:none;border-radius:2px}.slider-container[data-v-f97cd681]{display:flex;align-items:center;gap:8px;flex:1;max-width:130px;overflow:visible}.slider-container .slider-input[data-v-f97cd681]{flex:1;height:4px;min-width:60px;max-width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#dee2e6;border-radius:2px;outline:none}.slider-container .slider-input[data-v-f97cd681]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .2s}.slider-container .slider-input[data-v-f97cd681]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-container .slider-input[data-v-f97cd681]::-moz-range-thumb{width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.slider-container .slider-value[data-v-f97cd681]{font-size:.75rem;color:#6c757d;min-width:38px;text-align:right;flex-shrink:0}.status-bar[data-v-3e69621d]{background:var(--dark);color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;border-radius:var(--border-radius);flex-shrink:0}.status-left[data-v-3e69621d],.status-center[data-v-3e69621d],.status-right[data-v-3e69621d]{display:flex;align-items:center;gap:15px;flex:1}.status-left[data-v-3e69621d]{justify-content:flex-start}.status-center[data-v-3e69621d]{justify-content:center}.status-right[data-v-3e69621d]{justify-content:flex-end}.status-item[data-v-3e69621d]{display:flex;align-items:center;gap:6px;opacity:.85;white-space:nowrap}.status-item i[data-v-3e69621d]{font-size:11px;opacity:.7}.status-item.inactive[data-v-3e69621d]{opacity:.4}.status-item.selected-info[data-v-3e69621d]{color:var(--primary);opacity:1}.status-item.selected-info i[data-v-3e69621d]{opacity:1}.status-item.device-mode[data-v-3e69621d]{background:#ffffff1a;padding:2px 8px;border-radius:4px}.status-item.zoom-level[data-v-3e69621d]{font-weight:500}.context-menu[data-v-105e4ece]{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:8px 0;min-width:200px;z-index:2000}.context-menu-item[data-v-105e4ece]{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background .2s}.context-menu-item[data-v-105e4ece]:hover{background:var(--light)}.context-menu-item i[data-v-105e4ece]{width:20px;margin-right:10px;color:var(--gray)}.context-menu-item span[data-v-105e4ece]{flex:1;font-size:14px}.context-menu-item .shortcut[data-v-105e4ece]{font-size:12px;color:var(--gray)}.context-menu-item.danger[data-v-105e4ece],.context-menu-item.danger i[data-v-105e4ece]{color:var(--danger)}.context-menu-divider[data-v-105e4ece]{height:1px;background:#e9ecef;margin:5px 0}.modal-overlay[data-v-b939f6d6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-b939f6d6]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.preview-modal[data-v-b939f6d6]{width:90vw;height:90vh}.modal-header[data-v-b939f6d6]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #e9ecef;gap:20px}.modal-header h3[data-v-b939f6d6]{margin:0;font-size:16px;white-space:nowrap}.preview-controls[data-v-b939f6d6]{display:flex;align-items:center;gap:15px;flex:1;justify-content:center}.device-buttons[data-v-b939f6d6]{display:flex;gap:5px}.device-btn[data-v-b939f6d6]{padding:6px 10px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.device-btn[data-v-b939f6d6]:hover{background:#f8f9fa}.device-btn.active[data-v-b939f6d6]{background:var(--primary);color:#fff;border-color:var(--primary)}.preview-size[data-v-b939f6d6]{font-size:.8rem;color:#6c757d}.modal-body[data-v-b939f6d6]{flex:1;overflow:auto;padding:20px;display:flex;justify-content:center;align-items:flex-start;background:#e9ecef}.preview-device-frame[data-v-b939f6d6]{display:flex;flex-direction:column;align-items:center}.preview-device-frame.mobile[data-v-b939f6d6]{background:#1a1a1a;border-radius:40px;padding:12px;box-shadow:0 0 0 2px #333,0 0 0 4px #1a1a1a,0 10px 40px #0000004d}.preview-device-frame.tablet[data-v-b939f6d6]{background:#2a2a2a;border-radius:20px;padding:15px;box-shadow:0 0 0 2px #444,0 10px 40px #0000004d}.preview-device-frame.desktop[data-v-b939f6d6]{box-shadow:0 10px 40px #0003;border-radius:8px;overflow:hidden}.preview-notch[data-v-b939f6d6]{width:100%;height:28px;display:flex;justify-content:center;align-items:flex-end;background:#1a1a1a}.preview-notch[data-v-b939f6d6]:before{content:"";width:100px;height:24px;background:#000;border-radius:0 0 16px 16px}.preview-home-indicator[data-v-b939f6d6]{width:120px;height:5px;background:#fff;border-radius:3px;margin-top:8px;opacity:.6}.preview-iframe[data-v-b939f6d6]{border:none;background:#fff}.preview-device-frame.mobile .preview-iframe[data-v-b939f6d6]{border-radius:0}.preview-device-frame.tablet .preview-iframe[data-v-b939f6d6]{border-radius:4px}.preview-device-frame.desktop .preview-iframe[data-v-b939f6d6]{border-radius:0}.modal-overlay[data-v-c42dd182]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-c42dd182]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.shortcuts-modal[data-v-c42dd182]{width:500px}.modal-header[data-v-c42dd182]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-c42dd182]{margin:0;font-size:18px}.modal-body[data-v-c42dd182]{flex:1;overflow:auto;padding:20px}.shortcuts-grid[data-v-c42dd182]{display:flex;flex-direction:column;gap:12px}.shortcut-item[data-v-c42dd182]{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:var(--light);border-radius:var(--border-radius)}.shortcut-keys[data-v-c42dd182]{display:flex;gap:5px}.shortcut-keys kbd[data-v-c42dd182]{padding:4px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;font-family:monospace;box-shadow:0 1px 2px #0000001a}.shortcut-desc[data-v-c42dd182]{color:var(--gray);font-size:14px}.modal-footer[data-v-c42dd182]{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.modal-overlay[data-v-eb879364]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-eb879364]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.export-modal[data-v-eb879364]{width:500px}.modal-header[data-v-eb879364]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-eb879364]{margin:0;font-size:18px}.modal-body[data-v-eb879364]{flex:1;overflow:auto;padding:20px}.export-options[data-v-eb879364]{display:flex;flex-direction:column;gap:12px}.export-option[data-v-eb879364]{display:flex;align-items:center;gap:15px;padding:15px;background:var(--light);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.export-option[data-v-eb879364]:hover{background:#4361ee1a;transform:translate(5px)}.export-icon[data-v-eb879364]{width:50px;height:50px;background:#e44d26;border-radius:10px;display:flex;align-items:center;justify-content:center}.export-icon i[data-v-eb879364]{font-size:24px;color:#fff}.export-icon.json[data-v-eb879364]{background:var(--primary)}.export-icon.uniapp[data-v-eb879364]{background:#2b9939}.export-icon.react[data-v-eb879364]{background:#61dafb}.export-info h4[data-v-eb879364]{margin:0 0 5px;font-size:16px}.export-info p[data-v-eb879364]{margin:0;font-size:13px;color:var(--gray)}.modal-footer[data-v-eb879364]{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:10px}.layers-modal[data-v-baa9cb55]{width:400px;max-height:80vh}.layers-list[data-v-baa9cb55]{max-height:60vh;overflow-y:auto}.layer-item[data-v-baa9cb55]{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e9ecef;cursor:pointer;transition:var(--transition)}.layer-item[data-v-baa9cb55]:hover{background:var(--light)}.layer-item.selected[data-v-baa9cb55]{background:#4361ee1a;border-left:3px solid var(--primary)}.layer-item.group-component[data-v-baa9cb55]{padding-left:30px;border-bottom:1px solid #f8f9fa;background:#fafafa}.layer-item.group-component[data-v-baa9cb55]:hover{background:#f0f0f0}.layer-item.group-component.selected[data-v-baa9cb55]{background:#4361ee1a}.layer-info[data-v-baa9cb55]{display:flex;align-items:center;gap:10px}.layer-info i[data-v-baa9cb55]{color:var(--primary)}.layer-info .layer-name[data-v-baa9cb55]{font-size:.9rem}.layer-actions[data-v-baa9cb55]{display:flex;gap:5px}.action-btn[data-v-baa9cb55]{width:28px;height:28px;border:none;background:transparent;border-radius:var(--border-radius);cursor:pointer;color:var(--gray);transition:var(--transition)}.action-btn[data-v-baa9cb55]:hover{background:var(--light);color:var(--primary)}.action-btn.active[data-v-baa9cb55]{color:var(--primary)}.empty-state[data-v-baa9cb55]{text-align:center;padding:40px;color:var(--gray)}.empty-state i[data-v-baa9cb55]{font-size:3rem;opacity:.3;margin-bottom:15px}.empty-state p[data-v-baa9cb55]{opacity:.5}.group-container[data-v-baa9cb55]{border-bottom:1px solid #e9ecef}.group-header[data-v-baa9cb55]{display:flex;align-items:center;gap:8px;padding:12px 15px;cursor:pointer;background:#f8f9fa;transition:var(--transition)}.group-header[data-v-baa9cb55]:hover{background:#e9ecef}.group-header i[data-v-baa9cb55]{color:var(--primary)}.group-header .layer-name[data-v-baa9cb55]{font-size:.9rem;font-weight:500}.group-components[data-v-baa9cb55]{background:#fafafa}.layers-list[data-v-baa9cb55]{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.layers-list[data-v-baa9cb55]::-webkit-scrollbar{width:6px}.layers-list[data-v-baa9cb55]::-webkit-scrollbar-track{background:transparent}.layers-list[data-v-baa9cb55]::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:3px}.modal-overlay[data-v-0ef30401]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-0ef30401]{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:90vw;display:flex;flex-direction:column;animation:popIn-0ef30401 .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-0ef30401{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.share-modal[data-v-0ef30401]{width:460px}.modal-header[data-v-0ef30401]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.modal-header h3[data-v-0ef30401]{margin:0;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:8px}.modal-header h3 i[data-v-0ef30401]{color:var(--primary)}.modal-body[data-v-0ef30401]{padding:24px 20px}.form-label[data-v-0ef30401]{display:block;font-size:.9rem;color:#666;margin-bottom:12px;font-weight:500}.expire-options[data-v-0ef30401]{display:flex;gap:8px}.expire-btn[data-v-0ef30401]{flex:1;padding:10px 0;border:2px solid #eee;border-radius:8px;background:#fff;color:#555;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.expire-btn[data-v-0ef30401]:hover{border-color:var(--primary);color:var(--primary)}.expire-btn.active[data-v-0ef30401]{border-color:var(--primary);background:#4361ee14;color:var(--primary)}.share-actions[data-v-0ef30401]{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.share-submit[data-v-0ef30401]{width:100%;padding:12px;font-size:1rem;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary[data-v-0ef30401]{background:var(--primary);color:#fff}.btn-primary[data-v-0ef30401]:hover{opacity:.9}.btn-primary[data-v-0ef30401]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-0ef30401]{background:#fff;border:1px solid #ddd;color:#666;padding:8px 16px;border-radius:8px;cursor:pointer}.btn-secondary[data-v-0ef30401]:hover{background:#f5f5f5}.btn.btn-icon[data-v-0ef30401]{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#999}.btn.btn-icon[data-v-0ef30401]:hover{color:#666}.share-result[data-v-0ef30401]{text-align:center}.result-icon[data-v-0ef30401]{font-size:48px;color:#52c41a;margin-bottom:8px}.result-tip[data-v-0ef30401]{font-size:1rem;color:#333;margin:0 0 20px}.link-box[data-v-0ef30401]{display:flex;border:2px solid #eee;border-radius:8px;overflow:hidden;transition:border-color .2s}.link-box[data-v-0ef30401]:focus-within{border-color:var(--primary)}.link-input[data-v-0ef30401]{flex:1;border:none;padding:10px 12px;font-size:.9rem;color:#333;outline:none;background:#fafafa;min-width:0}.copy-btn[data-v-0ef30401]{padding:10px 16px;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s}.copy-btn[data-v-0ef30401]:hover{opacity:.9}.copy-btn.copied[data-v-0ef30401]{background:#52c41a}.expire-info[data-v-0ef30401]{margin:16px 0 0;font-size:.85rem;color:#999;display:flex;align-items:center;justify-content:center;gap:6px}.expire-info i[data-v-0ef30401]{font-size:.8rem}.modal-overlay[data-v-b7369121]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container[data-v-b7369121]{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:400px;max-width:90vw;display:flex;flex-direction:column;animation:popIn-b7369121 .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-b7369121{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-b7369121]{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-b7369121]{margin:0;font-size:1.1rem;color:#333}.btn-close[data-v-b7369121]{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#999}.btn-close[data-v-b7369121]:hover{color:#666}.modal-body[data-v-b7369121]{padding:24px 20px;color:#555;font-size:1rem;line-height:1.5}.dialog-input[data-v-b7369121]{width:100%;margin-top:12px;padding:10px;border:2px solid #eee;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.dialog-input[data-v-b7369121]:focus{border-color:var(--primary)}.modal-footer[data-v-b7369121]{padding:16px 20px;background:#f8f9fa;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.btn[data-v-b7369121]{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s}.btn-secondary[data-v-b7369121]{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary[data-v-b7369121]:hover{background:#f1f1f1}.btn-primary[data-v-b7369121]{background:var(--primary);color:#fff}.btn-primary[data-v-b7369121]:hover{opacity:.9}.app-container{display:flex;flex-direction:column;height:100vh;padding:15px;background:#dee2e6;gap:15px;overflow:hidden}.app-container.share-mode{padding:0;gap:0;background:#f0f2f5;height:auto;min-height:100vh;overflow:visible}body.share-mode{overflow:auto}.main-content{display:flex;flex:1;gap:15px;overflow:hidden;min-height:0}.main-content>*{height:100%;max-height:100%}.notification{position:fixed;top:120px;right:20px;padding:10px 16px;background:#fff;color:#333;border-radius:6px;box-shadow:0 3px 12px #00000026;z-index:3000;animation:slideIn .3s ease;font-size:13px;display:inline-flex;align-items:center;gap:8px;border-left:3px solid var(--primary);max-width:300px;height:auto!important;min-height:unset!important}.notification:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);font-size:12px}.notification.success{border-left-color:var(--success)}.notification.success:before{content:"";color:var(--success)}.notification.error{border-left-color:var(--danger)}.notification.error:before{content:"";color:var(--danger)}.notification.warning{border-left-color:var(--warning)}.notification.warning:before{content:"";color:var(--warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--primary: #4361ee;--secondary: #3f37c9;--accent: #4cc9f0;--light: #f8f9fa;--dark: #212529;--success: #4bb543;--warning: #ffcc00;--danger: #dc3545;--gray: #6c757d;--border-radius: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.hidden{display:none!important}.flex-center{display:flex;align-items:center;justify-content:center}.btn{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.btn:hover{transform:translateY(-1px)}.btn.btn-primary{background:var(--primary);color:#fff}.btn.btn-primary:hover{background:var(--secondary)}.btn.btn-secondary{background:var(--gray);color:#fff}.btn.btn-secondary:hover{background:var(--dark)}.btn.btn-success{background:var(--success);color:#fff}.btn.btn-danger{background:var(--danger);color:#fff}.btn.btn-icon{padding:8px;background:transparent;color:var(--gray)}.btn.btn-icon:hover{color:var(--primary);background:#4361ee1a}.btn.btn-icon.active{color:var(--primary);background:#4361ee26}.form-input{padding:8px 12px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:14px;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}