/* 宠梦工坊 · 创意工作台导演台增量样式 (CC-PDIDEA 20260919A)
   复用 pd.css 暗色变量 · 零内联（CSP 最严） · JS 仅外链 pd-idea.js */
.pd-idea { display: flex; flex-direction: column; gap: 10px; }
.pd-idea-text {
  width: 100%; box-sizing: border-box; resize: vertical;
  background: var(--card2); color: var(--txt);
  border: 1px solid var(--line); border-radius: 12px;
  padding: 12px 14px; font-size: 14px; line-height: 1.7; outline: none;
  font-family: inherit;
}
.pd-idea-text:focus { border-color: var(--acc); }
.pd-idea-text::placeholder, .pd-idea-ref::placeholder { color: var(--sub); }
.pd-idea-ref {
  width: 100%; box-sizing: border-box;
  background: var(--card2); color: var(--txt);
  border: 1px solid var(--line); border-radius: 10px;
  padding: 11px 14px; font-size: 14px; outline: none;
}
.pd-idea-ref:focus { border-color: var(--acc); }
.pd-idea-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.pd-idea-sel {
  flex: 1 1 180px; min-width: 0;
  background: var(--card2); color: var(--txt);
  border: 1px solid var(--line); border-radius: 10px;
  padding: 11px 12px; font-size: 14px; outline: none;
}
.pd-idea-status { font-size: 13px; color: var(--sub); line-height: 1.7; min-height: 20px; margin: 0; }
.pd-idea-result {
  margin-top: 4px; padding: 16px 18px;
  background: var(--card2);
  border: 1px solid var(--line); border-radius: 14px;
}
.pd-idea-title { margin: 0 0 6px; font-size: 18px; color: var(--txt); }
.pd-idea-logline { margin: 0 0 4px; font-size: 14px; color: var(--sub); line-height: 1.7; }
.pd-idea-genre { margin: 0 0 12px; font-size: 12px; color: var(--sub); }
.pd-idea-scenes { display: flex; flex-direction: column; gap: 10px; }
.pd-idea-scene {
  background: var(--card); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px;
}
.pd-idea-scene-head {
  display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 6px;
  font-size: 13px; color: var(--acc2);
}
.pd-idea-scene p { margin: 4px 0; font-size: 13px; color: var(--sub); line-height: 1.7; }
.pd-idea-ending, .pd-idea-notes { margin: 12px 0 0; font-size: 13px; color: var(--sub); line-height: 1.7; }
.pd-idea-raw { white-space: pre-wrap; font-size: 13px; color: var(--sub); line-height: 1.7; }

@media (max-width: 640px) {
  .pd-idea-row { flex-direction: column; }
  .pd-idea-sel { flex-basis: auto; width: 100%; }
}