.dg-widget{--dg-height:480px;position:relative;box-sizing:border-box;width:100%;margin:18px 0;border:1px solid #ddd6fe;border-radius:14px;background:#fff;color:#1e293b;font:13px/1.5 ui-sans-serif,system-ui;overflow:visible;contain:layout}.dg-widget *{box-sizing:border-box}.dg-widget button,.dg-widget input,.dg-widget textarea,.dg-widget select{font:inherit}.dg-widget button{min-height:32px;padding:5px 9px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer}.dg-widget button:hover{background:#f5f3ff;color:#6d28d9;border-color:#c4b5fd}.dg-widget button:disabled{opacity:.4;cursor:default}.dg-widget :focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.dg-widget [hidden]{display:none!important}.dg-toolbar{padding:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #eee}.dg-actions,.dg-view-actions{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.dg-view-actions{margin-left:auto}.dg-actions [data-act=edit]{background:#f3efff;color:#6d28d9}.dg-body{display:flex;min-width:0;height:var(--dg-height)}.dg-viewport{position:relative;min-width:0;flex:1;overflow:auto;background-color:#fafaff;background-image:radial-gradient(#d8d3e9 1px,transparent 1px);background-size:20px 20px;touch-action:none;overscroll-behavior:contain;cursor:grab}.dg-world{position:relative;min-width:100%;min-height:100%}.dg-scene{position:relative;transform-origin:0 0}.dg-svg{position:absolute;inset:0;overflow:visible;z-index:1;pointer-events:none}.dg-nodes{position:absolute;inset:0;pointer-events:none;z-index:2}.dg-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 18px;border:1.5px solid #a78bfa;border-radius:9px;background:#fff;box-shadow:0 3px 10px #5b21b610;pointer-events:auto;cursor:pointer;text-align:center;user-select:none;touch-action:none}.dg-node.selected{outline:3px solid #c4b5fd;outline-offset:3px}.dg-editing .dg-node{cursor:move}.dg-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;font-weight:650;font-size:14px;line-height:22px;max-width:100%;pointer-events:none}.dg-node small{font-size:11px;color:#64748b;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.dg-node.dg-start,.dg-node.dg-end{border-radius:50px;background:#f5f3ff}.dg-node.dg-end{border-style:double;border-width:4px}.dg-node.dg-decision{background:#fffbeb;border-color:#e9c864;border-radius:25px 5px 25px 5px}.dg-node.dg-decision::before{content:'◇';position:absolute;left:8px;top:6px;color:#b18b16;font-size:16px}.dg-port{position:absolute!important;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border:2px solid #fff!important;background:#8b5cf6!important;border-radius:50%!important;z-index:4;cursor:crosshair!important}.dg-port-top{top:-12px;left:calc(50% - 11px)}.dg-port-bottom{bottom:-12px;left:calc(50% - 11px)}.dg-port-left{left:-12px;top:calc(50% - 11px)}.dg-port-right{right:-12px;top:calc(50% - 11px)}.dg-node-next{position:absolute;left:calc(50% - 13px);bottom:-44px;border-color:#c4b5fd!important;color:#7c3aed!important;border-radius:50%!important;width:26px;height:26px!important;min-height:26px!important;padding:0!important;font-size:20px!important;z-index:4}.dg-edge-hit{fill:none;stroke:transparent;stroke-width:18px;pointer-events:stroke;cursor:pointer}.dg-edge-line{fill:none;stroke:#8b5cf6;stroke-width:2;pointer-events:none}.dg-edge.selected .dg-edge-line{stroke:#5b21b6;stroke-width:3}.dg-edge-label{fill:#475569;font:13px ui-sans-serif,system-ui;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;pointer-events:auto;cursor:text}.dg-edge-insert{pointer-events:auto;cursor:pointer;opacity:0}.dg-editing .dg-edge:hover .dg-edge-insert,.dg-editing .dg-edge.selected .dg-edge-insert,.dg-editing .dg-edge-insert:focus{opacity:1}.dg-edge-insert circle{fill:#fff;stroke:#a78bfa}.dg-edge-insert text{fill:#7c3aed;stroke:none;font:18px system-ui}.dg-edge-end{fill:#fff;stroke:#7c3aed;stroke-width:3;pointer-events:auto;cursor:crosshair}.dg-ghost{fill:none;stroke:#7c3aed;stroke-width:2;stroke-dasharray:6 4;pointer-events:none}.dg-inspector{width:235px;flex:none;overflow:auto;border-left:1px solid #e2e8f0;background:#fff;padding:12px}.dg-inspector label{display:grid;gap:4px;margin:10px 0;color:#64748b;font-size:12px}.dg-inspector input,.dg-inspector textarea,.dg-inspector select{min-width:0;width:100%;border:1px solid #dbe2ea;border-radius:6px;background:#fff;padding:7px;color:#1e293b}.dg-inspector textarea{resize:vertical}.dg-inspector input:disabled,.dg-inspector textarea:disabled{background:#f8fafc;color:#334155;opacity:1}.dg-inspector a{font-size:12px;color:#7c3aed}.dg-connect-form{border-top:1px solid #eee;margin-top:16px;padding-top:12px}.dg-message{font-size:12px;color:#64748b;padding:0 10px}.dg-message:not(:empty){padding:6px 10px}.dg-conflict{padding:10px;background:#fff7ed;color:#9a3412}.dg-conflict button{margin:4px}.dg-foot{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #eee;font-size:11px;color:#64748b}.dg-foot span{flex:1}.dg-resize{cursor:ns-resize!important;white-space:nowrap}.dg-inline-title{width:100%;min-height:65px;border:1px solid #c4b5fd;background:#fff;resize:none;outline:0;font-size:14px!important;line-height:22px!important;user-select:text!important}.dg-widget.dg-expanded{position:fixed;inset:12px;margin:0!important;max-width:none!important;width:auto!important;height:calc(100vh - 24px);z-index:100000;border:1px solid #c4b5fd;border-radius:14px;display:flex;flex-direction:column;contain:none;box-shadow:0 20px 100px #0f172a50;padding:0}.dg-expanded .dg-body{height:auto;flex:1;min-height:0}.dg-expanded .dg-foot{flex:none}.dg-widget::backdrop{background:#0f172a50}.dg-widget .dg-actions button{white-space:nowrap}.dg-widget .dg-inspector button{width:100%}.knowledge-protected-block:has(>.dg-widget){padding:0;border:0;background:none}
@media(max-width:800px){.dg-body{position:relative;flex-direction:column}.dg-inspector{width:100%;max-height:210px;border-left:0;border-top:1px solid #e2e8f0;flex:0 1 auto}.dg-viewport{min-height:180px}.dg-actions{gap:3px}.dg-toolbar{padding:7px}.dg-widget.dg-expanded{inset:5px;height:calc(100dvh - 10px)}.dg-expanded .dg-inspector{max-height:200px}}

.dg-node.dg-decision{background:transparent;border:0;box-shadow:none;border-radius:0;padding:26px 40px;isolation:isolate}.dg-node.dg-decision::before{content:"";inset:0;position:absolute;background:#fffbeb;border:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:-1}.dg-node.dg-decision::after{content:"";position:absolute;inset:-2px;background:#d6b44d;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,50% 0,50% 1.7%,1.7% 50%,50% 98.3%,98.3% 50%,50% 1.7%);z-index:-1;pointer-events:none}.dg-guide{fill:none;stroke:#ec4899;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}

.dg-widget{container-type:inline-size}@container(max-width:600px){.dg-body{flex-direction:column}.dg-inspector{width:100%;max-height:200px;flex:0 1 auto;border-left:0;border-top:1px solid #e2e8f0}.dg-viewport{min-height:250px}}

.dg-widget .dg-svg .dg-edge-hit{fill:none!important;stroke:transparent!important;stroke-width:18px!important}.dg-widget .dg-svg .dg-edge-line{fill:none!important;stroke:#8b5cf6!important;stroke-width:2px!important}.dg-widget .dg-svg .dg-edge.selected .dg-edge-line{stroke:#5b21b6!important;stroke-width:3px!important}.dg-widget .dg-svg .dg-ghost,.dg-widget .dg-svg .dg-guide{fill:none!important}.dg-widget .dg-svg marker path{fill:#7c3aed!important;stroke:none!important}

/* Diagram blocks use the document pane's available width instead of the prose measure. */
.kb-editorjs-holder .ce-block__content:has(>.dg-widget){max-width:none!important;width:100%!important}
.kb-long-doc-body:has(.dg-widget){max-width:none}
.dg-widget:not(.dg-expanded){max-width:100%!important;min-width:0}
.dg-widget .dg-resize{cursor:nwse-resize!important;touch-action:none;flex:none}
.dg-body{min-height:0}.dg-viewport{min-height:60px!important}.dg-inspector{min-height:0}
.dg-node[style*="--dg-node-color"]{background:var(--dg-node-color)!important;color:var(--dg-node-ink,#111827)}
.dg-node.dg-decision[style*="--dg-node-color"]{background:transparent!important}
.dg-node.dg-decision[style*="--dg-node-color"]::before{background:var(--dg-node-color)!important}
.dg-colors{border:0;border-top:1px solid #eee;padding:10px 0;margin:8px 0;display:flex;flex-wrap:wrap;gap:6px}.dg-colors legend{font-size:12px;color:#64748b}.dg-widget .dg-colors button[data-color]:not([data-color=""]){width:28px!important;min-height:28px;height:28px;padding:0;flex:none;border:1px solid #cbd5e1}.dg-colors [aria-pressed=true]{outline:2px solid #7c3aed;outline-offset:2px}.dg-colors label{width:100%}.dg-colors input[type=color]{height:34px;padding:3px}.dg-inspector p{font-size:12px;color:#64748b}.dg-inspector [data-field=notes]{min-height:150px;white-space:pre-wrap}.dg-widget [data-act=notes][aria-pressed=true]{background:#ede9fe;color:#6d28d9}

.dg-node[style*="--dg-node-color"] small{color:var(--dg-node-ink,#475569)}

.dg-node.dg-text,.dg-node.dg-text[style*="--dg-node-color"]{background:transparent!important;border:1px solid transparent;border-radius:4px;box-shadow:none;padding:5px;align-items:flex-start;justify-content:flex-start;text-align:left;color:var(--dg-text-color,#1e293b)!important}
.dg-node.dg-text .dg-title{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:16px;line-height:24px;font-weight:500;color:inherit;white-space:pre-wrap}
.dg-editing .dg-node.dg-text:hover{border-color:#ddd6fe}.dg-node.dg-text.selected{outline:2px dashed #a78bfa;outline-offset:2px}.dg-node.dg-text .dg-inline-title{font-size:16px!important;line-height:24px!important;color:var(--dg-text-color,#1e293b)}
.dg-widget .dg-colors button[data-text-color]{width:28px!important;min-height:28px;height:28px;padding:0;flex:none;border:1px solid #cbd5e1}