/* ============================================================================
   自动出图：按钮 + 进度浮层
   ============================================================================ */

/* 食谱库右上角那组按钮（自动补图 / 新增食谱）*/
.intro-actions { display: flex; gap: 10px; align-items: center; }
.intro-actions button { cursor: pointer; }

/* 进度浮层：右下角，不挡操作 */
.cover-panel {
  position: fixed; right: 24px; bottom: 24px; z-index: 60;
  width: 340px; max-width: calc(100vw - 32px);
}
.cover-panel[hidden] { display: none; }
.cover-panel-box {
  background: #fff;
  border: 1px solid var(--line, #dfe7e5);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(18, 51, 67, .18);
  padding: 16px 18px;
  animation: coverIn .2s ease-out;
}
@keyframes coverIn { from { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: none } }
.cover-panel-head { font-size: 14px; font-weight: 700; color: var(--ink, #123343); margin-bottom: 10px; }
.cover-panel-bar {
  height: 6px; border-radius: 99px;
  background: #eef2f1; overflow: hidden;
}
.cover-panel-bar i {
  display: block; height: 100%; width: 0;
  background: linear-gradient(90deg, #df7040, #f2a56b);
  border-radius: 99px;
  transition: width .35s ease;
}
.cover-panel-line {
  margin-top: 8px; font-size: 12px; color: var(--soft, #70848a);
  min-height: 17px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cover-panel-list {
  margin-top: 10px; max-height: 168px; overflow-y: auto;
}
.cover-panel-list:empty { display: none; }
.cover-row {
  display: flex; align-items: baseline; gap: 7px;
  padding: 5px 0; border-bottom: 1px solid #f2f5f4;
  font-size: 12px;
}
.cover-row:last-child { border-bottom: none; }
.cover-row span { flex-shrink: 0; font-weight: 700; }
.cover-row.ok span { color: #27856e; }
.cover-row.bad span { color: #c0503a; }
.cover-row b { color: var(--ink, #123343); font-weight: 600; }
.cover-row small { flex: 1; color: #c0503a; font-size: 11px; }
.cover-panel-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 12px; font-size: 12px; color: var(--soft, #70848a);
}
.cover-panel-foot:empty { display: none; }
.cover-actions { display: flex; gap: 8px; }
.cover-panel-foot button {
  padding: 7px 16px; border-radius: 8px; font-size: 12px; cursor: pointer;
}