.strategy-context{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;background:#fff;border:1px solid #dce3ef;border-radius:18px;padding:20px;margin:18px 0}.strategy-context label{display:grid;align-content:start;gap:9px;font-size:14px;font-weight:700;min-width:0}.strategy-context select{font:inherit;color:#17243e;background:#f8f9fd;border:1px solid #cfd7e6;border-radius:10px;min-height:48px;width:100%;padding:10px;min-width:0;text-overflow:ellipsis}.strategy-selected{font-weight:400;color:#62708a;line-height:1.7;overflow-wrap:anywhere}.strategy-context select:focus-visible,.flow-editor :is(input,select,textarea,button):focus-visible{outline:3px solid #9387ff;outline-offset:2px}.flow-editor{padding:24px;margin:20px 0}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.flow-toolbar h2{margin:0}.flow-meta,.flow-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.flow-editor label{display:grid;gap:7px;font-size:14px;min-width:0}.flow-editor :is(input,select,textarea){font:inherit;width:100%;min-width:0;padding:11px;border:1px solid #cfd7e6;border-radius:10px;background:white;color:#17243e;box-sizing:border-box}.flow-editor textarea{min-height:90px;resize:vertical}.flow-assist{background:#f5f3ff;padding:16px;border-radius:14px;margin:18px 0}.flow-assist p,.flow-muted{color:#65718a;font-size:14px;line-height:1.7}.flow-map{background:#f7f9fc;border:1px solid #e0e6ef;border-radius:16px;padding:22px;margin:20px 0}.flow-node{position:relative;max-width:660px;margin:auto;background:white;border:1px solid #d4ddec;border-right:4px solid #7861dc;border-radius:12px;padding:16px}.flow-node[data-kind=trigger]{border-right-color:#178a7e}.flow-node[data-kind=condition]{border-right-color:#c79126}.flow-node[data-kind=action]{border-right-color:#4771d6}.flow-link{height:34px;width:2px;background:#bac5d7;margin:auto;position:relative}.flow-link:after{content:'';position:absolute;bottom:0;left:-4px;border:5px solid transparent;border-top-color:#bac5d7}.flow-node-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.flow-node-head button{font-size:14px;padding:6px 10px}.flow-branch{display:flex;gap:14px;justify-content:space-between;background:#fff9eb;border-radius:8px;padding:10px;font-size:14px;flex-wrap:wrap}.flow-end{text-align:center;color:#65718a;font-size:14px}.flow-result{padding:14px;background:#edf7f5;border-radius:10px;white-space:pre-line;line-height:1.8}.flow-actions{display:flex;gap:10px;flex-wrap:wrap}.flow-editor [hidden]{display:none}.flow-editor summary{cursor:pointer;font-weight:700}.flow-editor button{min-height:40px}.flow-wide{grid-column:1/-1}@media(max-width:650px){.strategy-context{grid-template-columns:1fr;gap:16px;padding:16px}.flow-editor{padding:14px}.flow-meta,.flow-fields{grid-template-columns:1fr}.flow-map{padding:12px}.flow-toolbar .btn{width:100%}.flow-node{padding:12px}.flow-actions .btn{flex:1}.flow-node-head{flex-wrap:wrap}}
