.vue-flow{direction:ltr;height:100%;overflow:hidden;position:relative;width:100%;z-index:0}.vue-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{pointer-events:none;transform-origin:0 0;z-index:2}.vue-flow__viewport{overflow:clip;z-index:4}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{overflow:visible;pointer-events:none}.vue-flow__connection-path,.vue-flow__edge-path{fill:none;stroke:#b1b1b7;stroke-width:1}.vue-flow__edge{cursor:pointer;pointer-events:visibleStroke}.vue-flow__edge.animated path{animation:dashdraw .5s linear infinite;stroke-dasharray:5}.vue-flow__edge.animated path.vue-flow__edge-interaction{animation:none;stroke-dasharray:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{animation:dashdraw .5s linear infinite;stroke-dasharray:5}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.vue-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{min-height:5px;min-width:5px;pointer-events:none;position:absolute}.vue-flow__handle.connectable{cursor:crosshair;pointer-events:all}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.vue-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{margin:15px;position:absolute;z-index:5}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{background-color:var(--vf-node-bg);border-color:var(--vf-node-color);border-radius:3px;border-style:solid;border-width:1px;color:var(--vf-node-text);font-size:12px;padding:10px;text-align:center;width:150px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;height:6px;width:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:16px}.vue-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}.bdui-page-builder-flow{background:linear-gradient(180deg,#fff,#f5f8ff);border:1px solid rgba(148,163,184,.18);border-radius:24px;display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 48px);overflow:hidden}.bdui-page-builder-flow__panel{background:#ffffffeb;border-right:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.bdui-page-builder-flow__section{display:flex;flex-direction:column;gap:12px}.bdui-page-builder-flow__eyebrow{color:#6366f1;font-size:12px;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.bdui-page-builder-flow__title{color:#0f172a;font-size:28px;line-height:1.1;margin:0}.bdui-page-builder-flow__description,.bdui-page-builder-flow__hint,.bdui-page-builder-flow__section-subtitle,.bdui-page-builder-flow__target-meta{color:#64748b;font-size:13px;line-height:1.5;margin:0}.bdui-page-builder-flow__label,.bdui-page-builder-flow__section-title{color:#1e293b;font-size:13px;font-weight:700;margin:0}.bdui-page-builder-flow__section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.bdui-page-builder-flow__target-card{background:#eef2ff;border:1px solid rgba(99,102,241,.18);border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.bdui-page-builder-flow__target-title{color:#312e81;font-size:16px;font-weight:700;margin:0}.bdui-page-builder-flow__input,.bdui-page-builder-flow__textarea{background:#fff;border:1px solid rgba(148,163,184,.34);border-radius:14px;color:#0f172a;font-size:14px;padding:12px 14px;width:100%}.bdui-page-builder-flow__textarea{min-height:108px;resize:vertical}.bdui-page-builder-flow__actions,.bdui-page-builder-flow__palette{display:flex;flex-wrap:wrap;gap:8px}.bdui-page-builder-flow__danger-button,.bdui-page-builder-flow__ghost-button,.bdui-page-builder-flow__inline-link,.bdui-page-builder-flow__palette-button,.bdui-page-builder-flow__primary-button{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:40px;padding:10px 14px;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.bdui-page-builder-flow__ghost-button,.bdui-page-builder-flow__inline-link,.bdui-page-builder-flow__palette-button{background:#fff;border:1px solid rgba(148,163,184,.28);color:#334155}.bdui-page-builder-flow__palette-button:disabled{cursor:not-allowed;opacity:.45}.bdui-page-builder-flow__primary-button{background:#1f2937;border:1px solid transparent;color:#fff}.bdui-page-builder-flow__danger-button{background:#fef2f2;border:1px solid rgba(239,68,68,.2);color:#dc2626}.bdui-page-builder-flow__badge{align-items:center;background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:28px;min-width:68px;padding:4px 10px;text-transform:uppercase}.bdui-page-builder-flow__canvas{background:radial-gradient(circle at top left,rgba(99,102,241,.1),transparent 28%),radial-gradient(circle at bottom right,rgba(59,130,246,.08),transparent 32%),#f8fbff;min-height:760px;position:relative}.bdui-page-builder-flow__canvas--palette-preview{box-shadow:inset 0 0 0 2px #6366f138}.bdui-page-builder-flow__canvas-drop-hint{background:#ffffffeb;border:1px solid rgba(99,102,241,.2);border-radius:999px;color:#4338ca;font-size:12px;font-weight:700;left:18px;padding:8px 12px;pointer-events:none;position:absolute;top:18px;z-index:2}.bdui-page-builder-flow__flow{height:100%;width:100%}.bdui-page-builder-flow__panel-actions{display:flex;gap:8px}.bdui-flow-node{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:18px;box-shadow:0 16px 40px #0f172a14;display:flex;flex-direction:column;gap:6px;min-height:100%;padding:14px 16px;text-align:left;width:100%}.bdui-flow-node--page{background:linear-gradient(135deg,#1f2937,#374151);color:#fff}.bdui-flow-node--container{background:#eff6ff}.bdui-flow-node--selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.bdui-flow-node--drop-before{box-shadow:0 0 0 3px #6366f12e,inset 0 4px #6366f1}.bdui-flow-node--drop-after{box-shadow:0 0 0 3px #6366f12e,inset 0 -4px #6366f1}.bdui-flow-node--drop-inside{background:linear-gradient(180deg,#eef2ff,#fff);border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.bdui-flow-node--palette-preview{box-shadow:0 0 0 3px #6366f129}.bdui-flow-node__subtitle{font-size:11px;font-weight:700;letter-spacing:.12em;opacity:.8;text-transform:uppercase}.bdui-flow-node__title{font-size:16px;line-height:1.3}.bdui-flow-node__meta{font-size:12px;line-height:1.4;opacity:.78}.bdui-flow-node__drag-hint{color:#6366f1;font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:auto;text-transform:uppercase}.bdui-flow-node__drop-hint{align-items:center;background:#6366f11a;border-radius:999px;color:#4338ca;display:inline-flex;font-size:11px;font-weight:700;margin-top:2px;padding:4px 8px;width:-moz-fit-content;width:fit-content}.bdui-page-builder-flow__publish-guard{background:linear-gradient(180deg,#eef2ff,#fff);border:1px solid rgba(99,102,241,.16);border-radius:18px;padding:14px}.bdui-page-builder-flow__publish-stats{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bdui-page-builder-flow__publish-stat{background:#fff;border:1px solid rgba(148,163,184,.24);border-radius:14px;display:grid;gap:4px;padding:12px}.bdui-page-builder-flow__publish-stat strong{color:#0f172a;font-size:20px;line-height:1}.bdui-page-builder-flow__publish-stat span{color:#64748b;font-size:12px;line-height:1.35}.vue-flow__controls,.vue-flow__minimap,.vue-flow__panel{border-radius:16px;box-shadow:0 16px 32px #0f172a1a}@media(max-width:1200px){.bdui-page-builder-flow{grid-template-columns:1fr}.bdui-page-builder-flow__panel{border-bottom:1px solid rgba(148,163,184,.2);border-right:none}.bdui-page-builder-flow__canvas{min-height:640px}.bdui-page-builder-flow__publish-stats{grid-template-columns:minmax(0,1fr)}}