.connection-activity{margin-top:var(--alicia-space-4)}.connection-help{color:var(--alicia-text-muted);font-size:var(--alicia-font-size-sm)}.connection-help i{color:var(--alicia-color-primary);margin-right:var(--alicia-space-2)}.connection-board{display:grid;gap:clamp(3rem,12vw,12rem);grid-template-columns:1fr 1fr;min-height:180px;position:relative}.connection-board svg{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.connection-column{display:flex;flex-direction:column;gap:var(--alicia-space-3);justify-content:space-around;position:relative;z-index:2}.connection-node{align-items:center;background:var(--alicia-bg-surface);border:2px solid var(--alicia-border-color);border-radius:var(--alicia-radius-md);color:var(--alicia-text-primary);cursor:crosshair;display:flex;font-weight:var(--alicia-font-weight-semibold);gap:var(--alicia-space-3);justify-content:space-between;min-height:64px;padding:var(--alicia-space-3) var(--alicia-space-4);transition:var(--alicia-transition-fast);touch-action:none;width:100%}.connection-node:hover,.connection-node.is-active{border-color:var(--alicia-color-primary);box-shadow:0 0 0 .2rem rgba(var(--alicia-color-primary-rgb),.12)}.connection-node.is-connected{background:rgba(var(--alicia-color-primary-rgb),.06)}.connection-node i{background:var(--alicia-bg-surface);border:3px solid var(--alicia-color-primary);border-radius:50%;display:block;height:18px;min-width:18px}.connection-line{fill:none;stroke:var(--alicia-color-primary);stroke-linecap:round;stroke-width:4}.connection-line.is-preview{opacity:.55;stroke-dasharray:8 7}.connection-error{color:var(--alicia-color-danger);font-weight:var(--alicia-font-weight-semibold);margin-top:var(--alicia-space-3)}@media(max-width:700px){.connection-board{gap:2.5rem}.connection-node{font-size:var(--alicia-font-size-sm);padding:var(--alicia-space-2)}}