/* 中栏写正文区：让现成零件 Vditor 铺满 + 穿上糖果米绿色 */
.pane-middle .pane-body, .pane-right .pane-body { padding: 0; overflow: hidden; min-height: 0; display: flex; flex-direction: column; }
/* 写字区上方那排格式小工具（格式刷/引号/查找替换/打字机/字数尺）和查找面板：钉在写字区顶上，正文往下滚也不跟着滚走、永远够得着 */
.pane-middle .pane-body > .format-bar, .pane-right .pane-body > .format-bar,
.pane-middle .pane-body > .find-panel, .pane-right .pane-body > .find-panel { flex: 0 0 auto; }
/* 写字区占满工具栏下面剩下的高度，正文只在它自己肚子里滚，工具栏稳稳留在上面不动 */
#editor, #outline-editor { flex: 1 1 auto; min-height: 0; height: auto; }
.vditor {
  border: none !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--bg-middle);
}
.vditor-toolbar { background-color: var(--pill-bg) !important; border-bottom: var(--border) !important; flex: 0 0 auto !important; }
.vditor-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  background-color: var(--bg-middle) !important;
}
.vditor-reset { background-color: var(--bg-middle) !important; color: var(--color-dark) !important; }
.vditor-ir pre.vditor-reset {
  min-height: 100% !important;
  overflow: visible !important;
  background-color: var(--bg-middle) !important;
  /* 字号跟着写字区上的档位走：默认 16px，档位 1.2 就是 19.2px，两个小箭头点一下改档位 */
  font-size: calc(16px * var(--mazi-font-scale, 1)) !important;
}

/* 打字机模式：给正文底下垫大半屏空白，好让正在写的最后几行也能被滚到屏幕正中。
   这是纯垫白、不是你的正文，永远不会被存进去、也绝不会吃字。 */
.typewriter-on .vditor-ir pre.vditor-reset { padding-bottom: 60vh !important; }

/* 打字机开关点亮时：点一下变亮，一眼看出开着 */
.format-bar .fmt-btn.fmt-typewriter.is-on,
.format-bar .fmt-btn.fmt-caliper.is-on {
  background: #e8639b !important;
  color: #fff !important;
}

/* 工具条瘦身：把这排小按钮做小做扁一点、挤紧一点，别那么占地方，把高度还给正文（L 7/10 要的） */
.pane-middle .pane-body > .format-bar,
.pane-right .pane-body > .format-bar {
  gap: 4px !important;
  padding: 2px 6px !important;
}
.format-bar .fmt-btn {
  padding: 2px 8px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  border-radius: 6px !important;
}
.format-bar .fmt-btn i { font-size: 11px !important; margin-right: 2px; }

/* 后悔药：写字区右下角一个小药贴按钮，点开是最近自动存下的底稿，点一份就把被吞的字整段捞回来 */
.vditor { position: relative; }
.mazi-draft { position: absolute; left: 14px; bottom: 12px; z-index: 30; text-align: left; }
.mazi-draft-btn {
  border: none; cursor: pointer; border-radius: 999px;
  padding: 4px 12px; font-size: 12px; line-height: 1.4;
  background: rgba(232, 99, 155, 0.14); color: #b83280;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}
.mazi-draft-btn:hover { background: rgba(232, 99, 155, 0.24); }
.mazi-draft-panel {
  margin-top: 6px; width: 260px; max-height: 260px; overflow-y: auto; padding: 6px;
  background: #fff; border: 1px solid #f0d0e0; border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.16); text-align: left;
}
.mazi-draft-tip, .mazi-draft-empty { font-size: 11px; color: #999; padding: 4px 6px 8px; }
.mazi-draft-item {
  display: flex; gap: 8px; align-items: baseline; width: 100%;
  border: none; background: none; cursor: pointer; text-align: left;
  padding: 6px; border-radius: 6px;
}
.mazi-draft-item:hover { background: #fdeef5; }
.mazi-draft-age { flex: 0 0 auto; font-size: 11px; color: #b83280; }
.mazi-draft-preview { flex: 1 1 auto; font-size: 12px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }