.editor-wrapper,
.editor-wrapper * {
  box-sizing: border-box;
}
/* 编辑器整体：外层绝对不能滚动 */
.editor-wrapper {
  width: 425px;
  height: 235px;
  min-width: 425px;
  min-height: 235px;
  resize: both;
  overflow: hidden !important;
  background: #fff;
  border: 1px solid #ccc;
  flex-direction: column !important;
}
.editor-wrapper.is-editor-open {
  display: flex;
}
/* 工具栏：永远在最上方，不参与滚动 */
.editor-wrapper .ql-toolbar {
  flex: 0 0 auto !important;
  position: relative !important;
  top: auto !important;
  z-index: 999 !important;
  width: 100%;
  background-color: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
  margin: 0 !important;
}
/* 编辑区外壳：只负责占剩余高度，不能自己滚 */
.editor-wrapper .ql-container {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  border: none;
  overflow: hidden !important;
}
/* 真正滚动的地方只能是 ql-editor */
.editor-wrapper .ql-editor {
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-top: 0;
  padding-bottom: 10px;
  line-height: 1.6;
  box-sizing: border-box;
}
/* 预览区 */
.preview-wrapper {
  margin-top: 30px;
  width: 800px;
  min-height: 200px;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.8;
}
/* ==================================
 * 字号：完整版中文（选中 + 下拉统一）
 * ================================== */
.ql-snow .ql-picker.ql-size {
  width: 65px;
}
/* 默认显示：字号 */
.ql-snow .ql-picker.ql-size .ql-picker-label:not([data-value])::before {
  content: '字号';
}
/* 下拉里的 Normal 改成 字号 */
.ql-snow .ql-picker.ql-size .ql-picker-item:not([data-value])::before {
  content: '字号';
}
/* 选中后显示具体字号 */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12px"]::before {
  content: '12px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14px"]::before {
  content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="16px"]::before {
  content: '16px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before {
  content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before {
  content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before {
  content: '32px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12px"]::before {
  content: '12px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14px"]::before {
  content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="16px"]::before {
  content: '16px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before {
  content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before {
  content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before {
  content: '32px';
}
/* ==================================
 * 标题：完整版中文（选中 + 下拉统一）
 * ================================== */
.ql-snow .ql-picker.ql-header {
  width: 100px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before {
  content: '标题';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: '标题 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: '标题 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: '标题 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: '标题 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: '标题 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: '标题 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item:not([data-value])::before {
  content: '正文';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
  content: '标题 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
  content: '标题 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
  content: '标题 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
  content: '标题 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
  content: '标题 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
  content: '标题 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-label:not([data-value])::before {
  content: '正文';
}
.editor-wrapper {
  position: absolute;
  left: 665px;
  top: -12px;
}
.editor-wrapper .ql-toolbar {
  margin-top: 0;
}
.toolbar-extra {
  float: right;
  display: inline-flex;
  gap: 6px;
}
.toolbar-btn {
  width: 28px;
  height: 24px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
}
.drag-btn {
  cursor: move;
}
.toolbar-extra .toolbar-btn {
  font-size: 20px;
  width: 28px;
  height: 30px;
  line-height: 1;
}
.fullscreen-btn {
  font-size: 16px;
}
.editor-wrapper .ql-editor.ql-blank::before {
  color: red;
  font-style: normal;
  /* 改成正常字体 */
}
.largeBox .preview-wrapper {
  width: var(--preview-width, 0px);
  max-width: var(--preview-width, 0px);
  min-width: 0;
  margin: 0 !important;
  padding: 15px;
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden;
  /* 关键：不要让预览区参与拉宽 largeBox */
  flex: 0 0 auto;
  align-self: flex-start;
}
.largeBox .preview-wrapper .ql-editor {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.largeBox .preview-wrapper .ql-editor * {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.largeBox .preview-wrapper .ql-editor img,
.largeBox .preview-wrapper .ql-editor video {
  max-width: 100%;
  height: auto;
}
/* 编辑器里：放大文字背景色块 */
.editor-wrapper .ql-editor span[style*="background-color"] {
  padding: 5px 0;
  border-radius: 3px;
  line-height: 1.8;
}
/* 预览区里：同步放大文字背景色块 */
.largeBox .preview-wrapper .ql-editor span[style*="background-color"] {
  padding: 5px 0;
  border-radius: 3px;
  line-height: 1.8;
}
.editor-wrapper,
.preview-wrapper {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.editor-wrapper.fade-hidden,
.preview-wrapper.fade-hidden {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}
/*# sourceMappingURL=editor.css.map */