/* 第一次创作：嵌在真实空对话里的分步引导。 */
#coreWorkbench .wb-guide-example {
  min-height:32px;
  padding:0 12px;
  border:1px solid #d9e5df;
  border-radius:9px;
  background:#fff;
  color:#356e60;
  cursor:pointer;
  font:500 12px/1 "PingFang SC","Microsoft YaHei",sans-serif;
}
#coreWorkbench .wb-guide-example:hover { border-color:#87b9aa; background:#f3faf7; }

#coreWorkbench #empty.fcg-active {
  width:100%;
  max-width:940px;
  margin:0 auto;
  padding:12px 0 24px;
  text-align:left;
}
#coreWorkbench #empty.fcg-active .fcg-shell { text-align:left; }

#coreWorkbench .fcg-shell {
  overflow:hidden;
  border:1px solid #dfe8e4;
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 48px rgba(41,79,67,.1);
  color:#263f38;
}
#coreWorkbench .fcg-header {
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:space-between;
  padding:13px 18px;
  border-bottom:1px solid #e4ebe7;
  background:linear-gradient(105deg,#f3fbf7,#fff8f2);
}
#coreWorkbench .fcg-header div { display:flex; align-items:baseline; gap:10px; }
#coreWorkbench .fcg-header span { color:#e1795e; font-size:11px; font-weight:700; }
#coreWorkbench .fcg-header strong { color:#34534a; font-size:14px; font-weight:600; }
#coreWorkbench .fcg-header > button {
  border:0;
  background:transparent;
  color:#81908a;
  cursor:pointer;
  font-size:11px;
}

#coreWorkbench .fcg-layout { display:grid; grid-template-columns:minmax(0,1fr) 220px; min-height:430px; }
#coreWorkbench .fcg-main { min-width:0; padding:24px 26px 22px; }
#coreWorkbench .fcg-side {
  padding:21px 16px;
  border-left:1px solid #e6ece9;
  background:linear-gradient(180deg,#f7fbf9,#fffaf7);
}
#coreWorkbench .fcg-question { color:#203e36; font-size:21px; font-weight:650; letter-spacing:-.02em; }
#coreWorkbench .fcg-question-note { margin:7px 0 17px; color:#7a8983; font-size:12px; line-height:1.6; }

#coreWorkbench .fcg-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#coreWorkbench .fcg-mode-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#coreWorkbench .fcg-choice {
  min-height:91px;
  padding:12px;
  border:1px solid #dfe7e3;
  border-radius:12px;
  background:#fbfdfc;
  color:#2c4941;
  cursor:pointer;
  text-align:left;
  transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;
}
#coreWorkbench .fcg-choice:hover {
  transform:translateY(-2px);
  border-color:#88b9ab;
  background:#f2faf6;
  box-shadow:0 8px 18px rgba(49,93,79,.08);
}
#coreWorkbench .fcg-choice.recommended { border-color:#aad2c7; background:#f1faf6; }
#coreWorkbench .fcg-choice > span { display:inline-flex; padding:2px 7px; border-radius:10px; background:#eef5f2; color:#6d8079; font-size:9px; }
#coreWorkbench .fcg-choice.recommended > span { background:#dff3ec; color:#387765; }
#coreWorkbench .fcg-choice strong { display:block; margin-top:11px; font-size:13px; font-weight:650; }
#coreWorkbench .fcg-choice small { display:block; margin-top:4px; color:#84908b; font-size:10px; line-height:1.45; }

#coreWorkbench .fcg-paper-types { display:flex; flex-wrap:wrap; gap:7px; margin:-3px 0 14px; }
#coreWorkbench .fcg-paper-types button {
  min-height:30px;
  padding:0 11px;
  border:1px solid #dce5e1;
  border-radius:15px;
  background:#fff;
  color:#687a73;
  cursor:pointer;
  font-size:10px;
}
#coreWorkbench .fcg-paper-types button.selected { border-color:#72b5a3; background:#eaf7f2; color:#2e6b5b; font-weight:600; }

#coreWorkbench .fcg-form { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#coreWorkbench .fcg-form label { display:grid; gap:5px; }
#coreWorkbench .fcg-form label.wide { grid-column:1/-1; }
#coreWorkbench .fcg-form label > span { color:#61756e; font-size:10px; }
#coreWorkbench .fcg-form input,
#coreWorkbench .fcg-form textarea {
  width:100%;
  border:1px solid #dae4df;
  border-radius:9px;
  outline:0;
  background:#fbfdfc;
  color:#2f4a43;
  font:400 11px/1.5 "PingFang SC","Microsoft YaHei",sans-serif;
}
#coreWorkbench .fcg-form input { height:36px; padding:0 10px; }
#coreWorkbench .fcg-form textarea { min-height:58px; padding:8px 10px; resize:vertical; }
#coreWorkbench .fcg-form input:focus,
#coreWorkbench .fcg-form textarea:focus { border-color:#74b5a4; box-shadow:0 0 0 3px rgba(116,181,164,.12); }
#coreWorkbench .fcg-error { margin-top:9px; color:#c75540; font-size:10px; }

#coreWorkbench .fcg-actions { display:grid; grid-template-columns:auto 1fr auto auto; gap:8px; align-items:center; margin-top:16px; }
#coreWorkbench .fcg-primary,
#coreWorkbench .fcg-secondary,
#coreWorkbench .fcg-text-action { cursor:pointer; font-family:inherit; }
#coreWorkbench .fcg-primary,
#coreWorkbench .fcg-secondary { min-height:36px; padding:0 13px; border-radius:9px; font-size:10px; }
#coreWorkbench .fcg-primary { border:0; background:linear-gradient(135deg,#2c6758,#428b78); color:#fff; box-shadow:0 7px 16px rgba(43,105,87,.16); }
#coreWorkbench .fcg-secondary { border:1px solid #d8e3de; background:#fff; color:#526e66; }
#coreWorkbench .fcg-text-action { padding:5px 0; border:0; background:transparent; color:#4c8879; font-size:10px; text-align:left; }

#coreWorkbench .fcg-upload {
  display:grid;
  width:100%;
  min-height:128px;
  place-items:center;
  align-content:center;
  border:1px dashed #a9cabe;
  border-radius:13px;
  background:#f7fbf9;
  color:#466d62;
  cursor:pointer;
}
#coreWorkbench .fcg-upload-icon { display:grid; width:29px; height:29px; place-items:center; margin-bottom:7px; border-radius:50%; background:#dcf2ea; color:#357965; font-size:17px; }
#coreWorkbench .fcg-upload strong { font-size:12px; font-weight:600; }
#coreWorkbench .fcg-upload small { margin-top:5px; color:#899792; font-size:9px; }
#coreWorkbench .fcg-files { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
#coreWorkbench .fcg-files span { padding:6px 8px; border-radius:8px; background:#edf6f2; color:#526f67; font-size:9px; }
#coreWorkbench .fcg-material-note { display:grid; grid-template-columns:68px 1fr; gap:8px; margin-top:11px; padding:10px 11px; border-radius:10px; background:#fff5ef; color:#786c66; font-size:9px; line-height:1.55; }
#coreWorkbench .fcg-material-note b { color:#bc6c54; }

#coreWorkbench .fcg-summary { display:grid; gap:0; border-top:1px solid #e3e9e6; }
#coreWorkbench .fcg-summary > div { display:grid; grid-template-columns:72px 1fr; gap:8px; padding:9px 0; border-bottom:1px solid #e7ece9; font-size:10px; line-height:1.5; }
#coreWorkbench .fcg-summary span { color:#87938e; }
#coreWorkbench .fcg-summary strong { color:#38564e; font-weight:550; }
#coreWorkbench .fcg-prompt-preview { margin-top:11px; border:1px solid #e0e8e4; border-radius:10px; background:#f8fbfa; }
#coreWorkbench .fcg-prompt-preview summary { padding:9px 11px; color:#58746c; cursor:pointer; font-size:10px; }
#coreWorkbench .fcg-prompt-preview pre { max-height:165px; margin:0; padding:0 11px 11px; overflow:auto; white-space:pre-wrap; color:#546962; font:400 9px/1.65 "PingFang SC","Microsoft YaHei",sans-serif; }

#coreWorkbench .fcg-progress-title { color:#526d65; font-size:10px; font-weight:650; }
#coreWorkbench .fcg-progress { display:grid; gap:4px; margin-top:10px; }
#coreWorkbench .fcg-progress-row { display:grid; grid-template-columns:22px 1fr; gap:8px; align-items:center; padding:8px; border-radius:9px; color:#8b9792; font-size:9px; }
#coreWorkbench .fcg-progress-row b { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#e8efec; color:#788780; font-size:8px; }
#coreWorkbench .fcg-progress-row.active { background:#fff; color:#326456; box-shadow:0 5px 15px rgba(61,97,85,.07); }
#coreWorkbench .fcg-progress-row.active b { background:#74bea9; color:#fff; }
#coreWorkbench .fcg-progress-row.done { color:#54766c; }
#coreWorkbench .fcg-progress-row.done b { background:#dff3ec; color:#347965; }

#coreWorkbench .fcg-reference { margin-top:16px; padding:12px; border:1px solid #f0dacd; border-radius:12px; background:linear-gradient(145deg,#fff5ef,#fff); }
#coreWorkbench .fcg-reference > span { color:#ce7258; font-size:9px; font-weight:650; }
#coreWorkbench .fcg-reference strong { display:block; margin-top:7px; color:#5d514d; font-size:10px; font-weight:600; line-height:1.55; }
#coreWorkbench .fcg-reference button { width:100%; min-height:32px; margin-top:9px; border:0; border-radius:8px; background:#fff; color:#b9644d; cursor:pointer; box-shadow:0 5px 13px rgba(119,73,57,.07); font-size:9px; }

#coreWorkbench .fcg-drawer-backdrop {
  position:fixed;
  inset:0;
  z-index:12000;
  display:none;
  background:rgba(42,65,58,.2);
  backdrop-filter:blur(3px);
}
#coreWorkbench .fcg-drawer-backdrop.open { display:block; }
#coreWorkbench .fcg-drawer {
  position:absolute;
  right:0;
  top:0;
  width:min(570px,94vw);
  height:100%;
  overflow:auto;
  border-left:1px solid #dfe7e3;
  background:#fbfcfb;
  box-shadow:-24px 0 60px rgba(43,75,65,.16);
}
#coreWorkbench .fcg-drawer > header {
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:18px 20px;
  border-bottom:1px solid #e3e9e6;
  background:rgba(255,255,255,.96);
}
#coreWorkbench .fcg-drawer > header strong { display:block; color:#28473e; font-size:15px; }
#coreWorkbench .fcg-drawer > header span { display:block; margin-top:5px; color:#81908a; font-size:10px; }
#coreWorkbench .fcg-drawer > header button { width:30px; height:30px; border:1px solid #dce5e1; border-radius:50%; background:#fff; color:#687872; cursor:pointer; font-size:17px; }
#coreWorkbench .fcg-example-thread { padding:6px 20px 25px; }
#coreWorkbench .fcg-example-step { margin:17px 0 7px 39px; color:#9aa59f; font-size:9px; }
#coreWorkbench .fcg-example-message { display:grid; grid-template-columns:29px minmax(0,1fr); gap:9px; margin-top:9px; }
#coreWorkbench .fcg-example-message i { width:29px; height:29px; border-radius:50%; background:conic-gradient(from 25deg,#d98a68,#efd7a2,#7dc1b2,#70a5bf,#8d76aa,#d98a68); box-shadow:inset 0 0 0 5px rgba(255,255,255,.3); }
#coreWorkbench .fcg-example-message p { width:fit-content; max-width:100%; margin:0; padding:11px 13px; border:1px solid #e1e8e4; border-radius:4px 13px 13px; background:#fff; color:#3d554e; font-size:11px; line-height:1.65; }
#coreWorkbench .fcg-example-message.user { grid-template-columns:1fr; justify-items:end; }
#coreWorkbench .fcg-example-message.user p { border:0; border-radius:13px 4px 13px 13px; background:#eaf7f2; color:#315d52; }
#coreWorkbench .fcg-example-card { margin:9px 0 0 38px; padding:12px; border:1px solid #dfe8e4; border-radius:10px; background:#fff; color:#536b64; font-size:10px; line-height:1.65; }
#coreWorkbench .fcg-example-card b { color:#386e60; }
#coreWorkbench .fcg-example-card p { margin:5px 0 0; }
#coreWorkbench .fcg-example-card.done { border-color:#cae9df; background:#eff9f5; }
#coreWorkbench .fcg-example-actions { display:flex; justify-content:flex-end; gap:8px; margin:18px 0 0 38px; }

@media (max-width:1080px) {
  #coreWorkbench .fcg-layout { grid-template-columns:1fr; }
  #coreWorkbench .fcg-side { display:none; }
}
@media (max-width:720px) {
  #coreWorkbench #empty.fcg-active { padding:4px 0 15px; }
  #coreWorkbench .fcg-shell { border-radius:15px; }
  #coreWorkbench .fcg-header { padding:11px 13px; }
  #coreWorkbench .fcg-header strong { display:none; }
  #coreWorkbench .fcg-main { padding:19px 15px 17px; }
  #coreWorkbench .fcg-question { font-size:18px; }
  #coreWorkbench .fcg-choice-grid,
  #coreWorkbench .fcg-mode-grid,
  #coreWorkbench .fcg-form { grid-template-columns:1fr; }
  #coreWorkbench .fcg-form label.wide { grid-column:auto; }
  #coreWorkbench .fcg-actions { grid-template-columns:1fr 1fr; }
  #coreWorkbench .fcg-actions > span { display:none; }
  #coreWorkbench .fcg-actions .fcg-text-action { grid-column:1/-1; }
  #coreWorkbench .wb-guide-example { padding:0 9px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  #coreWorkbench .fcg-choice { transition:none; }
}
