.generation-mode-card {
  margin: 14px 0 18px;
  padding: 14px;
  border: 1px solid #dfe2e8;
  border-radius: 12px;
  background: linear-gradient(135deg, #fbfbff, #f7f8f2);
}

.generation-mode-card label { margin: 0; }
.generation-mode-card p {
  margin: 9px 2px 0;
  color: #6f7480;
  font-size: 10px;
  line-height: 1.6;
}

.manual-modal-card { width: min(940px, 100%); }
.manual-security-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 16px 0 20px;
  padding: 12px 14px;
  border: 1px solid #dcebc4;
  border-radius: 10px;
  background: #f8fced;
}
.manual-security-note b { flex: 0 0 auto; font-size: 11px; color: #34411f; }
.manual-security-note span { font-size: 10px; color: #6b735f; line-height: 1.55; }
.manual-steps { display: grid; gap: 14px; }
.manual-steps > section {
  padding: 17px;
  border: 1px solid #e1e3e8;
  border-radius: 13px;
  background: #fff;
}
.manual-step-title { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.manual-step-title > span {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #17191f;
  color: #d5ff61;
  font-size: 11px;
  font-weight: 900;
}
.manual-step-title b, .manual-step-title small { display: block; }
.manual-step-title b { font-size: 13px; }
.manual-step-title small { margin-top: 3px; color: #858a94; font-size: 10px; }
.manual-steps textarea {
  min-height: 150px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 10px;
  line-height: 1.55;
}
#manual-result-json { min-height: 190px; }
.manual-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.manual-import-status {
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f3f0ff;
  color: #5945b5;
  font-size: 11px;
}
.manual-import-status.failed { background: #fff0f1; color: #a72d3a; }
.content-media-strip {
  padding: 16px 20px;
  border-bottom: 1px solid #e7e8eb;
  background: #fafafa;
}
.content-media-strip > div:first-child { margin-bottom: 10px; }
.content-media-strip b, .content-media-strip small { display: block; }
.content-media-strip b { font-size: 12px; }
.content-media-strip small { margin-top: 3px; color: #858a94; font-size: 9px; }
.content-media-strip > div:last-child { display: flex; gap: 10px; overflow-x: auto; }
.content-media-strip a {
  flex: 0 0 130px;
  color: #252832;
  text-decoration: none;
}
.content-media-strip img {
  display: block;
  width: 130px;
  height: 100px;
  object-fit: cover;
  border: 1px solid #dedfe4;
  border-radius: 9px;
  background: #fff;
}
.content-media-strip a span {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .manual-modal-card { max-height: 92vh; padding: 20px 16px; }
  .manual-security-note { display: block; }
  .manual-security-note span { display: block; margin-top: 5px; }
  .manual-steps > section { padding: 13px; }
}