/* ws-model-hint2.155621 — 模型/风格排版修复
   问题：模型下拉文本超长被截（"gpt-image-2-sur"），hint 占 3 行把风格列挤压。
   修法：
   1) 模型/风格列宽比 1.3fr / 1fr，给模型列多一点空间
   2) 限制 hint 行数 2 行（line-clamp:2），避免撑高影响布局
   3) 给 select 加 title 显示完整文本（hover 提示）
   4) 风格 select 下方也加一行特点提示
   ============================================================ */

/* 模型/风格所在 .form-row 强制两列，模型列稍宽 */
.form-row:has(> label > #modelSelect) {
  grid-template-columns: minmax(160px, 1.3fr) minmax(140px, 1fr);
  align-items: start;
}

/* 模型/风格 hint：限 2 行，高度可控，撑不开挤压布局 */
.model-hint {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  max-width: 100%;
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--muted, #9a938a);
  /* 不再单独写 display:block —— -webkit-box 自带块级语义 */
}
.model-hint:empty { display: none; }

/* 风格 hint 同款样式（共用 .model-hint class） */

/* 极窄屏兜底：模型/风格行变单列堆叠 */
@media (max-width: 720px) {
  .form-row:has(> label > #modelSelect) {
    grid-template-columns: 1fr;
  }
}