/* ============ QUILL EDITOR THEME (Add News) — matches site tokens ============ */

.editor-wrap .ql-toolbar.ql-snow {
  border: 1px solid var(--ink-scrim);
  border-bottom: none;
  background: var(--surface-2);
  border-radius: 10px 10px 0 0;
  position: sticky;
  top: 0;
  z-index: 3;
}
.editor-wrap .ql-container.ql-snow {
  border: 1px solid var(--ink-scrim);
  border-radius: 0 0 10px 10px;
  font-family: inherit;
  background: var(--bg-2);
}
.editor-wrap .ql-editor {
  color: var(--ink);
  min-height: 180px;
  font-size: 14px;
  line-height: 1.65;
}
.editor-wrap #anShort + .ql-container .ql-editor,
.editor-wrap .ql-editor.q-short { min-height: 90px; }
.editor-wrap .ql-editor.ql-blank::before {
  color: var(--ink-dim);
  font-style: normal;
}

/* icons */
.editor-wrap .ql-snow .ql-stroke { stroke: var(--ink-soft); }
.editor-wrap .ql-snow .ql-fill { fill: var(--ink-soft); }
.editor-wrap .ql-snow .ql-picker { color: var(--ink-soft); }
.editor-wrap .ql-snow .ql-picker-options {
  background: var(--surface-2);
  border-color: var(--ink-scrim);
}
.editor-wrap .ql-snow.ql-toolbar button:hover .ql-stroke,
.editor-wrap .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.editor-wrap .ql-snow .ql-picker-label:hover .ql-stroke,
.editor-wrap .ql-snow .ql-picker-label.ql-active .ql-stroke { stroke: var(--accent); }
.editor-wrap .ql-snow.ql-toolbar button:hover .ql-fill,
.editor-wrap .ql-snow.ql-toolbar button.ql-active .ql-fill { fill: var(--accent); }
.editor-wrap .ql-snow.ql-toolbar button:hover,
.editor-wrap .ql-snow .ql-picker-label:hover,
.editor-wrap .ql-snow .ql-picker-item:hover,
.editor-wrap .ql-snow .ql-picker-item.ql-selected { color: var(--accent); }

/* editor content look */
.editor-wrap .ql-editor h2,
.editor-wrap .ql-editor h3,
.editor-wrap .ql-editor h4 { font-family: 'Fraunces', Georgia, serif; color: var(--ink); }
.editor-wrap .ql-editor blockquote { border-left: 3px solid var(--accent-2); color: var(--ink-soft); }
.editor-wrap .ql-editor pre.ql-syntax,
.editor-wrap .ql-editor code { background: var(--bg); color: var(--ink); }
.editor-wrap .ql-editor a { color: var(--accent-2); }
.editor-wrap .ql-editor img { max-width: 100%; border-radius: 6px; }
.editor-wrap .ql-editor iframe { width: 100%; aspect-ratio: 16 / 9; border-radius: 8px; border: 1px solid var(--ink-scrim); }
.editor-wrap .ql-editor audio { width: 100%; margin: 6px 0; }
.editor-wrap .ql-snow .ql-tooltip { background: var(--surface-2); color: var(--ink); border-color: var(--ink-scrim); box-shadow: 0 6px 24px rgba(0,0,0,.4); }
.editor-wrap .ql-snow .ql-tooltip input[type=text] { background: var(--bg); color: var(--ink); border-color: var(--ink-scrim); }

/* HTML source panel */
.q-html-panel {
  border: 1px solid var(--ink-scrim);
  border-top: none;
  background: var(--bg);
  border-radius: 0 0 10px 10px;
  margin-top: -1px;
}
.q-html-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 12px; font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: .1em; text-transform: uppercase; color: var(--ink-dim);
  border-bottom: 1px solid var(--ink-scrim);
}
.q-html-apply {
  background: var(--accent-2); color: #fff; border: none; border-radius: 6px;
  padding: 5px 12px; font-size: 12px; cursor: pointer; text-transform: none; letter-spacing: 0;
}
.q-html-apply:hover { filter: brightness(1.1); }
.q-html-src {
  width: 100%; box-sizing: border-box; background: var(--bg); color: var(--ink);
  border: none; padding: 12px 14px; font-family: 'JetBrains Mono', monospace;
  font-size: 12px; line-height: 1.6; min-height: 120px; resize: vertical;
}
.q-html-src:focus { outline: none; }

/* short char counter over limit */
#anShortCount.over { color: var(--accent-2); }