/* esvyla-sidebar-preview-52814.css */
/* 5.28.14 — align collapsed icon with header controls and prevent preview flash. */
@media(min-width:761px){
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand{position:relative!important;padding:0!important}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand>img.esvylaRailLogo{position:absolute!important;display:block!important;left:50%!important;top:calc(50% - 24px)!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%)!important;width:34px!important;height:34px!important;object-fit:contain!important}
}
#projectsBody.esvylaVideoFullBleed .esvylaVideoCard .projectThumb{content-visibility:visible!important;isolation:isolate!important}
#projectsBody.esvylaVideoFullBleed .esvylaVideoCard video.esvylaVideoCardPreview[data-preview-ready="yes"]{visibility:visible!important;opacity:1!important;transition:none!important}
#creatorApp #dynamicView,#creatorApp .primaryNav{scroll-behavior:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}

/* esvyla-final-master-fit-52815.css */
/* 5.28.15 — Final Master player only; independent of Video Library full-bleed cards. */
@media (max-width:760px){
 html body .finalRenderBackdrop.sceneEditorBackdrop{
   box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
   padding:max(8px,env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))!important;
   width:100vw!important;height:100dvh!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop .savedScenesModal.finalRenderModal{
   box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
   width:min(100%,600px)!important;max-width:100%!important;
   height:auto!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)!important;
   margin:auto!important;padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;
   gap:10px!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell{
   display:flex!important;align-items:center!important;justify-content:center!important;
   flex:0 1 auto!important;min-height:0!important;height:auto!important;
   width:100%!important;max-height:min(65dvh,650px)!important;
   aspect-ratio:auto!important;background:#000!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop video.finalRenderVideo{
   position:relative!important;inset:auto!important;display:block!important;
   width:100%!important;height:auto!important;max-height:min(65dvh,650px)!important;
   min-height:0!important;object-fit:contain!important;object-position:center!important;
   transform:none!important;filter:none!important;aspect-ratio:auto!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead{flex:0 0 auto!important;min-width:0!important}
 html body .finalRenderBackdrop .storyActions{flex:0 0 auto!important;margin-top:0!important}
}

/* esvyla-mobile-master-rail-52816.css */
/* 5.28.16: eliminate clipped rail icon offsets and reserve Final Master actions. */
@media (min-width:761px){
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand{
  box-sizing:border-box!important;position:relative!important;display:grid!important;
  place-items:center!important;overflow:visible!important;padding:0!important;
  height:var(--esvyla-header-height,74px)!important;
  min-height:var(--esvyla-header-height,74px)!important;
  max-height:var(--esvyla-header-height,74px)!important;
 }
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand>img.esvylaRailLogo{
  position:static!important;inset:auto!important;top:auto!important;left:auto!important;
  right:auto!important;bottom:auto!important;display:block!important;
  width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;
  margin:0!important;padding:0!important;transform:none!important;translate:0 -3px!important;
  object-fit:contain!important;object-position:center center!important;
  clip-path:none!important;
 }
}
@media (max-width:760px){
 html body .finalRenderBackdrop.sceneEditorBackdrop{
  position:fixed!important;inset:0!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100dvh!important;overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))!important;
 }
 html body .finalRenderBackdrop .savedScenesModal.finalRenderModal{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:min(100%,600px)!important;max-width:100%!important;
  height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;
  max-height:100%!important;min-height:0!important;
  margin:0 auto!important;padding:12px!important;gap:8px!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead{
  flex:0 0 auto!important;min-height:0!important;max-height:27%!important;
  overflow-y:auto!important;margin:0!important;padding:0 0 8px!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead>div{min-width:0!important;overflow-wrap:anywhere!important}
 html body .finalRenderBackdrop .sceneEditorHead h2{font-size:clamp(16px,4.5vw,21px)!important}
 html body .finalRenderBackdrop .sceneEditorHead p{font-size:11px!important;line-height:1.4!important}
 html body .finalRenderBackdrop .finalRenderVideoShell{
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  flex:1 1 0!important;min-height:0!important;max-height:none!important;height:auto!important;
  width:100%!important;aspect-ratio:auto!important;overflow:hidden!important;background:#000!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell video.finalRenderVideo{
  box-sizing:border-box!important;position:relative!important;inset:auto!important;
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;max-height:100%!important;min-width:0!important;
  object-fit:contain!important;object-position:center center!important;
  aspect-ratio:auto!important;transform:none!important;filter:none!important;
 }
 html body .finalRenderBackdrop .storyActions{
  box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;
  width:100%!important;min-height:48px!important;margin:0!important;padding:3px 0 0!important;
  position:relative!important;z-index:3!important;overflow:visible!important;
 }
 html body .finalRenderBackdrop .storyActions [data-download-final-render]{
  box-sizing:border-box!important;display:block!important;width:100%!important;
  min-height:46px!important;flex:1 1 auto!important;visibility:visible!important;
 }
}

/* esvyla-master-rail-52817.css */
/* The Final Master must end ABOVE the fixed bottom quick-navigation, never behind it. */
@media (max-width:760px){
 html body .finalRenderBackdrop.sceneEditorBackdrop{
  position:fixed!important;top:0!important;left:0!important;right:0!important;
  bottom:calc(var(--esvyla-quick-height,72px) + var(--esvyla-quick-safe,env(safe-area-inset-bottom,0px)))!important;
  height:auto!important;min-height:0!important;width:auto!important;
  box-sizing:border-box!important;display:flex!important;align-items:stretch!important;
  justify-content:center!important;overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top,0px)) 8px 10px!important;
 }
 html body .finalRenderBackdrop .savedScenesModal.finalRenderModal{
  box-sizing:border-box!important;position:relative!important;display:flex!important;
  flex-direction:column!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;max-width:600px!important;
  height:100%!important;max-height:100%!important;min-height:0!important;
  padding:10px!important;margin:0 auto!important;gap:8px!important;
  overflow:hidden!important;
 }
 html body .finalRenderBackdrop .sceneEditorHead{
  flex:0 0 auto!important;max-height:30%!important;overflow-y:auto!important;
  padding-bottom:7px!important;margin:0!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex:1 1 0!important;min-height:0!important;
  max-height:none!important;width:100%!important;height:auto!important;
  aspect-ratio:auto!important;overflow:hidden!important;
 }
 html body .finalRenderBackdrop .finalRenderVideoShell video.finalRenderVideo{
  display:block!important;position:static!important;flex:0 1 auto!important;
  width:100%!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;min-height:0!important;object-fit:contain!important;
  object-position:center!important;aspect-ratio:auto!important;
 }
 html body .finalRenderBackdrop .storyActions{
  flex:0 0 50px!important;display:flex!important;position:relative!important;
  min-height:50px!important;max-height:50px!important;width:100%!important;
  margin:0!important;padding:0!important;z-index:10!important;
  visibility:visible!important;overflow:visible!important;
 }
 html body .finalRenderBackdrop .storyActions [data-download-final-render]{
  display:block!important;flex:1 1 auto!important;min-height:46px!important;
  max-height:50px!important;width:100%!important;visibility:visible!important;
 }
}

/* esvyla-player-and-logo-52818.css */
/* Preserve the source video's entire portrait or landscape frame during playback. */
.finalRenderBackdrop .finalRenderVideoShell{overflow:hidden!important;min-width:0!important}
.finalRenderBackdrop video.finalRenderVideo{object-fit:contain!important;object-position:50% 50%!important;transform:none!important;scale:1!important;max-width:100%!important}
@media(max-width:760px){
 html body .finalRenderBackdrop video.finalRenderVideo{
  position:relative!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;
  max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;
  object-position:center!important;transform:none!important;scale:1!important;
 }
}
#projectsBody.esvylaVideoFullBleed .esvylaVideoCard .projectThumb{background-color:#141923!important}

/* esvyla-sidebar-icon-center-52819.css */
/* 5.28.19: canonical collapsed icon geometry. Do not offset the icon or resize the asset inside the header. */
@media (min-width:761px){
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar{padding-top:0!important;}
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand{
  position:relative!important;display:grid!important;place-items:center!important;
  height:var(--esvyla-header-height,74px)!important;min-height:var(--esvyla-header-height,74px)!important;
  width:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important;
  overflow:visible!important;clip-path:none!important;transform:none!important;
 }
 html body #creatorApp.esvylaDesktopCollapsed #sidebar.sidebar .esvylaSidebarBrand>img.esvylaRailLogo{
  display:block!important;position:static!important;inset:auto!important;
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  max-width:32px!important;max-height:32px!important;box-sizing:border-box!important;
  flex:none!important;place-self:center!important;margin:0!important;padding:0!important;
  transform:none!important;translate:none!important;scale:1!important;
  object-fit:contain!important;object-position:center center!important;
  overflow:visible!important;clip-path:none!important;
 }
}

/* esvyla-assistant-review-52827.css */
/* The approval sheet does not spend credits or alter ESVYLA's generation API. */
.esvylaAssistantReviewOverlay{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;background:rgba(3,5,14,.8);padding:20px;box-sizing:border-box;overflow:auto}
.esvylaAssistantReviewCard{width:min(520px,100%);max-height:calc(100dvh - 50px);overflow-y:auto;background:#0d1121;border:1px solid #5a427d;border-radius:18px;box-shadow:0 20px 85px #000b;color:#f6f3ff;padding:22px;box-sizing:border-box}
.esvylaAssistantReviewCard header,.esvylaAssistantReviewCard footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.esvylaAssistantReviewCard header span{font-size:11px;letter-spacing:.14em;color:#b998ef;font-weight:800}.esvylaAssistantReviewCard h3{margin:15px 0 8px;font-size:20px}
.esvylaAssistantReviewBrief{white-space:pre-wrap;font-size:13px;line-height:1.55;color:#e0dfea;max-height:32dvh;overflow:auto}
.esvylaAssistantReviewDetails{display:grid;gap:9px;padding:13px;border-radius:10px;background:#171b2e;font-size:12px;color:#e0dbea}
.esvylaAssistantReviewSafety{font-size:12px;line-height:1.55;color:#bcb9d0}
.esvylaAssistantReviewCard button{cursor:pointer;color:#f3f1ff;background:#20223c;border:1px solid #6b5d86;border-radius:9px;padding:10px 12px;font:inherit}
.esvylaAssistantReviewCard [data-review-continue]{background:#7544b8;border-color:#9367d5;font-weight:700}
@media(max-width:700px){.esvylaAssistantReviewOverlay{align-items:start;padding:12px;padding-top:max(12px,env(safe-area-inset-top))}.esvylaAssistantReviewCard{max-height:calc(100dvh - 30px);padding:16px}.esvylaAssistantReviewCard footer{flex-wrap:wrap}.esvylaAssistantReviewCard footer button{flex:1}}

/* esvyla-pricing-52830.css */
/* ESVYLA 52830: Pay as you go / Monthly toggle (landing + Credits page), current plan bar and FAQ. */
.esvylaBillingToggle{display:inline-flex;gap:4px;padding:4px;margin:18px 0 6px;border:1px solid #3e315b;border-radius:999px;background:#0f1322}
.esvylaBillingToggle button{appearance:none;border:0;border-radius:999px;padding:10px 18px;background:transparent;color:#b9b3ca;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.esvylaBillingToggle button span{margin-left:6px;padding:2px 8px;border-radius:999px;background:#2a1b45;color:#d1aaff;font-size:11px;font-weight:800}
.esvylaBillingToggle button.isActive{background:linear-gradient(120deg,#7945d5,#ab68ff);color:#fff}
.esvylaBillingToggle button.isActive span{background:rgba(255,255,255,.18);color:#fff}
.esvylaBillingToggle button:focus-visible{outline:2px solid #c9a4ff;outline-offset:2px}
.esvylaCreditsToggle{margin:0 0 20px}
.esvylaCreditsPage .esvylaCreditsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.esvylaCreditsVideos{color:#8f98ad!important;font-size:12px!important}
.esvylaCreditsPack.isCurrent{border-color:#a977fa;box-shadow:0 0 0 1px #a977fa inset}
.esvylaCreditsPlanNow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;margin:-8px 0 20px;border:1px solid #634399;border-radius:14px;background:#171129}
.esvylaCreditsPlanNow strong{display:block;font-size:15px;color:#fff}.esvylaCreditsPlanNow span{font-size:13px;color:#a4adbf}
.esvylaCreditsPlanNow button{flex:0 0 auto;border:1px solid #9b70e0;border-radius:10px;background:#452972;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}
.esvylaCreditsFaq{margin-top:34px;padding-top:6px}
.esvylaCreditsFaq h3{font-size:19px;color:#fff;margin:0 0 14px}
.esvylaCreditsFaq details{border:1px solid #2f2a47;border-radius:13px;background:#10162a;margin:0 0 10px;padding:0 18px}
.esvylaCreditsFaq summary{cursor:pointer;list-style:none;padding:16px 26px 16px 0;font-size:15px;font-weight:700;color:#eaf0fa;position:relative}
.esvylaCreditsFaq summary::-webkit-details-marker{display:none}
.esvylaCreditsFaq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;color:#b98cff}
.esvylaCreditsFaq details[open] summary::after{content:"–"}
.esvylaCreditsFaq details p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#b1adbf}
@media(max-width:1100px){.esvylaCreditsPage .esvylaCreditsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.esvylaCreditsPage .esvylaCreditsGrid{grid-template-columns:1fr}.esvylaBillingToggle{display:flex;width:100%;box-sizing:border-box}.esvylaBillingToggle button{flex:1;padding:10px 8px;font-size:13px}.esvylaBillingToggle button span{display:none}.esvylaCreditsPlanNow{flex-direction:column;align-items:stretch}}
.esvylaCreditsPage [hidden],.esvylaCreditsGrid[hidden]{display:none!important}