.editor {
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 300px;
    background: #fff;
    overflow: auto;
  }
  .toolbar {
    margin-bottom: 10px;
    background: #f0f0f0;
    padding: 5px;
    border-bottom: 1px solid #ccc;
  }
  .toolbar button,
  .toolbar select,
  .toolbar input {
    margin-right: 5px;
    padding: 5px 10px;
    cursor: pointer;
    border: none;
    background: #fff;
    font-size: 16px;
  }
  .toolbar button:hover,
  .toolbar select:hover,
  .toolbar input:hover {
    background: #e0e0e0;
  }
  .icon {
    font-family: 'SSA Icon';
  }
    .source-mode {
    background-color: black;
    color: white;
  }
  .image-edit-modal {
  width: 133px;
    position: fixed; /* Keep the modal in a fixed position */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust position to ensure perfect centering */
    background: white; /* White background for modal content */
    border: 1px solid #ccc; /* Light border for visibility */
    padding: 20px; /* Add padding for inner content */
    z-index: 1000; /* High z-index to ensure it's on top */
    max-width: 400px; /* Limit the width of the modal */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    text-align: center; /* Center align text within the modal */
    cursor: move; /* Indicate it's movable */
  }