.section-heading{margin:28px 0 14px}.section-heading h2{margin-bottom:4px}.section-heading p,.builder-top p,.node-palette p,.node-inspector p{color:var(--muted)}.flow-list{display:grid;gap:12px;margin-top:18px}.flow-list>article{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px}.flow-list h3,.flow-list p{margin:2px 0}.flow-icon,.template-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#e9f2ff;color:var(--primary);font-size:23px}.flow-actions{display:flex;align-items:center;gap:8px}.flow-actions form{margin:0}.status.draft{background:#eef1f5;color:#536174}.status.published{background:#dcf9ef;color:#08765e}.status.paused{background:#fff1d6;color:#9a5b00}.bot-template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bot-template-grid .card{display:flex;flex-direction:column;align-items:flex-start}.bot-template-grid h3{margin:15px 0 5px}.bot-template-grid p{color:var(--muted);flex:1}.bot-template-grid form,.bot-template-grid button{width:100%}.builder-top{display:grid;grid-template-columns:minmax(260px,1fr) minmax(430px,1.6fr) auto;gap:18px;align-items:end;margin-bottom:14px}.builder-top>div:first-child{display:grid;gap:8px}.builder-top a{color:var(--primary);font-size:13px}.flow-name{font-size:21px;font-weight:800;border:0;border-bottom:1px solid var(--line);border-radius:0;padding-left:0}.builder-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.builder-settings label{margin:0}.builder-settings .channel-list{grid-column:1/-1}.builder-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.builder-shell{display:grid;grid-template-columns:210px minmax(600px,1fr) 280px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;height:calc(100vh - 260px);min-height:610px}.node-palette,.node-inspector{padding:16px;overflow:auto}.node-palette{border-right:1px solid var(--line)}.node-inspector{border-left:1px solid var(--line)}.node-palette h3,.node-inspector h3{margin:2px 0 5px}.palette-node{width:100%;display:flex;align-items:center;gap:9px;padding:11px;margin:7px 0;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:grab;text-align:left}.palette-node:hover{border-color:var(--primary);background:#f6faff}.palette-node span{font-size:18px}.builder-help{margin-top:22px;padding:12px;background:#f7f9fc;border-radius:10px;font-size:12px;color:var(--muted)}.builder-help ol{padding-left:18px}.canvas-wrap{min-width:0;background:#f5f7fb}.canvas-toolbar{height:48px;display:flex;align-items:center;gap:7px;padding:7px 12px;background:#fff;border-bottom:1px solid var(--line)}.canvas-toolbar .btn{padding:6px 10px}.canvas-toolbar #connect-status{margin-left:auto;color:var(--primary);font-size:12px}.flow-canvas{height:calc(100% - 48px);position:relative;overflow:auto;background-image:radial-gradient(#cad3df 1px,transparent 1px);background-size:20px 20px}.flow-canvas svg,.flow-canvas #nodes-layer{position:absolute;left:0;top:0;width:4000px;height:4000px;transform-origin:0 0}.flow-canvas svg{overflow:visible;pointer-events:none}.flow-canvas .edge{fill:none;stroke:#8ba0b8;stroke-width:2}.flow-canvas .edge-label{fill:#536174;stroke:none;font-size:11px;text-anchor:middle}.flow-canvas marker path{fill:#8ba0b8}.flow-node{position:absolute;width:205px;min-height:92px;background:#fff;border:2px solid #dfe5ed;border-radius:11px;box-shadow:0 5px 16px #1c304418;padding:0;cursor:move;user-select:none}.flow-node.selected{border-color:var(--primary);box-shadow:0 0 0 3px #0b63ce18}.flow-node header{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--line);background:#f8faff;border-radius:9px 9px 0 0}.flow-node p{font-size:12px;color:var(--muted);padding:9px 11px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node .port{position:absolute;top:43px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #7790aa}.flow-node .port.in{left:-7px}.flow-node .port.out{right:-7px}.type-start header{background:#dcf9ef}.type-question header,.type-collect header{background:#fff3db}.type-handoff header{background:#eee9ff}.type-end header{background:#e9eef4}.inspector-head,.edge-row{display:flex;justify-content:space-between;align-items:center}.inspector-head button,.edge-row button{border:0;background:none;cursor:pointer}.node-inspector label{font-size:12px}.node-inspector .connect{width:100%;margin:12px 0}.edge-row{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.edge-row span{display:grid}.edge-row small{color:var(--muted)}.preview-modal{padding:22px}.preview-modal .modal-head p{margin:4px 0;color:var(--muted)}.preview-chat{height:420px;overflow:auto;background:#f3f6fa;padding:18px;display:flex;flex-direction:column;gap:10px}.preview-bubble{max-width:78%;padding:10px 13px;border-radius:13px;white-space:pre-wrap}.preview-bubble.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:3px}.preview-bubble.user{background:var(--primary);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.preview-input{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}@media(max-width:1200px){.bot-template-grid{grid-template-columns:1fr 1fr}.builder-top{grid-template-columns:1fr}.builder-shell{grid-template-columns:180px minmax(540px,1fr);height:auto}.node-inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){.bot-template-grid{grid-template-columns:1fr}.flow-list>article{grid-template-columns:1fr}.flow-actions{flex-wrap:wrap}.builder-shell{display:block}.node-palette,.node-inspector{border:0}.canvas-wrap{height:620px}.builder-settings{grid-template-columns:1fr}}