.process-diagram-card{margin:18px 0;padding:0;overflow:hidden}.process-diagram-header{padding:25px 27px 20px;border-bottom:1px solid #e5ebe8;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.process-diagram-header .kicker{margin:0 0 6px}.process-diagram-header h2{margin:0;color:var(--navy);font-size:23px;font-weight:600}.process-diagram-header p{max-width:720px;margin:7px 0 0;color:#718286;font-size:12px;line-height:1.65}.diagram-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.diagram-toolbar [data-diagram-connect].active{border-color:var(--gold);background:#fff5da;color:var(--navy)}.diagram-status{min-height:39px;padding:11px 27px;border-bottom:1px solid #e7ece9;background:#f8faf8;color:#6f817c;font-size:10px}.diagram-status.success{background:#f0f8f4;color:#2f765f}.diagram-status.error{background:#fff2ef;color:#a14f45}.process-diagram-viewport{height:620px;overflow:auto;position:relative;background-color:#f7f9f7;background-image:radial-gradient(circle,#cbd7d2 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:contain}.process-diagram-stage{width:1900px;height:1100px;position:relative}.process-diagram-lines{width:100%;height:100%;inset:0;position:absolute;z-index:1;overflow:visible}.process-diagram-lines marker path{fill:#bd8a27}.diagram-edge-line{fill:none;stroke:#bd8a27;stroke-width:2.5}.diagram-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.diagram-edge:hover .diagram-edge-line{stroke:#8f671b;stroke-width:4}.process-diagram-node{width:260px;min-height:165px;padding:0;border:1px solid #d7e1dd;border-radius:20px;background:#fff;position:absolute;z-index:3;box-shadow:0 12px 32px rgba(0,35,46,.08);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.process-diagram-node:hover{border-color:#b8cbc4;box-shadow:0 16px 38px rgba(0,35,46,.12)}.process-diagram-node.is-moving{cursor:grabbing;transform:scale(1.02);box-shadow:0 22px 48px rgba(0,35,46,.17)}.process-diagram-node.is-connection-source{border-color:var(--gold);box-shadow:0 0 0 4px rgba(233,182,74,.2),0 16px 36px rgba(0,35,46,.12)}.process-diagram-node>header{height:43px;padding:0 12px;border-bottom:1px solid #e6ece9;border-radius:20px 20px 0 0;background:#f7f9f7;display:flex;align-items:center;gap:9px;cursor:grab;touch-action:none;user-select:none}.process-diagram-node>header:active{cursor:grabbing}.process-diagram-node>header>span{color:#7c8d88;font-size:17px}.process-diagram-node>header>small{margin-right:auto;color:#82918d;font-size:8px;font-weight:750;letter-spacing:.08em}.process-diagram-node>header>button{width:25px;height:25px;padding:0;border:1px solid #d8e2de;border-radius:50%;background:#fff;color:var(--gold);font-size:11px;cursor:crosshair}.process-diagram-node h3{min-height:28px;margin:15px 17px 5px;color:var(--navy);font-size:16px;font-weight:650;line-height:1.35;outline:0}.process-diagram-node p{min-height:46px;margin:0 17px 13px;color:#6d807c;font-size:10px;line-height:1.55;outline:0;white-space:pre-wrap}.process-diagram-node [contenteditable=true]:focus{border-radius:5px;background:#fff8e8;box-shadow:0 0 0 4px #fff8e8}.process-diagram-node [contenteditable=true]:empty:before{content:attr(data-placeholder);color:#a4afac}.process-diagram-node>footer{padding:10px 14px;border-top:1px solid #edf1ef;display:flex;align-items:center;justify-content:space-between}.process-diagram-node>footer>span{color:#9aa6a3;font-size:8px}.process-diagram-node>footer>button{padding:5px 8px;border:0;border-radius:7px;background:#edf3f0;color:#46665c;font-size:8px;font-weight:700;cursor:pointer}.process-diagram-node.status-active>header{background:#edf7f2}.process-diagram-node.status-completed{border-color:#b8d9ca}.process-diagram-node.status-completed>header{background:#e7f3ed}.process-diagram-card.is-connecting .process-diagram-node{cursor:crosshair}.process-diagram-card.is-connecting .process-diagram-node:not(.is-connection-source):hover{border-color:var(--gold);box-shadow:0 0 0 4px rgba(233,182,74,.14)}.diagram-empty{width:340px;padding:34px;border:1px dashed #cbd7d2;border-radius:20px;background:rgba(255,255,255,.82);position:absolute;left:80px;top:70px;text-align:center}.diagram-empty.is-hidden{display:none}.diagram-empty>span{width:42px;height:42px;margin:0 auto 12px;border-radius:13px;background:#f4e5bd;color:#936c1e;display:grid;place-items:center;font-size:22px}.diagram-empty strong{display:block;color:var(--navy);font-size:15px}.diagram-empty p{margin:7px 0 0;color:#7a8a87;font-size:10px;line-height:1.55}@media(max-width:760px){.process-diagram-header{padding:21px 17px;display:block}.diagram-toolbar{margin-top:15px;justify-content:flex-start}.diagram-status{padding:10px 17px}.process-diagram-viewport{height:520px}.process-diagram-node{width:230px}.process-diagram-stage{width:1600px;height:1000px}}
.diagram-shape-tool{cursor:grab}.diagram-shape-tool:active{cursor:grabbing}.diagram-shape-tool span{margin-left:7px;color:rgba(255,255,255,.72);font-size:13px}.process-diagram-viewport{transition:box-shadow .18s ease,background-color .18s ease}.process-diagram-viewport.is-shape-over{background-color:#f3f8f5;box-shadow:inset 0 0 0 3px rgba(189,138,39,.55)}
.process-diagram-card:fullscreen,.process-diagram-card.is-fullscreen{width:100vw;height:100vh;margin:0;border:0;border-radius:0;background:#fff;display:flex;flex-direction:column}.process-diagram-card:fullscreen .process-diagram-header,.process-diagram-card.is-fullscreen .process-diagram-header{padding:18px 24px}.process-diagram-card:fullscreen .process-diagram-header p,.process-diagram-card.is-fullscreen .process-diagram-header p{margin-top:3px}.process-diagram-card:fullscreen .process-diagram-viewport,.process-diagram-card.is-fullscreen .process-diagram-viewport{height:auto;min-height:0;flex:1}.process-diagram-card:fullscreen .diagram-status,.process-diagram-card.is-fullscreen .diagram-status{padding:8px 24px}.process-diagram-card:fullscreen [data-diagram-fullscreen],.process-diagram-card.is-fullscreen [data-diagram-fullscreen]{border-color:#e2b44d;background:#fff8e8}