/* director-creative-controls.css */
.directorControlSuite{display:grid;gap:10px;margin-top:12px}.dcSuiteHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid #2a3a50;border-radius:13px;background:linear-gradient(145deg,rgba(95,54,180,.13),rgba(8,15,25,.86))}.dcSuiteHead h3{margin:4px 0 4px;font-size:17px}.dcSuiteHead p{margin:0;color:#8d9aad;font-size:9px;line-height:1.45}.dcFeatureBadge{white-space:nowrap;border:1px solid #6042aa;border-radius:999px;padding:6px 9px;color:#d6c2ff;background:#17152f;font-size:8px}.dcGroup{border:1px solid #233248;border-radius:12px;background:#08111c;overflow:hidden}.dcGroup>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;list-style:none}.dcGroup>summary::-webkit-details-marker{display:none}.dcGroup>summary span{font-weight:750;color:#eef1f7;font-size:10px}.dcGroup>summary small{color:#7f8da0;font-size:8px}.dcGroup[open]>summary{border-bottom:1px solid #1d2a3d;background:rgba(122,76,225,.06)}.dcBody{padding:12px 14px;display:grid;gap:10px}.dcGrid3{grid-template-columns:repeat(3,minmax(0,1fr))}.dcBody label:not(.dcToggle):not(.dcLock):not(.dcRange){display:grid;gap:5px;color:#8e9bad;font-size:8px}.dcBody input,.dcBody select,.dcBody textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid #2a3a50;background:#0b1522;color:#eef2f8;border-radius:9px;padding:9px 10px;font:inherit;outline:none}.dcBody textarea{resize:vertical}.dcBody input:focus,.dcBody select:focus,.dcBody textarea:focus{border-color:#7955e8;box-shadow:0 0 0 2px rgba(121,85,232,.12)}.dcFull{grid-column:1/-1}.dcLockGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dcLock{position:relative;display:flex!important;align-items:center;gap:8px;border:1px solid #27374b;border-radius:9px;background:#0c1623;padding:9px 10px!important;cursor:pointer}.dcLock input{position:absolute;opacity:0;pointer-events:none}.dcLock span{flex:1;color:#c8d2df;font-size:8px}.dcLock b{font-size:7px;color:#7f8da1;border:1px solid #33445b;border-radius:999px;padding:3px 6px}.dcLock:has(input:checked){border-color:#7251d5;background:#15152e}.dcLock:has(input:checked) b{color:#d8c4ff;border-color:#7251d5}.dcToggle{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:1px solid #243449;border-radius:9px;background:#0b1522;padding:8px 10px!important;min-height:42px}.dcToggle>span{display:grid;gap:2px;color:#cbd4df;font-size:8px}.dcToggle small{color:#77869a;font-size:7px;line-height:1.3}.dcToggle input{position:absolute;opacity:0;pointer-events:none}.dcToggle i{width:32px;height:18px;border-radius:999px;background:#26364a;position:relative;flex:0 0 auto;transition:.18s}.dcToggle i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.18s}.dcToggle input:checked+i{background:linear-gradient(90deg,#6552e9,#9946ec)}.dcToggle input:checked+i:after{transform:translateX(14px)}.dcRange{display:grid!important;gap:7px;border:1px solid #243449;border-radius:9px;background:#0b1522;padding:8px 10px!important}.dcRange>span{display:flex;justify-content:space-between;gap:8px;color:#cbd4df;font-size:8px}.dcRange small{color:#77869a;font-size:7px}.dcRange>div{display:flex;gap:8px;align-items:center}.dcRange input{padding:0;border:0;background:transparent}.dcRange output{font-size:8px;color:#cdb8ff;min-width:30px;text-align:right}.dcFinishBar{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3c315f;border-radius:12px;background:linear-gradient(100deg,rgba(87,54,169,.15),rgba(14,20,32,.95));padding:12px 14px}.dcFinishBar>div{display:grid;gap:3px}.dcFinishBar b{font-size:9px;color:#f0eaff}.dcFinishBar span{font-size:8px;color:#8f9aae;line-height:1.4}.dcFinishBar button{border:1px solid #7352d4;border-radius:9px;background:#20173f;color:#e3d6ff;padding:9px 12px;cursor:pointer;white-space:nowrap}.sceneEditorModal.directorStudioModal{width:min(1380px,100%)}.sceneEditorModal.directorStudioModal .sceneEditorLayout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr)}
@media(max-width:1050px){.dcGrid3{grid-template-columns:repeat(2,minmax(0,1fr))}.dcLockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sceneEditorModal.directorStudioModal .sceneEditorLayout{grid-template-columns:1fr}}
@media(max-width:650px){.dcSuiteHead,.dcFinishBar{display:grid}.dcGrid3,.dcLockGrid{grid-template-columns:1fr}.dcGroup>summary{align-items:flex-start;flex-direction:column}.dcFinishBar button{width:100%}}

/* reference-product-studio.css */
.kaiProductTray{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.kaiProductChip{display:flex;align-items:center;gap:8px;min-width:180px;max-width:290px;border:1px solid #2a3a50;background:#0a1421;color:#d8e0eb;border-radius:10px;padding:8px 10px;cursor:pointer;text-align:left}.kaiProductChip>span{font-size:14px;color:#c6a4ff}.kaiProductChip>div{display:grid;gap:2px;min-width:0;flex:1}.kaiProductChip b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaiProductChip small{font-size:7px;color:#7c8da2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaiProductChip em{font-size:6px;font-style:normal;border:1px solid #5f45a0;color:#cdb7ff;border-radius:999px;padding:3px 5px}.kaiReferenceBrain{margin-top:9px;border:1px solid #2e3f57;border-radius:12px;background:linear-gradient(150deg,rgba(80,52,160,.13),rgba(8,16,27,.96));overflow:hidden}.kaiReferenceBrain>summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.kaiReferenceBrain>summary::-webkit-details-marker{display:none}.kaiReferenceBrain>summary span{font-size:8px;font-weight:750;color:#e8edff}.kaiReferenceBrain>summary small{font-size:7px;color:#a88eff}.kaiReferenceBody{border-top:1px solid #223249;padding:12px;display:grid;gap:11px}.kaiReferenceBody>p{margin:0;color:#92a0b2;font-size:8px;line-height:1.5}.kaiReferenceRange{display:grid;gap:6px}.kaiReferenceRange>span{display:flex;justify-content:space-between;font-size:8px;color:#cbd5e2}.kaiReferenceRange input{width:100%}.kaiReferenceLocks{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kaiReferenceLocks>span{font-size:7px;color:#79899e;margin-right:3px}.kaiReferenceLocks label{display:flex;align-items:center;gap:4px;border:1px solid #283a50;border-radius:999px;padding:5px 8px;color:#8d9cb0;font-size:7px;cursor:pointer}.kaiReferenceLocks input{display:none}.kaiReferenceLocks label:has(input:checked){border-color:#7051cf;background:#171633;color:#ddceff}.kaiReferenceGrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.kaiReferenceGrid>label{display:grid;gap:5px;font-size:7px;color:#8492a5}.kaiReferenceGrid select{border:1px solid #293b52;background:#091422;color:#e6ecf5;border-radius:8px;padding:8px}.kaiRefSwitch{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;border:1px solid #293b52;border-radius:8px;padding:8px!important;background:#091422}.kaiDetectedObjects{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kaiDetectedObjects>span{font-size:7px;color:#79899e}.kaiDetectedObjects button{border:1px solid #3b4561;background:#11182a;color:#b9c5d5;border-radius:999px;padding:5px 8px;font-size:7px;cursor:pointer}.kaiBlueprintList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:230px;overflow:auto}.kaiBlueprintList>div{display:grid;grid-template-columns:24px 72px 1fr;column-gap:7px;row-gap:2px;border:1px solid #223249;border-radius:8px;padding:8px;background:#09131f}.kaiBlueprintList b{grid-row:1/3;color:#a989ff;font-size:8px}.kaiBlueprintList span{font-size:7px;color:#7d8ca0}.kaiBlueprintList p{margin:0;font-size:8px;color:#d1d9e5;line-height:1.35}.kaiBlueprintList small{grid-column:3;font-size:7px;color:#75869a}.kaiProductModalBackdrop{position:fixed;inset:0;z-index:99999;background:rgba(2,7,13,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.kaiProductModal{width:min(1100px,100%);max-height:min(860px,92vh);overflow:auto;border:1px solid #344763;border-radius:17px;background:#08111c;color:#eef2f8;box-shadow:0 32px 90px rgba(0,0,0,.55)}.kaiProductModalHead{display:flex;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid #1d2b3d}.kaiProductModalHead h2{margin:4px 0;font-size:20px}.kaiProductModalHead p{margin:0;color:#8797aa;font-size:9px}.kaiProductModalHead>button{border:0;background:transparent;color:#94a2b4;font-size:24px;cursor:pointer}.kaiProductModalTools{display:grid;grid-template-columns:auto minmax(220px,.7fr) minmax(320px,1.3fr);gap:12px;align-items:end;padding:14px 18px;border-bottom:1px solid #1d2b3d}.kaiProductModalTools>button,.kaiProductModalFoot>button,.kaiProductActions button,.kaiProductLinkTool button{border:1px solid #6648b8;background:#191536;color:#e1d7ff;border-radius:9px;padding:9px 11px;cursor:pointer}.kaiProductModalTools>button{min-height:42px}.kaiProductModalTools label{display:grid;gap:5px;font-size:8px;color:#8796aa;min-width:0}.kaiProductModalTools select{width:100%;border:1px solid #2b3d54;background:#091422;color:#e9eef7;border-radius:8px;padding:10px}.kaiProductLinkTool{display:grid;gap:5px;min-width:0}.kaiProductLinkTool>span{font-size:8px;color:#8796aa}.kaiProductLinkTool>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.kaiProductLinkTool input{min-width:0;width:100%;box-sizing:border-box;border:1px solid #2b3d54;background:#091422;color:#e9eef7;border-radius:8px;padding:10px 11px;outline:none}.kaiProductLinkTool input:focus{border-color:#7858d2;box-shadow:0 0 0 3px rgba(120,88,210,.08)}.kaiProductLinkTool small{font-size:7px;line-height:1.35;color:#65768b}.kaiProductEditorList{display:grid;gap:10px;padding:14px 18px}.kaiProductEditor{display:grid;grid-template-columns:90px 1fr auto;gap:12px;border:1px solid #26384d;border-radius:12px;padding:11px;background:#0a1421}.kaiProductEditor.focus{border-color:#7757d8;box-shadow:0 0 0 2px rgba(119,87,216,.1)}.kaiProductPreview{height:90px;border:1px solid #26384d;border-radius:9px;background:#070d15;display:grid;place-items:center;overflow:hidden;color:#b998ff;font-size:24px}.kaiProductPreview img{width:100%;height:100%;object-fit:cover}.kaiProductFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kaiProductFields label{display:grid;gap:4px;font-size:7px;color:#8090a4}.kaiProductFields input,.kaiProductFields select{border:1px solid #2b3c53;background:#091422;color:#edf1f7;border-radius:8px;padding:8px;min-width:0}.kaiProductFields .wide{grid-column:span 2}.kaiExactLock{display:flex!important;align-items:center;gap:7px!important;border:1px solid #2b3c53;border-radius:8px;padding:8px!important;background:#091422}.kaiProductActions{display:flex;flex-direction:column;gap:7px}.kaiProductActions .danger{border-color:#563041;background:#211119;color:#e6aebf}.kaiProductActions button:disabled{opacity:.55;cursor:default}.kaiProductModalFoot{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border-top:1px solid #1d2b3d}.kaiProductModalFoot small{color:#7d8da2;font-size:7px}.kaiProductEmpty{padding:40px;text-align:center;color:#77879b;border:1px dashed #2c3d53;border-radius:11px}.kaiReferenceAnalyzing{font-size:7px;color:#9a86c7}
@media(max-width:800px){.kaiReferenceGrid{grid-template-columns:1fr}.kaiBlueprintList{grid-template-columns:1fr}.kaiProductEditor{grid-template-columns:70px 1fr}.kaiProductPreview{height:70px}.kaiProductActions{grid-column:1/-1;flex-direction:row}.kaiProductFields{grid-template-columns:1fr 1fr}.kaiProductModalTools{grid-template-columns:1fr}.kaiProductModalTools label{min-width:0}.kaiProductLinkTool>div{grid-template-columns:1fr}.kaiProductLinkTool button{width:100%}.kaiProductFields .wide{grid-column:1/-1}}
@media(max-width:520px){.kaiProductModalBackdrop{padding:8px}.kaiProductEditor{grid-template-columns:1fr}.kaiProductPreview{height:130px}.kaiProductFields{grid-template-columns:1fr}.kaiProductFields .wide{grid-column:auto}.kaiProductModalFoot{display:grid}.kaiReferenceBrain>summary{align-items:flex-start;flex-direction:column}}

/* creation-media-studio.css */
.kaiOutputMode{display:flex;align-items:center;gap:6px;padding:7px 9px;margin-top:10px;border:1px solid rgba(134,149,177,.18);background:rgba(9,14,24,.62);border-radius:14px;width:max-content;max-width:100%}.kaiOutputMode>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#808ba1;margin:0 4px}.kaiOutputMode button{border:0;border-radius:10px;background:transparent;color:#9ca8bc;padding:8px 12px;font-weight:750;cursor:pointer}.kaiOutputMode button.active{background:linear-gradient(135deg,rgba(106,82,255,.28),rgba(0,185,255,.18));color:white;box-shadow:inset 0 0 0 1px rgba(142,128,255,.4)}
.kaiRecentCreations{margin-top:16px;border:1px solid rgba(136,148,178,.16);background:linear-gradient(180deg,rgba(14,20,33,.72),rgba(8,13,22,.72));border-radius:18px;padding:15px;overflow:hidden}.kaiRecentHead{display:flex;align-items:center;justify-content:space-between;gap:14px}.kaiRecentHead small,.oneClickCharacter>div>span{font-size:9px;letter-spacing:.16em;color:#8b7fff;font-weight:800}.kaiRecentHead h3{margin:3px 0 0;font-size:15px}.kaiRecentHead>div:last-child{display:flex;gap:7px}.kaiRecentHead button,.kaiRecentFilters button{border:1px solid rgba(130,145,174,.22);background:rgba(255,255,255,.03);color:#a9b4c6;border-radius:10px;padding:7px 10px;cursor:pointer}.kaiRecentFilters{display:flex;gap:6px;margin:12px 0 10px}.kaiRecentFilters button.active{color:#fff;border-color:rgba(128,108,255,.62);background:rgba(101,77,255,.18)}.kaiRecentRail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 7px;scrollbar-width:thin}.kaiRecentCard{flex:0 0 min(280px,78vw);scroll-snap-align:start;border:1px solid rgba(130,145,174,.15);border-radius:14px;overflow:hidden;background:rgba(5,10,18,.72)}.kaiRecentMedia{height:142px;position:relative;background:#070b12}.kaiRecentMedia img,.kaiRecentMedia video{width:100%;height:100%;object-fit:contain;object-position:50% 50%;display:block;background:#05080e}.kaiRecentMedia span{position:absolute;top:8px;left:8px;border:1px solid rgba(255,255,255,.18);background:rgba(4,7,13,.76);backdrop-filter:blur(8px);border-radius:8px;padding:5px 7px;font-size:8px;font-weight:800;letter-spacing:.08em}.kaiRecentInfo{padding:11px}.kaiRecentInfo strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaiRecentInfo small{display:block;color:#79859a;margin:4px 0 9px}.kaiRecentInfo>div{display:flex;gap:5px;flex-wrap:wrap}.kaiRecentInfo button,.kaiRecentInfo a{font:inherit;font-size:9px;text-decoration:none;color:#b9c5d8;border:1px solid rgba(130,145,174,.18);background:rgba(255,255,255,.025);border-radius:8px;padding:6px 8px;cursor:pointer}.kaiRecentEmpty{min-height:90px;display:grid;place-items:center;width:100%;color:#78859b;font-size:11px;text-align:center}.esvylaImageResult{position:fixed;inset:0;z-index:9999;background:rgba(1,4,10,.82);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}.esvylaImageResult>div{width:min(820px,96vw);max-height:92vh;overflow:auto;padding:18px;border:1px solid rgba(148,132,255,.35);border-radius:22px;background:#0b111d;box-shadow:0 25px 90px rgba(0,0,0,.55);position:relative}.esvylaImageResult>div>button{position:absolute;right:13px;top:13px;border:0;background:#161f2d;color:white;border-radius:50%;width:32px;height:32px;font-size:20px}.esvylaImageResult span{font-size:9px;letter-spacing:.16em;color:#8f82ff;font-weight:800}.esvylaImageResult h2{margin:6px 0 14px}.esvylaImageResult img{display:block;width:100%;max-height:66vh;object-fit:contain;border-radius:14px;background:#05080e}.esvylaImageResult section{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.esvylaImageResult section>*{border:1px solid rgba(140,153,181,.24);background:#111a29;color:#d5def0;border-radius:10px;padding:9px 12px;text-decoration:none;cursor:pointer}.oneClickCharacter{border:1px solid rgba(133,111,255,.3);background:linear-gradient(135deg,rgba(96,74,255,.11),rgba(0,171,255,.055));border-radius:18px;padding:17px;margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;align-items:end}.oneClickCharacter h2{margin:5px 0 7px;font-size:19px}.oneClickCharacter p{margin:0;color:#93a0b6;font-size:11px;line-height:1.55}.oneClickCharacterControls{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px;align-items:end}.oneClickCharacterControls label{display:grid;gap:5px}.oneClickCharacterControls label span{font-size:9px;color:#8792a5;text-transform:uppercase;letter-spacing:.08em}.oneClickCharacterControls select,.oneClickCharacterControls input{min-width:0;border:1px solid rgba(130,145,174,.22);background:#0b121e;color:white;border-radius:10px;padding:10px}.oneClickCharacter>small{grid-column:1/-1;color:#7f8ba0;font-size:9px}
@media(max-width:900px){.oneClickCharacter{grid-template-columns:1fr}.oneClickCharacterControls{grid-template-columns:1fr}.kaiOutputMode{width:100%}.kaiOutputMode button{flex:1}.kaiRecentCard{flex-basis:76vw}}
.mediaPreview img{width:100%;height:100%;object-fit:cover;display:block}


/* AI Creation Studio subtitle setup — subtitles1 */
.composerSubtitleField{align-content:start}.composerSubtitleEdit{margin-top:3px;border:0;background:transparent;color:#bda7ff;padding:0;text-align:left;font-size:7px;font-weight:800;cursor:pointer}.composerSubtitleEdit:hover{color:#fff}.composerSubtitleBackdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px;background:rgba(2,5,11,.80);backdrop-filter:blur(12px)}.composerSubtitleCard{width:min(780px,96vw);max-height:min(88dvh,820px);overflow:auto;border:1px solid rgba(136,112,255,.36);border-radius:22px;background:linear-gradient(180deg,#0d1421,#08101a);box-shadow:0 28px 90px rgba(0,0,0,.56);padding:18px}.composerSubtitleHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.composerSubtitleHead span{font-size:8px;letter-spacing:.16em;color:#9d86ff;font-weight:900}.composerSubtitleHead h3{margin:4px 0 4px;font-size:20px;color:#f7f9ff}.composerSubtitleHead p{margin:0;color:#8795aa;font-size:10px}.composerSubtitleHead>button{width:32px;height:32px;border:1px solid #2b3950;border-radius:10px;background:#101827;color:#dce5f4;font-size:20px;cursor:pointer}.composerSubtitlePreview{height:160px;margin:16px 0;border:1px solid #25344a;border-radius:16px;background:radial-gradient(circle at 70% 20%,rgba(126,73,255,.18),transparent 36%),linear-gradient(135deg,#111827,#070c14);padding:18px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.composerSubtitlePreview[data-position="top"]{align-items:flex-start}.composerSubtitlePreview[data-position="middle"]{align-items:center}.composerSubtitlePreviewText,#composerSubtitlePreviewText{max-width:92%;text-align:center;font-family:var(--subtitle-font,Arial Black),Arial,sans-serif;font-size:var(--subtitle-size,38px);font-weight:900;line-height:1.02;color:var(--subtitle-color,#fff);text-shadow:0 3px 8px rgba(0,0,0,.85);letter-spacing:.01em}.composerSubtitlePreviewText em,#composerSubtitlePreviewText em{font-style:normal;color:var(--subtitle-highlight,#ffe34d)}#composerSubtitlePreviewText i{font-style:normal;font-size:.88em}.composerSubtitleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.composerSubtitleGrid>label,.composerWordsField{display:grid;gap:6px;padding:11px;border:1px solid #202f43;border-radius:12px;background:#0a121e;color:#8391a6;font-size:8px}.composerSubtitleGrid select{width:100%;min-height:40px;border:1px solid #2a3a50;border-radius:9px;background:#0f1927;color:#edf2fa;padding:8px 9px;font-size:10px}.composerColorField{grid-template-columns:auto 46px minmax(80px,1fr);align-items:center}.composerColorField>span{grid-column:1/-1}.composerColorField input[type="color"]{width:46px;height:36px;padding:3px;border:1px solid #2a3a50;border-radius:9px;background:#0f1927}.composerColorField b{font-size:9px;color:#dce5f2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.composerSubtitleToggle{grid-template-columns:auto 42px 1fr!important;align-items:center}.composerSubtitleToggle>span{grid-column:1/-1}.composerSubtitleToggle input{position:absolute;opacity:0;pointer-events:none}.composerSubtitleToggle i{width:38px;height:22px;border-radius:999px;background:#202d3f;position:relative;cursor:pointer}.composerSubtitleToggle i::after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#96a2b4;transition:.18s}.composerSubtitleToggle input:checked+i{background:linear-gradient(90deg,#e33d9e,#7851ff)}.composerSubtitleToggle input:checked+i::after{transform:translateX(16px);background:white}.composerSubtitleToggle b{font-size:9px;color:#d7e0ee}.composerWordsField{grid-template-columns:1fr auto;align-items:center}.composerWordsField>span{font-size:8px;color:#8391a6}.composerWordsAuto{display:inline-flex;align-items:center;gap:6px;color:#dce5f2;font-size:9px}.composerWordsAuto input{accent-color:#966dff}.composerWordsField select,.composerWordsField small{grid-column:1/-1}.composerWordsField small{color:#708097;font-size:8px;line-height:1.4}.composerSubtitleActions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #1d2a3b}.composerSubtitleActions button{min-height:40px;border-radius:10px;padding:0 15px;border:1px solid #2a3950;background:#101827;color:#dce5f3;font-size:9px;font-weight:800;cursor:pointer}.composerSubtitleActions #composerSubtitleSave{border-color:transparent;background:linear-gradient(105deg,#e83d9e,#7a4cff);color:#fff}.composerSubtitleOpen{overflow:hidden}
@media(max-width:640px){.composerSubtitleBackdrop{padding:0;align-items:end}.composerSubtitleCard{width:100%;max-height:91dvh;border-radius:20px 20px 0 0;padding:14px}.composerSubtitleGrid{grid-template-columns:1fr}.composerSubtitlePreview{height:132px}.composerSubtitleActions{position:sticky;bottom:-14px;margin-inline:-14px;padding:12px 14px;background:rgba(8,16,26,.96);backdrop-filter:blur(10px)}.composerSubtitleActions button{flex:1}}

/* Unified AI Assistant for generated image/video cards */
.esvylaMediaAssistant{position:fixed;inset:0;z-index:9999;background:rgba(4,7,14,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px}
.esvylaMediaAssistantPanel{width:min(720px,100%);max-height:min(88vh,860px);overflow:auto;border:1px solid #2c3550;background:linear-gradient(180deg,#111827,#0b1020);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);padding:18px;display:grid;gap:14px;color:#eef3ff}
.esvylaMediaAssistantPanel header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.esvylaMediaAssistantPanel header span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#b694ff}.esvylaMediaAssistantPanel header h2{margin:4px 0;font-size:22px}.esvylaMediaAssistantPanel header small{display:block;color:#93a0b5;line-height:1.45}.esvylaMediaAssistantPanel header>button{border:0;background:#171f31;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px}
.esvylaMediaAssistantPreview{background:#060914;border:1px solid #222c42;border-radius:16px;overflow:hidden;display:grid;place-items:center;min-height:180px}.esvylaMediaAssistantPreview img,.esvylaMediaAssistantPreview video{width:100%;max-height:360px;object-fit:contain;background:#050812}
.esvylaMediaAssistantChips{display:flex;flex-wrap:wrap;gap:8px}.esvylaMediaAssistantChips button{border:1px solid #303a55;background:#141b2d;color:#dce5f5;border-radius:999px;padding:8px 10px;font-size:11px}.esvylaMediaAssistantChips button:hover{border-color:#8f6dff;color:#fff}
#esvylaMediaAssistantPrompt{width:100%;min-height:130px;resize:vertical;border:1px solid #303a55;background:#0a0f1c;color:#fff;border-radius:14px;padding:13px;font:inherit;line-height:1.45;box-sizing:border-box}.esvylaMediaAssistantActions{display:flex;justify-content:flex-end;gap:9px}.esvylaMediaAssistantActions button{border:1px solid #303a55;background:#141b2d;color:#eaf0ff;border-radius:12px;padding:10px 14px;font-weight:750}.esvylaMediaAssistantActions .primary{background:linear-gradient(135deg,#805dff,#a94cff);border-color:#9d73ff;color:white}
@media(max-width:640px){.esvylaMediaAssistant{padding:0;align-items:end}.esvylaMediaAssistantPanel{border-radius:20px 20px 0 0;max-height:92vh}.esvylaMediaAssistantPanel header h2{font-size:18px}.esvylaMediaAssistantPreview{min-height:140px}.esvylaMediaAssistantPreview img,.esvylaMediaAssistantPreview video{max-height:260px}}

/* Full-frame Recent Creations media — no crop, preserve source framing. */
.kaiRecentMedia{display:grid;place-items:center;overflow:hidden;background:#05080e!important}
.kaiRecentMedia img,.kaiRecentMedia video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:50% 50%!important;background:#05080e!important}

/* ESVYLA 5.26.7 — mobile sheets always win over the fixed Quick Access dock. */
@media(max-width:720px){
  .esvylaMediaAssistant{z-index:9999!important;padding:0!important;align-items:end!important}
  .esvylaMediaAssistantPanel{
    width:100%!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
    border-radius:20px 20px 0 0!important;
    padding:16px 14px max(16px,env(safe-area-inset-bottom))!important;
    overscroll-behavior:contain!important;
  }
  .esvylaMediaAssistantActions{
    position:sticky!important;
    bottom:calc(-1 * max(16px,env(safe-area-inset-bottom)))!important;
    z-index:3!important;
    margin:2px -14px calc(-1 * max(16px,env(safe-area-inset-bottom)))!important;
    padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;
    background:rgba(11,16,32,.97)!important;
    border-top:1px solid rgba(140,153,181,.16)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .esvylaMediaAssistantActions button{min-height:46px!important}
}

/* 5.26.28 generated-scene actions intentionally live below the scene title. */
.savedSceneMeta.savedSceneMetaStacked{align-items:stretch!important;flex-direction:column!important}.savedSceneMetaStacked .savedSceneActions{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px}

/* creation-timeline-polish.css */
/* Creation Studio + professional timeline polish */
.kaiGenerateButton{grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;grid-template-areas:"spark label" "spark sub";justify-content:center!important;justify-items:center!important;text-align:center!important;column-gap:8px!important} .kaiGenerateButton>span{grid-area:spark!important;align-self:center!important}.kaiGenerateButton>b{grid-area:label!important;text-align:center!important}.kaiGenerateButton>small{grid-area:sub!important;text-align:center!important} .how>div:first-child{text-align:center!important;margin-inline:auto!important}.how>div:first-child .eyebrow,.how>div:first-child h2{text-align:center!important} .proTimeline{background:#06080c!important;border-color:#1d2632!important;} .proTimelineToolbar{background:#0b0e13!important;border-color:#1d2632!important} .proTimelineScroll{background:linear-gradient(180deg,#080b10,#05070a)!important} .proRuler{background:#0b0e13!important;border-color:#26303c!important}.proRuler span{color:#8792a0!important} .proTrack{border-bottom-color:#151c25!important}.proTrack>header{background:#0d1117!important;border-right-color:#252f3b!important}.proTrack>header b{font-weight:800!important;letter-spacing:.055em!important;color:#9aa5b3!important} .proLane{background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:48px 100%!important} .proClip,.proCaptionClip{border-radius:3px!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.35)!important} .proClip{padding-left:25px!important;background:linear-gradient(180deg,#274d63,#18384a)!important;border-color:#39708e!important;color:#e7f4fb!important} .proClip.t-video{background:linear-gradient(180deg,#27556d,#173c50)!important;border-color:#3d7898!important} .proClip.t-audio{background:linear-gradient(180deg,#275b49,#183c31)!important;border-color:#3d8068!important;color:#e8fff6!important} .proClip.t-title{background:linear-gradient(180deg,#66448a,#472e64)!important;border-color:#8962ae!important;color:#fff4ff!important} .proClip.t-effect{background:linear-gradient(180deg,#7b5520,#523614)!important;border-color:#a7772f!important;color:#fff2d4!important} .proClip.t-adjustment{background:linear-gradient(180deg,#74641e,#4d4212)!important;border-color:#9e8a31!important;color:#fff8d5!important} .proClipTypeBadge{position:absolute!important;left:5px!important;top:50%!important;transform:translateY(-50%)!important;z-index:8!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:2px!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.38)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font:800 6px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.02em!important;pointer-events:none!important} .proClip span{padding:0 28px 0 2px!important;font-size:7px!important;letter-spacing:.01em!important} .proClip.t-title span:before{content:"TEXT ";font-size:5px;color:#e5c4ff;letter-spacing:.12em}.proClip.t-video span:before{content:"VIDEO ";font-size:5px;color:#b9e9ff;letter-spacing:.1em}.proClip.t-audio span:before{content:"AUDIO ";font-size:5px;color:#c4f8df;letter-spacing:.1em} .proClipAiButton{right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:19px!important;height:19px!important;border-radius:3px!important;background:#141922!important;border:1px solid #7f5ac3!important;color:#d8c1ff!important;box-shadow:none!important;z-index:10!important} .proClipAiButton:hover{background:#261b39!important;border-color:#b381ff!important;color:#fff!important} .proClip.selected{outline:2px solid #e5b4ff!important;outline-offset:1px!important;filter:none!important}.proClip.t-title.selected{outline-color:#f0c9ff!important} .proPlayhead{background:#ff3b63!important;width:2px!important}.proPlayhead b{background:#ff3b63!important} .proCaptionClip{background:linear-gradient(180deg,#6d447e,#493052)!important;border-color:#9362a7!important}

/* ESVYLA semantic timeline: graphics/text are not video media. */
#proEditor .proTrack[data-track="G1"]>header{background:linear-gradient(180deg,#17101f,#100c17)!important;border-right-color:#4d3264!important}
#proEditor .proTrack[data-track="G1"]>header b{color:#e6c8ff!important}
#proEditor .proTrack[data-track="G1"] .proLane{background:linear-gradient(180deg,rgba(115,68,151,.08),rgba(26,18,34,.14))!important}
#proEditor .proTrack[data-track="V1"]>header b{color:#bcecff!important}
#proEditor .proTrack[data-track="A1"]>header b,#proEditor .proTrack[data-track="A2"]>header b{color:#bff4d8!important}
#proEditor .proTrack[data-track="C1"]>header b{color:#f0c4ff!important}
#proEditor .proClip.t-title{background:linear-gradient(180deg,#7b4aa4,#563174)!important;border-color:#aa78d1!important;color:#fff8ff!important}
#proEditor .proClip.t-title .proClipTypeBadge{min-width:22px!important;background:#2d153e!important;border-color:#b77edf!important;color:#f8e9ff!important}
#proEditor .proClip.t-title span:before{content:"GRAPHIC "!important;color:#e9c9ff!important}
#proEditor .proInspectorPanel.detail-open .proInspectorToolDeck{display:none!important}
#proEditor .proInspectorPanel.detail-open .proInspectorDetail{display:block!important}

/* Pro editor upgrades: richer text controls and clearer track drag affordances */
.proTextDesigner .proTextGrid input[type="range"]{width:100%}.proTrack .proLane{transition:background .12s ease}.proTrack .proLane.dropTarget{background:rgba(144,94,255,.12)!important;outline:1px dashed rgba(190,153,255,.65);outline-offset:-2px}.proClip.dragging{opacity:.82;filter:brightness(1.12);cursor:grabbing!important}.proTextDesigner .proKeyframeBox{margin-top:12px;padding:10px;border:1px solid rgba(168,107,236,.28);border-radius:10px;background:rgba(123,62,193,.08)}

/* capcut-timeline.css */
/* ESVYLA CapCut-inspired timeline rebuild — 2026-10-06. Original ESVYLA UI, interaction model informed by CapCut's public editor workflow. */
#proEditor .proTimeline{background:#080b10;border-top:1px solid #222a35}
#proEditor .proTimelineToolbar{min-height:42px;background:#0d1118;border-bottom:1px solid #202733;gap:6px;padding:6px 10px}
#proEditor .proTimelineScroll{background:#070a0f}
#proEditor .proTimelineCanvas{background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 100%}
#proEditor .proRuler{background:#0b0f15;border-bottom:1px solid #222a35;color:#788497}
#proEditor .proTrack{border-bottom:1px solid #171d26;background:#090d13}
#proEditor .proTrack>header{width:92px;background:#0c1118;border-right:1px solid #222a35;padding:0 7px;cursor:default}
#proEditor .proTrack>header>b{font-size:9px;letter-spacing:.06em;color:#b5bfce;white-space:normal;line-height:1.15}
#proEditor .proTrack[data-track="G1"]>header{border-left:3px solid #a875ff}
#proEditor .proTrack[data-track="V1"]>header{border-left:3px solid #42b9e8}
#proEditor .proTrack[data-track^="A"]>header{border-left:3px solid #3fd39d}
#proEditor .proTrack[data-track="C1"]>header{border-left:3px solid #f0b64c}
#proEditor .proTrack[data-track="FX1"]>header{border-left:3px solid #ef5ac8}
#proEditor .proLane{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
#proEditor .proClip{top:4px;height:calc(100% - 8px);border-radius:5px;border:1px solid rgba(255,255,255,.12);box-shadow:none;overflow:hidden;padding:0 24px 0 8px;display:flex;align-items:center;gap:5px}
#proEditor .proClip.t-video{background:#174b64;border-color:#287da3}
#proEditor .proClip.t-audio{background:#17543f;border-color:#268865}
#proEditor .proClip.t-effect{background:#512146;border-color:#8c3a79}
#proEditor .proClip.t-adjustment{background:#5b431c;border-color:#99732f}
#proEditor .proClip.t-title{background:#3d2862;border:1px solid #8f63d8;color:#f2eaff}
#proEditor .proClip.t-title::before{content:"T";display:grid;place-items:center;flex:0 0 18px;height:18px;border-radius:3px;background:#8e65d2;color:#fff;font:800 10px/1 system-ui}
#proEditor .proClip.t-title .proClipTypeBadge{display:none!important}
#proEditor .proClip span{font-weight:650;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#proEditor .proClip.selected{outline:2px solid #fff;outline-offset:1px;filter:brightness(1.1)}
#proEditor .proClip.dragging{opacity:.88;z-index:15}
#proEditor .proClip>[data-edge]{position:absolute;top:0;bottom:0;width:7px;background:transparent;z-index:4}
#proEditor .proClip>[data-edge="in"]{left:0;cursor:ew-resize}
#proEditor .proClip>[data-edge="out"]{right:0;cursor:ew-resize}
#proEditor .proPlayhead{background:#ff4b60;width:1px}
#proEditor .proPlayhead>b{background:#ff4b60;border-radius:0 0 4px 4px;width:10px;height:8px;margin-left:-4px}
#proEditor .proClipAiButton{right:5px;top:50%;transform:translateY(-50%);width:19px;height:19px;border-radius:4px;background:#111925;border:1px solid #506078;color:#d8e6ff}

/* media-ai-post.css */
/* ESVYLA AI Post + My Media navigation polish — aipost2 */
#sidebar{display:flex;flex-direction:column;min-height:100dvh}
#sidebar .sideBottom{flex:1 1 auto;min-height:0;margin-top:10px;display:flex;flex-direction:column;gap:10px}
#sidebar .profile{margin-top:auto;margin-bottom:0;flex:0 0 auto;border-top:1px solid var(--stroke);border-bottom:0}

/* Full AI Post control: custom luminous sparkle + text, never icon-only. */
.aiPostAction,.kaiAiPost{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-width:96px!important;min-height:40px!important;padding:0 13px!important;border:1px solid rgba(174,106,255,.62)!important;border-radius:11px!important;
  background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,rgba(232,45,163,.20),rgba(108,69,255,.27))!important;
  color:#f6efff!important;font-size:9px!important;font-weight:850!important;line-height:1!important;letter-spacing:.015em!important;white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(83,42,163,.12)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.aiPostAction::before,.kaiAiPost::before{
  content:"";flex:0 0 auto;width:19px;height:19px;
  background:linear-gradient(145deg,#fff 0%,#f1dcff 32%,#ff84d6 62%,#9776ff 100%);
  clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);
  filter:drop-shadow(0 0 6px rgba(204,139,255,.66));transform:rotate(7deg);
}
.aiPostAction::after,.kaiAiPost::after{
  content:"";position:absolute;width:6px;height:6px;left:27px;top:7px;background:#fff4fd;
  clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);
  filter:drop-shadow(0 0 4px rgba(255,119,217,.82));opacity:.95;
}
.aiPostAction:hover,.kaiAiPost:hover{transform:translateY(-1px)!important;border-color:rgba(222,181,255,.92)!important;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.16),transparent 36%),linear-gradient(135deg,rgba(237,50,172,.30),rgba(113,70,255,.39))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 9px 23px rgba(77,38,153,.22)!important}
.aiPostAction:hover::before,.kaiAiPost:hover::before{transform:rotate(17deg) scale(1.08);filter:drop-shadow(0 0 8px rgba(220,167,255,.86))}
.aiPostAction:focus-visible,.kaiAiPost:focus-visible{outline:2px solid #ceb7ff!important;outline-offset:3px!important}
.aiPostAction:active,.kaiAiPost:active{transform:translateY(0) scale(.98)!important}

/* Edited exports: balanced cards with centered, consistent actions. */
#mediaLibrary .mediaGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#mediaLibrary .mediaCard{display:flex;flex-direction:column;min-width:0}
#mediaLibrary .mediaMeta{padding:11px 12px 5px!important}
#mediaLibrary .mediaActions{margin-top:auto;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;row-gap:8px!important;flex-wrap:wrap!important;padding:10px 11px 14px!important;text-align:center}
#mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:8.5px!important;font-weight:760!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;margin:0!important}
#mediaLibrary .mediaCard .mediaActions>a.viewAction:first-child{background:linear-gradient(105deg,#ed3e98,#7847ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px rgba(103,58,218,.16)!important}
#mediaLibrary .mediaCard .mediaActions [data-media-edit-export],#mediaLibrary .mediaCard .mediaActions [data-media-rename-export]{background:#101827!important;border:1px solid #2b3950!important;color:#dde6f4!important}
#mediaLibrary .mediaCard .mediaActions .projectDeleteAction{background:rgba(139,37,58,.12)!important;border:1px solid rgba(239,80,109,.56)!important;color:#ff9cac!important}
#mediaLibrary .mediaRow{align-items:center!important}
#mediaLibrary .mediaRow>div:first-child{min-width:150px}
#mediaLibrary .mediaRow .mediaActions{flex:1 1 auto!important;padding:0!important;justify-content:center!important}
#mediaLibrary .mediaRow .mediaActions .viewAction:not(.aiPostAction){min-width:84px!important}

/* Recent Creations keeps Open and AI Post together and readable. */
.kaiRecentInfo>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;row-gap:8px!important;flex-wrap:wrap!important}
.kaiRecentInfo button:not(.kaiAiPost),.kaiRecentInfo a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important}
.kaiRecentInfo .kaiAiPost{min-width:96px!important;min-height:38px!important;padding-inline:12px!important;font-size:9px!important}
.esvylaImageResult section{justify-content:center!important;align-items:center!important}
.esvylaImageResult section .aiPostAction{min-width:104px!important;min-height:42px!important}

.aiPublishCard{width:min(640px,94vw)!important}.aiPublishPreparing{min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #263248;border-radius:14px;background:#0b121e;color:#aab6ca}.aiPublishPreparing i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#e72ca0,#7046ff);color:white;font-style:normal;animation:aiPostPulse 1.2s ease-in-out infinite}.aiPublishSource{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;padding:11px 12px;margin:2px 0 12px;border:1px solid #263248;border-radius:12px;background:#0a111c}.aiPublishSource>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(231,44,160,.2),rgba(112,70,255,.25));color:#f3e8ff}.aiPublishSource strong{font-size:11px}.aiPublishSource small{font-size:8px;color:#8793a5}.aiPublishHashtags{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px}.aiPublishHashtags button{border:1px solid #2b3850;background:#0c1421;color:#b8c5dc;border-radius:999px;padding:6px 9px;font-size:8px;cursor:pointer}.aiPublishNow{width:100%;justify-content:center;background:linear-gradient(135deg,#e72ca0,#7046ff)!important;border-color:transparent!important;color:white!important;font-weight:800}.mediaRenameCard{width:min(480px,94vw)!important}.mediaRenameCard input{width:100%;box-sizing:border-box}
@keyframes aiPostPulse{50%{transform:scale(1.08);box-shadow:0 0 24px rgba(150,82,255,.38)}}

/* Tablet = exactly three edited exports per row. */
@media (min-width:621px) and (max-width:1100px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaActions{gap:6px!important;padding:9px 8px 12px!important}
  #mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  #mediaLibrary .mediaCard .aiPostAction{min-width:91px!important;padding-inline:10px!important}
  #mediaLibrary .mediaRow{align-items:stretch!important;flex-direction:column!important}
  #mediaLibrary .mediaRow>div:first-child{text-align:center!important}
  #mediaLibrary .mediaRow .mediaActions{width:100%!important}
}

/* Mobile = one edited export per row with generous touch controls. */
@media(max-width:620px){
  #sidebar .sideBottom{margin-top:6px}
  #mediaLibrary .mediaGrid{grid-template-columns:1fr!important;gap:12px!important}
  #mediaLibrary .mediaActions{justify-content:center!important;gap:8px!important;padding:11px 12px 14px!important}
  #mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{min-height:42px!important;padding-inline:13px!important;font-size:10px!important}
  .aiPostAction,.kaiAiPost{min-width:108px!important;min-height:42px!important;padding-inline:14px!important;font-size:10px!important}
  .aiPostAction::before,.kaiAiPost::before{width:21px;height:21px}
  #mediaLibrary .mediaRow{align-items:stretch!important;flex-direction:column!important}
  #mediaLibrary .mediaRow>div:first-child{text-align:center!important}
  #mediaLibrary .mediaRow .mediaActions{width:100%!important;justify-content:center!important}
  .kaiRecentInfo>div{justify-content:center!important}.kaiRecentInfo .kaiAiPost{min-width:108px!important}
  .aiPublishCard,.mediaRenameCard{width:100%!important;max-width:none!important;border-radius:18px 18px 0 0!important;margin-top:auto;max-height:calc(100dvh - var(--esvyla-quick-height) - var(--esvyla-quick-safe) - 8px)!important;overflow:auto}
  .sceneEditorBackdrop:has(.aiPublishCard),.sceneEditorBackdrop:has(.mediaRenameCard){align-items:flex-end;padding:0 max(8px,env(safe-area-inset-right)) calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe) + 8px) max(8px,env(safe-area-inset-left))}
}

/* Wider media cards + original Final Masters alignment — aipost3 */
/* Give Edited exports enough horizontal room for Download / Edit / Rename / AI Post / Delete. */
#mediaLibrary .mediaGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
#mediaLibrary .mediaCard{min-width:0!important}
#mediaLibrary .mediaCard .mediaActions{
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:12px 13px 15px!important;
}
#mediaLibrary .mediaCard .mediaActions .viewAction,
#mediaLibrary .mediaCard .mediaActions a.viewAction{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding-inline:12px!important;
  font-size:9px!important;
}

/* Recent Creations stays a horizontal rail, but cards are now presentation-size rather than compact tiles. */
.kaiRecentCard{
  flex:0 0 clamp(350px,31vw,430px)!important;
  min-width:350px!important;
}
.kaiRecentMedia{height:auto!important;aspect-ratio:16/9!important}
.kaiRecentInfo{padding:13px!important}
.kaiRecentInfo>div{gap:8px!important;justify-content:flex-start!important}
.kaiRecentInfo button:not(.kaiAiPost),.kaiRecentInfo a{
  min-height:40px!important;
  padding-inline:12px!important;
  font-size:9px!important;
}
.kaiRecentInfo .kaiAiPost{min-height:40px!important}

/* Final masters: restore the original information-left / actions-right structure. */
#mediaLibrary .mediaRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:18px!important;
  padding:12px 14px!important;
}
#mediaLibrary .mediaRow>div:first-child{
  min-width:0!important;
  text-align:left!important;
  justify-self:start!important;
}
#mediaLibrary .mediaRow .mediaActions{
  width:auto!important;
  flex:0 0 auto!important;
  justify-content:flex-end!important;
  align-items:center!important;
  justify-self:end!important;
  padding:0!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

/* Tablet keeps the requested three Edited exports per row, with wider usable cards. */
@media (min-width:821px) and (max-width:1100px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  #mediaLibrary .mediaCard{min-width:0!important}
  #mediaLibrary .mediaCard .mediaActions{gap:6px!important;padding:10px 8px 13px!important}
  #mediaLibrary .mediaCard .mediaActions .viewAction,#mediaLibrary .mediaCard .mediaActions a.viewAction{min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  .kaiRecentCard{flex-basis:clamp(330px,43vw,390px)!important;min-width:330px!important}
}

/* Portrait tablets still keep three cards, but action rows may wrap neatly inside each wider tile. */
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaCard{min-width:0!important}
  #mediaLibrary .mediaCard .mediaActions{gap:5px!important;padding:9px 6px 12px!important}
  #mediaLibrary .mediaCard .mediaActions .viewAction,#mediaLibrary .mediaCard .mediaActions a.viewAction{min-height:36px!important;padding-inline:7px!important;font-size:7.5px!important}
  #mediaLibrary .mediaCard .aiPostAction{min-width:88px!important}
  .kaiRecentCard{flex-basis:clamp(320px,72vw,380px)!important;min-width:320px!important}
  #mediaLibrary .mediaRow{grid-template-columns:minmax(0,1fr) minmax(210px,auto)!important;gap:12px!important}
  #mediaLibrary .mediaRow .mediaActions{max-width:250px!important}
}

/* Mobile remains one Edited export per row, while Final masters still keep title left and controls right. */
@media(max-width:620px){
  #mediaLibrary .mediaGrid{grid-template-columns:1fr!important;gap:14px!important}
  #mediaLibrary .mediaCard{min-width:0!important;width:100%!important}
  #mediaLibrary .mediaCard .mediaActions{gap:8px!important;padding:12px 12px 15px!important}
  .kaiRecentCard{flex-basis:min(91vw,390px)!important;min-width:min(91vw,390px)!important}
  .kaiRecentInfo>div{justify-content:flex-start!important}
  #mediaLibrary .mediaRow{
    grid-template-columns:minmax(0,1fr) minmax(112px,auto)!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 12px!important;
  }
  #mediaLibrary .mediaRow>div:first-child{text-align:left!important;align-self:center!important}
  #mediaLibrary .mediaRow .mediaActions{
    width:auto!important;
    max-width:170px!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    gap:6px!important;
  }
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-width:0!important;min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:96px!important;min-height:38px!important;padding-inline:10px!important;font-size:8px!important}
}

/* Edited exports auto-slider — media carousel v4 */
.mediaExportCarousel{position:relative;min-width:0;width:100%;overflow:hidden;padding:2px 2px 0}
.mediaExportViewport{overflow:hidden;min-width:0;width:100%;border-radius:13px}
.mediaExportTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}
.mediaExportSlide{flex:0 0 100%;min-width:0;width:100%;padding:1px 2px 3px;box-sizing:border-box}
.mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.mediaExportSlide .mediaCard{width:100%!important;min-width:0!important}
.mediaExportSlide .mediaActions{flex-wrap:nowrap!important;gap:4px!important;padding:10px 8px 13px!important;overflow:visible!important}
.mediaExportSlide .mediaActions .viewAction,.mediaExportSlide .mediaActions a.viewAction{min-width:0!important;min-height:38px!important;padding-inline:9px!important;font-size:8.25px!important;flex:0 1 auto!important}
.mediaExportSlide .mediaActions .aiPostAction{flex:0 0 auto!important;min-width:88px!important;padding-inline:10px!important;gap:6px!important}
.mediaExportSlide .mediaActions .aiPostAction::before{width:16px;height:16px}
.mediaExportSlide .mediaActions .aiPostAction::after{width:5px;height:5px;left:23px;top:6px}
.mediaExportControls{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 4px 1px;color:#8592a5;font-size:8px}
.mediaExportArrow{width:32px;height:30px;display:grid;place-items:center;border:1px solid #29374b;border-radius:9px;background:#0c1420;color:#e6edf8;font-size:18px;line-height:1;cursor:pointer}
.mediaExportArrow:hover{border-color:#8058c8;background:#171329}
.mediaExportDots{display:flex;align-items:center;justify-content:center;gap:5px}
.mediaExportDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}
.mediaExportDots button.active{width:20px;background:linear-gradient(90deg,#eb3fa0,#8457ff)}
.mediaExportControls>span{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}

@media (min-width:821px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:nowrap!important;justify-content:center!important}
}
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:nowrap!important;gap:2px!important;padding:8px 4px 11px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:34px!important;padding-inline:4px!important;font-size:6.6px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:62px!important;padding-inline:5px!important;gap:3px!important;font-size:6.6px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:13px;height:13px}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{display:none}
}
@media(max-width:620px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:1fr!important;gap:14px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:wrap!important;gap:8px!important;padding:12px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:42px!important;padding-inline:12px!important;font-size:9.5px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:108px!important;padding-inline:13px!important;font-size:9.5px!important}
  .mediaExportControls{position:sticky;bottom:0;z-index:3;margin-top:4px;padding:9px;border:1px solid rgba(42,55,75,.8);border-radius:12px;background:rgba(8,13,22,.92);backdrop-filter:blur(8px)}
}

/* Card action downsizing + centered Recent Creations + auto-slider polish — aipost5 */
#mediaLibrary .mediaExportSlide .mediaActions{
  justify-content:center!important;
  gap:4px!important;
  padding:10px 6px 12px!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .viewAction,
#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{
  min-width:0!important;
  min-height:34px!important;
  padding-inline:8px!important;
  border-radius:9px!important;
  font-size:7.35px!important;
  letter-spacing:0!important;
  flex:0 1 auto!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{
  min-width:72px!important;
  min-height:34px!important;
  padding-inline:8px!important;
  gap:4px!important;
  font-size:7.2px!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:13px!important;height:13px!important}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{width:4px!important;height:4px!important;left:20px!important;top:6px!important}

#mediaLibrary .mediaRow .mediaActions{
  justify-content:center!important;
  justify-self:center!important;
  gap:6px!important;
}
#mediaLibrary .mediaRow .mediaActions .viewAction{
  min-width:0!important;
  min-height:34px!important;
  padding-inline:10px!important;
  border-radius:9px!important;
  font-size:7.8px!important;
}
#mediaLibrary .mediaRow .mediaActions .aiPostAction{
  min-width:78px!important;
  min-height:34px!important;
  padding-inline:9px!important;
  gap:5px!important;
  font-size:7.6px!important;
}
#mediaLibrary .mediaRow .mediaActions .aiPostAction::before{width:14px!important;height:14px!important}
#mediaLibrary .mediaRow .mediaActions .aiPostAction::after{width:4px!important;height:4px!important;left:21px!important;top:6px!important}

.kaiRecentRail{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
}
.kaiRecentRail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.kaiRecentInfo>div{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.kaiRecentInfo button:not(.kaiAiPost),
.kaiRecentInfo a{
  min-height:34px!important;
  padding-inline:10px!important;
  border-radius:9px!important;
  font-size:8px!important;
}
.kaiRecentInfo .kaiAiPost{
  min-width:82px!important;
  min-height:34px!important;
  padding-inline:9px!important;
  gap:5px!important;
  font-size:7.8px!important;
}
.kaiRecentInfo .kaiAiPost::before{width:14px!important;height:14px!important}
.kaiRecentInfo .kaiAiPost::after{width:4px!important;height:4px!important;left:21px!important;top:6px!important}

@media (min-width:821px){
  #mediaLibrary .mediaExportSlide .mediaActions{gap:4px!important}
}
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaExportSlide .mediaActions{gap:2px!important;padding:8px 4px 10px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,
  #mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:32px!important;padding-inline:5px!important;font-size:6.2px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:56px!important;min-height:32px!important;padding-inline:5px!important;gap:2px!important;font-size:6.1px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:11px!important;height:11px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{display:none!important}
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-height:32px!important;padding-inline:8px!important;font-size:7px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:72px!important;min-height:32px!important;font-size:6.9px!important}
}
@media(max-width:620px){
  .kaiRecentInfo>div{justify-content:center!important}
  .kaiRecentInfo button:not(.kaiAiPost),
  .kaiRecentInfo a{min-height:36px!important;padding-inline:10px!important;font-size:8.5px!important}
  .kaiRecentInfo .kaiAiPost{min-width:86px!important;min-height:36px!important;padding-inline:10px!important;font-size:8.3px!important}
  #mediaLibrary .mediaRow .mediaActions{max-width:none!important;width:100%!important}
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-height:36px!important;padding-inline:9px!important;font-size:7.8px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:82px!important;min-height:36px!important;padding-inline:9px!important;font-size:7.6px!important}
}

/* Sidebar libraries + social scheduling — aipost6-schedule1 */
.aiPublishTiming{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:end;margin-top:10px}.aiPublishTiming label{margin:0!important}.aiPublishTiming label[hidden]{display:none!important}
.creationArchiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creationArchiveCard{min-width:0;overflow:hidden;border:1px solid #233149;border-radius:14px;background:linear-gradient(180deg,#0b121d,#080e17)}.creationArchiveMedia{aspect-ratio:16/10;background:#05080d;overflow:hidden}.creationArchiveMedia img{display:block;width:100%;height:100%;object-fit:cover}.creationArchiveInfo{display:grid;gap:6px;padding:12px}.creationArchiveInfo>span{font-size:7px;letter-spacing:.12em;color:#a987ee;font-weight:850}.creationArchiveInfo h3{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creationArchiveInfo small{color:#77859a;font-size:8px}.creationArchiveActions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:4px}.creationArchiveActions button,.creationArchiveActions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid #28374d;border-radius:9px;background:#0f1825;color:#d5ddeb;font:700 7.8px/1 inherit;text-decoration:none;cursor:pointer}.creationArchiveActions .kaiAiPost{min-width:82px!important;min-height:34px!important;padding-inline:9px!important;font-size:7.8px!important}
.brandStandalone{max-width:760px}.brandStandalone .settingsSection{margin:0!important}
.scheduleSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.scheduleSummary article{padding:13px;border:1px solid #223149;border-radius:12px;background:#0a121d;display:grid;gap:3px}.scheduleSummary strong{font-size:22px}.scheduleSummary span{font-size:8px;color:#8290a5;text-transform:uppercase;letter-spacing:.08em}.scheduleTip{display:flex;gap:10px;align-items:center;margin:0 0 16px;padding:11px 12px;border:1px solid rgba(130,90,210,.28);border-radius:11px;background:rgba(86,55,150,.08)}.scheduleTip b{white-space:nowrap;font-size:9px;color:#c2a5ff}.scheduleTip span{font-size:8.5px;color:#8e9bad;line-height:1.45}.scheduleGroup{margin-top:16px}.schedulePostList{display:grid;gap:8px}.schedulePostRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #213047;border-radius:11px;background:#09111c}.schedulePostIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#15182f;color:#c1a2ff}.schedulePostMain{min-width:0;display:grid;gap:2px}.schedulePostMain span{font-size:6.5px;color:#a888e9;letter-spacing:.1em}.schedulePostMain strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedulePostMain small{font-size:8px;color:#7f8da2}.schedulePostRow>em{font-style:normal;font-size:7px;text-transform:uppercase;border:1px solid #2b3a50;border-radius:999px;padding:5px 7px;color:#9ba8bc}.schedulePostActions{display:flex;gap:5px}.schedulePostActions button{min-height:32px;padding:0 9px;border:1px solid #2b3a50;border-radius:8px;background:#101927;color:#dce3ee;font-size:7px;cursor:pointer}.schedulePostActions .projectDeleteAction{border-color:rgba(225,75,103,.44)!important;color:#ff9cac!important;background:rgba(126,30,50,.12)!important}
@media(max-width:900px){.creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedulePostRow{grid-template-columns:34px minmax(0,1fr) auto}.schedulePostActions{grid-column:2/-1;justify-content:flex-end}}
@media(max-width:620px){.aiPublishTiming,.creationArchiveGrid,.scheduleSummary{grid-template-columns:1fr}.scheduleTip{align-items:flex-start;flex-direction:column}.schedulePostRow{grid-template-columns:32px minmax(0,1fr)}.schedulePostRow>em{justify-self:start}.schedulePostActions{grid-column:1/-1;justify-content:center;width:100%}.schedulePostActions button{flex:1}.creationArchiveActions{justify-content:center}}

/* Image Library shared selected-item actions — imagelib1 */
.imageLibraryActions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;margin:-10px 0 16px;padding:10px 12px;border:1px solid #223149;border-radius:12px;background:linear-gradient(180deg,rgba(12,20,32,.86),rgba(8,14,23,.78))}.imageLibraryActions .viewAction{min-height:34px;padding:0 11px;font-size:8px}.imageLibraryActions .aiPostAction{min-width:82px!important;min-height:34px!important;padding-inline:9px!important;font-size:7.8px!important}.imageLibraryActions small{margin-left:4px;color:#7e8ca1;font-size:8px}.creationArchiveSelectable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.creationArchiveSelectable:hover{border-color:#405270;transform:translateY(-1px)}.creationArchiveSelectable:focus-visible{outline:2px solid #a889ff;outline-offset:3px}.creationArchiveSelectable.creationArchiveSelected{border-color:#a87dff;box-shadow:0 0 0 2px rgba(143,94,255,.18),0 12px 32px rgba(74,42,140,.18)}.creationArchiveSelectable.creationArchiveSelected .creationArchiveMedia{box-shadow:inset 0 0 0 2px rgba(198,164,255,.36)}
@media(max-width:620px){.imageLibraryActions{justify-content:center;margin-top:-4px}.imageLibraryActions .viewAction{flex:1 1 calc(50% - 8px)}.imageLibraryActions small{width:100%;margin:2px 0 0;text-align:center}}

/* Image selection toolbar + public Visual showcase — imagelib2-visual1 */
.imageLibraryActions{display:grid!important;justify-items:center!important;gap:7px!important;text-align:center!important}
.imageLibraryActionButtons{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;width:100%}
.imageLibraryActions small{display:block!important;width:100%!important;margin:1px 0 0!important;text-align:center!important;color:#7e8ca1;font-size:8px}
.imageLibraryActions .viewAction:disabled,.imageLibraryActions .viewAction[aria-disabled="true"]{opacity:.38!important;cursor:not-allowed!important;filter:saturate(.55)!important;transform:none!important;box-shadow:none!important}
.visualPublishAction{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(109,198,255,.46)!important;border-radius:9px!important;background:linear-gradient(135deg,rgba(44,116,231,.16),rgba(113,72,255,.19))!important;color:#d9efff!important;font-size:8px!important;font-weight:800!important}
.visualPublishAction>span{font-size:13px;line-height:1;color:#85d8ff}.visualPublishAction>b{font:inherit}
.l526PublishedVisual .l526ShowcaseMedia img{display:block;width:100%;height:100%;object-fit:cover}
.l526PublishedVisual .l526ShowcaseMedia video{opacity:1!important}
.l526PublishedVisual .l526ShowcaseCardCopy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.publishedVisualStarters{margin:0 0 18px}.publishedVisualStarters .panelHead{margin-bottom:10px}.publishedVisualStarters .panelHead p{margin:4px 0 0;color:#7f8da1;font-size:8px}
.workflowVisualStarterCard{padding-top:0!important}.workflowVisualPreview{margin:-1px -1px 12px;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 8px 8px;background:#05080d}.workflowVisualPreview img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){.imageLibraryActionButtons{gap:6px}.imageLibraryActionButtons .viewAction{flex:1 1 calc(50% - 6px)}.imageLibraryActions small{margin-top:3px!important}}

/* Image Library fixed action rail + nine-image carousel — imagelib3 */
.imageLibraryActions{place-items:center!important;grid-template-columns:minmax(0,1fr)!important}
.imageLibraryActionButtons{width:min(100%,600px)!important;margin-inline:auto!important;justify-content:center!important;flex-wrap:nowrap!important}
.imageLibraryActionButtons .viewAction{flex:0 0 auto!important;box-sizing:border-box!important;margin:0!important}
#imagesCreateSimilar{width:98px!important}#imagesMakeVideo{width:88px!important}#imagesOpen{width:68px!important}#imagesAiPost{width:92px!important}#imagesPublishVisual{width:86px!important}
.imageLibraryActions small{min-height:14px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.imageLibraryCarousel{position:relative;min-width:0;width:100%}.imageLibraryViewport{overflow:hidden;width:100%;min-width:0;border-radius:14px}.imageLibraryTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}.imageLibrarySlide{flex:0 0 100%;min-width:0;width:100%;box-sizing:border-box;padding:1px}.imageLibrarySlide .creationArchiveGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.imageLibraryCarouselControls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;color:#8290a5;font-size:8px}.imageLibraryArrow{width:32px;height:30px;display:grid;place-items:center;border:1px solid #29374b;border-radius:9px;background:#0c1420;color:#e6edf8;font-size:18px;line-height:1;cursor:pointer}.imageLibraryArrow:hover{border-color:#8058c8;background:#171329}.imageLibraryDots{display:flex;align-items:center;justify-content:center;gap:5px}.imageLibraryDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}.imageLibraryDots button.active{width:20px;background:linear-gradient(90deg,#eb3fa0,#8457ff)}.imageLibraryCarouselControls>span{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:900px){.imageLibrarySlide .creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.imageLibraryActionButtons{width:min(100%,330px)!important;flex-wrap:wrap!important;gap:6px!important}.imageLibraryActionButtons .viewAction{flex:0 0 calc(50% - 3px)!important;width:auto!important;max-width:160px!important}.imageLibrarySlide .creationArchiveGrid{grid-template-columns:1fr!important;gap:12px}.imageLibraryCarouselControls{margin-top:10px}}

/* Reusable Brand Kit — brandkit1 */
.brandKitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brandKitPanel{min-width:0}.brandKitPanel .panelHead p{margin:4px 0 0;color:#7f8da1;font-size:8px;line-height:1.45}.brandFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.brandFieldGrid label,.brandLongField,.brandColorGrid label{display:grid;gap:5px}.brandFieldGrid label>span,.brandLongField>span,.brandColorGrid label>span{color:#8d9aaf;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.brandFieldGrid input,.brandFieldGrid select,.brandLongField textarea{width:100%;box-sizing:border-box;border:1px solid #28374d;border-radius:10px;background:#09111c;color:#e6edf8;padding:10px;font:inherit;font-size:9px}.brandLongField{margin-top:10px}.brandLongField textarea{min-height:86px;resize:vertical;line-height:1.45}.brandColorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.brandColorGrid input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid #28374d;border-radius:10px;background:#09111c;cursor:pointer}.brandIdeas{margin-top:12px;padding:11px 12px;border:1px solid rgba(139,92,246,.28);border-radius:11px;background:rgba(100,65,180,.08);display:grid;gap:4px}.brandIdeas b{font-size:8px;color:#c5acff}.brandIdeas span{font-size:8px;line-height:1.5;color:#8794a8}.brandLogoPanel{grid-column:1/-1}.brandLogoPanel .editorButtonRow{justify-content:flex-start;flex-wrap:wrap}.brandLogoPanel .brandLogoPreview{max-width:520px}
@media(max-width:820px){.brandKitGrid{grid-template-columns:1fr}.brandLogoPanel{grid-column:auto}}
@media(max-width:620px){.brandFieldGrid{grid-template-columns:1fr}.brandColorGrid{grid-template-columns:repeat(3,1fr)}.brandLogoPanel .editorButtonRow>*{flex:1 1 100%}}


/* My Media selected-item workflow + render-history disclosure — mymedia2 */
.mediaLibraryActions{place-items:center!important;grid-template-columns:minmax(0,1fr)!important}.mediaLibraryActionButtons{width:min(100%,590px)!important;margin-inline:auto!important;justify-content:center!important;flex-wrap:nowrap!important}.mediaLibraryActionButtons .viewAction{flex:0 0 auto!important;box-sizing:border-box!important;margin:0!important}.mediaLibraryActionButtons #mediaDownloadSelected{width:88px!important}.mediaLibraryActionButtons #mediaEditSelected{width:72px!important}.mediaLibraryActionButtons #mediaRenameSelected{width:82px!important}.mediaLibraryActionButtons #mediaAiPostSelected{width:92px!important}.mediaLibraryActionButtons #mediaDeleteSelected{width:78px!important}.mediaSelectableCard{cursor:pointer;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mediaSelectableCard:hover{border-color:#405270;transform:translateY(-1px)}.mediaSelectableCard:focus-visible{outline:2px solid #a889ff;outline-offset:3px}.mediaSelectableCard.mediaCardSelected{border-color:#a87dff!important;box-shadow:0 0 0 2px rgba(143,94,255,.18),0 12px 32px rgba(74,42,140,.18)!important}.mediaKindBadge{position:absolute;left:8px;top:8px;z-index:2;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 7px;background:rgba(5,9,16,.82);backdrop-filter:blur(6px);font-size:6.5px;font-weight:850;letter-spacing:.1em;color:#e9eef8}.mediaKindBadge.exported{border-color:rgba(124,91,255,.58);color:#d7c9ff}.mediaKindBadge.saved{border-color:rgba(72,191,153,.52);color:#bdf5df}.savedEditFallback{min-height:100%;display:grid!important;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(86,70,180,.2),transparent 35%),#080f19!important;color:#aebbd0!important;letter-spacing:.12em}.mediaRowTypeBadge{display:inline-flex;align-items:center;border:1px solid rgba(126,91,255,.38);border-radius:999px;padding:3px 6px;margin-right:5px;color:#beaaff;font-size:6px;font-weight:800;letter-spacing:.08em}.mediaRowTypeBadge.saved{border-color:rgba(72,191,153,.42);color:#9ce5c9}.renderHistoryPanelHead{align-items:center!important}.renderHistoryTitleButton{appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.renderHistoryTitleButton>span{display:grid;gap:3px}.renderHistoryTitleButton h3{margin:0}.renderHistoryTitleButton small{font-size:7px;color:#7f8da2}.renderHistoryTitleButton>b{font-size:15px;color:#a58aff;font-weight:600}.renderHistoryTitleButton:focus-visible{outline:2px solid #a889ff;outline-offset:5px;border-radius:6px}#renderHistoryBody[hidden]{display:none!important}
@media(max-width:620px){.mediaLibraryActionButtons{width:min(100%,330px)!important;flex-wrap:wrap!important;gap:6px!important}.mediaLibraryActionButtons .viewAction{flex:0 0 calc(50% - 3px)!important;width:auto!important;max-width:160px!important}.renderHistoryPanelHead{align-items:flex-start!important}.renderHistoryTitleButton{width:100%}.renderHistoryHeadActions{width:100%;justify-content:space-between}}

/* Recent Creations: centered cards + inline video playback — recentplay1 */
.kaiRecentRail.kaiRecentRailCentered{justify-content:center!important}
.kaiRecentMedia video{object-fit:contain!important;background:#05080e}
.kaiRecentMedia video::-webkit-media-controls-panel{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.kaiRecentMedia video[poster]{object-fit:contain!important}
@media(max-width:620px){.kaiRecentRail.kaiRecentRailCentered{justify-content:flex-start!important}.kaiRecentCard{scroll-snap-align:center!important}}


/* Recent Creations media alignment — keep video, labels and actions perfectly centered. */
.kaiRecentCard{display:flex!important;flex-direction:column!important}
.kaiRecentMedia{display:grid!important;place-items:center!important;overflow:hidden!important;width:100%!important}
.kaiRecentMedia img,.kaiRecentMedia video{display:block!important;width:100%!important;height:100%!important;margin:0 auto!important;object-fit:contain!important;object-position:50% 50%!important;background:#05080e!important}
.kaiRecentInfo{text-align:center!important}
.kaiRecentInfo>div{justify-content:center!important;align-items:center!important}

/* Social Publishing dashboard + 3-second upcoming slider — socialdash1 */
.socialPublishingDashboard{margin:0 0 16px;padding:16px;border:1px solid #26364d;border-radius:16px;background:linear-gradient(145deg,rgba(17,26,42,.98),rgba(8,15,25,.98));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.socialDashboardHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.socialDashboardHead>div{display:grid;gap:3px}.socialDashboardHead span{font-size:7px;letter-spacing:.14em;color:#a98aff;font-weight:900}.socialDashboardHead h3{margin:0;font-size:17px}.socialDashboardHead p,.socialDashboardHead>small{margin:0;color:#8391a6;font-size:8px;line-height:1.45}.socialDashboardHead>small{text-align:right;padding-top:4px}
.socialDashboardMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.socialDashboardMetrics article{min-width:0;padding:12px;border:1px solid #26364d;border-radius:12px;background:rgba(6,13,22,.8);display:grid;gap:3px}.socialDashboardMetrics span{font-size:7px;color:#8391a6;text-transform:uppercase;letter-spacing:.08em}.socialDashboardMetrics strong{font-size:22px;line-height:1.05;color:#f2f5fb}.socialDashboardMetrics small{font-size:7px;color:#748297}
.socialDashboardPlatforms{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(58,74,98,.55)}.socialDashboardPlatforms>b{font-size:8px;color:#aeb9ca;white-space:nowrap}.socialDashboardPlatforms>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.socialDashboardPlatforms span{display:inline-flex;gap:7px;align-items:center;padding:6px 8px;border:1px solid #2b3b54;border-radius:999px;background:#0c1522;color:#8f9db1;font-size:7px}.socialDashboardPlatforms span strong{color:#e8edf5;font-size:8px}.socialDashboardPlatforms small{font-size:8px;color:#728096}
.scheduleUpcomingSlider{min-width:0;width:100%;overflow:hidden}.scheduleUpcomingTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}.scheduleUpcomingSlide{flex:0 0 100%;min-width:0;width:100%;box-sizing:border-box}.scheduleSliderControls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px}.scheduleSliderControls>button{width:30px;height:28px;display:grid;place-items:center;border:1px solid #2b3a50;border-radius:8px;background:#0c1420;color:#e7ecf5;font-size:17px;cursor:pointer}.scheduleSliderDots{display:flex;align-items:center;gap:5px}.scheduleSliderDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:99px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}.scheduleSliderDots button.active{width:20px;background:linear-gradient(90deg,#ec4899,#8b5cf6)}
@media(max-width:760px){.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.socialDashboardHead{display:grid}.socialDashboardHead>small{text-align:left}.socialDashboardPlatforms{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.scheduleSummary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.scheduleSummary article{padding:9px 5px!important;text-align:center;justify-items:center}.scheduleSummary strong{font-size:17px!important}.scheduleSummary span{font-size:6px!important;line-height:1.2}.socialPublishingDashboard{padding:12px;margin-bottom:12px}.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.socialDashboardMetrics article{padding:10px}.socialDashboardMetrics strong{font-size:19px}.socialDashboardPlatforms>div{width:100%}.socialDashboardPlatforms span{flex:1 1 auto;justify-content:space-between}.scheduleUpcomingSlider .schedulePostRow{margin:0}.scheduleSliderControls{margin-top:8px}}


/* Social Publishing command centre — socialdash2 */
.scheduleTimezone{display:grid;gap:5px;font-size:7px;color:#8290a5;text-transform:uppercase;letter-spacing:.08em}.scheduleTimezone select{min-width:170px;height:34px;border:1px solid #2a3950;border-radius:9px;background:#0b1420;color:#e6edf7;padding:0 9px;font-size:8px}.socialDashboardMetrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}.socialDashboardMetrics .metricAlert{border-color:rgba(239,87,115,.42)!important;background:rgba(122,27,48,.13)!important}.socialInsightGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.socialInsightGrid article{min-width:0;padding:13px;border:1px solid #24344b;border-radius:13px;background:linear-gradient(145deg,#0c1522,#08111c);display:grid;gap:5px}.socialInsightGrid span{font-size:6.5px;letter-spacing:.11em;color:#9d7ee1}.socialInsightGrid strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socialInsightGrid small{font-size:7.5px;line-height:1.45;color:#7f8da2}.scheduleAssistant{margin:0 0 16px;padding:15px;border:1px solid rgba(142,91,221,.42);border-radius:15px;background:linear-gradient(145deg,rgba(76,42,124,.16),rgba(8,15,25,.96));display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr);gap:12px 16px;align-items:start}.scheduleAssistant>div:first-child span{font-size:7px;color:#c7a7ff;letter-spacing:.12em}.scheduleAssistant h3{margin:5px 0 4px;font-size:14px}.scheduleAssistant p{margin:0;color:#8491a5;font-size:8px;line-height:1.5}.scheduleAssistant textarea{min-height:86px;resize:vertical;border:1px solid #2a3950;border-radius:11px;background:#08111c;color:#eef2f8;padding:11px;font:inherit;font-size:9px}.scheduleAssistant>div:nth-of-type(2){grid-column:2;display:flex;align-items:center;gap:9px}.scheduleAssistant>div:nth-of-type(2)>span{font-size:8px;color:#8f9caf}.scheduleAssistant>[data-schedule-plan-result]{grid-column:1/-1}.schedulePlanPreview{display:grid;gap:7px;padding-top:10px;border-top:1px solid #26364b}.schedulePlanPreview>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.schedulePlanPreview>div small{color:#8190a5}.schedulePlanPreview p{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:7px;align-items:center;margin:0;padding:8px;border:1px solid #223149;border-radius:9px;background:#09121d}.schedulePlanPreview p span{font-size:6px;color:#b493f0}.schedulePlanPreview p b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedulePlanPreview p time{font-size:7px;color:#dce5f2}.schedulePlanPreview p small{grid-column:2/-1}.scheduleOpsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.scheduleOpsGrid>article{min-width:0;padding:13px;border:1px solid #223149;border-radius:13px;background:#09121d}.scheduleHealthList,.scheduleActivity,.repostSuggestions{display:grid;gap:7px}.scheduleHealthList p,.repostSuggestions p,.scheduleActivity p{margin:0;padding:8px;border:1px solid #1f2d40;border-radius:9px;background:#07101a}.scheduleHealthList p{display:grid;gap:3px}.scheduleHealthList b,.repostSuggestions b,.scheduleActivity b{font-size:8px}.scheduleHealthList span{font-size:7px;color:#ff9bab}.scheduleMiniEmpty{padding:14px 8px;color:#78869a;font-size:8px;text-align:center}.scheduleHeatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.scheduleHeatDay{display:grid;place-items:center;gap:2px;min-height:47px;border:1px solid #24344a;border-radius:8px;background:#0a1420}.scheduleHeatDay span{font-size:5.5px;color:#77879c;text-transform:uppercase}.scheduleHeatDay strong{font-size:9px}.scheduleHeatDay small{font-size:6px;color:#8795aa}.scheduleHeatDay.level-1{background:rgba(80,57,139,.22)}.scheduleHeatDay.level-2{background:rgba(119,70,185,.27)}.scheduleHeatDay.level-3{background:rgba(166,72,189,.3)}.scheduleHeatDay.level-4{background:rgba(218,63,153,.34)}.contentQueueGroup>.panelHead small{display:block;margin-top:3px;color:#748297;font-size:7px}.scheduleQueue{display:grid;gap:8px}.scheduleQueue .schedulePostRow{cursor:grab}.scheduleQueue .schedulePostRow.dragging{opacity:.45;outline:1px dashed #a879ef}.scheduleHealthFlags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.scheduleHealthFlags b{font-size:5.8px;font-weight:600;border:1px solid rgba(235,83,112,.35);border-radius:99px;padding:3px 5px;color:#ffa0b1;background:rgba(123,28,50,.1)}.schedulePostRow.hasHealthIssue{border-color:rgba(225,75,103,.38)}.schedulePostRow.isPaused{opacity:.72}.approvalPill{font-size:6px;text-transform:uppercase;color:#9f8cbd;border:1px solid #362b48;border-radius:999px;padding:4px 6px;white-space:nowrap}.scheduleQuickActions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.scheduleQuickActions button,.scheduleQuickActions a{min-height:28px;padding:0 7px;display:inline-grid;place-items:center;border:1px solid #2b3a50;border-radius:7px;background:#0e1724;color:#dce3ee;text-decoration:none;font-size:6.2px;cursor:pointer}.scheduleQuickActions .projectDeleteAction{border-color:rgba(225,75,103,.38);color:#ff9cac;background:rgba(126,30,50,.1)}.scheduleEditGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.scheduleEditModal [data-edit-status]{min-height:18px;font-size:8px;color:#ffa0b1}.repostSuggestions p{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:7px}.repostSuggestions span{font-size:6px;color:#9d7ee1}.repostSuggestions button{min-height:27px;border:1px solid #3b3150;border-radius:7px;background:#171127;color:#d9c8ff;font-size:6.5px}.scheduleActivity p{display:flex;align-items:flex-start;gap:8px}.scheduleActivity i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#66748a}.scheduleActivity i.status-complete{background:#4dcc93}.scheduleActivity i.status-failed{background:#f05b77}.scheduleActivity span{display:grid;gap:2px;min-width:0}.scheduleActivity small{font-size:6.5px;color:#748297}.schedulePostRow{grid-template-columns:34px minmax(0,1fr) auto auto!important}.scheduleQuickActions{grid-column:1/-1;padding-left:44px}.scheduleUpcomingSlide .scheduleQuickActions{padding-left:44px}
@media(max-width:1000px){.socialDashboardMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.socialInsightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduleAssistant{grid-template-columns:1fr}.scheduleAssistant>div:nth-of-type(2),.scheduleAssistant>[data-schedule-plan-result]{grid-column:1}.schedulePostRow{grid-template-columns:32px minmax(0,1fr) auto!important}.approvalPill{grid-column:2;justify-self:start}.scheduleQuickActions{padding-left:0;grid-column:1/-1}}
@media(max-width:620px){.socialDashboardHead{align-items:flex-start!important}.scheduleTimezone{width:100%}.scheduleTimezone select{width:100%}.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.socialInsightGrid{grid-template-columns:1fr 1fr;gap:7px}.socialInsightGrid article{padding:10px}.socialInsightGrid strong{font-size:10px}.scheduleOpsGrid{grid-template-columns:1fr}.scheduleAssistant{padding:12px;gap:10px}.scheduleAssistant textarea{min-height:78px}.scheduleHeatmap{grid-template-columns:repeat(7,minmax(31px,1fr));overflow-x:auto;padding-bottom:3px}.schedulePostRow{grid-template-columns:30px minmax(0,1fr)!important}.schedulePostRow>em,.approvalPill{grid-column:2;justify-self:start}.scheduleQuickActions{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:4px}.scheduleQuickActions button,.scheduleQuickActions a{padding:0 3px;font-size:5.6px}.scheduleEditGrid{grid-template-columns:1fr}.schedulePlanPreview p{grid-template-columns:55px minmax(0,1fr)}.schedulePlanPreview p time,.schedulePlanPreview p small{grid-column:2}.scheduleSummary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Recent Creations source-safe framing — show the complete image/video inside the card. */
.kaiRecentMedia{display:grid!important;place-items:center!important;overflow:hidden!important;background:#05080e!important}
.kaiRecentMedia>img,.kaiRecentMedia>video{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#05080e!important}

/* ESVYLA 5.26.7 — Recent Creations media fills the preview card cleanly. */
.kaiRecentCard{min-width:0!important;max-width:100%!important}
.kaiRecentMedia{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#05080e!important;
}
.kaiRecentMedia>img,.kaiRecentMedia>video{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  margin:0!important;
}
@media(max-width:620px){
  .kaiRecentCard{flex-basis:min(86vw,310px)!important;width:min(86vw,310px)!important}
  .kaiRecentMedia{aspect-ratio:16/9!important;max-height:none!important}
}

/* responsive-all-devices.css */
/* ESVYLA universal responsive polish — phones, tablets, touch laptops and desktop.
   Loaded last so it can safely normalize feature-specific layouts without changing runtime behavior. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,svg{max-width:100%}
button,input,select,textarea{max-width:100%}
#creatorApp,.page,.page>header,main,#createView,.studio,.mainPanel,.kaiComposer,.kaiPromptShell,.dynamicView,.viewPanel{min-width:0}

/* Touch devices: keep controls comfortably tappable without inflating desktop density. */
@media(hover:none),(pointer:coarse){
  .kaiAttachButton,.kaiMoreButton,.kaiSurprise,.kaiGenerateButton,.viewAction,.workflowStarterCard>button,
  .kaiRecentHead button,.kaiRecentFilters button,.kaiRecentInfo button,.kaiRecentInfo a,
  .kaiProductModalTools>button,.kaiProductLinkTool button,.kaiProductActions button,.kaiProductModalFoot>button,
  .dcFinishBar button{min-height:44px}
  .sidebar nav button,.sidebarUtilityNav .plain,.sidebarExternalLink{min-height:46px}
}

/* Tablet / compact desktop */
@media(max-width:1080px){
  .page>header{height:68px;padding-inline:clamp(16px,3vw,28px)}
  main{width:100%;max-width:none;padding:28px clamp(16px,3vw,28px) 44px}
  .mainPanel{padding:clamp(13px,2vw,17px)}
  .hero{gap:18px;margin-bottom:20px}.hero h1{font-size:clamp(34px,5vw,42px)}
  .kaiComposer{padding:clamp(16px,2.4vw,22px)}
  .kaiComposerHead{gap:14px}.kaiComposerHead p{max-width:64ch;font-size:11px}
  .kaiComposerControls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .kaiControl{min-width:0;flex:none;width:100%}.kaiAttachButton,.kaiMoreButton{width:100%;justify-content:center;min-width:0}
  .kaiMorePanel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kaiRecentCard{flex-basis:clamp(250px,42vw,330px)}
  .oneClickCharacter{grid-template-columns:1fr;align-items:start}.oneClickCharacterControls{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto}
  .kaiProductModal{width:min(980px,100%)}
  .kaiProductModalTools{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  .kaiProductModalTools>button{grid-column:1/-1;justify-self:start}
  .sceneEditorModal.directorStudioModal{width:min(980px,100%)}
  .viewHeader{gap:14px}.viewHeader h1{font-size:clamp(30px,4.5vw,38px)}
}

/* Portrait tablet and large phones */
@media(max-width:820px){
  .page>header{height:64px}
  .headActions{gap:6px}.headActions button{height:38px;padding-inline:10px}
  main{padding-top:22px}
  .hero{display:block}.hero h1{font-size:clamp(31px,6.2vw,38px)}.hero p{font-size:13px}.hero .chips{margin-top:14px}
  .mainPanel{border-radius:13px}
  .steps{margin-bottom:14px;padding-bottom:12px}.steps i{width:27px;height:27px}.steps b{font-size:9px}
  .kaiComposerHead{display:grid;grid-template-columns:1fr}.kaiComposerHeadActions{justify-content:flex-start}
  .kaiPromptShell textarea{min-height:165px}
  .kaiComposerControls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kaiControl{min-height:58px;padding:9px 10px!important}.kaiControl small{font-size:8px}.kaiControl select{font-size:10px!important}
  .kaiAttachButton,.kaiMoreButton{min-height:46px}
  .kaiComposerFooter{align-items:stretch;flex-direction:column}.kaiGenerateButton{width:100%;min-height:54px}
  .kaiIdeaChips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.kaiIdeaChips button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
  .kaiRecentHead{align-items:flex-start}.kaiRecentHead>div:last-child{flex:0 0 auto}
  .kaiRecentFilters{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:3px}.kaiRecentFilters button{flex:0 0 auto}
  .kaiRecentCard{flex-basis:clamp(250px,72vw,320px)}.kaiRecentMedia{height:auto;aspect-ratio:16/9}
  .oneClickCharacter{padding:15px}.oneClickCharacterControls{grid-template-columns:1fr 1fr}.oneClickCharacterControls>button{grid-column:1/-1;width:100%}
  .workflowStarterIntro{grid-template-columns:1fr}.workflowStarterIntro>i{display:none}.workflowStarterCard{min-height:0}
  .assetHomeGrid,.toolHomeGrid{grid-template-columns:1fr}.assetHomeCard{min-height:104px}
  .kaiProductModalBackdrop,.sceneEditorBackdrop,.esvylaImageResult{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .kaiProductModal{max-height:calc(100dvh - 20px)}.kaiProductModalHead{gap:12px;flex-wrap:wrap}.kaiProductModalHead>button{margin-left:auto}
  .kaiProductModalTools{grid-template-columns:1fr}.kaiProductModalTools>button{grid-column:auto;width:100%}.kaiProductLinkTool>div{grid-template-columns:1fr auto}
  .kaiProductEditor{grid-template-columns:76px minmax(0,1fr)}.kaiProductActions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.kaiProductActions button{flex:1 1 150px}
  .kaiProductFields{grid-template-columns:1fr 1fr}.kaiProductFields .wide{grid-column:1/-1}
  .sceneEditorModal{width:100%;max-height:calc(100dvh - 20px);padding:14px}.sceneEditorModal.directorStudioModal .sceneEditorLayout{grid-template-columns:1fr}
  .dcSuiteHead{gap:10px}.dcGrid3,.dcLockGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .directorFollowUp textarea{min-height:180px}
  .esvylaImageResult>div{width:100%;max-height:calc(100dvh - 20px)}
  .viewPanel{padding:16px}.settingsLayout{grid-template-columns:1fr}
}

/* Phone */
@media(max-width:640px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  #sidebar.sidebar{width:min(264px,84vw);max-width:84vw;padding:calc(16px + env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));box-shadow:26px 0 70px rgba(0,0,0,.52)}
  .brand{padding:2px 8px 16px;margin-bottom:10px}.brandMark{width:36px;height:36px}
  .page>header{height:60px;padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right));gap:8px}
  .menu{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#0b111c;border:1px solid var(--stroke)}
  .headActions{margin-left:auto;min-width:0}.headActions>button:nth-child(2){display:none}.headActions .credit{height:38px;padding:0 10px}.headActions .credit b{font-size:11px}
  main{padding:18px max(11px,env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left))}
  .hero{margin-bottom:16px}.hero .eyebrow{font-size:8px}.hero h1{font-size:clamp(28px,8.4vw,34px);line-height:1.04;margin-top:7px}.hero p{font-size:12px;line-height:1.55}
  .hero .chips{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;margin-right:-11px;padding-right:11px}.hero .chips span{flex:0 0 auto;font-size:9px;padding:7px 9px}
  .mainPanel{padding:10px;border-radius:12px}.steps{gap:3px}.steps>div{gap:4px}.steps i{width:25px;height:25px}.steps b{display:block!important;font-size:8px}
  /* Match Workflow Templates width on phones: remove the launcher's legacy 36px inset, then reclaim the main-panel inset. */
  #createView .kaiComposerLauncher{padding:0;min-height:0}
  #createView .kaiComposer{width:calc(100% + 20px);max-width:none;margin-left:-10px;margin-right:-10px}
  .kaiComposer{padding:12px;border-radius:14px}.kaiComposerHead{margin-bottom:12px}.kaiComposerHead h2{font-size:22px;line-height:1.15}.kaiComposerHead p{font-size:11px;line-height:1.5}
  .kaiComposerHeadActions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.kaiComposerHeadActions .kaiSurprise{width:100%;justify-content:center;text-align:center;padding:10px 9px}
  .kaiWorkflowBanner{padding:10px;gap:8px;align-items:flex-start}.kaiWorkflowIdentity{min-width:0}.kaiWorkflowIdentity p{display:none}.kaiWorkflowActions{flex:0 0 auto}
  .kaiPromptShell{padding:11px;border-radius:13px}.kaiPromptShell textarea{min-height:170px;font-size:16px!important;line-height:1.5;padding:2px!important}.kaiPromptMeta{padding:7px 2px 11px}.kaiPromptMeta span{display:none}.kaiPromptMeta b{font-size:9px}
  .kaiOutputMode{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));width:100%;padding:6px;gap:4px;border-radius:12px}.kaiOutputMode>span{font-size:8px;margin:0 2px}.kaiOutputMode button{min-width:0;padding:9px 5px;font-size:10px;white-space:nowrap}
  .kaiComposerControls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:10px}.kaiControl{min-height:62px;grid-template-columns:20px minmax(0,1fr);padding:9px!important}.kaiControl>span{font-size:16px}.kaiControl small{font-size:9px}.kaiControl select{font-size:16px!important;line-height:1.2;text-overflow:ellipsis}
  .kaiAttachButton,.kaiMoreButton{min-height:48px;padding:9px;font-size:13px}.kaiAttachButton span,.kaiMoreButton span{font-size:11px}.kaiMoreButton b{font-size:12px}
  .kaiAttachmentTray{display:grid;grid-template-columns:1fr;gap:7px}.kaiAttachmentChip{width:100%;max-width:none;min-width:0;min-height:50px}.kaiAttachmentChip b{font-size:10px}.kaiAttachmentChip small{font-size:9px}
  .kaiProductTray{display:grid;grid-template-columns:1fr}.kaiProductChip{width:100%;max-width:none;min-width:0;min-height:50px}.kaiProductChip b{font-size:10px}.kaiProductChip small{font-size:9px}
  .kaiMorePanel{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.kaiMorePanel label{min-width:0;gap:4px;padding:8px 7px;border:1px solid #22344a;border-radius:10px;background:#0a1421;font-size:8px;line-height:1.15}.kaiMorePanel label>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaiMorePanel select{width:100%;min-width:0;min-height:36px;font-size:11px!important;line-height:1.15;padding:6px 22px 6px 6px!important;border-radius:8px!important;text-overflow:ellipsis}.kaiMorePanel .composerSubtitleEdit{grid-column:1/-1;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kaiComposerFooter{margin-top:11px;gap:10px}.kaiIdeaChips{margin-right:-11px;padding-right:11px}.kaiIdeaChips button{font-size:10px;min-height:38px}.kaiGenerateButton{min-width:0;min-height:56px;padding:12px 14px}.kaiGenerateButton b{font-size:12px}.kaiGenerateButton small{font-size:9px}
  .kaiRecentCreations{margin-top:12px;padding:12px;border-radius:14px}.kaiRecentHead{display:grid;grid-template-columns:1fr auto;gap:8px}.kaiRecentHead small{font-size:8px}.kaiRecentHead h3{font-size:15px}.kaiRecentHead button{min-width:42px;padding:7px 10px}.kaiRecentFilters{margin:10px 0 8px}.kaiRecentFilters button{font-size:10px}.kaiRecentRail{gap:10px;margin-right:-12px;padding-right:12px}.kaiRecentCard{flex-basis:min(86vw,310px);border-radius:12px}.kaiRecentInfo{padding:10px}.kaiRecentInfo strong{font-size:12px}.kaiRecentInfo small{font-size:9px}.kaiRecentInfo button,.kaiRecentInfo a{font-size:10px;padding:7px 8px;min-height:36px;display:inline-flex;align-items:center}
  .oneClickCharacter{padding:13px;border-radius:14px;gap:13px}.oneClickCharacter h2{font-size:18px}.oneClickCharacter p{font-size:11px}.oneClickCharacterControls{grid-template-columns:1fr}.oneClickCharacterControls>button{grid-column:auto}.oneClickCharacterControls label span{font-size:9px}.oneClickCharacterControls select,.oneClickCharacterControls input{min-height:46px;font-size:16px}.oneClickCharacter>small{font-size:9px;line-height:1.45}
  .viewHeader{margin-bottom:16px}.viewHeader h1{font-size:28px}.viewHeader p{font-size:11px}.viewHeader .viewAction{width:100%;min-height:46px}
  .viewPanel{padding:13px;border-radius:12px}.assetHomeCard{padding:13px;grid-template-columns:36px minmax(0,1fr) 16px;gap:10px}.assetHomeCard h3{font-size:13px}.assetHomeCard p{font-size:10px}
  .workflowStarterIntro{padding:12px}.workflowStarterCard{padding:14px;min-height:0}.workflowStarterCard>p{min-height:0}.workflowStarterCard>button{min-height:46px}
  .kaiReferenceBrain>summary{align-items:flex-start;flex-direction:column}.kaiReferenceBody{padding:10px}.kaiReferenceLocks{gap:5px}.kaiReferenceLocks label{min-height:36px;padding:6px 8px;font-size:9px}.kaiBlueprintList{grid-template-columns:1fr;max-height:none}.kaiBlueprintList>div{grid-template-columns:24px 66px minmax(0,1fr)}
  .kaiProductModalBackdrop{padding:0}.kaiProductModal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0}.kaiProductModalHead{padding:14px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));position:sticky;top:0;z-index:4;background:#08111c}.kaiProductModalHead h2{font-size:18px}.kaiProductModalHead p{font-size:10px}.kaiProductModalTools,.kaiProductEditorList,.kaiProductModalFoot{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.kaiProductLinkTool>div{grid-template-columns:1fr}.kaiProductLinkTool button{width:100%}.kaiProductLinkTool input,.kaiProductModalTools select,.kaiProductFields input,.kaiProductFields select{font-size:16px;min-height:44px}.kaiProductEditor{grid-template-columns:1fr;padding:10px}.kaiProductPreview{height:auto;aspect-ratio:16/9}.kaiProductFields{grid-template-columns:1fr}.kaiProductFields .wide{grid-column:auto}.kaiProductActions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.kaiProductActions button{min-width:0}.kaiProductModalFoot{position:sticky;bottom:0;background:#08111c;display:grid;gap:9px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.kaiProductModalFoot button{width:100%}
  .sceneEditorBackdrop{padding:0}.sceneEditorModal,.sceneEditorModal.directorStudioModal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0;padding:12px;overscroll-behavior:contain}.dcSuiteHead,.dcFinishBar{display:grid}.dcFeatureBadge{justify-self:start}.dcGrid3,.dcLockGrid{grid-template-columns:1fr}.dcGroup>summary{align-items:flex-start;flex-direction:column}.dcBody{padding:11px}.dcBody input,.dcBody select,.dcBody textarea{font-size:16px;min-height:44px}.dcBody textarea{min-height:110px}.dcLock{min-height:44px}.dcToggle{min-height:48px}.dcFinishBar button{width:100%;min-height:46px}.directorFollowUp{padding:12px}.directorFollowUp textarea{min-height:200px;font-size:16px}.directorFollowUp .viewAction{min-height:48px}
  .aiSpendingGuardControls{grid-template-columns:1fr!important;gap:10px!important}.aiSpendingGuardControls label{min-width:0!important}.aiSpendingGuardControls input,.aiSpendingGuardControls select{font-size:16px!important;min-height:44px!important}
  .esvylaImageResult{padding:0}.esvylaImageResult>div{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:16px 12px calc(16px + env(safe-area-inset-bottom));overflow:auto}.esvylaImageResult img{max-height:58dvh}.esvylaImageResult section{display:grid;grid-template-columns:1fr}.esvylaImageResult section>*{min-height:44px;display:grid;place-items:center}
  .authGate{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:start;overflow:auto}.authGateCard{margin:auto 0;width:100%;padding:20px 16px;border-radius:15px}.authGateCopy h1{font-size:28px}.authGateCopy p{font-size:11px}#authForm input{font-size:16px}
  .settingsSection{padding:13px}.keyRow{grid-template-columns:1fr}.keyRow button,.keyRow .settingsSave{grid-column:auto;width:100%;min-height:44px}.settingsField input,.settingsField select{font-size:16px;min-height:44px}
}

/* Narrow phones */
@media(max-width:380px){
  .kaiMorePanel{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.kaiMorePanel label{padding:7px 5px;font-size:7px}.kaiMorePanel select{min-height:34px;font-size:10px!important;padding-left:5px!important;padding-right:18px!important}
  .kaiComposerControls{grid-template-columns:repeat(2,minmax(0,1fr))}.kaiOutputMode{grid-template-columns:repeat(3,minmax(0,1fr))}.kaiOutputMode>span{grid-column:1/-1;text-align:left;padding:0 3px 2px}.kaiComposerHeadActions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kaiRecentHead{grid-template-columns:1fr}.kaiRecentHead>div:last-child{justify-content:flex-end}.kaiRecentCard{flex-basis:88vw}
  .kaiProductActions{grid-template-columns:1fr}.steps b{font-size:7px}.hero h1{font-size:27px}
}

/* Short landscape phones / small split-screen windows */
@media(max-height:620px) and (max-width:900px){
  .hero{margin-bottom:12px}.hero p,.hero .chips{display:none}.hero h1{font-size:27px;margin-bottom:0}
  main{padding-top:14px}.kaiPromptShell textarea{min-height:110px}.kaiRecentMedia{max-height:150px}
  .kaiProductModal,.sceneEditorModal,.sceneEditorModal.directorStudioModal,.esvylaImageResult>div{max-height:100dvh;height:100dvh}
}

/* Wide tablet / touch laptop: keep cards useful rather than desktop-tiny. */
@media(min-width:821px) and (max-width:1366px) and (pointer:coarse){
  main{padding-inline:24px}.kaiComposerHead p{font-size:11px}.kaiControl{min-height:58px}.kaiAttachButton,.kaiMoreButton{min-height:48px}.kaiRecentCard{flex-basis:300px}
  .viewCard,.assetHomeCard{min-height:132px}
}


/* ESVYLA 5.26.6 — mobile account/header navigation refinements. */
@media(max-width:640px){
  .headActions>button.notificationBell:nth-child(2){display:grid!important}
  #sidebar .primaryNav button[data-view="notifications"]{display:flex!important}
  #sidebar .sideBottom#accountMenuShell{scroll-margin-bottom:calc(74px + env(safe-area-inset-bottom))}
}

/* esvyla-ux-52657.css */
/* 5.26.57: scoped user-requested mobile, sidebar and assistant tweaks. */
.sidebarCreditsPurchase{position:relative;flex:0 0 auto;margin:0 0 9px;min-width:0}
.sidebarCreditsPurchase .upgrade{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px;padding:9px 12px;border:1px solid rgba(173,116,255,.48);border-radius:11px;background:linear-gradient(120deg,#6637ba,#9560f9);color:#fff;font:800 12px/1.2 system-ui;cursor:pointer}
.sidebarCreditsPurchase .upgrade:hover,.sidebarCreditsPurchase .upgrade:focus-visible{border-color:#ceabff;background:linear-gradient(120deg,#7742d0,#a16aff)}
/* Keep the create dock independent; the sidebar purchase button scrolls with the sidebar. */
.esvylaAssistantToolbar{display:flex!important;align-items:center;gap:8px!important;padding:4px 12px 10px!important}
.esvylaAssistantToolbar .primary{width:auto!important;min-width:0!important;flex:1 1 auto!important;min-height:38px!important;height:40px!important;padding:7px 10px!important;font-size:11px!important}
.esvylaAssistantDeleteAll{position:static!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:8px!important;border:1px solid rgba(244,122,145,.42)!important;border-radius:11px!important;background:#23131e!important;color:#ffadc0!important;cursor:pointer}
.esvylaAssistantDeleteAll svg{width:20px;height:20px;display:block}
.esvylaAssistantDeleteAll:hover,.esvylaAssistantDeleteAll:focus-visible{border-color:#ff9eb6!important;background:#391b2a!important}
#esvylaAssistantAttach{display:grid;place-items:center}
#esvylaAssistantAttach svg{display:block;width:21px;height:21px}
@media(max-width:620px){
  .brandLogoPanel .editorButtonRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
  .brandLogoPanel .editorButtonRow>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex:none!important;padding:9px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;min-height:44px!important;font:700 clamp(9px,2.5vw,12px)/1.2 system-ui!important}
  .sidebarCreditsPurchase .upgrade{display:flex!important}
}

/* Keep Buy Credits independent of the identity/account hover region. */
#sidebar > .sidebarCreditsPurchase{margin-top:auto;margin-bottom:7px;flex:0 0 auto;min-width:0;padding:0 2px}
#sidebar > #accountMenuShell{margin-top:0!important;flex:0 0 auto!important}

/* v5.26.67: Credit balance immediately before the dedicated sidebar Buy Credits link. */
#sidebar > .sidebarCreditsPurchase{display:flex!important;align-items:center!important;gap:6px!important}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:center;gap:3px;padding:8px 6px;border:1px solid rgba(157,120,226,.36);border-radius:10px;background:#151126;color:#ebddff;white-space:nowrap;font:700 11px/1.2 system-ui}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance b{font-size:12px;font-variant-numeric:tabular-nums}
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance span{font-size:9px;color:#b7a7d3}
#sidebar > .sidebarCreditsPurchase .upgrade{width:auto!important;flex:1 1 auto!important;min-width:0!important;padding:9px 6px!important;font-size:11px!important;white-space:nowrap}
@media(max-width:620px){#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{padding:8px 5px}#sidebar > .sidebarCreditsPurchase .upgrade{font-size:10px!important}}

/* 5.26.69: balance and Buy Credits are equal-height siblings. */
#sidebar > .sidebarCreditsPurchase .sidebarCreditsBalance{height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:5px 6px!important}
#sidebar > .sidebarCreditsPurchase .upgrade{height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:5px 6px!important}

/* credits-page.css */
/* ESVYLA Credits: dedicated, responsive app page; no popover and no sidebar account interaction. */
.esvylaCreditsPage{width:100%;max-width:1180px;margin:0 auto;padding:8px 0 28px;color:#eaf0fa;box-sizing:border-box}
.esvylaCreditsBalance{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:17px;align-items:center;padding:24px;margin-bottom:24px;background:linear-gradient(125deg,#131326,#0d1423);border:1px solid #3e315b;border-radius:18px}
.esvylaCreditsBalanceIcon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#271744;border:1px solid #634399;color:#d1aaff;font-size:24px}
.esvylaCreditsBalance h3{font-size:17px;margin:0 0 5px}.esvylaCreditsBalance p{font-size:13px;line-height:1.5;color:#a4adbf;margin:0}.esvylaCreditsBalance>strong{font-size:31px;color:#fff}
.esvylaCreditsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.esvylaCreditsPack{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:255px;padding:25px;border:1px solid #3e315b;border-radius:18px;background:linear-gradient(145deg,#151629,#0d1522);box-sizing:border-box}
.esvylaCreditsPack h3{font-size:16px;color:#c3bbd2;margin:0}.esvylaCreditsQuantity{display:flex;align-items:baseline;gap:7px}.esvylaCreditsQuantity strong{font-size:38px;line-height:1.2;color:#fff}.esvylaCreditsQuantity span{font-size:14px;color:#a4adbf}
.esvylaCreditsPack p{font-size:13px;line-height:1.4;color:#b1adbf;margin:0 0 10px}
.esvylaCreditsPack button{width:100%;min-height:47px;margin-top:auto;border:1px solid #a977fa;border-radius:11px;background:linear-gradient(120deg,#7945d5,#ab68ff);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.esvylaCreditsPack button:hover:not(:disabled){filter:brightness(1.12)}.esvylaCreditsPack button:disabled{opacity:.52;cursor:not-allowed}
.esvylaCreditsFootnote,.esvylaCreditsEmpty{font-size:13px;color:#9da7ba;line-height:1.55;margin:22px 0 0}
.esvylaCreditsLoading,.esvylaCreditsError{padding:24px;background:#131a2a;border:1px solid #3e315b;border-radius:14px;font-size:14px;color:#c9bedf}
.esvylaCreditsError button{margin-left:12px;border:1px solid #9b70e0;color:#fff;background:#452972;padding:8px 15px;border-radius:8px;cursor:pointer}
@media(max-width:1000px){.esvylaCreditsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.esvylaCreditsPage{padding:6px 0 20px}.esvylaCreditsGrid{grid-template-columns:1fr;gap:13px}.esvylaCreditsPack{padding:19px;min-height:225px}.esvylaCreditsBalance{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:15px}.esvylaCreditsBalanceIcon{width:40px;height:40px}.esvylaCreditsBalance h3{font-size:15px}.esvylaCreditsBalance p{font-size:11px}.esvylaCreditsBalance>strong{font-size:24px}}

/* mobile-quick-nav.css */
/* ESVYLA 5.26.52: Safari isolated-scroll app shell with anchored Quick Access.
   No viewport measurement,no keyboard movement,no scroll listeners.
   The dock is a direct child of body,outside application scrolling panels. */
:root{--esvyla-quick-height:72px;--esvyla-quick-safe:env(safe-area-inset-bottom,0px);}
.mobileQuickNav{display:none;}
@media (max-width:720px){/* One reservation for page scrolling:never add a second padding on main. */
  /* Only authenticated mobile workspace uses this shell; landing, auth, and desktop stay untouched.
     Make the page scroll INSIDE the fixed-height app instead of scrolling the body
     beneath a viewport-fixed overlay (Safari address-bar/bottom-gap failure mode). */
  html:has(#creatorApp:not(.authLocked)),
  html body:has(#creatorApp:not(.authLocked)){
    height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;
    padding-bottom:0!important;margin-bottom:0!important;
  }
  html body #creatorApp:not(.authLocked){
    height:100dvh!important;min-height:0!important;overflow:hidden!important;
  }
  html body #creatorApp:not(.authLocked) > .page{
    height:calc(100dvh - var(--esvyla-quick-height) - var(--esvyla-quick-safe))!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
    scroll-padding-bottom:16px;
  }
  html body #creatorApp:not(.authLocked) > .page > main{
    padding-bottom:16px!important;
  }
  /* Safe-area stays within dock itself, never a second blank body spacer. */
html body .mobileQuickNav{position:fixed!important;inset:auto 0 0 0!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;width:100%!important;max-width:none!important;height:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe))!important;min-height:0!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:clamp(3px,1vw,8px)!important;align-items:start!important;padding:4px max(6px,env(safe-area-inset-right,0px)) var(--esvyla-quick-safe) max(6px,env(safe-area-inset-left,0px))!important;margin:0!important;border:0!important;border-top:1px solid rgba(165,108,255,.22)!important;border-radius:16px 16px 0 0!important;background:#070b11!important;box-shadow:0 -8px 28px rgba(0,0,0,.32)!important;z-index:2147483000!important;transform:none!important;translate:none!important;animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;touch-action:manipulation!important}
html body:has(#creatorApp.authLocked) .mobileQuickNav{display:none!important}
html body .mobileQuickNav button{position:relative!important;display:grid!important;grid-template-rows:24px 15px!important;row-gap:4px!important;justify-items:center!important;align-content:center!important;width:100%!important;min-width:0!important;height:64px!important;box-sizing:border-box!important;margin:0!important;padding:4px 0!important;overflow:hidden!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#a4adbc!important;font-weight:700!important;box-shadow:none!important;transform:none!important;transition:none!important}
html body .mobileQuickNav button b{display:grid!important;place-items:center!important;height:24px!important;line-height:1!important}
html body .mobileQuickNav button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
html body .mobileQuickNav button span{font-size:clamp(9px,2.5vw,11px)!important;line-height:15px!important;white-space:nowrap!important}
html body .mobileQuickNav button:not(.mobileCreate)::after{content:none!important;display:none!important}
html body .mobileQuickNav button.active:not(.mobileCreate){background:#1d162b!important;color:#d3b6ff!important;box-shadow:inset 0 0 0 1px rgba(165,108,255,.35)!important}
html body .mobileQuickNav .mobileCreate{z-index:2!important;height:70px!important;margin-top:-8px!important;padding:9px 0!important;grid-template-rows:28px 15px!important;row-gap:3px!important;border:1px solid rgba(190,145,255,.45)!important;border-radius:22px!important;background:linear-gradient(145deg,#b06cff,#7d4ee8)!important;color:#fff!important;box-shadow:0 7px 24px rgba(126,78,232,.32)!important}
html body .mobileQuickNav .mobileCreate b{height:28px!important}
html body .mobileQuickNav .mobileCreate b svg{width:26px;height:26px;stroke-width:2;}
html body .mobileQuickNav .mobileCreate span{font-size:11px!important;color:#fff!important}
/* The assistant launcher is separate,and cannot reposition the nav. */
  html body .esvylaAssistantLauncher{position:fixed!important;right:max(12px,env(safe-area-inset-right,0px))!important;bottom:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe) + 12px)!important;width:126px!important;min-width:126px!important;max-width:126px!important;height:28px!important;padding:0 10px!important;font-size:10px!important;line-height:26px!important;z-index:121!important;touch-action:none!important;cursor:grab!important}
html body.esvylaAssistantOpen .esvylaAssistantPanel{bottom:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe))!important}
html body:has(#inboxConversation.hasThread) #inboxConversation{bottom:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe))!important}
html.esvylaProEditorActive body .proEditor{padding-bottom:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe))!important;box-sizing:border-box!important}
#sidebar.sidebar{bottom:calc(var(--esvyla-quick-height) + var(--esvyla-quick-safe))!important;height:auto!important;max-height:calc(100dvh - var(--esvyla-quick-height) - var(--esvyla-quick-safe))!important;padding-bottom:16px!important}
#sidebar .sideBottom#accountMenuShell{flex:0 0 auto!important;margin-top:auto!important;margin-bottom:0!important;padding-bottom:4px!important;position:relative!important;z-index:90!important;background:linear-gradient(180deg,rgba(8,13,22,.2),#080d16 24%)!important}
#sidebar #profileMenu{min-height:58px!important;background:#0d1522!important;border:1px solid #202d42!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important}
#sidebar .accountQuickMenu{display:grid!important;inset:auto 0 calc(100% + 8px)!important;max-height:min(330px,calc(100dvh - var(--esvyla-quick-height) - var(--esvyla-quick-safe) - 180px))!important;overflow:auto!important;z-index:100!important}
#sidebar .primaryNav button[data-view="notifications"]{display:flex!important}
.headActions .notificationBell{display:none!important}
}
/* Keep the assistant launcher hidden while the chat is open. */
html body.esvylaAssistantOpen #esvylaAssistantLauncher,html body #esvylaAssistantLauncher[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
/* 5.26.41 — keep the account identity at the end of the scrollable sidebar,not above an artificial gap reserved for the separate bottom quick-nav. */
@media(max-width:720px){#sidebar.sidebar{box-sizing:border-box!important;min-height:0!important;max-height:100dvh!important}
#sidebar #accountMenuShell{min-width:0!important;scroll-margin-bottom:16px!important}
#sidebar #profileMenu{box-sizing:border-box!important;width:100%!important;min-width:0!important;grid-template-columns:35px minmax(0,1fr) auto!important;gap:10px!important}
#sidebar #profileMenu>div:nth-child(2){min-width:0!important;overflow:hidden!important}
#sidebar #profileDisplay,#sidebar #profileEmail{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#sidebar #profileMenu:focus-visible{outline:2px solid #b693ff!important;outline-offset:2px!important}
}

/* esvyla-polish-52656.css */
/* ESVYLA 5.26.56 visual polish; no change to anchored dock geometry. */
.esvylaCreateChoice[hidden]{display:none!important}
.esvylaCreateChoice{position:fixed;z-index:2147483001;bottom:calc(var(--esvyla-quick-height,72px) + var(--esvyla-quick-safe,0px) + 14px);left:clamp(12px,5vw,24px);right:clamp(12px,5vw,24px);max-width:430px;margin:auto;padding:14px;border:1px solid #6550a0;border-radius:22px;background:linear-gradient(145deg,#131427,#080f19);box-shadow:0 22px 70px #000b;color:#f6f2ff;display:grid;gap:9px}
.esvylaCreateChoiceHead{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 9px}
.esvylaCreateChoiceHead b{font-size:16px}.esvylaCreateChoiceHead button{border:0;background:#232138;color:#fff;font-size:23px;border-radius:9px;width:35px;height:35px}
.esvylaCreateChoice>[data-create-kind]{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;text-align:left;min-height:72px;border:1px solid #303a56;border-radius:15px;background:#111a2b;color:#f3efff;padding:10px 14px;cursor:pointer}
.esvylaCreateChoice>[data-create-kind]:hover,.esvylaCreateChoice>[data-create-kind]:focus-visible{border-color:#ae76fb;background:#1c1935}
.esvylaCreateChoice>[data-create-kind]>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(135deg,#6744c5,#b35fe5);border-radius:12px;font-size:23px}
.esvylaCreateChoice>[data-create-kind]>b{font-size:15px}.esvylaCreateChoice>[data-create-kind]>small{font-size:12px;color:#aeb7c7}
/* Brand: accessible field labels and actions that never collide. */
.brandKitPanel .panelHead h3{font-size:19px!important}.brandKitPanel .panelHead p,.brandKitPanel p,.brandKitPanel small{font-size:13px!important;line-height:1.55!important}
.brandKitPanel label,.brandKitPanel label>span,.brandKitPanel .brandIdeas span,.brandKitPanel .brandIdeas b,.brandKitPanel .brandEnableRow{font-size:13px!important;line-height:1.45!important}
.brandKitPanel input:not([type=checkbox]):not([type=color]),.brandKitPanel select,.brandKitPanel textarea{font-size:16px!important;min-height:46px!important;padding:12px!important}
.brandLogoPanel .editorButtonRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;align-items:stretch!important}
.brandLogoPanel .editorButtonRow>*{display:inline-flex!important;align-items:center;justify-content:center;min-width:0!important;min-height:48px!important;height:auto!important;padding:11px 14px!important;font-size:13px!important;white-space:normal!important;text-align:center;box-sizing:border-box!important;margin:0!important}
@media(max-width:1100px){.brandLogoPanel .editorButtonRow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.brandLogoPanel .editorButtonRow>*{font-size:clamp(9px,1.65vw,12px)!important;line-height:1.2!important;padding:9px 4px!important;min-height:44px!important}}
/* Dashboard and Inbox readability. */
#socialDashboard .viewPanel p,.socialPublishingDashboard p,.socialPublishingDashboard small,.socialDashboardMetrics span,.socialDashboardMetrics small,.socialInsightGrid span,.socialInsightGrid small,.socialDashboardPlatforms span,.socialDashboardPlatforms small,.scheduleSummary span,.scheduleTip span,.schedulePostMain small,.schedulePostRow>em,.scheduleQuickActions button,.scheduleQuickActions a,.scheduleTimezone,.schedulePlanPreview p,.scheduleAssistant p{font-size:12px!important;line-height:1.5!important}
.schedulePostMain strong,.socialInsightGrid strong,.socialDashboardPlatforms>b,.scheduleTip b{font-size:14px!important}
.scheduleQuickActions button,.scheduleQuickActions a{min-height:39px!important;padding:8px!important}
#inboxView small,#inboxView p,#inboxView label,#inboxView input,#inboxView button,#inboxView textarea,#inboxView select,.socialInboxPanel small,.socialInboxPanel p,.socialInboxPanel button,.socialInboxPanel label,.socialInboxPanel input,.socialInboxPanel textarea{font-size:13px!important;line-height:1.5!important}
/* Unified assistant filters and smaller New Chat on all screens. */
.esvylaAssistantMobileNavFilters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 12px 7px}
.esvylaAssistantMobileNavFilters button{min-height:39px;border:1px solid #34435d;border-radius:10px;background:#0d1724;color:#9eabc0;font-size:12px;font-weight:800}
.esvylaAssistantMobileNavFilters button.active{border-color:#a36aff;background:#1b1533;color:#f0e5ff}
.esvylaAssistantToolbar{padding:4px 12px 9px!important}.esvylaAssistantToolbar .primary{min-height:38px!important;height:38px!important;font-size:12px!important;border-radius:11px!important}
.esvylaAssistantDeleteAll{display:block;margin:0 12px 10px;padding:9px;border:1px solid #703b53;border-radius:10px;background:#27131e;color:#ffaabc;font-size:11px;font-weight:700;cursor:pointer}
.esvylaAssistantDeleteAll:hover{background:#421c2d}

.esvylaAssistantPreferences{margin:0 12px 8px;padding:9px;border:1px solid #4d3b74;border-radius:10px;background:#151328;color:#d8c7ff;font-size:12px;font-weight:750;cursor:pointer}
.esvylaAssistantPrefsOverlay{position:fixed;inset:0;z-index:2147483002;display:grid;place-items:center;background:#02040ac9;padding:15px}
.esvylaAssistantPrefsDialog{width:min(500px,100%);max-height:90dvh;overflow:auto;display:grid;gap:13px;padding:20px;border:1px solid #6b51a1;border-radius:18px;background:#0b1422;color:#f0eaff;box-shadow:0 25px 80px #000a}
.esvylaAssistantPrefsDialog h3{margin:0;font-size:19px}.esvylaAssistantPrefsDialog label{display:grid;gap:5px;font-size:13px}.esvylaAssistantPrefsDialog input,.esvylaAssistantPrefsDialog textarea{font:inherit;font-size:15px;color:#fff;background:#0c1a2b;border:1px solid #3c4866;border-radius:9px;padding:10px}
.esvylaAssistantPrefsDialog>div{display:flex;gap:8px;flex-wrap:wrap}.esvylaAssistantPrefsDialog>div button{flex:1 1 120px;border:1px solid #73539c;border-radius:10px;background:#251c42;color:#eee;padding:10px;cursor:pointer}
/* Social Command Centre uses its own lazy-loaded stylesheet: override its microcopy. */
.inboxShell .inboxConnection strong,.inboxShell .inboxThreadCopy strong,.inboxShell .inboxConversationHead strong{font-size:14px!important}
.inboxShell .inboxConnection small,.inboxShell .inboxConnection em,.inboxShell .inboxThreadCopy time,.inboxShell .inboxThreadCopy small,.inboxShell .inboxThreadCopy p,.inboxShell .inboxFilterRow button,.inboxShell .inboxSearch input,.inboxShell .inboxMessage,.inboxShell .inboxMessage small,.inboxShell .inboxConversationHead small,.inboxShell label,.inboxShell textarea,.inboxShell button{font-size:13px!important;line-height:1.5!important}
.inboxShell .inboxThread{min-height:70px!important}.inboxShell .inboxFilterRow button{min-height:40px!important;padding:8px 12px!important}

/* 5.26.61: touch account menus are click-controlled, never hover/focus held open. */
@media (hover:none), (max-width:1100px){
  #accountMenuShell:not(.accountMenuOpen) .accountQuickMenu{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(7px)!important}
  #accountMenuShell.accountMenuOpen .accountQuickMenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
}
/* Match the existing Image Library actions on character reference cards. */
.characterPackActions.imageLibraryInlineActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding-top:10px!important;margin-top:10px!important;box-sizing:border-box!important}
.characterPackActions.imageLibraryInlineActions button{width:100%!important;min-width:0!important;margin:0!important;padding:8px 5px!important;min-height:38px!important;font-size:clamp(10px,1vw,12px)!important;white-space:normal!important}
.characterPackActions.imageLibraryInlineActions .visualPublishAction{grid-column:auto!important}

/* 5.26.63 — Character Pack cards use the same selection and action reveal as Images/Videos. */
.characterPackActions.imageLibraryInlineActions[hidden]{display:none!important}
.characterPackSelectable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
.characterPackSelectable:hover,.characterPackSelectable.characterPackSelected{border-color:#a87dff!important;box-shadow:0 0 0 2px rgba(143,94,255,.17)!important}
.characterPackSelectable:focus-visible{outline:2px solid #b28cff;outline-offset:3px}
.characterPackSelectable .characterPackThumb{cursor:pointer}
.characterPackActions button{cursor:pointer;touch-action:manipulation}

.characterPackGrid.creationArchiveGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.characterPackCard.creationArchiveCard{border-radius:14px!important;overflow:hidden!important}
.characterPackCard .characterPackThumb.creationArchiveMedia{height:auto!important;aspect-ratio:16/10!important;font-size:0!important}
.characterPackFallback{display:grid;place-items:center;width:100%;height:100%;font-size:40px;color:#566176}
.characterPackCard .characterPackInfo.creationArchiveInfo{display:grid!important;gap:6px!important;padding:12px!important}
.characterPackCard .characterPackInfo.creationArchiveInfo p{font-size:8px!important;color:#778398!important;line-height:1.45!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.characterPackCard .characterPackInfo.creationArchiveInfo small{display:block;font-size:7px!important;color:#667287!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.characterPackCard .characterPackTop{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.characterPackCard .characterPackTop h3{margin:0!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
.characterPackCard .characterVoiceBadge{margin-top:2px}
.characterPackCard .characterPackActions.imageLibraryInlineActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding-top:10px!important;margin-top:10px!important;box-sizing:border-box!important}
.characterPackCard .characterPackActions.imageLibraryInlineActions button{width:100%!important;min-width:0!important;margin:0!important;padding:8px 5px!important;min-height:38px!important;font-size:clamp(10px,1vw,12px)!important;white-space:normal!important}
.characterPackCard .characterPackActions.imageLibraryInlineActions[hidden]{display:none!important}
@media(max-width:900px){.characterPackGrid.creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.characterPackGrid.creationArchiveGrid{grid-template-columns:1fr!important}}

/* library-independent-card-heights.css */
/* v5.26.64: Selection reveals actions only on the chosen library card.
   A grid row may grow to fit that card, but sibling cards must not stretch. */
.imageLibrarySlide .creationArchiveGrid,
.creationArchiveGrid,
#projectsBody .projectCardRail {
  align-items:start!important;
}
.imageLibrarySlide .creationArchiveGrid > .creationArchiveCard,
.creationArchiveGrid > .creationArchiveCard,
#projectsBody .projectCardRail > .projectCard {
  align-self:start!important;
  height:auto!important;
}

/* assistant-launcher-shell.css */
/* Minimal AI Assistant launcher shell; the full assistant workspace CSS loads only when opened. */
.esvylaAssistantLauncher{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:68;min-width:168px;height:44px;padding:0 20px;border:1px solid rgba(154,104,255,.72);border-radius:999px;background:linear-gradient(135deg,#171126,#211238);color:#f8f5ff;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 25px rgba(129,73,245,.18);font:800 12px/1 system-ui;letter-spacing:.01em;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.esvylaAssistantLauncher:hover,.esvylaAssistantLauncher[aria-expanded="true"]{border-color:#b68cff;background:linear-gradient(135deg,#21143b,#301652)}.esvylaAssistantLauncher.userPositioned{cursor:grab!important}.esvylaAssistantLauncher.dragging{cursor:grabbing!important;transition:none!important}.esvylaAssistantLauncher.isLoading{opacity:.72;pointer-events:none}
@media(max-width:1024px){.esvylaAssistantLauncher{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media(max-width:700px){.esvylaAssistantLauncher{min-width:142px;height:38px;font-size:10px;bottom:calc(74px + env(safe-area-inset-bottom,0px))}}

/* 5.26.43: the floating launcher must never overlay an open Assistant chat. */
html body.esvylaAssistantOpen #esvylaAssistantLauncher,
html body #esvylaAssistantLauncher[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* esvyla-release-52676.css */
/* 5.26.76: consistent iOS viewport and product manager scroll ownership. */
@supports (-webkit-touch-callout:none) {
  html { -webkit-text-size-adjust:100%; }
}
.kaiProductModalBackdrop { box-sizing:border-box; overflow:hidden; overscroll-behavior:contain; }
.kaiProductModal { box-sizing:border-box; min-height:0; overflow-y:auto!important; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
@media(max-width:720px) {
  .kaiProductModalBackdrop { top:0!important; bottom:calc(var(--esvyla-quick-height,72px) + env(safe-area-inset-bottom,0px))!important; height:auto!important; display:flex!important; align-items:stretch!important; padding:0!important; z-index:100000!important; }
  .kaiProductModal { flex:1 1 auto; min-height:0!important; height:100%!important; max-height:100%!important; width:100%!important; max-width:100%!important; border-radius:0!important; padding-bottom:env(safe-area-inset-bottom,0px); }
  .kaiProductModalFoot { position:sticky; bottom:0; background:#08111c; z-index:5; }
  html body .mobileQuickNav { z-index:2147483000!important; pointer-events:auto!important; }
  .characterPackGrid.creationArchiveGrid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .characterPackThumb { height:230px!important; }
}
@media(min-width:721px) {
  .characterPackGrid.creationArchiveGrid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .characterPackThumb { height:255px!important; }
}
@media(max-width:390px) { .characterPackGrid.creationArchiveGrid { grid-template-columns:1fr!important; } }

/* Older iOS Safari: fallback when dynamic viewport units are unavailable. */
@supports not (height:100dvh) {
  @media(max-width:720px) {
    html body #creatorApp:not(.authLocked) {height:100vh!important;}
    html body #creatorApp:not(.authLocked) > .page {height:calc(100vh - var(--esvyla-quick-height,72px) - env(safe-area-inset-bottom,0px))!important;}
    .kaiProductModal {height:100%!important;max-height:100%!important;}
  }
}

/* esvyla-release-52677.css */
/* v5.26.80: The image and character libraries use their pre-Oct-16 (v5.26.76) card layouts.
   Keep only the later mobile Safari compatibility fixes in this file. */
/* Restore the original Create guidance across portrait and landscape phone sizes. */
@media(max-width:900px) and (max-height:620px) {
  #createView .hero p { display:block!important; font-size:12px;line-height:1.5;margin:10px 0!important; }
}
@media(max-width:720px) {
  #createView .hero p { display:block!important; visibility:visible!important;max-height:none!important; }
  #createView .hero { overflow:visible; }
}
/* Legacy WebKit does not support :has(): match the authenticated shell using an explicit
   class synchronised with the existing Firebase auth lock/unlock functions. */
@media(max-width:720px) {
  html.esvylaAuthenticated,html.esvylaAuthenticated body {
    height:100%!important;overflow:hidden!important;padding-bottom:0!important;margin-bottom:0!important;
  }
  html.esvylaAuthenticated body #creatorApp:not(.authLocked) {
    height:100vh!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;
  }
  html.esvylaAuthenticated body #creatorApp:not(.authLocked) > .page {
    height:calc(100vh - var(--esvyla-quick-height) - var(--esvyla-quick-safe))!important;
    height:calc(100dvh - var(--esvyla-quick-height) - var(--esvyla-quick-safe))!important;
    min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  html:not(.esvylaAuthenticated) body #mobileQuickNav {display:none!important;}
  html.esvylaAuthenticated body #mobileQuickNav {display:grid!important;}
}

/* esvyla-editor-mobile-nav-52681.css */
/* v5.26.81: one mobile navigation surface in the Video Editor, with sidebar drawer access. */
.proMobileWorkspaceMenu{display:none}
@media(max-width:720px){
  /* The workspace dock is for workspace pages, not the full-screen professional editor. */
  html.esvylaProEditorActive body #mobileQuickNav,
  html.esvylaProEditorActive body .mobileQuickNav{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html.esvylaProEditorActive body #creatorApp:not(.authLocked)>.page{height:100dvh!important}
  html.esvylaProEditorActive body .proEditor{padding-bottom:0!important}
  /* The editor's Timeline / Media / Import / AI Tools / Settings replaces the dock. */
  html.esvylaProEditorActive body #proEditor>.proMobileBottomNav{position:relative!important;bottom:auto!important;display:grid!important;z-index:320!important}
  html.esvylaProEditorActive body #proMobileWorkspaceMenu{display:grid!important;place-items:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;margin:0 8px 0 0!important;border:1px solid #303647!important;border-radius:10px!important;background:#101824!important;color:#e7e9f3!important;font:600 23px/1 system-ui!important;cursor:pointer!important}
  /* Overlay drawer above the editor, including its header and toolbar. */
  html.esvylaProEditorActive body #sidebar.sidebar.open{z-index:2147483100!important;transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  html.esvylaProEditorActive body #scrim:not(.hidden){z-index:2147483000!important}
}
@media(max-width:620px){
  html.esvylaProEditorActive body #proEditor{--mobile-nav-h:calc(64px + env(safe-area-inset-bottom,0px))!important}
  html.esvylaProEditorActive body #proEditor>.proMobileBottomNav{height:var(--mobile-nav-h)!important;min-height:var(--mobile-nav-h)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
}