/* Ключевые слова */
.highlight {
  background-color: #fef08a;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 500;
}

/* Кнопки копирования */
.copy-btn { transition: all .2s; }
.copy-btn:hover { transform: scale(1.05); }
.copy-btn:active { transform: scale(.95); }

/* Плейсхолдер для contenteditable */
[contenteditable="true"][data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: #9ca3af;
}
[contenteditable="true"][data-placeholder]:not(:focus):has(> br:only-child)::before {
  content: attr(data-placeholder);
  color: #9ca3af;
}

/* Медиа внутри редактора */
#textInput img { max-width: 100%; height: auto; display: block; margin: .5em 0; }

/* --- Яркая подсветка ошибок --- */
.empty-line {
  display: inline-block;
  width: 100%;
  min-height: 1.2em;
  background: rgba(255, 59, 48, 0.18);
  border-left: 4px solid #ff3b30;
}

.double-space {
  background: #ff3b30;
  color: #fff;
  border-radius: 2px;
  white-space: pre; /* чтобы ширина подсветки соответствовала количеству пробелов */
}

/* вспышка при переходе к ошибке */
.error-flash { outline: 3px solid #ff3b30; transition: outline-color .6s ease; }
.error-flash.fade { outline-color: transparent; }

/* Резерв на будущее (бейдж) */
.fixed-badge {
  border-radius: 8px; text-align: center; font-size: 12px; color: #fff;
  position: fixed; left: 8px; bottom: 8px; z-index: 10;
  background: rgba(0,0,0,.8); padding: 4px 8px; margin-top: 16px;
}
.fixed-badge a { color: #fff; text-decoration: underline; }
.badge-logo {
  width: 16px; height: 16px; vertical-align: middle; display: inline-block;
  margin-right: 3px; filter: brightness(0) invert(1);
}