.connector-workbench{background:var(--klic-component-block-color-surface,#fbfcfe);color:var(--klic-component-block-color-text,#183553);padding:24px;font-family:inherit;min-height:600px;--connector-accent:var(--klic-component-block-color-accent,#245fc2);--connector-border:var(--klic-component-block-color-border,#dfe5ee);--connector-panel:var(--klic-component-block-color-panel,#fff);--connector-muted:var(--klic-component-block-color-muted,#64748b)}.connector-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.connector-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.4px;color:var(--connector-muted)}.connector-eyebrow b{color:var(--connector-accent);margin-left:12px}.connector-heading h1{font-size:23px;font-weight:650;line-height:1.4;margin:10px 0 5px}.connector-heading p{font-size:12px;color:var(--connector-muted);margin:0}.connector-badge{border:1px solid var(--connector-border);color:var(--connector-accent);border-radius:5px;padding:6px 9px;font-size:9px;letter-spacing:1.6px;background:var(--connector-panel)}.connector-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 14px;background:var(--connector-panel);border:1px solid var(--connector-border);border-radius:10px;padding:12px}.connector-controls label{width:220px;margin-right:12px;font-size:11px}.connector-controls label span{display:flex;justify-content:space-between;margin-bottom:5px}.connector-controls output{font-variant-numeric:tabular-nums;color:var(--connector-accent);font-weight:700}.connector-controls input{width:100%;accent-color:var(--connector-accent);height:18px;display:block}.connector-workbench button{border:1px solid var(--connector-border);border-radius:6px;padding:8px 10px;background:var(--connector-panel);color:inherit;font:inherit;font-size:11px;min-height:34px;cursor:pointer}.connector-workbench button:hover{border-color:var(--connector-accent)}.connector-workbench button[aria-pressed=true]{background:var(--klic-component-block-color-selected,#eaf0fb);color:var(--connector-accent);border-color:var(--connector-accent)}.connector-workbench button:disabled{opacity:.45;cursor:default}.connector-workbench :focus-visible{outline:2px solid var(--connector-accent);outline-offset:3px}.connector-export{display:flex;gap:6px;margin-left:auto}.connector-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;min-height:400px;border:1px solid var(--connector-border);border-radius:12px;overflow:hidden;background:var(--connector-panel)}.connector-canvas{overflow:auto;min-width:0;display:flex;align-items:center}.connector-canvas svg{display:block;width:100%;min-width:700px;height:auto;max-height:none;flex-shrink:0}.connector-edge,.connector-node{cursor:pointer}.connector-node:focus-visible rect{stroke:var(--connector-accent);stroke-width:3px}.connector-edge:focus-visible path:first-child{stroke-width:4px;stroke:var(--connector-accent)}.connector-inspector{padding:20px 16px;border-left:1px solid var(--connector-border);background:var(--connector-panel);min-width:0}.connector-inspector h2{font-size:14px;line-height:1.5;margin:10px 0 16px;font-weight:650}.connector-inspector strong{font-size:12px}.connector-inspector p{font-size:11px;line-height:1.8;margin:8px 0;color:var(--connector-muted);overflow-wrap:anywhere}.connector-inspector code{font-size:10px;overflow-wrap:anywhere}.connector-rule{border-top:1px solid var(--connector-border);margin-top:18px;padding-top:10px}.connector-rule h3{font-size:10px;font-weight:700;margin:12px 0 0}.connector-inspector .connector-count{font-size:10px;margin-top:16px;font-variant-numeric:tabular-nums}.connector-status{font-size:11px;line-height:1.8;padding:10px 0;margin:0;color:var(--connector-accent)}.connector-error{color:var(--klic-component-block-color-danger,#b42335)}.connector-relations{border-top:1px solid var(--connector-border);padding:12px 0;font-size:11px}.connector-relations summary{cursor:pointer;font-weight:600}.connector-table{overflow:auto;margin-top:12px}.connector-table table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.connector-table th,.connector-table td{padding:9px 12px;border-bottom:1px solid var(--connector-border);white-space:nowrap}.connector-table th{color:var(--connector-muted);font-weight:500}.connector-table td button{border:0;padding:4px 6px;text-align:left}.connector-table tr[data-selected=true]{background:var(--klic-component-block-color-selected,#eaf0fb)}.connector-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--connector-muted);font-size:10px;border-top:1px solid var(--connector-border);padding-top:12px}.connector-foot a{color:var(--connector-accent)}.connector-notice{font-size:11px;line-height:1.6;min-height:18px;margin:8px 0 0;color:var(--connector-muted)}.connector-workbench[data-density=compact]{padding:16px}.connector-workbench[data-density=relaxed]{padding:30px}@media (max-width:950px){.connector-grid{grid-template-columns:minmax(0,1fr)}.connector-inspector{border-left:0;border-top:1px solid var(--connector-border);display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.connector-inspector>.connector-eyebrow,.connector-inspector>h2{grid-column:1/-1}.connector-rule{margin-top:0;grid-column:2;grid-row:3/8;border:0;padding:0}.connector-inspector h2{margin-bottom:8px}.connector-inspector .connector-count{margin-top:8px}}@media (max-width:520px){.connector-workbench{padding:14px}.connector-heading h1{font-size:20px}.connector-controls label{width:100%;margin:0 0 6px}.connector-export{margin-left:0}.connector-inspector{display:block}.connector-rule{border-top:1px solid var(--connector-border);margin-top:12px}.connector-badge{display:none}}@media (prefers-reduced-motion:reduce){.connector-workbench [data-motion]{display:none}}.connector-edge{transition:opacity .14s ease}.connector-edge:hover path:first-child,.connector-edge:focus-visible path:first-child{stroke-width:4}.connector-node:hover rect{stroke:var(--connector-accent);stroke-width:2.5}.connector-pending{font-size:11px;color:var(--connector-muted)}.connector-changes{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--connector-border);padding:20px 0}.connector-changes h2{font-size:15px;margin:9px 0}.connector-changes h3{font-size:12px;margin:0 0 10px}.connector-changes p,.connector-changes li{font-size:11px;line-height:1.8;color:var(--connector-muted)}.connector-changes ol{margin:0;padding-left:20px;max-height:200px;overflow:auto}.connector-changes li b{color:var(--connector-accent);font-variant-numeric:tabular-nums}@media (max-width:650px){.connector-changes{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion:reduce){.connector-edge{transition:none}}