/* UI UX patch b — 2026-06-09 round 2 */

/* 创意页：通栏主按钮（覆盖 ui_ux_patch 的半宽样式） */
.idea-source-panel #btnStartCreative.btn-block {
  display: flex;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin-bottom: 0;
}

/* 创意 AI 面板：去掉紫色外框，与成片参数页留白一致 */
body.drama-premium #ideaPanelAi.idea-source-panel,
body.drama-premium .idea-source-panels #ideaPanelAi:not(.hidden) {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

body.drama-premium #page-idea .idea-source-wrap {
  margin-bottom: 0;
  flex: 0 0 auto;
}

body.drama-premium #page-idea .idea-source-panels,
body.drama-premium #page-idea #ideaPanelAi.idea-source-panel:not(.hidden),
body.drama-premium #page-idea #ideaPanelOwn.idea-source-panel:not(.hidden) {
  flex: 0 0 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body.drama-premium #page-idea .idea-content-heading {
  margin: 8px 0 4px;
}

body.drama-premium #page-outline .drama-page-viewport,
body.drama-premium #page-detail .drama-page-viewport,
body.drama-premium #page-subtitles .drama-page-viewport,
body.drama-premium #page-idea .drama-page-viewport {
  box-sizing: border-box;
  padding: 0 2px 4px;
  overflow-y: auto !important;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
}

body.drama-premium #page-outline .outline-scroll,
body.drama-premium #page-detail .detail-panel,
body.drama-premium #creativeContent.creative-preview,
body.drama-premium #ownScriptPreview.own-script-preview {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  flex: 1 1 auto;
  min-height: 0;
}

body.drama-premium #page-outline .outline-scroll,
body.drama-premium #creativeContent.creative-preview,
body.drama-premium #ownScriptPreview.own-script-preview {
  min-height: 120px;
  height: auto;
  max-height: none !important;
  resize: none;
  overflow: visible;
  font-size: 0.88rem;
  line-height: 1.55;
  background: var(--bg-input);
}

body.drama-premium #creativeContent.creative-preview,
body.drama-premium #ownScriptPreview.own-script-preview {
  margin-top: 4px;
}

body.drama-premium #page-detail .detail-panel {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body.drama-premium #page-detail .detail-panel .hint-line {
  margin: 0;
}

body.drama-premium #page-detail .detail-pre,
body.drama-premium #page-detail .detail-pre-scroll {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  max-height: none;
  overflow: visible;
}

.drama-force-next-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.drama-force-next-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

.drama-force-next-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

.btn-project-repair {
  flex-shrink: 0;
  margin-left: 4px;
  white-space: nowrap;
}

.drama-force-next-right .btn-force-next {
  margin-left: 0;
}

.drama-help-card {
  width: calc(100vw - 24px);
  max-width: 520px;
  max-height: min(85vh, 680px);
}

@media (max-width: 480px) {
  .drama-help-card {
    width: calc(100vw - 16px);
    max-height: 88vh;
  }
}

.camera-modal.pipeline-modal:not(.hidden) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 12000;
}

.agent-crew-chip-badge {
  display: none !important;
}

.drama-help-body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 0;
  padding: 4px 2px 12px;
}

.drama-help-section {
  margin: 0 0 14px;
}

.drama-help-section h3 {
  margin: 0 0 6px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--drama-ink, #e8e8ec);
}

.drama-help-section p {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.55;
  color: var(--drama-muted, #a1a1aa);
}

@media (max-width: 480px) {
  .drama-force-next-left {
    flex-wrap: wrap;
    gap: 6px;
  }

  .btn-project-repair {
    font-size: 11px;
    padding: 5px 10px;
  }

  .drama-force-next-project-name {
    max-width: 100%;
  }
}