[
  {
    "search": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');",
    "replace": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nconnector1.style.width = '30px';\nconnector1.style.height = '50px';\nconnector1.style.backgroundColor = '#cccccc';\nconnector1.style.borderRadius = '5px';\n\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');\nconnector2.style.width = '30px';\nconnector2.style.height = '50px';\nconnector2.style.backgroundColor = '#cccccc';\nconnector2.style.borderRadius = '5px';"
  },
  {
    "search": ".clip {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 200px;\n    height: 60px;\n    background-color: #ffffff;\n    border-radius: 10px;\n    padding: 5px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}",
    "replace": ".clip {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 200px;\n    height: 60px;\n    background-color: #ffffff;\n    border-radius: 10px;\n    padding: 5px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.connector {\n    width: 30px;\n    height: 50px;\n    background-color: #cccccc;\n    border-radius: 5px;\n}"
  }
]