.draggable-block[data-v-bb3448fd],.dropped-block[data-v-bb3448fd]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropped-block[data-v-bb3448fd]:hover{box-shadow:0 2px 8px #0000001a}.dropped-block[data-v-bb3448fd]:active{cursor:grabbing}.dropped-block[draggable=true][data-v-bb3448fd]{cursor:grab}.tree-container[data-v-bb3448fd]{padding-left:0;position:relative}.tree-node[data-v-bb3448fd]{margin-bottom:0;position:relative}.tree-node-header[data-v-bb3448fd]{align-items:center;cursor:pointer;display:flex;padding:8px 0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-node-toggle[data-v-bb3448fd]{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:2px;color:#6b7280;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;margin-right:8px;transition:transform .2s ease;width:16px}.tree-node-toggle[data-v-bb3448fd]:hover{background:#f9fafb;border-color:#9ca3af}.tree-node-icon[data-v-bb3448fd]{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .2s ease;width:100%}.tree-node-icon-expanded[data-v-bb3448fd]{transform:rotate(0)}.tree-node-icon[data-v-bb3448fd]:not(.tree-node-icon-expanded){transform:rotate(-90deg)}.tree-node-title[data-v-bb3448fd]{color:#374151;flex-grow:1;font-size:14px;font-weight:500}.tree-node-content[data-v-bb3448fd]{padding-left:24px;position:relative}.tree-node-content[data-v-bb3448fd]:before{background:#e5e7eb;bottom:0;content:"";left:8px;position:absolute;top:0;width:1px}.tree-node-children[data-v-bb3448fd]{padding-bottom:4px;padding-top:4px;position:relative}.tree-node-children[data-v-bb3448fd]:before{background:#e5e7eb;content:"";height:100%;left:-16px;position:absolute;top:0;width:1px}.tree-node-children .tree-node-item[data-v-bb3448fd]:last-child:after{background:#fff;content:"";height:50%;left:-16px;position:absolute;top:50%;width:1px}.tree-node-item[data-v-bb3448fd]{cursor:grab;margin-bottom:4px;padding-left:16px;position:relative;transition:all .2s ease}.tree-node-item[data-v-bb3448fd]:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:12px}.tree-node-item[data-v-bb3448fd]:hover{background-color:transparent;transform:translate(2px)}.tree-node-item[data-v-bb3448fd]:active{cursor:grabbing}.tree-node-item-content[data-v-bb3448fd]{align-items:center;background:transparent;border:none;border-radius:4px;display:flex;min-height:32px;padding:6px 8px;transition:all .2s ease}.tree-node-item:hover .tree-node-item-content[data-v-bb3448fd]{background-color:#f3f4f6}.tree-node-item-icon[data-v-bb3448fd]{align-items:center;color:#9ca3af;cursor:zoom-in;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-right:8px;width:16px}.tree-node-item-text[data-v-bb3448fd]{flex:1;min-width:0}.tree-node-item-title[data-v-bb3448fd]{color:#374151;font-size:13px;font-weight:400;line-height:1.4;margin-bottom:1px}.tree-node-item-description[data-v-bb3448fd]{color:#6b7280;font-size:11px;line-height:1.3}.tree-node-item-drag-handle[data-v-bb3448fd]{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-left:6px;opacity:.4;transition:opacity .2s ease;width:16px}.tree-node-item:hover .tree-node-item-drag-handle[data-v-bb3448fd]{opacity:.7}.component-preview-popup[data-v-bb3448fd]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;height:400px;overflow:hidden;position:fixed;transition:all .2s ease;width:min(1000px,50vw);z-index:1000}.component-preview-popup[data-v-bb3448fd]:before{border-bottom:8px solid transparent;border-right:8px solid #fff;border-top:8px solid transparent;content:"";filter:drop-shadow(-2px 0 2px rgba(0,0,0,.1));height:0;left:-8px;position:absolute;top:25px;width:0}.component-preview-popup[data-v-bb3448fd]:after{border-bottom:8px solid transparent;border-right:8px solid #e5e7eb;border-top:8px solid transparent;content:"";height:0;left:-9px;position:absolute;top:25px;width:0}.component-preview-popup.left-arrow[data-v-bb3448fd]:before{border-left:8px solid #fff;border-right:none;filter:drop-shadow(2px 0 2px rgba(0,0,0,.1));left:auto;right:-8px;top:25px}.component-preview-popup.left-arrow[data-v-bb3448fd]:after{border-left:8px solid #e5e7eb;border-right:none;left:auto;right:-9px;top:25px}.preview-popup-header[data-v-bb3448fd]{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.preview-popup-title[data-v-bb3448fd]{color:#374151;font-size:13px;font-weight:600;margin-bottom:2px}.preview-popup-path[data-v-bb3448fd]{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;word-break:break-all}.preview-popup-content[data-v-bb3448fd]{align-items:center;display:flex;height:calc(100% - 60px);justify-content:center;overflow:auto;padding:8px}.preview-loading[data-v-bb3448fd]{color:#6b7280;text-align:center}.loading-spinner[data-v-bb3448fd]{animation:spin-bb3448fd 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:28px;margin:0 auto 10px;width:28px}@keyframes spin-bb3448fd{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text[data-v-bb3448fd]{color:#6b7280;font-size:13px}.preview-error[data-v-bb3448fd]{color:#dc2626;text-align:center}.error-icon[data-v-bb3448fd]{font-size:20px;margin-bottom:6px}.error-text[data-v-bb3448fd]{font-size:13px}.preview-component[data-v-bb3448fd]{height:100%;overflow:auto;width:100%}.preview-placeholder[data-v-bb3448fd]{color:#9ca3af;text-align:center}.placeholder-icon[data-v-bb3448fd]{font-size:28px;margin-bottom:10px}.placeholder-text[data-v-bb3448fd]{font-size:13px}.grid-container[data-v-bb3448fd]{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);min-height:200px;position:relative}.grid-item[data-v-bb3448fd]{min-height:120px;position:relative}.dropped-block[data-v-bb3448fd]{display:flex;flex-direction:column;height:100%}.grid-container .h-1.bg-blue-500[data-v-bb3448fd]{left:0;pointer-events:none;position:absolute;right:0;z-index:20}.grid-item .absolute.top-0[data-v-bb3448fd],.grid-item .absolute.bottom-0[data-v-bb3448fd]{z-index:30}@media (max-width:768px){.component-preview-popup[data-v-bb3448fd]{height:300px;width:400px}.preview-popup-header[data-v-bb3448fd]{padding:6px 10px}.preview-popup-content[data-v-bb3448fd]{padding:6px}.grid-container[data-v-bb3448fd]{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-container[data-v-bb3448fd]{grid-template-columns:1fr}}