/* ── 模板选择器 ── */
.template-picker {
  display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 25px;
}
.template-btn {
  padding: 8px 16px; border: 2px solid #ddd; border-radius: 20px;
  background: #fff; color: #333; cursor: pointer; font-size: 14px; transition: all 0.2s;
}
.template-btn:hover { border-color: #999; }
.template-btn.active { border-color: var(--accent); background: var(--accent); color: #fff; font-weight: bold; }
.template-swatch {
  display: inline-block; width: 12px; height: 12px; border-radius: 50%;
  margin-right: 6px; vertical-align: middle; border: 1px solid rgba(0,0,0,0.1);
}

/* ── 版式选择器 ── */
.layout-picker {
  display: flex; justify-content: center; align-items: center; gap: 8px;
  flex-wrap: wrap; margin-bottom: 25px; padding: 10px;
  background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.layout-label { font-size: 14px; color: #555; font-weight: bold; }
.layout-btn {
  padding: 6px 14px; border: 1px solid #ddd; border-radius: 16px;
  background: #fff; color: #333; cursor: pointer; font-size: 13px; transition: all 0.2s;
}
.layout-btn:hover { border-color: #999; }
.layout-btn.active { border-color: var(--accent); background: var(--accent); color: #fff; font-weight: bold; }