/* ============================================================
   页面内联样式提取（待决项 4）
   来源：convert.html / result.html / preprocess.html / plans.html
   仅含语义/工具类，不重复 style.css 已有规则。
   ============================================================ */

/* ---- 工具类（与 style.css 互补） ---- */
.m-0 { margin: 0; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1; }
.w-auto { width: auto; }
.w-60 { width: 60px; }
.ml-auto { margin-left: auto; }
.fs-sm { font-size: 0.8rem; }
.min-w-20 { min-width: 20px; }
.min-w-28 { min-width: 28px; }
.min-w-52 { min-width: 52px; }
.text-accent { color: var(--accent); }
.overflow-x-auto { overflow-x: auto; }
.btn-danger { background: #FF6B6B; color: #fff; }

/* ---- 行内标签（原 display:flex 的 label/toolbar） ---- */
.label-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.accent-strong {
    color: var(--accent);
    font-weight: 700;
}

/* ---- 预览/画布滚动容器（原 inline 的 min-height/height/cursor） ---- */
.preview-scroll-lg {
    min-height: 280px;
    max-height: 60vh;
    margin-bottom: 24px;
    overflow: auto;
    cursor: grab;
}
.preview-scroll {
    min-height: 480px;
    height: calc(100vh - 320px);
    max-height: 80vh;
    overflow: auto;
    cursor: grab;
}
.preview-scroll-sm {
    min-height: 420px;
    height: calc(100vh - 380px);
    max-height: 80vh;
    overflow: auto;
    cursor: grab;
}
.preview-fixed {
    min-height: 480px;
    height: calc(100vh - 280px);
    max-height: 80vh;
}
.preview-min {
    min-height: 120px;
}

/* ---- plans.html ---- */
.ph-center {
    text-align: center;
    margin-bottom: 32px;
}
.back-link-wrap {
    margin-top: 32px;
    text-align: center;
}