/* 切片 1 · stylebook.css —— 风格书面板样式
 *
 * 一张风格卡 = 卡头（书名 + 来源 + 采样字数）+ 特征网格 + 操作条。
 * 特征用「标签 / 值」两列，标签固定宽度对齐，扫读比一整段话快。
 *
 * 颜色一律走 token（tokens.css），不裸写色值 —— P0 红线。
 * 与 memory.css 同款卡片语言（--card / --bd / --radius-lg）。
 */

.sb-panel {
  background: var(--card);
  border: 1px solid var(--bd);
  border-radius: var(--radius-lg);
  padding: 16px 18px;
  margin-bottom: 14px;
}

.sb-empty {
  font-size: 13px;
  color: var(--ink3);
  line-height: 1.9;
  padding: 10px 0;
}

.sb-tip {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--surface-2);
  border: 1px solid var(--bd);
  border-radius: var(--radius-md);
  color: var(--ink3);
  font-size: 12.5px;
  line-height: 1.7;
  padding: 9px 12px;
  margin-bottom: 12px;
}
.sb-tip b { color: var(--fg); }

/* ---- 单张卡 ---- */
.sb-card {
  border: 1px solid var(--bd);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  margin-bottom: 10px;
}
.sb-card:last-child { margin-bottom: 0; }

.sb-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.sb-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--fg);
  word-break: break-word;
}

.sb-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 11.5px;
  color: var(--meta);
}

.sb-src {
  background: var(--accent-dim);
  color: var(--accent-strong);
  border-radius: var(--radius-sm);
  padding: 1px 7px;
  font-size: 10.5px;
}

/* ---- 特征网格 ---- */
.sb-feats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

.sb-feat {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 10px;
  align-items: baseline;
  font-size: 12.5px;
  line-height: 1.75;
}
@media (max-width: 560px) { .sb-feat { grid-template-columns: 1fr; gap: 2px; } }

.sb-fl {
  color: var(--meta);
  flex: none;
}

.sb-fv {
  color: var(--fg);
  word-break: break-word;
}

.sb-ops {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

/* ---- 选书库表单 ---- */
.sb-pd {
  background: var(--surface-2);
  border: 1px solid var(--bd);
  border-radius: var(--radius-md);
  padding: 14px 16px;
  margin-bottom: 14px;
}

.sb-lbl {
  display: block;
  font-size: 12px;
  color: var(--ink3);
  margin-bottom: 8px;
}

.sb-sel {
  width: 100%;
  box-sizing: border-box;
  background: var(--card);
  border: 1px solid var(--bd);
  border-radius: var(--radius-md);
  color: var(--fg);
  font-size: 13px;
  font-family: inherit;
  padding: 9px 12px;
}
.sb-sel:focus { outline: none; border-color: var(--accent); }