.connection-editor{width:min(780px,calc(100% - 24px));max-height:92dvh;padding:0;border:1px solid #cbd5e1;border-radius:16px;background:#f8fafc;color:#172b40;box-shadow:0 24px 80px #0006;font:14px system-ui}
.connection-editor::backdrop{background:#081728b3}.connection-editor header,.connection-editor footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fff}.connection-editor h2{font-size:20px;font-weight:700}.ce-body{padding:18px 20px;display:grid;gap:16px;overflow:auto;max-height:calc(92dvh - 150px)}.ce-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ce-field{display:grid;gap:6px;font-weight:600;min-width:0}.connection-editor input:not([type=checkbox]),.connection-editor select{width:100%;min-height:44px;border:1px solid #94a3b8;background:white;color:#172b40;border-radius:7px;padding:8px;font-size:16px}.connection-editor input[type=checkbox]{width:22px;height:22px}.connection-editor button{min-height:42px;padding:9px 14px;border:1px solid #94a3b8;border-radius:7px;background:white;font-weight:600;color:#233f55}.connection-editor button:disabled{opacity:.45;cursor:not-allowed}.connection-editor button.ce-primary{background:#08756c;border-color:#08756c;color:white}.connection-editor :focus-visible{outline:3px solid #22b8cf;outline-offset:2px}.ce-hint,.ce-preview p{font-size:12px;color:#52677a}.ce-preview{padding:12px;background:#e9eff5;border-radius:10px}.ce-preview svg{width:100%;height:210px}.ce-status{padding:14px;background:#ffedd5;border-radius:8px}.ce-status[data-valid=true]{background:#d1fae5}.ce-status p{margin-top:7px}.ce-point{display:grid;grid-template-columns:20px 1fr 1fr 1fr auto;gap:8px;align-items:end;margin:12px 0}.ce-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.connection-editor summary{font-weight:700;cursor:pointer;min-height:36px}.connection-editor footer{border-top:1px solid #cbd5e1;justify-content:flex-end}@media(max-width:600px){.ce-flow{grid-template-columns:1fr}.ce-point{grid-template-columns:16px 1fr 1fr 1fr}.ce-point button{grid-column:2/5}.ce-body{padding:14px}.connection-editor header,.connection-editor footer{padding:12px}.ce-preview svg{height:150px}}
.ce-auto,.ce-proposal{padding:14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;display:grid;gap:10px}.ce-proposal .ce-field{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:12px}.ce-proposal input{flex:none}.ce-auto button{justify-self:start}