.connector-settings{display:grid;gap:20px;margin-top:24px}
.connector-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.connector-heading h2{margin:4px 0 8px}
.connector-heading p{margin:0;color:#50627e;line-height:1.5}
.connector-gate{padding:15px 18px;border:1px solid #bed2ff;border-radius:16px;background:#eef4ff;color:#183765;line-height:1.5}
.connector-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.connector-card{display:grid;gap:6px;text-align:left;padding:18px;border:1px solid #d6e0f4;border-radius:16px;background:#fff;color:#12223c;cursor:pointer;font:inherit}
.connector-card:hover,.connector-card.selected{border-color:#1261ff;box-shadow:0 0 0 2px #dce8ff}
.connector-card span{font-size:.75rem;font-weight:700;color:#536787;text-transform:uppercase;letter-spacing:.04em}
.connector-card strong{font-size:1.05rem}
.connector-card small{color:#526482;line-height:1.4}
.connector-card em{font-style:normal;color:#8b4217;font-size:.75rem;font-weight:700}
.connector-editor{padding:24px}
.connector-editor h3{margin:0 0 10px}
.connector-connection{padding:12px 14px;border-radius:12px;background:#fff5e6;color:#703b0a;line-height:1.5}
.connector-editor form{display:grid;gap:17px;margin-top:18px}
.connector-editor fieldset{border:1px solid #d7e2f4;border-radius:14px;padding:14px 16px}
.connector-editor legend{font-weight:700;padding:0 6px}
.connector-option,.connector-options label{display:flex;align-items:flex-start;gap:10px;line-height:1.45}
.connector-option input,.connector-options input{margin-top:4px;flex:none}
.connector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:8px}
.connector-options small{display:block;color:#61728e}
.connector-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.connector-form-grid label{display:grid;gap:6px;font-weight:600}
.connector-form-grid input,.connector-form-grid select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #bfcee8;border-radius:10px;background:white;color:#172641;font:inherit}
.connector-help{margin:6px 0 0;color:#526482;font-size:.88rem;line-height:1.45}
.connector-simulator{border-top:1px solid #d7e2f4;margin-top:24px;padding-top:20px;display:grid;gap:12px}
.connector-simulator h4,.connector-simulator p{margin:0}
.connector-simulator .btn{justify-self:start}
.connector-preview{padding:14px 16px;border:1px solid #bfd6cd;border-radius:12px;background:#f0f8f4;line-height:1.5;overflow-wrap:anywhere}
.connector-preview p{margin:7px 0}
.connector-preview small{color:#315848}
.connector-error{color:#ab2935;font-weight:700}
.connector-notice{color:#176047;font-weight:700}
@media(max-width:920px){.connector-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.connector-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.connector-heading{display:block}.connector-cards,.connector-options,.connector-form-grid{grid-template-columns:1fr}.connector-editor{padding:18px}}