.connection-properties{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:6px;position:absolute;box-shadow:0 2px 6px #00000026}.properties-buttons{gap:4px;display:flex}.icon-button{cursor:pointer;background:#fff;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:transform .2s;display:flex}.icon-button:hover{transform:scale(1.1)}.icon-button:active{transform:scale(.95)}.color-picker{grid-template-columns:repeat(8,1fr);gap:2px;width:100px;margin-top:6px;display:grid}.color-swatch{cursor:pointer;border:1px solid #ccc;border-radius:2px;width:10px;height:10px;transition:transform .2s}.color-swatch:hover{transform:scale(1.2)}.color-swatch.selected{border:2px solid #000}