/* Additive shot visual source controls; Page layout rectangles remain compiler-owned. */
.scene-shot-bridge{margin:12px 14px 10px;padding:12px;border:1px solid #b7d4c2;border-radius:12px;background:#f4faf5;color:#2a4a3b}
.scene-shot-heading{display:flex;flex-direction:column;gap:3px}
.scene-shot-heading strong{font:700 13px/1.4 system-ui,sans-serif}
.scene-shot-heading span{font:11px/1.45 system-ui,sans-serif;color:#557261}
.scene-shot-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px;margin:10px 0}
.scene-shot-choice{display:flex;flex-direction:column;gap:4px;font:700 11px system-ui,sans-serif}
.scene-shot-choice select{max-width:100%;padding:7px;border-radius:7px;border:1px solid #b8cdbd;background:#fff;font:11px system-ui,sans-serif}
.scene-shot-toolbar{display:flex;gap:6px;flex-wrap:wrap}
.scene-shot-toolbar button{background:#fff;color:#254e39;border:1px solid #bdd3c1;border-radius:7px;padding:8px 10px;font:700 11px system-ui,sans-serif;cursor:pointer}
@media(max-width:750px){.scene-shot-bridge{margin:8px}.scene-shot-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

.scene-branch-choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.scene-branch-choices:empty{display:none}
.scene-branch-choices strong{font:700 11px system-ui,sans-serif}
.scene-branch-choices select,.scene-branch-choices button{padding:8px;border-radius:7px;border:1px solid #b6cfba;background:white;color:#264a39;font:700 11px system-ui,sans-serif}

/* Direct-from-Home gate: never reveal legacy blocking between initial Page
   composition and the final source-shot compositing pass. */
html[data-auto-scene-comic="pending"] .workspace,
html[data-auto-scene-comic="running"] .workspace,
html[data-auto-scene-comic="branch"] .workspace,
html[data-auto-scene-comic="pending"] .timeline-wrap,
html[data-auto-scene-comic="running"] .timeline-wrap,
html[data-auto-scene-comic="branch"] .timeline-wrap{
  visibility:hidden;
}
html[data-auto-scene-comic="pending"] .page-studio.open .page-paper-wrap,
html[data-auto-scene-comic="running"] .page-studio.open .page-paper-wrap,
html[data-auto-scene-comic="branch"] .page-studio.open .page-paper-wrap{
  position:relative;
}
html[data-auto-scene-comic="pending"] .page-studio.open .page-paper-wrap:after,
html[data-auto-scene-comic="running"] .page-studio.open .page-paper-wrap:after,
html[data-auto-scene-comic="branch"] .page-studio.open .page-paper-wrap:after{
  content:"Menyusun adegan 3D…";
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:24px;text-align:center;font:600 13px/1.6 system-ui,sans-serif;
  letter-spacing:.01em;color:#526e62;background:#f6f8f5;
  animation:scene-gate-pulse 1.8s ease-in-out infinite;
  z-index:5;pointer-events:all;
}
html[data-auto-scene-comic="branch"] .page-studio.open .page-paper-wrap:after{
  content:"Pilih cabang cerita di atas untuk membuat panel";
}
html[data-auto-scene-comic="pending"] #pageExportMenu,
html[data-auto-scene-comic="running"] #pageExportMenu,
html[data-auto-scene-comic="branch"] #pageExportMenu{
  opacity:.4;pointer-events:none;
}
@keyframes scene-gate-pulse{0%,100%{color:#668476}50%{color:#2f5940}}
@media(prefers-reduced-motion:reduce){
 html[data-auto-scene-comic="pending"] .page-studio.open .page-paper-wrap:after,
 html[data-auto-scene-comic="running"] .page-studio.open .page-paper-wrap:after{
  animation:none;
 }
}