/* m2-diy.css — M2-14 自动创作页与高级 DIY 抽屉（只做本机布局，不覆盖主题） */
.diy-drawer {
  border: 1px solid var(--v8-line);
  border-radius: 10px;
  margin: 8px 0;
  background: var(--v8-panel);
  color: inherit;
}
.diy-header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--v8-line);
}
.diy-title { flex: 1; margin: 0; font-weight: 600; }
.diy-mode, .diy-close, .diy-tab {
  border: 1px solid var(--v8-line);
  background: transparent;
  color: inherit;
  border-radius: 6px;
  padding: 2px 8px;
  cursor: pointer;
}
.diy-mode.active, .diy-tab.active { background: var(--accent); color: #fff; }
.diy-body { padding: 8px; }
.diy-stages { list-style: none; display: flex; gap: 4px; padding: 0; margin: 0 0 8px; flex-wrap: wrap; }
.diy-stage { padding: 2px 6px; border-radius: 999px; border: 1px solid var(--v8-line); font-size: 12px; }
.diy-stage.done { opacity: .7; }
.diy-stage.running { border-color: var(--accent); font-weight: 600; }
.diy-blockers { color: var(--warning); font-size: 12px; }
.diy-artifacts, .diy-sources { font-size: 12px; }
.diy-source::before { content: "来源 · "; opacity: .7; }
.diy-conflict { color: var(--error); }
.diy-manual { margin-top: 8px; }
.diy-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 6px; }
.diy-flow { display: flex; flex-direction: column; gap: 4px; }
.diy-node { border: 1px dashed var(--v8-line); border-radius: 6px; padding: 4px 6px; cursor: pointer; }
.diy-node:hover { border-style: solid; }

.diy-tab-content { margin-top: 6px; }
.diy-block { border: 1px dashed var(--v8-line); border-radius: 6px; padding: 4px 8px; margin: 2px; background: transparent; color: inherit; cursor: pointer; }
.diy-block:hover { border-style: solid; }
.diy-edge { font-size: 11px; opacity: .7; margin: 0; }
.diy-rules { width: 100%; box-sizing: border-box; background: transparent; color: inherit; border: 1px solid var(--v8-line); border-radius: 6px; }
.diy-permission { display: flex; align-items: center; gap: 6px; font-size: 12px; padding: 2px 0; }
.workflow-column { display: flex; flex-direction: column; gap: 4px; margin: 0 0 6px; }
.workflow-node { text-align: left; border: 1px solid var(--v8-line); border-radius: 6px; padding: 4px 6px; background: transparent; color: inherit; cursor: pointer; }
.workflow-node:hover { border-color: var(--accent); }