/* ══════ EDITOR — "Revise the story" (retroactive continuity editing) ══════ */

/* Cast-bar chip: a count badge, and a brief flash when a scan finishes so the
   result is noticeable without a modal stealing focus. */
.editor-badge { background:var(--accent); color:#fff; border-radius:8px; font-size:10px;
  font-weight:600; padding:0 .32rem; margin-left:.1rem; }
.cast-chip.editor-ready { border-color:var(--accent); color:var(--text); animation:editor-flash 1s ease-in-out 2; }
@keyframes editor-flash {
  0%, 100% { box-shadow:0 0 0 0 transparent; }
  35%      { box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent); }
}

/* Instruction box + shared help line. */
.editor-instruction { width:100%; min-height:104px; resize:vertical; line-height:1.5; padding:.6rem .7rem;
  border-radius:var(--r); background:var(--input-bg); border:1.5px solid var(--border); color:var(--text); font:inherit; }
.editor-instruction:focus { border-color:var(--accent); outline:none; }
.editor-help { color:var(--text2); font-size:12.5px; line-height:1.5; margin-bottom:.85rem; }

/* Instruction box: the optional "also check character description(s)" toggle. */
.editor-char-check { display:flex; align-items:flex-start; gap:.45rem; font-size:12.5px;
  color:var(--text2); line-height:1.4; margin-top:.7rem; cursor:pointer; }
.editor-char-check input[type=checkbox] { margin-top:.15rem; accent-color:var(--accent); cursor:pointer; }

/* Review: the list of diff cards. */
.editor-cards { display:flex; flex-direction:column; gap:.7rem; }
.editor-card { border:1px solid var(--border); border-radius:var(--r); padding:.6rem .7rem; }
.editor-card-head { display:flex; align-items:center; gap:.5rem; margin-bottom:.45rem; }
.editor-card-head input[type=checkbox] { width:15px; height:15px; accent-color:var(--accent); cursor:pointer; }
.editor-kind { font-size:10.5px; text-transform:uppercase; letter-spacing:.03em; color:var(--text3);
  border:1px solid var(--border); border-radius:3px; padding:.05rem .32rem; }
.editor-old { font-size:12.5px; color:var(--text3); text-decoration:line-through;
  white-space:pre-wrap; margin-bottom:.4rem; }
.editor-old mark.editor-diff { background:#f3d02e; color:#1a1400; text-decoration:line-through;
  border-radius:2px; padding:0 .15em; }
.editor-new { width:100%; min-height:88px; resize:vertical; line-height:1.45; padding:.42rem .55rem;
  border-radius:var(--r); background:var(--input-bg); border:1.5px solid var(--border); color:var(--text); font:inherit; }
.editor-new:focus { border-color:var(--accent); outline:none; }
.editor-card-acts { display:flex; gap:.4rem; justify-content:flex-end; margin-top:.45rem; }
.editor-mini { padding:.25rem .55rem; font-size:12px; }
.editor-empty { color:var(--text2); font-size:13px; padding:.6rem 0; text-align:center; }