.ai-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 36px);padding:20px;border:1px solid #c9d9e02b;border-radius:24px;color:var(--text,#e4eaf0);background:rgba(13,23,35,.79);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);overflow:auto;box-shadow:0 18px 80px #0006;box-sizing:border-box}
.ai-dialog::backdrop{background:#03091075;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ai-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-heading h2,.ai-heading h3{margin:8px 0;font-size:22px;font-weight:550}.ai-heading .widget-close{flex:none;width:38px;height:38px;min-height:38px;padding:0;border-radius:13px;font-size:26px}
.ai-dialog p{line-height:1.5;margin:12px 0}.ai-dialog button,.ai-dialog input,.ai-dialog select,.ai-dialog textarea,.ai-discover-entry,.ai-settings-entry{font:inherit;color:inherit;border:1px solid #b7c7d532;border-radius:13px;background:#a4c5e00c;padding:10px 14px;min-height:42px;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ai-dialog button:focus-visible,.ai-dialog input:focus-visible,.ai-dialog select:focus-visible,.ai-dialog textarea:focus-visible{outline:2px solid #e6bf83;outline-offset:2px}.ai-dialog button:disabled{opacity:.4}.ai-dialog .ai-primary{color:#f3d1a3;border-color:#e6bf8355;background:#e6bf8314}.ai-dialog .ai-note{font-size:13px;color:#a7b5c6}.ai-dialog .ai-warning{color:#f1c49e;white-space:pre-wrap}.ai-dialog .ai-status{font-size:14px;color:#efce9f;min-height:1.4em}.ai-field{display:grid;gap:8px;margin:16px 0}.ai-field input,.ai-field select{width:100%;min-width:0}.ai-compose{display:flex;flex-wrap:wrap;gap:10px}.ai-compose textarea{width:100%;resize:vertical}.ai-compose select{flex:1;min-width:180px}.ai-dialog select option{color:#e4eaf0;background:#122030}.ai-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-chapter{border-top:1px solid #b9d2ea20;padding:8px 0}.ai-narration{font-size:18px;color:#eddbbd}.ai-dialog pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.ai-dialog details{margin:12px 0}.ai-discover-entry{margin:8px 0;text-align:left;width:100%;color:#eac99b}.ai-settings-entry{margin:14px 0;width:100%;text-align:left}.ai-dialog [hidden]{display:none!important}
@media(max-width:500px){.ai-dialog{padding:16px;border-radius:20px}.ai-heading h2{font-size:21px}.ai-dialog .ai-note{font-size:13px}.ai-compose select{width:100%}}

body dialog.ai-dialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100vw - 24px))!important;height:fit-content!important;max-height:calc(100dvh - 36px)!important;padding:20px!important;border-radius:24px!important;outline:none;transform:none!important;background:#10203094!important;backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important}
body dialog.ai-dialog .ai-primary{background:#e6bf8314!important;color:#f3d1a3!important}

body dialog.ai-dialog button.ai-primary{background:#e6bf8314!important;background-image:none!important;color:#f3d1a3!important;border-color:#e6bf8355!important}
.ai-discover-entry{flex:0 0 auto}



/* A single-column creation flow and a compact, readable film synopsis. */
body dialog.ai-dialog{overflow-x:hidden!important;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;overflow-wrap:anywhere}
.ai-heading{align-items:flex-start;gap:14px}.ai-heading h2{min-width:0;margin:0;font-size:26px;line-height:1.2;letter-spacing:-.025em}.ai-heading .widget-close{flex-shrink:0}
.ai-compose{display:grid;gap:14px;margin-top:20px}.ai-compose textarea{min-height:116px;line-height:1.6;resize:vertical;background:#07111c70}.ai-compose-options{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.ai-compose-options select{min-width:0;width:100%}
.ai-compose .ai-actions>.ai-primary{flex:1;min-height:48px}.ai-progress{padding:16px 0}.ai-progress progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;appearance:none;background:#ffffff14;accent-color:#e6bf83}.ai-progress progress::-webkit-progress-bar{background:#ffffff14}.ai-progress progress::-webkit-progress-value{background:#e6bf83;transition:width .3s}.ai-progress progress::-moz-progress-bar{background:#e6bf83}
.ai-progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:8px;font-size:11px;color:#8f9faf}.ai-progress-steps .done{color:#e6bf83}.ai-progress-steps .current{color:#fff}.ai-progress.is-running progress{animation:ai-progress-pulse 1.6s ease-in-out infinite}@keyframes ai-progress-pulse{50%{opacity:.55}}.ai-film-cover{display:block;width:100%;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
#aiScript .ai-film-cover{margin:18px 0}.ai-synopsis{font-size:16px;line-height:1.65!important}.ai-synopsis-chapters{padding-left:22px;display:grid;gap:10px}.ai-synopsis-actions{padding:16px 0;border-top:1px solid #ffffff18}.ai-synopsis-actions .ai-primary{flex:1}.ai-delete-confirm{padding:12px;border:1px solid #dcaa7755;border-radius:12px}.ai-delete-confirm button{margin-right:8px}#aiSettings>input[type=search]{width:100%;margin-bottom:8px}#aiSettings details input{width:100%;margin:12px 0}
@media(max-width:500px){.ai-compose-options{grid-template-columns:minmax(0,1fr)}.ai-compose-options button{text-align:center}.ai-synopsis-actions>.ai-primary{flex-basis:100%}.ai-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ai-progress.is-running progress{animation:none}}
/* All discoveries share one detail surface, including personal creations. */
#catalogDialog .console-head>div{flex:1;min-width:0}
#catalogDialog #aiDiscover{flex:none;width:auto;height:44px;min-width:88px;margin:0 8px;padding:0 14px;border:1px solid #f4d9b1;border-radius:12px;background:#eac08b;color:#152331;font-size:15px;font-weight:650;line-height:1;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 3px 14px #0003}
#catalogDialog #aiDiscover:hover{background:#f4d5ab}
#catalogDialog #aiDiscover:focus-visible{outline:2px solid #f4d9b1;outline-offset:3px}
#catalogDialog .console-head>div{min-width:0;flex:1}
@media(max-width:380px){#catalogDialog #aiDiscover{min-width:80px;padding:0 10px;margin:0 5px}}
.discovery-detail{min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:anywhere}
.discovery-detail>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.discovery-detail h2,.discovery-detail p,.discovery-detail li{min-width:0;overflow-wrap:anywhere}
.discovery-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}
.discovery-actions .open-poi{flex:1;min-width:140px}
.discovery-actions .discovery-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:10px;border-radius:12px}
.discovery-icon svg{width:22px;height:22px}
.ai-discovery-types{display:flex;gap:8px;margin:8px 0 16px}
.ai-discovery-types button{flex:1;min-height:44px}
.ai-discovery-types button[aria-pressed=true]{background:#294d67;border-color:#8fc9e7;color:#fff}
.ai-compose-options{flex-wrap:wrap}
.ai-compose-options>*{min-width:0;max-width:100%}
#catalogDialog #catalogFilters{flex-wrap:wrap;white-space:normal;overflow:visible;touch-action:auto}
#catalogDialog .poi-tile>div{min-width:0;overflow-wrap:anywhere}
#catalogDialog .discovery-actions .open-poi{width:auto;margin-top:0}
.ai-compose-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-compose-options>button{grid-column:1/-1}
@media(max-width:500px){.ai-compose-options{grid-template-columns:minmax(0,1fr)}}
@media(min-width:651px){#catalogDialog #catalogDetail .catalog-back{display:none}}
/* Native model picker: one control, no detached filter or manual-ID field. */
#aiSettings select{appearance:auto!important;-webkit-appearance:menulist!important;display:block;width:100%;min-height:48px;padding-right:30px;background:#142a3b;color:#edf4fa;border:1px solid #9fc4dc70}
#aiSettings .ai-actions{display:flex;gap:10px;flex-wrap:wrap}
#aiSettings .ai-actions>button{flex:1}
.ai-key-link{display:inline-flex;align-items:center;min-height:42px;padding:8px 12px;color:#d2e7f5;border:1px solid #9fc4dc50;border-radius:12px;text-decoration:none}
.ai-setup-gate{padding:16px;margin:18px 0;border:1px solid #9fc4dc40;border-radius:14px;background:#07111c50}
.ai-setup-gate>button{width:100%}
body dialog#aiSettings{background:#102030f5!important}
.ai-delete-confirm .ai-delete-actions{display:flex;flex-wrap:nowrap;gap:8px;width:100%;margin-top:12px}
.ai-delete-confirm .ai-delete-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:0;min-height:44px;margin:0;padding:10px 8px;white-space:nowrap;font-size:14px}
.ai-delete-actions svg{width:18px;height:18px;flex:none}
.ai-delete-actions .ai-delete-danger{color:#ffd1c7;background:#73342a66;border-color:#e5938055}
.ai-delete-actions .ai-delete-cancel{background:#ffffff0a}
.ai-task-status{position:absolute;top:0;left:156px;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #dce6f01c;border-radius:11px;background:#10203038;color:#dce5ef;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}
.ai-task-status svg{width:21px;height:21px}.ai-task-status:focus-visible{outline:2px solid #e6bf83;outline-offset:2px}.ai-task-status[data-state=running] .ai-task-orbit{transform-origin:12px 12px;animation:ai-task-spin 1.6s linear infinite}.ai-task-status[data-state=done]{color:#acd8bf}.ai-task-status[data-state=interrupted],.ai-task-status[data-state=error]{color:#e6bf83}
@keyframes ai-task-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ai-task-status .ai-task-orbit{animation:none!important}}
#appToolbar>#aiTaskStatus{left:52px}#appToolbar:has(>#pageBack:not([hidden]))>#aiTaskStatus,#appToolbar:has(>#pageNext:not([hidden]))>#aiTaskStatus{left:104px}#appToolbar:has(>#pageBack:not([hidden])):has(>#pageNext:not([hidden]))>#aiTaskStatus{left:156px}
.ai-task-status[hidden]{display:none}
/* This scene control shares the navigation row, never a page or tutorial menu. */
body:is(.article-open,.documentary-playing) #aiTaskStatus,
body:has(#learning:not([hidden])) #aiTaskStatus,
body:has(#comparison:not([hidden])) #aiTaskStatus,
body:has(dialog[open]) #aiTaskStatus{display:none!important;pointer-events:none!important}
body>#aiTaskStatus{display:none!important}

#aiQuestions[aria-busy=true] .ai-compose textarea{opacity:.75}
#aiQuestions .ai-actions>button:disabled{cursor:default}
.ai-compose-options .ai-field{margin:0;gap:7px;min-width:0}
.ai-compose-options .ai-field>span{font-size:12px;color:#a9bbc9}
.ai-compose-options .ai-field select{min-height:46px}
.ai-compose-options .ai-field[hidden]{display:none!important}
#aiQuestions .ai-progress>button{margin-top:8px;width:100%}

.film-creation-preview{position:fixed;z-index:65;inset:12vh auto auto 50%;transform:translateX(-50%);width:min(440px,calc(100vw - 28px));max-height:65dvh;overflow:hidden;padding:20px;border:1px solid #c3daed55;border-radius:22px;background:#101b2bf5;box-shadow:0 20px 70px #0009;pointer-events:none}.film-creation-preview h2{font-size:22px}.film-creation-preview small{color:#a6c8de}.film-creation-preview :disabled{opacity:.85}.film-creation-preview .ai-compose-options{display:none}.film-creation-preview textarea{min-height:70px}


/* Non-interactive, compact samples used only by the authored showcase. */
#filmFeaturePreview{position:fixed;z-index:45;left:50%;bottom:calc(174px + env(safe-area-inset-bottom));transform:translateX(-50%);box-sizing:border-box;width:min(360px,calc(100vw - 32px));max-height:46dvh;overflow:hidden;padding:14px;border:1px solid #ffffff25;border-radius:18px;background:#101d2bd9;backdrop-filter:blur(18px);color:#e6edf5;pointer-events:none}
#filmFeaturePreview>small{display:block;font-size:10px;letter-spacing:.04em;color:#a5b8cd;margin-bottom:7px}
#filmFeaturePreview>strong{display:block;font-size:15px}
#filmFeaturePreview .capture-shutters{display:flex;gap:12px;margin:12px 0}
#filmFeaturePreview .capture-shutters button{width:48px;height:44px;padding:10px;opacity:1}
#filmFeaturePreview .capture-shutters svg{width:24px;height:24px}
.showcase-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.showcase-film-grid>div{min-width:0;position:relative;overflow:hidden;border-radius:9px;background:#070f1b}
.showcase-film-grid img{display:block;width:100%;height:70px;object-fit:cover}
.showcase-film-grid span{display:block;padding:5px 7px;font-size:10px;line-height:1.3}
@media(max-height:500px){#filmFeaturePreview{bottom:100px;max-height:55dvh}.showcase-film-grid{grid-template-columns:repeat(4,1fr)}.showcase-film-grid img{height:42px}}


.ai-production{display:grid;gap:.6rem;margin:.5rem 0;min-width:0}.ai-production[hidden]{display:none}.ai-production-hint{margin:0;line-height:1.5}.ai-production>small,.ai-production small{opacity:.72;line-height:1.5}.ai-production-step{border-top:1px solid var(--line,rgba(255,255,255,.14));padding:.7rem 0}.ai-production h3{font-size:1rem;margin:.7rem 0 .4rem}.ai-production p{line-height:1.5;overflow-wrap:anywhere;margin:.4rem 0}.ai-production ol{padding-left:1.3rem;margin:.6rem 0}.ai-production li{margin:.7rem 0}.ai-production li::marker{opacity:.65}

.ai-correction-brief{display:grid;gap:.5rem;border-left:2px solid var(--accent,#c3ab77);padding:.75rem 1rem;background:rgba(255,255,255,.03)}.ai-correction-brief[hidden]{display:none}.ai-correction-brief p{margin:0;font-size:.9rem;line-height:1.5}.ai-correction-brief small{opacity:.7;line-height:1.4}.ai-correction-brief button{justify-self:start}

#aiQuestions>.ai-heading{position:sticky;top:-1px;z-index:3;background:rgba(13,24,34,.97);padding:.6rem 0;margin-top:-.4rem;border-bottom:1px solid rgba(255,255,255,.1)}.ai-production-actions{position:sticky;top:var(--ai-header-height,5rem);z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;background:rgba(13,24,34,.96);padding:.5rem 0}.ai-production-actions button{min-height:44px;flex:1 1 auto}.ai-production-lead{font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#aiQuestions .ai-compose [hidden]{display:none!important}#aiQuestions .ai-compose-options[hidden],#aiQuestions .ai-discovery-types[hidden]{display:none!important}
body dialog#aiQuestions{padding-top:0!important}#aiQuestions>.ai-heading{top:0;margin:0 -20px;padding:20px;background:#102030}.ai-production-actions{background:#102030}

.ai-production .ai-production-title{font-size:1rem;font-weight:600;margin:0 0 .7rem;padding:.25rem 0}

/* The production notebook grows downwards; controls follow the last artefact. */
.ai-production-footer .ai-production-actions{position:static;top:auto;background:transparent;padding:12px 0;display:flex;gap:8px;flex-wrap:wrap}.ai-production-footer .ai-production-actions button{flex:1 1 180px;white-space:normal}.ai-production-step{position:relative;margin:18px 0;padding:16px;border:1px solid #c3daed25;border-radius:14px;background:#ffffff03}.ai-production-step.is-failed{border-color:#e6aa7680}.ai-step-state{display:block;color:#a8c8b6;margin-bottom:12px}.ai-production-step.is-obsolete .ai-step-state{color:#d7bb8c}.ai-step-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ai-step-actions button{font-size:13px;min-height:40px}.ai-step-actions span{margin-right:6px}.ai-production-segment{padding:10px 0;border-top:1px solid #ffffff14}.ai-production-segment h4{margin:5px 0;font-size:14px}.ai-production-segment p{margin:6px 0!important;font-size:14px;line-height:1.55}.ai-production-segment small{display:block;line-height:1.5;color:#adbac9}.ai-active-stage{border-left:2px solid #e6bf83;padding:4px 14px;margin-top:18px}.ai-active-stage small{display:block;line-height:1.6;color:#b6c6d6}.ai-estimate{color:#b6c6d6;font-size:13px}.ai-follow-stage{font-size:13px!important;min-height:36px!important}.ai-stage-editor{margin-top:18px;padding-top:12px;border-top:1px solid #e6bf8350}.ai-stage-editor fieldset{min-width:0;margin:12px 0;padding:12px;border:1px solid #ffffff25;border-radius:10px}.ai-stage-editor legend{padding:0 6px;color:#e4c39a;font-size:14px}.ai-stage-editor .ai-field{margin:10px 0}.ai-stage-editor textarea{width:100%;resize:vertical;box-sizing:border-box;line-height:1.5;min-height:44px}.ai-stage-editor input[type=checkbox]{width:24px;min-height:24px;justify-self:start}.ai-stage-editor .ai-actions{position:static}.ai-failure-details p{white-space:pre-wrap;overflow-wrap:anywhere}.ai-draft-options{font-size:13px;color:#adbac9}.ai-draft-options button{margin-top:10px}

/* Overview first; full content lives in a separate stage screen. */
#aiQuestions .ai-progress-steps{display:none!important}#aiQuestions .ai-production{gap:8px}#aiQuestions .ai-production-lead{-webkit-line-clamp:1;margin:4px 0 12px}#aiQuestions .ai-production-overview{display:grid;gap:6px}.ai-stage-row{display:grid;grid-template-columns:1fr auto 12px;gap:10px;align-items:center;text-align:left;width:100%;min-height:48px!important}.ai-stage-row small{font-size:12px}.ai-stage-row.is-failed{border-color:#e6bf8377}.ai-stage-row:disabled{opacity:.6!important}.ai-stage-row span:last-child{font-size:20px;color:#b6c6d6}#aiQuestions .ai-active-stage{margin:0;padding:5px 10px}#aiQuestions .ai-active-stage .ai-production-hint{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#aiQuestions .ai-active-stage small{font-size:11px}#aiQuestions .ai-estimate{font-size:11px;margin:0}#aiQuestions .ai-production-footer .ai-status{font-size:13px;margin:4px 0}#aiQuestions .ai-production-footer .ai-production-actions{padding:4px 0;flex-wrap:nowrap}#aiQuestions .ai-production-footer .ai-production-actions button{flex:1;min-width:0;min-height:44px;font-size:13px;padding:8px}#aiQuestions .ai-draft-options{margin:4px 0}#aiQuestions .ai-draft-options button{display:block;width:100%}#aiQuestions .ai-progress{padding:8px 0}
body dialog.ai-stage-dialog[open]{display:flex;flex-direction:column;height:min(760px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;padding:0!important}.ai-stage-head{display:flex;align-items:center;gap:12px;padding:12px 16px;flex:none;border-bottom:1px solid #ffffff20}.ai-stage-head h2{font-size:18px;margin:0}.ai-stage-dialog .ai-production-content{overflow:auto;min-height:0;flex:1;padding:0 16px;overscroll-behavior:contain}.ai-stage-dialog .ai-production-step{margin:12px 0;padding:0;border:0;background:none}.ai-stage-dialog .ai-production-title,.ai-stage-dialog .ai-step-state{display:none}.ai-stage-bottom{padding:12px 16px;flex:none;border-top:1px solid #ffffff20;background:#102030}.ai-stage-bottom:empty{display:none}.ai-stage-bottom .ai-step-actions,.ai-stage-bottom .ai-actions{margin:0;display:flex;gap:8px;flex-wrap:wrap}.ai-stage-bottom button{flex:1;min-height:44px!important;font-size:13px}.ai-stage-dialog .ai-stage-editor{margin:0;border:0;padding:0}.ai-stage-editor details{border:1px solid #ffffff20;border-radius:10px;padding:10px}.ai-stage-editor details>summary{cursor:pointer;color:#e4c39a}.ai-stage-editor details fieldset{border:0;padding:0}.ai-stage-dialog .ai-production-segment small{display:none}

#aiQuestions.has-production>.ai-note{display:none}.ai-stage-dialog .ai-stage-head{position:static;inset:auto;transform:none;height:auto;min-height:64px;justify-content:flex-start;background:#102030;z-index:auto}.ai-stage-dialog .ai-stage-bottom .ai-primary{flex-basis:100%}.ai-stage-dialog .ai-stage-bottom{background:#102030}.ai-stage-dialog .ai-production-content{background:#102030f5}.ai-stage-dialog .ai-stage-bottom button{overflow-wrap:normal}.ai-stage-dialog .ai-stage-bottom [role=status]:empty{display:none}

#aiQuestions.has-production .ai-production-footer{position:sticky;bottom:-20px;z-index:2;background:#102030;padding:6px 0 12px}.ai-stage-head button{flex:none}