/* ==========================================================================
   白栈 · 右栏参数区收紧 v254
   ─────────────────────────────────────────────────────────────────────
   实测问题（不是跨栏重叠，是同栏内的挤压）：
     col-params 宽 338px，内部 styleSeg（16 个服装版型按钮）换行后占 207px 高，
     把「生成白底图」按钮推到 y=922（视口 1050 时勉强可见，矮屏直接看不到）。

   修法：
   1. 参数区按钮统一收敛成小尺寸（28px 高），减少换行行数
   2. styleSeg / cuffSeg 这类「多选」改成 2 列网格，行数减半
   3. 生成条保持在滚动区外、卡片底部（已有），并确保永远可见
   4. 不改任何 flex/grid 外层结构，只调参数区内部的尺寸与排布方式
   ========================================================================== */

/* ---------- 1. 参数区按钮尺寸收紧 ---------- */
#view-work .col-params .segmented > button,
#view-work .col-params .opt,
#view-work .col-params .ttab{
  height:30px;
  padding:0 11px;
  font-size:12.5px;
  line-height:1.3;
  border-radius:8px;
}

/* ---------- 2. 服装版型（16 个）改 2 列网格，行数从 6 行降到 8 行内 ---------- */
#view-work .col-params #styleSeg{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px;
  max-width:100%;
  min-width:0;
}
#view-work .col-params #styleSeg > button{
  width:100%;
  min-width:0;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ---------- 3. 收口/平口、侧边轮廓等 2 项组：并排不换行 ---------- */
#view-work .col-params #cuffSeg,
#view-work .col-params #contourSeg,
#view-work .col-params #displaySeg{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px;
}
#view-work .col-params #cuffSeg > button,
#view-work .col-params #contourSeg > button,
#view-work .col-params #displaySeg > button{
  width:100%;
  min-width:0;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.25;
}

/* ---------- 4. 出图比例（5 项）+ 清晰度（3 项）：一行放得下 ---------- */
#view-work .col-params #ratioSeg,
#view-work .col-params #resSeg,
#view-work .col-params #platformSeg{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#view-work .col-params #ratioSeg > button,
#view-work .col-params #resSeg > button,
#view-work .col-params #platformSeg > button{
  flex:0 1 auto;
  min-width:0;
}

/* ---------- 5. 参数区每个 field 的上下留白收紧 ---------- */
#view-work .col-params .params-body .field{
  padding-top:11px;
  padding-bottom:11px;
  gap:6px;
}
#view-work .col-params .params-body .field .hint{
  margin-bottom:2px;
}

/* ---------- 6. 生成条：贴底、永不掉出视口 ---------- */
#view-work .col-params .gen-cta{
  flex:0 0 auto;
  position:relative;
  z-index:3;
  background:var(--bg);
  border-top:1px solid var(--line);
}
#view-work .col-params .gen-cta .btn.primary,
#view-work .col-params .gen-cta .btn{
  height:40px;
  font-size:13.5px;
}

/* ---------- 7. 矮屏兜底（高度 < 900）进一步压紧 ---------- */
@media (max-height:900px){
  #view-work .col-params .segmented > button{
    height:28px;
    font-size:12px;
    padding:0 9px;
  }
  #view-work .col-params .params-body .field{
    padding-top:9px;
    padding-bottom:9px;
  }
}