/* 手机端严格两行工具栏 · 最终版 */
@media (max-width: 768px) {
  html, body {
    font-size: 15px !important;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }

  /* 主工具栏容器：强制只允许两行 */
  .btn-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
    padding: 6px 8px !important;
    gap: 4px !important;
  }

  /* 所有按钮统一大小，避免挤爆 */
  .btn-bar button {
    flex: 0 0 auto !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  /* 视图切换按钮组不换行，整体当一个按钮看待 */
  .view-switch {
    position: static !important;
    transform: none !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* 右侧工具区不换行，全部塞第二行 */
  .right-tools {
    margin-left: 0 !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
  }

  /* 缩放条控制宽度，避免撑大 */
  #zoomSlider {
    width: 70px !important;
  }

  /* 编辑 + 预览上下布局 */
  .editor-container {
    flex-direction: column !important;
    height: calc(100vh - 120px) !important;
    padding: 6px !important;
    gap: 6px !important;
  }

  .edit-wrapper,
  .preview-area {
    width: 100% !important;
    height: 50% !important;
  }

  /* 字体放大 */
  .edit-area {
    font-size: 15px !important;
    line-height: 1.7 !important;
    padding-left: 46px !important;
  }
  .preview-area {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
}