.message-edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 6px;
  padding: 0;
  border: 1px solid var(--accent);
  border-radius: 5px;
  background: rgba(223, 0, 255, .14);
  color: #f2a9ff;
  font: 18px/1 Arial, sans-serif;
  cursor: pointer;
  vertical-align: middle;
}
.message-edit-button:hover, .message-edit-button:focus-visible {
  border-color: #f2a9ff;
  background: rgba(223, 0, 255, .28);
  color: #fff;
}
.message-edit-button svg { display: block; }
:root[data-theme="light"] .message-edit-button { color: #752864; background: #f4e1f1; }
:root[data-theme="light"] .message-edit-button:hover,
:root[data-theme="light"] .message-edit-button:focus-visible { color: #4e1742; background: #e8c4e1; }
.message-edited-label { margin-left: 7px; color: #999; font: 11px/1.4 Arial, sans-serif; }
.is-deleted-message .message-edit-button, .is-deleted-message .message-edited-label { display: none; }
#message-edit-dialog { max-width: 560px; }
#message-edit-dialog .rules-content { display: grid; gap: 10px; }
#message-edit-dialog .rules-dialog__footer { display: flex; gap: 10px; flex-wrap: wrap; }
#message-edit-dialog textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 140px;
  max-height: 40dvh;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg, #181818);
  color: inherit;
  font: 16px/1.5 Arial, sans-serif;
  resize: vertical;
}
#message-edit-counter { text-align: right; font: 12px/1.4 Arial, sans-serif; }
#message-edit-feedback { margin: 0; min-height: 1.4em; font-size: 14px; }