.node-rect{fill:#fff;stroke:#e5e7eb;stroke-width:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:stroke .2s ease,filter .2s ease}.dark .node-rect{fill:#1e293b;stroke:#334155;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.node-header,.node-header-bottom,.node-header-home{fill:#f1f5f9}.dark .node-header,.dark .node-header-bottom,.dark .node-header-home{fill:#0f172a}.node-title{font-size:14px;font-weight:500;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .node-title{fill:#fff}.node-icon{fill:#fff;font-size:16px;dominant-baseline:middle;opacity:.9;pointer-events:none}.node-icon,.node-menu-icon{-webkit-user-select:none;-moz-user-select:none;user-select:none}.node-menu-icon{fill:#64748b;cursor:pointer;font-size:18px;opacity:.8}.node-menu-icon:hover{opacity:1}.dark .node-menu-icon{fill:#fff}.node-selected .node-rect{stroke:#3b82f6;stroke-width:2;filter:drop-shadow(0 4px 6px rgba(59,130,246,.3))}.node-group{cursor:grab;transition:transform .2s ease,filter .2s ease}.node-group:hover .node-rect{filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.dark .node-group:hover .node-rect{filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.node-group:active{cursor:grabbing}.node-group.cursor-default,.node-group.cursor-default:active{cursor:default}.node-add-circle{fill:#3b82f6;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));transition:all .2s ease}.node-add-button{cursor:pointer}.node-add-button:hover .node-add-circle{fill:#2563eb;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));transform:scale(1.05)}.node-add-icon{fill:#fff;font-weight:700;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.add-page-button{filter:drop-shadow(0 2px 3px rgba(0,0,0,.1));transition:filter .2s ease}.add-page-button:hover{filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}.add-page-text{fill:#fff;font-size:14px;font-weight:500;pointer-events:none}.node-element-container{background-color:#fff;display:flex;flex-direction:column;height:100%}.dark .node-element-container{background-color:#1e293b}.element-item{align-items:center;background-color:#fff;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;overflow:hidden;position:relative;text-overflow:ellipsis;transition:all .2s ease-in-out;white-space:nowrap}.element-item:first-child,.element-item:last-child{background-color:#f9fafb}.dark .element-item{background-color:#1e293b;border-bottom:1px solid #1e293b}.dark .element-item:first-child,.dark .element-item:last-child{background-color:#0f172a}.element-item:hover{background-color:#f9fafb}.dark .element-item:hover{background-color:#334155}.element-plus-button{align-items:center;background-color:#4f46e5;border-radius:50%;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:12px;transition:opacity .2s ease;width:24px}.element-item:hover .element-plus-button{opacity:1}.element-plus-icon{color:#fff;font-size:16px;font-weight:700;line-height:.8}.element-dragging{background-color:#e2e8f0!important;opacity:.5}.dark .element-dragging{background-color:#475569!important}.element-drag-over{border:2px dashed #3b82f6}.element-drag-handle{color:#94a3b8;display:inline-block;font-size:.75rem;margin-right:.25rem;vertical-align:middle}.sub-element{background-color:#f8fafccc;padding-left:32px}.dark .sub-element{background-color:#334155cc}.element-list-enter-active,.element-list-leave-active,.element-list-move{transition:all .3s ease}.element-list-enter-from,.element-list-leave-to{opacity:0;transform:translate(30px)}.element-list-leave-active{position:absolute}.tooltip-container{position:relative}.tooltip{background-color:#0f172acc;border-radius:4px;color:#fff;font-size:12px;margin-right:8px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:100%;top:50%;transform:translateY(-50%);transition:opacity .15s ease;white-space:nowrap}.tooltip-container:hover .tooltip{opacity:1}.path-active{stroke:#3b82f6;stroke-width:3}