/* Shared ambient header finish for saved AI workflow steps. */
/* Saved-video Scenes only. Decorative layers never intercept controls or media. */
.project-step-header-art { display: none; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar {
  align-items: center; box-sizing: border-box; gap: 24px; isolation: isolate; min-height: 132px;
  padding: 12px 0 20px; position: relative;
}
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-row {
  flex: 1 1 auto; gap: 24px; min-width: 0; position: relative;
}
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-icon {
  background: radial-gradient(ellipse at 0 0, color-mix(in srgb,var(--sia-sidebar-accent) 22%,transparent),transparent 65%), var(--sia-surface-soft) !important;
  border: 1px solid var(--sia-sidebar-active-line); border-radius: 22px;
  box-shadow: inset 0 1px 0 color-mix(in srgb,var(--sia-sidebar-accent) 16%,transparent), 0 0 20px color-mix(in srgb,var(--sia-teal) 8%,transparent);
  flex: 0 0 80px; height: 80px; width: 80px;
}
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-icon svg { height: 38px; width: 38px; stroke-width: 1.7; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) #pageTitle { font-size: clamp(36px,3.2vw,48px); line-height: 1.1; letter-spacing: -.025em; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) #pageLead { font-size: 15px; line-height: 1.55; margin-top: 8px; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .project-step-header-art {
  color: var(--sia-sidebar-accent); display: none; height: 100%; inset: 0 0 auto auto;
  mask-image: linear-gradient(90deg,transparent,transparent 32%,#000 72%,transparent),linear-gradient(0deg,transparent,#000 24%,#000 78%,transparent);
  mask-composite: intersect; max-width: 760px; overflow: hidden; pointer-events: none; position: absolute; width: 65%; z-index: -1;
}
.project-step-header-art svg { display: block; height: 100%; width: 100%; }

.project-step-header-art .step-art { display:none; opacity:.32; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="script"]:not([hidden])) .project-step-header-art { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="script"]:not([hidden])) .step-art-script { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="resources"]:not([hidden])) .project-step-header-art { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="resources"]:not([hidden])) .step-art-resources { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="montage"]:not([hidden])) .project-step-header-art { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="montage"]:not([hidden])) .step-art-montage { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="summary"]:not([hidden])) .project-step-header-art { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="summary"]:not([hidden])) .step-art-summary { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="voice"]:not([hidden])) .project-step-header-art { display:block; }
body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel="voice"]:not([hidden])) .step-art-voice { display:block; }

/* Retain its internal disabled-state adapter; no duplicate upper action is rendered. */
#continueProjectButton { display:none !important; }
@media(max-width:900px) {
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar { min-height:0; padding:8px 0 20px; gap:16px; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-row { gap:16px; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-icon { flex-basis:64px; width:64px; height:64px; border-radius:18px; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar .title-icon svg { width:30px; height:30px; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) #pageTitle { font-size:clamp(28px,6vw,36px); }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .project-step-header-art { width:74%; opacity:.8; }
}
@media(max-width:600px) {
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .topbar { padding-bottom:88px; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .project-step-header-art { top:auto; bottom:0; width:100%; height:90px; opacity:.75; }
 body:has(#detailView[data-ai-flow="true"]:not([hidden])):has(#projectIdeaPageSlot[hidden]):has([data-project-panel]:not([hidden])) .project-scenes-header-art { top:auto; bottom:0; width:100%; height:90px; opacity:.75; }
}