/* 词库分组（意图 → 子类目）筛选条 + 标签 */
#group-bar { margin: 8px 0 2px; }
.group-bar, .gsub-bar { display: flex; flex-wrap: wrap; gap: 6px; }
.group-bar { margin-bottom: 6px; }
.gsub-bar {
  margin: 0 0 10px 0; padding-left: 8px;
  border-left: 2px solid var(--line);
}
.gchip {
  padding: 4px 10px; border-radius: 14px;
  border: 1px solid var(--line); background: #171a21; color: var(--dim);
  font-size: 12px; cursor: pointer; white-space: nowrap;
  user-select: none;
}
.gchip.on { border-color: var(--acc); color: #cfe0ff; background: #1b2a4a; }
.gchip.add { border-style: dashed; color: var(--acc); }
.gchip i { font-style: normal; opacity: .6; font-size: 11px; }

/* 词条卡上的分组标签 / 版本备注 */
.pc-group-tag {
  display: inline-block; padding: 0 6px; border-radius: 8px;
  background: #1b2a4a; color: #9dc0ff; font-size: 11px; margin-right: 6px;
}
.pc-variant { color: var(--warn); font-size: 11px; margin-right: 4px; }

/* 词条详情里的分组卡 */
.pd-group-card { margin-top: 10px; }
.pd-group-card select, .pd-group-card input { margin-bottom: 8px; }

/* 预设弹层 */
.preset-imgline { margin: 6px 0 10px; }
.preset-card { display: flex; align-items: center; gap: 8px; }
.preset-card .pc-txt { flex: 1; min-width: 0; }
.preset-card .pc-acts { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; flex: none; }
.pd-status { font-size: 11px; color: var(--dim); margin-left: 4px; }
.preset-desc {
  background: #141821; border: 1px solid var(--line); border-radius: 10px;
  padding: 8px 10px; font-size: 12px; line-height: 1.6; max-height: 150px; overflow: auto;
  margin-bottom: 8px; white-space: pre-wrap;
}

/* 生成历史 / 标签管理卡片 */
.gen-card, .tag-card { display: flex; align-items: center; gap: 8px; }
.gen-card .pc-txt, .tag-card .pc-txt { flex: 1; min-width: 0; cursor: pointer; }
.gen-card .pc-acts, .tag-card .pc-acts { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; flex: none; }
.gchip.combo { border-color: #7c5cff; color: #d9d2ff; }
.field-label { color: var(--dim); font-size: 12px; margin: 10px 0 4px; display: block; }

/* ===== 拼装台布局（手机优先） ===== */
#pick-list { padding-bottom: 18px; }
.sheet-head {
  position: sticky; top: 0; z-index: 3;
  display: flex; align-items: center; gap: 8px;
  padding: 12px 2px 12px; margin-bottom: 4px;
  background: var(--card); border-bottom: 1px solid var(--line);
  font-size: 16px;
}
.sheet-head .btn.ghost { min-width: 38px; height: 38px; font-size: 15px; }
.section { margin: 16px 0; }
.section-title {
  display: flex; align-items: center; justify-content: space-between;
  color: var(--dim); font-size: 12.5px; letter-spacing: .3px;
  margin: 14px 0 8px;
}
.compose-imgline {
  font-size: 12.5px; color: var(--dim); margin: 6px 0 2px;
  word-break: break-all; line-height: 1.5;
}
.compose-idea {
  width: 100%; min-height: 140px; font-size: 15px; line-height: 1.65;
  padding: 14px; border-radius: 14px;
}
.compose-result { width: 100%; min-height: 200px; font-size: 14px; line-height: 1.65; }
.btn-main {
  width: 100%; height: 50px; margin-top: 12px;
  font-size: 16px; font-weight: 600; border-radius: 14px;
}
.compose-hint { font-size: 12px; color: var(--dim); line-height: 1.6; margin-top: 8px; }
.fold-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px; background: #151922; border: 1px solid var(--line);
  border-radius: 12px; font-size: 13.5px; cursor: pointer; min-height: 46px;
}
.group-bar { gap: 8px; row-gap: 8px; }
.gchip {
  min-height: 34px; display: inline-flex; align-items: center;
  padding: 0 13px; font-size: 13px; border-radius: 17px;
}
.gchip i { margin-left: 4px; }
.sub-tabs { display: flex; gap: 10px; margin: 20px 0 6px; }
.sub-tabs .btn { flex: 1; height: 44px; font-size: 13.5px; }
.btn-back {
  width: 100%; height: 40px; font-size: 13px; margin: 10px 0 2px;
}
.result-card { margin-top: 16px; }
.preset-desc {
  background: #141821; border: 1px solid var(--line); border-radius: 10px;
  padding: 10px 12px; font-size: 12.5px; line-height: 1.65;
  max-height: 160px; overflow: auto; white-space: pre-wrap;
}
.gen-card, .tag-card {
  display: flex; align-items: center; gap: 10px;
  padding: 12px; margin-bottom: 8px;
}
.gen-card .pc-acts, .tag-card .pc-acts { flex-direction: row; gap: 6px; }
.gen-card .btn.small, .tag-card .btn.small { min-height: 34px; padding: 0 12px; }

/* 多参考工作流：槽位标题行 + 开关 + 关掉时的灰显 */
.slot-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.slot-head .field-label { margin:0; }
.slot-sw { display:flex; align-items:center; gap:5px; font-size:12px; color:var(--dim); white-space:nowrap; }
.slot-sw input { width:auto; margin:0; }
.upload-widget.slot-off { opacity:.45; }
.up-icon { font-size:22px; width:34px; text-align:center; }

/* 多参考写词弹层 */
.multi-wrap { padding: 4px 2px 8px; }
.multi-desc { font-size: 12px; color: var(--dim); margin: 6px 0 10px; }
.multi-item { background: #171a20; border: 1px solid #23262d; border-radius: 8px; padding: 8px 10px; margin-bottom: 8px; font-size: 12px; line-height: 1.5; }
.multi-item b { color: #c9a6ff; }
.multi-file { color: #5a6270; font-size: 10px; word-break: break-all; }
.multi-txt { color: #cfd4dd; }
.multi-media { font-size: 11px; margin-bottom: 10px; line-height: 1.6; }