.branch-row.active{background:#292247;box-shadow:inset 0 0 0 1px #7562dc;color:#fff}
.back-node{width:100%;margin-bottom:14px;padding:8px;border:1px solid #343d4d;border-radius:8px;background:#171c25;color:#abb4c2;cursor:pointer;text-align:left}
.back-node:hover{border-color:#6655c7;color:#c8beff}
.event-editor-title{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;padding:13px;border:1px solid #3e3565;border-radius:9px;background:#211c35}
.event-editor-title b{font-size:14px}
.event-connection{display:flex;flex-direction:column;gap:6px;margin:18px 0;padding:13px;border:1px dashed #4a416e;border-radius:9px;background:#181624}
.event-connection b{color:#b9adff}.event-connection span{color:#788296;font-size:10px;line-height:1.45}
.form .builder-section{display:none}
.node-trash{right:9px;top:12px;width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#778195;opacity:0;transition:opacity .15s,background .15s,color .15s,border-color .15s,transform .15s}
.flow-node:hover .node-trash,.flow-node.selected .node-trash{opacity:1}.node-trash span{font-size:19px;line-height:1;transform:translateY(-1px)}
.node-trash:hover{border-color:#7a3040;background:#3a1821;color:#ff7189;transform:scale(1.06)}
.danger{position:relative;margin-top:18px;border-color:#663142;background:linear-gradient(180deg,#321923,#25141a);font-weight:700}.danger:hover{border-color:#a9445b;background:#431d29;color:#ff9aac}
.app,main,.sidebar,.inspector{min-height:0}
.inspector{height:calc(100vh - 64px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.inspector-head{position:sticky;top:0;z-index:20;background:#11141bf2;backdrop-filter:blur(10px)}
.inspector .form{min-height:max-content;padding-bottom:80px}
.inspector::-webkit-scrollbar{width:10px}.inspector::-webkit-scrollbar-track{background:#0d1016}.inspector::-webkit-scrollbar-thumb{border:2px solid #0d1016;border-radius:8px;background:#394153}.inspector::-webkit-scrollbar-thumb:hover{background:#505a70}
body.canvas-dragging,body.canvas-dragging *{cursor:grabbing!important;user-select:none!important}
#addNode{display:none!important}
.canvas{scrollbar-width:none;-ms-overflow-style:none}.canvas::-webkit-scrollbar{display:none;width:0;height:0}
body.group-selecting,body.group-selecting *{cursor:crosshair!important;user-select:none!important}
.group-delete{width:24px;height:24px;display:grid;place-items:center;border:1px solid transparent!important;border-radius:6px;color:#9e94c8!important;font-size:17px!important}.group-delete:hover{border-color:#743449!important;background:#3a1a28!important;color:#ff7890!important}
.group-resize{position:absolute;width:18px;height:18px;border:2px solid #8c78ff;border-radius:5px;background:#171426;box-shadow:0 0 0 3px #181523;z-index:5;opacity:.7}.flow-group:hover .group-resize{opacity:1}.group-resize.nw{left:-9px;top:-9px;cursor:nwse-resize}.group-resize.ne{right:-9px;top:-9px;cursor:nesw-resize}.group-resize.sw{left:-9px;bottom:-9px;cursor:nesw-resize}.group-resize.se{right:-9px;bottom:-9px;cursor:nwse-resize}
.group-name-input{height:25px;padding:3px 7px;border:1px solid #7c68e0!important;border-radius:5px;background:#151324!important;color:#fff!important;outline:none}
body.group-moving,body.group-moving *{cursor:move!important;user-select:none!important}body.group-resizing,body.group-resizing *{user-select:none!important}
#groups{z-index:1;pointer-events:none!important}
.flow-group{pointer-events:auto!important}
#connections{z-index:2}
#nodes{position:absolute;left:0;top:0;z-index:3;pointer-events:none}
.flow-node{pointer-events:auto}