/* 预设管理 / 模板弹层 / 文风
   —— 由 styles.css 第 4542–4676 行原样切分，规则与顺序未改动。 */
/* ====== 预设管理：作用域分区 & 卡片 & 模板弹层 & 文风选择 ====== */
.preset-scope-tabs{
  display:flex;gap:8px;background:rgba(0,0,0,0.04);
  border-radius:14px;padding:4px;margin-bottom:16px;
}
.preset-scope-tab{
  flex:1;padding:11px 0;text-align:center;
  font-size:13px;font-weight:600;color:#999;
  border-radius:10px;cursor:pointer;transition:all 0.2s;
}
.preset-scope-tab.active{
  background:#fff;color:#333;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
}
.preset-scope-tab .count{
  font-size:11px;font-weight:400;opacity:0.6;margin-left:4px;
}

.preset-card{
  background:rgba(255,255,255,0.9);
  border-radius:16px;padding:14px 16px;
  margin-bottom:12px;
  border:1.5px solid transparent;
  transition:all 0.2s;
}
.preset-card.active{
  border-color:#FFB6D9;
  background:rgba(255,250,252,0.98);
  box-shadow:0 4px 16px rgba(255,182,217,0.15);
}
.preset-card-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;cursor:pointer; /* 增加手指指针 */
}
.preset-card-name{
  font-size:15px;font-weight:600;color:#333;
  flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.preset-card-name .badge{
  display:inline-block;font-size:10px;font-weight:600;
  background:#FFD4E8;color:#fff;
  padding:2px 8px;border-radius:8px;margin-left:6px;
  vertical-align:middle;
}
.preset-card-meta{
  font-size:11px;color:#999;margin-top:6px;
}
.preset-card-actions{
  display:flex;gap:6px;flex-shrink:0;
}
.preset-icon-btn{
  width:30px;height:30px;border-radius:50%;
  border:none;background:rgba(0,0,0,0.04);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:14px;color:#666;
  transition:all 0.15s;
}
.preset-icon-btn:active{transform:scale(0.9);}
.preset-icon-btn.danger{color:#ff3b30;background:rgba(255,59,48,0.06);}
.preset-icon-btn.success{color:#2a9d4a;background:rgba(80,200,120,0.1);}

.preset-card-body{
  margin-top:12px;padding-top:12px;
  border-top:1px dashed rgba(0,0,0,0.08);
}

.preset-entry-row{
  background:#f9f9f9;border-radius:10px;
  padding:10px;margin-bottom:8px;
}
.preset-entry-head{
  display:flex;align-items:center;gap:6px;margin-bottom:6px;
}
.preset-entry-style-tag{
  font-size:10px;padding:2px 8px;border-radius:8px;
  background:#FFF0F5;color:#FF9CB9;font-weight:600;
  flex-shrink:0;
}

/* 模板弹层 */
.preset-template-list{
  display:flex;flex-direction:column;gap:10px;
  max-height:60vh;overflow-y:auto;
  margin-bottom:16px;
}
.preset-template-item{
  background:#fff;border-radius:14px;
  padding:14px 16px;cursor:pointer;
  border:1.5px solid rgba(0,0,0,0.06);
  transition:all 0.2s;
}
.preset-template-item:active{
  transform:scale(0.98);
  border-color:#FFD4E8;
}
.preset-template-item-name{
  font-size:15px;font-weight:600;color:#333;margin-bottom:4px;
}
.preset-template-item-desc{
  font-size:12px;color:#999;line-height:1.5;
}

/* 文风选择（邂逅设置内） */
.style-mode-grid{
  display:flex;gap:8px;margin-bottom:14px;
}
.style-mode-item{
  flex:1;padding:10px 6px;border-radius:12px;
  text-align:center;font-size:12px;font-weight:600;
  background:#f5f5f5;color:#999;cursor:pointer;
  transition:all 0.2s;
}
.style-mode-item.active{
  background:#FFD4E8;color:#fff;
}
.style-builtin-grid{
  display:flex;flex-direction:column;gap:8px;margin-bottom:12px;
}
.style-builtin-item{
  padding:12px 14px;border-radius:12px;
  border:1.5px solid rgba(0,0,0,0.06);
  cursor:pointer;transition:all 0.2s;
  background:#fff;
}
.style-builtin-item.active{
  border-color:#FFB6D9;background:rgba(255,250,252,0.98);
}
.style-builtin-name{
  font-size:13px;font-weight:600;color:#333;
}
.style-builtin-desc{
  font-size:11px;color:#999;margin-top:3px;line-height:1.5;
}