body.cx-story-cover-ai-open{overflow:hidden!important}

.cx-admin-story-cover-ai-config{
  grid-column:1/-1;
  grid-template-columns:minmax(0,1fr) auto;
}
.cx-admin-story-cover-ai-config>header,
.cx-admin-story-cover-ai-config>label.wide,
.cx-admin-story-cover-ai-config>.cx-story-cover-ai-variable-list{
  grid-column:1/-1;
}
.cx-story-cover-ai-config-settings{display:grid;grid-template-columns:repeat(3,120px);gap:8px;justify-content:start}
.cx-story-cover-ai-config-settings label{display:grid;gap:6px}
.cx-story-cover-ai-variable-list{display:grid;gap:6px;padding:10px;border:1px solid rgba(156,132,255,.2);background:rgba(15,13,39,.46)}
.cx-story-cover-ai-variable-list>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cx-story-cover-ai-variable-list>header strong{color:#dcd4ff;font:1000 8px/1 Inter,sans-serif;letter-spacing:.1em}
.cx-story-cover-ai-variable-list>header small{color:#6f7f9c;font:750 7px/1 Inter,sans-serif}
.cx-story-cover-ai-variable-list>div{display:grid;grid-template-columns:48px minmax(220px,1fr) 90px;align-items:end;gap:7px}
.cx-story-cover-ai-variable-list>div>b{height:34px;display:grid;place-items:center;border:1px solid rgba(164,138,255,.3);color:#bdaaff;background:#17142f;font:1000 8px/1 Inter,sans-serif}
.cx-story-cover-ai-variable-list>p{margin:0;color:#6c8290;font:750 8px/1.4 Inter,sans-serif}

.cx-admin-story-cover-ai-launch{
  border-color:rgba(169,139,255,.55)!important;
  color:#e9e3ff!important;
  background:linear-gradient(135deg,rgba(78,53,151,.9),rgba(33,25,78,.94))!important;
}
.cx-admin-story-cover-ai-launch span{width:20px;height:20px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:6px}
.cx-admin-story-cover-ai-launch:disabled{opacity:.35;cursor:default!important}
.cx-admin-story-cover-upload figcaption{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center!important}
.cx-admin-story-cover-upload figcaption>.cx-admin-story-cover-ai-launch{grid-column:1/-1}
.cx-admin-story-cover-upload figcaption>small{grid-column:1/-1;margin-left:0!important;text-align:right}
.cx-admin-story-narration-editor.is-cover-editor{
  grid-template-columns:minmax(480px,720px) minmax(480px,720px)!important;
  justify-content:center!important;
}
.cx-admin-story-narration-editor.is-cover-editor>.cx-admin-story-narration-copy{grid-column:2!important;grid-row:1!important}
.cx-admin-story-narration-editor.is-cover-editor>figure{grid-column:1!important;grid-row:1!important}

.cx-story-cover-ai-overlay[hidden]{display:none!important}
.cx-story-cover-ai-overlay{position:fixed;z-index:10320;inset:0;display:grid;place-items:center;padding:16px;background:rgba(0,4,10,.92);backdrop-filter:blur(12px)}
.cx-story-cover-ai-dialog{position:relative;width:min(1480px,calc(100vw - 32px));height:min(900px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(170,142,255,.52);color:#edfaff;background:linear-gradient(145deg,#061721,#080d1b 62%,#130d2b);box-shadow:0 34px 110px rgba(0,0,0,.85),0 0 42px rgba(106,73,221,.16)}
.cx-story-cover-ai-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid rgba(145,120,242,.28);background:rgba(5,18,29,.94)}
.cx-story-cover-ai-dialog>header>div{min-width:0;display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;gap:5px 12px}
.cx-story-cover-ai-dialog>header small{grid-column:1/-1;color:#a992ff;font:1000 7px/1 Inter,sans-serif;letter-spacing:.14em}
.cx-story-cover-ai-dialog>header strong{max-width:640px;overflow:hidden;color:#f5fbff;font:1000 17px/1 Inter,sans-serif;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap}
.cx-story-cover-ai-dialog>header span{color:#7897a5;font:850 8px/1 Inter,sans-serif;white-space:nowrap}
.cx-story-cover-ai-dialog>header>button{width:40px;height:40px;padding:0;border:1px solid rgba(255,83,126,.54);color:#ff9ab5;background:#47091d;font:1000 22px/1 Inter,sans-serif;cursor:pointer}
.cx-story-cover-ai-body{min-height:0;display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(500px,.95fr);gap:14px;padding:14px;overflow:auto}
.cx-story-cover-ai-inputs,.cx-story-cover-ai-output{min-width:0;display:grid;align-content:start;gap:10px;padding:12px;border:1px solid rgba(88,205,232,.19);background:rgba(3,18,28,.76)}
.cx-story-cover-ai-primary{position:relative;width:min(100%,500px);aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(88,212,238,.3);background:#01080d}
.cx-story-cover-ai-primary img{width:100%;height:100%;display:block;object-fit:cover}
.cx-story-cover-ai-primary b{position:absolute;left:7px;bottom:7px;padding:6px 8px;color:#e7faff;background:rgba(2,12,20,.86);font:1000 7px/1 Inter,sans-serif;letter-spacing:.09em}
.cx-story-cover-ai-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8da9b5;font:1000 7px/1 Inter,sans-serif;letter-spacing:.1em}
.cx-story-cover-ai-reference-heading span{color:#bba9ff}
.cx-story-cover-ai-extra-references{display:flex;align-items:stretch;gap:7px;min-height:72px;overflow-x:auto;padding-bottom:3px}
.cx-story-cover-ai-extra-references>button{position:relative;flex:0 0 104px;height:68px;padding:0;overflow:hidden;border:1px solid rgba(87,203,230,.22);color:#82a5b2;background:#051620;cursor:pointer}
.cx-story-cover-ai-extra-references>button img{width:100%;height:100%;display:block;object-fit:cover}
.cx-story-cover-ai-extra-references>button>span{position:absolute;right:3px;top:3px;width:20px;height:20px;display:grid;place-items:center;color:#ff9ab6;background:#4c0c23;font:1000 14px/1 Inter,sans-serif}
.cx-story-cover-ai-extra-references>button>small{position:absolute;left:3px;bottom:3px;padding:4px;color:#e8faff;background:rgba(1,11,18,.84);font:1000 5px/1 Inter,sans-serif}
.cx-story-cover-ai-extra-references>button.add{display:grid;place-content:center;gap:5px;border-style:dashed;color:#c6b8ff;background:#11132a}
.cx-story-cover-ai-extra-references>button.add span{position:static;width:auto;height:auto;color:inherit;background:transparent;font-size:22px}
.cx-story-cover-ai-extra-references>button.add small{position:static;padding:0;color:inherit;background:transparent}
.cx-story-cover-ai-extra-references>button:disabled{opacity:.35;cursor:default}
.cx-story-cover-ai-prompt,.cx-story-cover-ai-runtime-fields label{display:grid;gap:5px;color:#8eacb8;font:1000 7px/1 Inter,sans-serif;letter-spacing:.1em}
.cx-story-cover-ai-prompt textarea,.cx-story-cover-ai-runtime-fields textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid rgba(88,204,232,.24);outline:0;color:#edfaff;background:#03121b;font:800 9px/1.45 Inter,sans-serif;resize:vertical}
.cx-story-cover-ai-prompt textarea:focus,.cx-story-cover-ai-runtime-fields textarea:focus{border-color:#a992ff}
.cx-story-cover-ai-runtime-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cx-story-cover-ai-result{position:relative;width:100%;aspect-ratio:16/9;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid rgba(162,135,255,.35);color:#7d749e;background:radial-gradient(circle,rgba(76,54,147,.18),transparent 58%),#030912;cursor:pointer}
.cx-story-cover-ai-result img{width:100%;height:100%;display:block;object-fit:contain}
.cx-story-cover-ai-result>small{position:absolute;left:8px;bottom:8px;padding:6px 8px;color:#dcd4ff;background:rgba(11,8,27,.86);font:1000 6px/1 Inter,sans-serif;letter-spacing:.08em}
.cx-story-cover-ai-result>div{display:grid;justify-items:center;gap:10px}
.cx-story-cover-ai-result>div span{font:1000 54px/1 Inter,sans-serif;opacity:.28}
.cx-story-cover-ai-result>div strong{font:1000 9px/1 Inter,sans-serif;letter-spacing:.12em}
.cx-story-cover-ai-result.busy>div span{width:48px;height:48px;border:3px solid rgba(174,146,255,.2);border-top-color:#b79fff;border-radius:50%;font-size:0;animation:cxStoryCoverSpin .8s linear infinite}
.cx-story-cover-ai-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.cx-story-cover-ai-settings label{display:grid;gap:5px;color:#7497a5;font:1000 6px/1 Inter,sans-serif;letter-spacing:.1em}
.cx-story-cover-ai-settings select{height:35px;padding:0 8px;border:1px solid rgba(88,203,230,.22);color:#eafaff;background:#041722;font:850 8px/1 Inter,sans-serif}
.cx-story-cover-ai-progress{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border:1px solid rgba(164,138,255,.28);background:rgba(29,21,67,.68)}
.cx-story-cover-ai-progress>i{width:22px;height:22px;border:2px solid rgba(175,148,255,.18);border-top-color:#bba5ff;border-radius:50%;animation:cxStoryCoverSpin .8s linear infinite}
.cx-story-cover-ai-progress>div{display:grid;gap:4px}.cx-story-cover-ai-progress strong{color:#dcd3ff;font:1000 8px/1 Inter,sans-serif;letter-spacing:.08em}.cx-story-cover-ai-progress small{color:#8298a4;font:750 7px/1.35 Inter,sans-serif}.cx-story-cover-ai-progress.success{border-color:rgba(80,225,176,.35)}.cx-story-cover-ai-progress.success>i{border:0;border-radius:0;animation:none}.cx-story-cover-ai-progress.success>i:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;color:#06251b;background:#66e7bd;font:1000 14px/1 Inter,sans-serif}.cx-story-cover-ai-progress.error{border-color:rgba(255,91,132,.4)}.cx-story-cover-ai-progress.error>i{border:0;border-radius:0;animation:none}.cx-story-cover-ai-progress.error>i:before{content:"!";display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#8a1736;font:1000 14px/1 Inter,sans-serif}
.cx-story-cover-ai-generate-actions{display:flex;justify-content:flex-end}
.cx-story-cover-ai-generate-actions button,.cx-story-cover-ai-dialog>footer button,.cx-story-cover-ai-picker footer button{min-height:36px;padding:0 14px;border:1px solid rgba(88,203,230,.3);color:#c3dfe7;background:#071d28;font:1000 7px/1 Inter,sans-serif;letter-spacing:.08em;cursor:pointer}
.cx-story-cover-ai-generate-actions button.primary,.cx-story-cover-ai-dialog>footer button.primary,.cx-story-cover-ai-picker footer button.primary{border-color:#b19aff;color:#0c081b;background:#baa6ff}
.cx-story-cover-ai-dialog button:disabled{opacity:.35;cursor:default}
.cx-story-cover-ai-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid rgba(147,122,240,.25);background:#06131e}

.cx-story-cover-ai-picker{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:28px;background:rgba(2,5,13,.9);backdrop-filter:blur(9px)}
.cx-story-cover-ai-picker>section{width:min(1080px,100%);max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(169,141,255,.5);background:#07131f}
.cx-story-cover-ai-picker header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(148,122,240,.24)}
.cx-story-cover-ai-picker header>div{display:grid;gap:5px}.cx-story-cover-ai-picker header small{color:#9c86ee;font:1000 7px/1 Inter,sans-serif;letter-spacing:.12em}.cx-story-cover-ai-picker header strong{font:1000 15px/1 Inter,sans-serif;letter-spacing:.07em}.cx-story-cover-ai-picker header>button{width:36px;height:36px;padding:0;border:1px solid rgba(255,91,130,.45);color:#ff9cb4;background:#450b1e;font:1000 19px/1 Inter,sans-serif;cursor:pointer}
.cx-story-cover-ai-picker-grid{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;padding:12px;overflow:auto}
.cx-story-cover-ai-picker-grid>button{position:relative;aspect-ratio:16/9;padding:0;overflow:hidden;border:2px solid rgba(87,204,232,.18);background:#020910;cursor:pointer}
.cx-story-cover-ai-picker-grid img{width:100%;height:100%;display:block;object-fit:cover}.cx-story-cover-ai-picker-grid span{position:absolute;left:5px;bottom:5px;padding:5px;color:#e7faff;background:rgba(1,11,18,.86);font:1000 6px/1 Inter,sans-serif}.cx-story-cover-ai-picker-grid i{position:absolute;right:6px;top:6px;width:27px;height:27px;display:grid;place-items:center;color:#0e1020;background:#b7a2ff;font:1000 14px/1 Inter,sans-serif;font-style:normal}.cx-story-cover-ai-picker-grid>button.active{border-color:#b49dff;box-shadow:0 0 20px rgba(165,137,255,.22)}.cx-story-cover-ai-picker-grid>button.primary{opacity:.48;cursor:default}.cx-story-cover-ai-picker-grid>button.primary span{color:#ffd29b}
.cx-story-cover-ai-picker footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid rgba(148,122,240,.22)}.cx-story-cover-ai-picker footer>span{margin-right:auto;color:#a996f2;font:1000 7px/1 Inter,sans-serif;letter-spacing:.1em}
.cx-story-cover-ai-preview{position:absolute;z-index:14;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:28px;border:0;background:rgba(0,4,10,.94);cursor:zoom-out}.cx-story-cover-ai-preview img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid rgba(169,142,255,.5)}
@keyframes cxStoryCoverSpin{to{transform:rotate(360deg)}}

@media(max-width:1700px){
  .cx-admin-story-narration-editor.is-cover-editor{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)!important}
}
@media(max-width:1100px){
  .cx-story-cover-ai-body{grid-template-columns:1fr}
  .cx-story-cover-ai-dialog{overflow:auto}
  .cx-story-cover-ai-body{overflow:visible}
}
@media(max-width:760px){
  .cx-admin-story-narration-editor.is-cover-editor{grid-template-columns:minmax(0,1fr)!important}
  .cx-admin-story-narration-editor.is-cover-editor>figure,.cx-admin-story-narration-editor.is-cover-editor>.cx-admin-story-narration-copy{grid-column:1!important;grid-row:auto!important}
  .cx-story-cover-ai-overlay{padding:2px}.cx-story-cover-ai-dialog{width:calc(100vw - 4px);height:calc(100vh - 4px)}
  .cx-story-cover-ai-runtime-fields{grid-template-columns:1fr}.cx-story-cover-ai-picker{padding:8px}
}