/* ===== 編集モード ===== */

.edit-toggle {
  flex: none;
  padding: 3px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--ink-soft);
  font: inherit;
  font-size: 0.72rem;
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s, color 0.14s;
}
.edit-toggle:hover {
  border-color: var(--accent);
  color: var(--accent);
}

/* アンカーの「#」は右端に寄せているので、編集ボタンはその手前に置く */
.entry-head .anchor-link { margin-left: auto; }
.entry-head .edit-toggle { margin-left: 0; }

.entry.is-editing {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent), var(--shadow-md);
}
.entry.is-editing .edit-toggle {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}

/* --- 入力欄 --- */
.edit-field + .edit-field { margin-top: 12px; }

.edit-label {
  display: block;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--ink-soft);
}

.edit-area {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 14px 16px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  background: var(--code-bg);
  color: var(--code-ink);
  font-family: var(--mono);
  font-size: 0.78rem;
  line-height: 1.7;
  tab-size: 2;
  resize: vertical;
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: auto;
}
.edit-area:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(59, 91, 219, 0.25);
}

.edit-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.edit-btn {
  padding: 6px 14px;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  font-size: 0.78rem;
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s, color 0.14s;
}
.edit-btn:hover { border-color: var(--accent); color: var(--accent); }
.edit-btn.is-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-ink);
}
.edit-btn.is-primary:hover { color: var(--accent-ink); opacity: 0.9; }

/* --- 編集中のプレビュー（iframe） --- */
.sandbox {
  display: block;
  width: 100%;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  background: #fff;
  transition: height 0.15s;
}