/* source: css/studio-work-modal-core-v427.css */
/* v427 — single mobile contract for work information and trailer overlays. */
@media (max-width:720px){
  html.universal-sheet-open,
  html.universal-sheet-open body{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.studio-theme .universal-work-sheet{
    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    padding:12px!important;
  }

  body.studio-theme .universal-work-sheet>article{
    grid-template-columns:116px minmax(0,1fr)!important;
    width:min(500px,calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 28px)!important;
    overflow:hidden!important;
    border-radius:19px!important;
  }

  body.studio-theme .universal-work-sheet__close{
    top:9px!important;
    right:9px!important;
  }

  body.studio-theme .universal-work-sheet__art{
    min-height:250px!important;
    background:#050b13!important;
  }
  body.studio-theme .universal-work-sheet__art>img{
    top:50%!important;
    right:6px!important;
    bottom:auto!important;
    left:6px!important;
    width:calc(100% - 12px)!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:12px!important;
    transform:translateY(-50%)!important;
  }
  body.studio-theme .universal-work-sheet__art>button{
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    width:48px!important;
    height:48px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid #70c9ffb8!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#103a5ee8,#07182ee8)!important;
    box-shadow:0 12px 30px #000b,0 0 0 5px #168ff52b,inset 0 1px 0 #ffffff30!important;
    transform:translate(-50%,-50%)!important;
    backdrop-filter:blur(10px)!important;
  }
  body.studio-theme .universal-work-sheet__art>button i{
    position:relative!important;
    width:0!important;
    height:0!important;
    display:block!important;
    margin-left:3px!important;
    overflow:visible!important;
    border-top:7px solid transparent!important;
    border-bottom:7px solid transparent!important;
    border-left:11px solid #fff!important;
    border-radius:2px!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    filter:drop-shadow(0 2px 5px #0008)!important;
  }
  body.studio-theme .universal-work-sheet__art>button b{display:none!important}

  body.studio-theme .universal-work-sheet__copy{
    min-width:0!important;
    min-height:250px!important;
    padding:47px 13px 15px!important;
  }
  body.studio-theme .universal-work-sheet__copy>small{
    font-size:7px!important;
    letter-spacing:.1em!important;
  }
  body.studio-theme .universal-work-sheet__copy h2{
    margin:8px 0 7px!important;
    font-size:20px!important;
  }
  body.studio-theme .universal-work-sheet__copy p{
    font-size:10px!important;
    line-height:1.7!important;
    -webkit-line-clamp:4!important;
  }
  body.studio-theme .universal-work-sheet__copy>div{
    gap:4px!important;
    margin-top:10px!important;
    max-height:58px!important;
    overflow:hidden!important;
  }
  body.studio-theme .universal-work-sheet__copy>div span{
    padding:4px 6px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }

  body.studio-theme .universal-work-sheet.is-trailer-only>article{
    display:block!important;
    width:min(620px,calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 24px)!important;
    aspect-ratio:16/9!important;
    border-radius:18px!important;
    padding-bottom:0!important;
  }
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__art{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__art>img,
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__art>span,
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__art>button,
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__copy{
    display:none!important;
  }
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__art>iframe{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
}

@media (max-width:360px){
  body.studio-theme .universal-work-sheet>article{grid-template-columns:100px minmax(0,1fr)!important}
  body.studio-theme .universal-work-sheet__art,
  body.studio-theme .universal-work-sheet__copy{min-height:230px!important}
  body.studio-theme .universal-work-sheet__copy{padding-inline:10px!important}
}

/* Shared Studio detail dialog: one layout owner for every card entry point. */
body.studio-theme .studio-work-modal{padding:16px;align-items:center}
body.studio-theme .studio-work-modal>article{
  width:min(860px,100%);height:auto;min-height:0;max-height:calc(100dvh - 32px);
  padding:22px;display:grid;grid-template-columns:220px minmax(0,1fr);
  grid-template-areas:"art heading" "art facts" "art story" "art cast" "actions actions";
  grid-template-rows:auto;gap:12px 22px;align-items:start;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  border-radius:22px;background:var(--studio-component-dialog-bg);color:var(--studio-color-text);
}
body.studio-theme .studio-work-modal .studio-work-info{display:contents}
body.studio-theme .studio-work-modal .studio-work-close{
  position:absolute;inset:10px auto auto;inset-inline-end:10px;width:36px;height:36px;z-index:8;
  border-color:var(--studio-component-dialog-border);font-size:22px;
}
body.studio-theme .studio-work-modal .studio-work-heading{grid-area:heading;min-width:0;padding-inline-end:26px}
body.studio-theme .studio-work-heading>[data-studio-work-tag]{display:inline-block;padding:3px 8px;border-radius:6px;background:rgba(var(--studio-rgb),.12);color:var(--studio-color-accent);font-size:11px;line-height:1.5}
body.studio-theme .studio-work-modal .studio-work-info h2{margin:7px 0 3px;color:var(--studio-color-text);font-size:clamp(20px,2vw,26px);line-height:1.4;letter-spacing:normal;overflow-wrap:anywhere}
body.studio-theme .studio-work-modal .studio-work-info h3{margin:0;color:var(--studio-color-text-muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
/* Reserve the original portrait space so stretching artwork never enlarges the dialog. */
body.studio-theme .studio-work-art-reserve{grid-area:art;aspect-ratio:2/3;min-width:0;pointer-events:none}
body.studio-theme .studio-work-modal .studio-work-art{grid-area:1/1/-1/2;position:relative;align-self:stretch;min-height:0;width:calc(100% + 22px);height:auto;aspect-ratio:auto;margin-block:-22px;margin-inline:-22px 0;border:0;border-radius:0;overflow:hidden;isolation:isolate}
body.studio-theme .studio-work-modal .studio-work-art::after{z-index:1;inset:0;background:linear-gradient(to right,transparent 60%,var(--studio-component-dialog-bg)),linear-gradient(180deg,color-mix(in srgb,var(--studio-component-dialog-bg) 12%,transparent),transparent 18%,transparent 68%,var(--studio-component-dialog-bg));pointer-events:none}
body.studio-theme .studio-work-modal:dir(rtl) .studio-work-art::after{background:linear-gradient(to left,transparent 60%,var(--studio-component-dialog-bg)),linear-gradient(180deg,color-mix(in srgb,var(--studio-component-dialog-bg) 12%,transparent),transparent 18%,transparent 68%,var(--studio-component-dialog-bg))}
body.studio-theme .studio-work-modal .studio-work-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto;filter:brightness(.94) saturate(.97);transition:transform .55s ease,filter .35s ease}
body.studio-theme .studio-work-art:after{pointer-events:none}
body.studio-theme .studio-work-modal .studio-work-preview{width:68px;height:68px;gap:4px;z-index:3;box-shadow:0 0 0 6px #ffffff16,0 8px 24px #0005}
body.studio-theme .studio-work-preview svg{width:23px;height:23px;fill:currentColor}
body.studio-theme .studio-work-modal .studio-work-preview span{font-size:9px;line-height:1.4}
body.studio-theme .studio-work-trailer-empty{position:absolute;z-index:2;inset:auto 6px 10px;text-align:center;font-size:10px;line-height:1.5;color:var(--studio-color-text-muted);text-shadow:none}
body.studio-theme .studio-work-genres{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0;min-width:0}
body.studio-theme .studio-work-genres>span{padding:3px 8px;border:1px solid var(--studio-component-dialog-border);border-radius:6px;color:var(--studio-color-text-muted);font-size:11px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
body.studio-theme .studio-work-facts{grid-area:facts;position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;text-align:start;border:0;min-width:0}
body.studio-theme .studio-work-facts>div{position:relative;display:flex;align-items:center;gap:2px;min-width:0;max-width:100%;padding-inline-end:9px;border:1px solid var(--studio-component-dialog-border);border-radius:8px;background:color-mix(in srgb,var(--studio-color-accent) 5%,transparent)}
body.studio-theme .studio-work-facts dt{margin:0;line-height:1}
body.studio-theme .studio-work-facts [data-work-fact-toggle]{display:grid;place-items:center;width:34px;height:36px;padding:7px;border:0;border-radius:7px;background:transparent;color:var(--studio-color-accent);cursor:pointer}
body.studio-theme .studio-work-facts svg{width:18px;height:18px}
body.studio-theme .studio-work-facts dd{margin:0;font-size:12px;line-height:1.6;font-weight:650;color:var(--studio-color-text);unicode-bidi:isolate;overflow-wrap:anywhere}
body.studio-theme .studio-work-facts [role=tooltip]{position:absolute;z-index:9;inset:auto;left:var(--work-tooltip-left,0px);bottom:calc(100% + 8px);width:max-content;max-width:calc(100vw - 44px);box-sizing:border-box;padding:8px 12px;border:1px solid var(--studio-color-accent);border-radius:9px;background:var(--studio-color-accent);box-shadow:0 6px 20px #0004;color:var(--studio-color-on-accent);font-size:12px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;visibility:hidden;opacity:0;transition:opacity .15s}
body.studio-theme .studio-work-facts [role=tooltip]::after{content:"";position:absolute;top:100%;left:calc(var(--work-tooltip-arrow,50%) - 5px);border:5px solid transparent;border-top-color:var(--studio-color-accent)}
body.studio-theme .studio-work-facts [role=tooltip][data-placement=below]{top:calc(100% + 8px);bottom:auto}
body.studio-theme .studio-work-facts [role=tooltip][data-placement=below]::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--studio-color-accent)}
body.studio-theme .studio-work-facts dt:has([aria-expanded=true]) [role=tooltip]{visibility:visible;opacity:1}
body.studio-theme .studio-work-modal .studio-work-info>p{grid-area:story;display:block;margin:0;height:auto;min-height:0;max-height:none;overflow:visible;font-size:13px;line-height:1.8;color:var(--studio-color-text-muted);overflow-wrap:anywhere}
body.studio-theme .studio-work-modal .studio-work-cast{grid-area:cast;display:block;margin:0;min-width:0}
body.studio-theme .studio-work-cast header strong{font-size:11px;color:var(--studio-color-text-muted)}
body.studio-theme .studio-work-cast>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;overflow:visible;padding:0}
body.studio-theme .studio-work-cast span{width:64px;gap:5px}
body.studio-theme .studio-work-cast :is(img,i){width:36px;height:36px;border:1px solid var(--studio-component-dialog-border);border-radius:50%;box-shadow:none}
body.studio-theme .studio-work-cast i{display:grid;place-items:center;color:var(--studio-color-text-muted);font-size:16px;background:var(--studio-color-surface)}
body.studio-theme .studio-work-cast b{max-width:64px;color:var(--studio-color-text-muted);font-size:9px;line-height:1.5}
body.studio-theme .studio-work-cast:has(.is-empty){display:none}
body.studio-theme .studio-work-modal .studio-work-actions{grid-area:actions;grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--studio-component-dialog-border)}
body.studio-theme .studio-work-modal .studio-work-actions :is(a,button){min-width:0;height:auto;min-height:42px;padding:8px 14px;font-size:12px;line-height:1.5;text-decoration:none}
body.studio-theme .studio-work-modal .studio-work-actions>a{grid-column:auto;background:linear-gradient(115deg,#ffe39a,#dbac43);border-color:#e6bd64;box-shadow:inset 0 1px #fff5;color:#302005;transition:filter .2s,box-shadow .2s}
body.studio-theme .studio-work-modal .studio-work-actions svg{width:18px;height:18px;flex:none}
body.studio-theme .studio-work-modal .studio-work-actions :is(a,button){gap:6px;border-radius:11px}
body.studio-theme .studio-work-modal .studio-work-actions>button{padding-inline:10px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body.studio-theme .studio-work-modal:not(.is-previewing) .studio-work-art:hover>img{transform:scale(1.035);filter:brightness(1) saturate(1)}
 body.studio-theme .studio-work-modal .studio-work-actions>a:hover{filter:brightness(1.07);box-shadow:inset 0 1px #fff9,0 3px 12px #d9ae4226}
}
body.studio-theme .studio-work-modal .studio-work-actions>button{color:var(--studio-color-text-muted);background:var(--studio-color-surface);border-color:var(--studio-component-dialog-border);opacity:.8}
body.studio-theme .studio-work-modal [hidden]{display:none!important}
body.studio-theme .studio-work-modal :is(button,a):focus-visible{outline:2px solid var(--studio-color-accent);outline-offset:3px}
/* Small screens retain a portrait beside the heading, then use the full row. */
@media(max-width:600px){
 body.studio-theme .studio-work-modal{padding:10px}
 body.studio-theme .studio-work-modal>article{width:min(480px,100%);padding:16px;max-height:calc(100dvh - 20px);grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art heading" "facts facts" "story story" "cast cast" "actions actions";gap:12px;border-radius:18px}
 body.studio-theme .studio-work-modal .studio-work-info h2{font-size:20px}
 body.studio-theme .studio-work-modal .studio-work-info h3{font-size:11px}
 body.studio-theme .studio-work-modal .studio-work-heading{padding-inline-end:16px}
 body.studio-theme .studio-work-genres{gap:4px;margin-top:8px}
 body.studio-theme .studio-work-genres>span{padding:2px 5px;font-size:10px}
 body.studio-theme .studio-work-modal .studio-work-preview{width:48px;height:48px;box-shadow:0 0 0 4px #ffffff16}
 body.studio-theme .studio-work-modal .studio-work-preview span{display:none}
 body.studio-theme .studio-work-trailer-empty{font-size:9px}
 body.studio-theme .studio-work-facts [data-work-fact-toggle]{width:36px;height:40px}
 body.studio-theme .studio-work-art-reserve{display:block}
 body.studio-theme .studio-work-modal .studio-work-art{grid-area:art;min-height:144px;width:calc(100% + 16px);margin-block:-16px 0;margin-inline:-16px 0}
 body.studio-theme .studio-work-modal .studio-work-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}
 body.studio-theme .studio-work-modal .studio-work-actions>a{grid-column:1/-1}
 body.studio-theme .studio-work-cast span{width:calc((100% - 32px)/5)}
 body.studio-theme .studio-work-cast b{max-width:100%}
}
/* Trailer playback has its own landscape stage inside the same dialog. */
body.studio-theme .studio-work-modal.is-previewing>article{width:min(860px,100%,calc((100dvh - 92px) * 1.7778 + 24px));grid-template-columns:minmax(0,1fr);grid-template-areas:"art";padding:48px 12px 12px}
body.studio-theme .studio-work-modal.is-previewing .studio-work-info{display:none}
body.studio-theme .studio-work-modal.is-previewing .studio-work-art{grid-area:art;aspect-ratio:16/9;border-radius:10px;width:100%;margin:0;min-height:0}
body.studio-theme .studio-work-modal.is-previewing .studio-work-art-reserve,body.studio-theme .studio-work-modal.is-previewing .studio-work-art::after{display:none}
body.studio-theme .studio-work-modal.is-previewing .studio-work-art>:not([data-trailer-frame],[data-studio-trailer-back]){display:none!important}
body.studio-theme .studio-work-modal .studio-work-trailer-back{position:absolute;z-index:7;inset-block-start:8px;inset-inline-start:12px;display:flex;align-items:center;min-height:34px;padding:5px 10px;border:1px solid var(--studio-component-dialog-border);border-radius:7px;background:var(--studio-component-dialog-bg);color:var(--studio-color-text);font:inherit;font-size:12px}
@media(prefers-reduced-motion:reduce){body.studio-theme .studio-work-modal,body.studio-theme .studio-work-modal>article,body.studio-theme .studio-work-modal *{animation:none!important;transition:none!important}}


/* source: css/studio-mobile-core-v426.css */
/*
 * Asia2TV mobile foundation v426.
 * Shared responsive contracts: shell spacing, popovers, touch targets and dialogs.
 */
@media (max-width:820px){
  body.studio-theme{
    --studio-mobile-header-popover-top:76px;
    --studio-mobile-overlay-gutter:12px;
    --studio-mobile-overlay-radius:18px;
    --studio-mobile-overlay-z:10080;
  }

  body.studio-theme .studio-tools-popover,
  body.studio-theme .studio-notification-popover,
  body.studio-theme .studio-account-popover,
  body.studio-theme .studio-account-popover.is-member{
    position:fixed!important;
    top:var(--studio-mobile-header-popover-top)!important;
    right:var(--studio-mobile-overlay-gutter)!important;
    left:var(--studio-mobile-overlay-gutter)!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--studio-mobile-header-popover-top) - var(--studio-mobile-overlay-gutter))!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  body.studio-theme .studio-notification-preview{
    max-height:calc(100dvh - var(--studio-mobile-header-popover-top) - 148px)!important;
  }
}

/* Mobile navigation submenus have one state owner: `.is-open`. */
@media (max-width:1120px){
  body.studio-theme .studio-nav-parent>.studio-nav-dropdown,
  body.studio-theme .studio-nav-parent:hover>.studio-nav-dropdown,
  body.studio-theme .studio-nav-parent:focus-within>.studio-nav-dropdown{
    display:none!important;
    animation:none!important;
  }

  body.studio-theme .studio-nav-parent.is-open>.studio-nav-dropdown{
    display:grid!important;
    animation:studio-menu-in .15s ease-out both!important;
  }

  body.studio-theme .studio-nav-dropdown a{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}

@media (max-width:520px){
  body.studio-theme{
    --studio-mobile-overlay-gutter:10px;
  }
}

/* 510.1.8: keep the visible slider bars, enlarge only their touch target.
   No horizontal expansion: adjacent slide targets keep separate hit areas. */
@media(max-width:1024px){
  body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots) button{
    position:relative;
    overflow:visible!important;
    touch-action:manipulation;
  }
  body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots) button::before{
    content:"";
    position:absolute;
    inset-block:-20px;
    inset-inline:0;
  }
}
@media(max-width:680px){
  /* The old 18px bottom offset clips 2px of the 44px touch target. */
  body.studio-theme .studio-page .studio-cine-dots{bottom:20px!important}
  /* Complete the 620px flex reset up to the mobile layout's 680px edge. */
  body.studio-theme .studio-page .studio-cine-actions>:is(a,button){
    min-width:0;
    flex:1 1 0%;
  }
}

/* Reaction menus align with their trigger in both reading directions.
   Replaces the physical left/right anchors in studio-community-compact-v192.css. */
body.studio-theme [data-community] .comment-reaction-control .comment-reactions{
  left:auto;
  right:auto;
  inset-inline-start:0;
  inset-inline-end:auto;
}

/* Keep all report fields and the submit button reachable when the usable
   viewport shrinks. Existing desktop/phone form layout stays unchanged. */
body.studio-theme [data-community] .community-report-modal{
  box-sizing:border-box;
  padding-block-start:max(20px,env(safe-area-inset-top,0px));
  padding-block-end:max(20px,env(safe-area-inset-bottom,0px));
}
body.studio-theme [data-community] .community-report-modal>div{
  box-sizing:border-box;
  min-width:0;
  max-height:calc(100vh - 40px);
  max-height:calc(100dvh - max(20px,env(safe-area-inset-top,0px)) - max(20px,env(safe-area-inset-bottom,0px)));
  overflow-y:auto;
  overscroll-behavior:contain;
}

/* V510.1.8: header layout and a shared viewport anchor. */
/* Compact tools retain two columns where the available width supports them. */
@media(min-width:821px){
  html body.studio-theme .studio-site-header .studio-tools-popover{
    width:min(420px,calc(100vw - 24px));
  }
}
body.studio-theme .studio-site-header .studio-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.studio-theme .studio-site-header .studio-tools-grid>a{
  grid-template-columns:30px minmax(0,1fr);
  gap:8px;
  min-width:0;
  min-height:80px;
}
body.studio-theme .studio-site-header .studio-tools-grid>a>i{
  width:30px;
  height:30px;
}
@media(max-width:520px){
  body.studio-theme .studio-site-header .studio-tools-grid{grid-template-columns:minmax(0,1fr)}
}

/* Tablet navigation uses the same explicit open state as phone navigation.
   Keep viewport-positioned children out of a filtered containing block. */
@media(max-width:1120px){
  body.studio-theme .studio-site-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav]{
    display:none!important;
    position:fixed!important;
    top:var(--studio-mobile-header-popover-top,118px)!important;
    right:var(--studio-mobile-overlay-gutter,12px)!important;
    left:var(--studio-mobile-overlay-gutter,12px)!important;
    width:auto!important;
    height:auto!important;
    min-width:0;
    max-height:calc(100dvh - var(--studio-mobile-header-popover-top,118px) - 12px)!important;
    margin:0;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav].is-open{
    display:grid!important;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav]>a,
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav]>.studio-nav-parent>button{
    min-height:44px;
    height:auto;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* Membership formerly stayed anchored to a small button between 521–820px. */
@media(max-width:820px){
  body.studio-theme .studio-site-header .studio-membership-popover{
    position:fixed!important;
    top:var(--studio-mobile-header-popover-top,76px)!important;
    right:var(--studio-mobile-overlay-gutter,12px)!important;
    left:var(--studio-mobile-overlay-gutter,12px)!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    overflow-x:hidden!important;
  }
}

/* Six member actions need 294px: six 44px targets plus five 6px gaps.
   A dedicated row fits a 320px viewport with 10px gutters on each side. */
@media(max-width:420px){
  body.studio-theme .studio-site-header,
  body.studio-theme .studio-site-header.is-scrolled{
    height:auto!important;
    min-height:98px;
  }
  body.studio-theme .studio-site-header .studio-exact-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto;
    width:calc(100% - 20px)!important;
    height:auto!important;
    gap:6px!important;
    padding-block:8px;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group{
    width:100%;
    min-height:32px;
  }
  body.studio-theme .studio-site-header .studio-exact-logo img{
    width:102px;
    height:32px;
  }
  body.studio-theme .studio-site-header .studio-exact-actions{
    width:100%;
    min-width:0!important;
    margin-inline:0!important;
    gap:6px!important;
    justify-content:space-between;
  }
  body.studio-theme .studio-site-header :is(
    .studio-tools-trigger,.studio-notification-trigger,.studio-exact-square,
    .studio-account-button.studio-account-initial,.studio-membership-card>button
  ){
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
  }
}


/* source: css/studio-page-clearance-core-v428.css */
/*
 * Asia2TV page-clearance core v428.
 * Every internal-page introduction starts after the real fixed Studio shell.
 * The admin command bar already reserves its own flow space, so it must not be
 * counted a second time here.
 */
body.studio-theme{
  --studio-page-clearance:var(--studio-shell-clearance,116px);
  --studio-page-breathing-room:12px;
}

/* Home and internal pages share the measured fixed-header clearance. */
body.studio-theme .new-episodes-page,
body.studio-theme .a2-member-workspace,
body.studio-theme:not(:has(.a2-member-workspace)) .studio-safe-page,
body.studio-theme .studio-catalog-hero{
  padding-top:var(--studio-page-clearance)!important;
}

/* Catalogue/account fallback views also follow the measured shell. */
body.studio-theme main>.hero,
body.studio-theme.studio-member-fallback:not(:has(.a2-member-workspace)) .studio-member-center{
  padding-top:var(--studio-page-clearance)!important;
}

/* Hero artwork meets the header; only internal introductions need breathing room. */
body.studio-theme .studio-page{
  padding-top:max(0px,calc(var(--studio-page-clearance) - var(--studio-page-breathing-room)))!important;
}

/* Cinematic catalog pages previously used three unrelated fixed offsets. */
body.studio-theme .cine-page{
  padding-top:calc(var(--studio-page-clearance) + var(--studio-page-breathing-room))!important;
}

/* Title pages retain their intentional movie/series visual gap. */
body.studio-theme.studio-title-detail{
  --title-shell-offset:var(--studio-page-clearance);
}

/* V510.0.3: desktop artist portraits also clear the fixed shell and their outer orbit. */
@media(min-width:721px){
  body.studio-theme.studio-artist-profile .artist-identity-grid{
    padding-top:calc(var(--studio-page-clearance) + 28px)!important;
    padding-bottom:42px;
  }
}

/* Legacy page families still in service. */
body.studio-theme .detail-hero,
body.studio-theme .watch-wrap,
body.studio-theme .download-hero,
body.studio-theme .checkout-page,
body.studio-theme .payment-issue-page{
  padding-top:calc(var(--studio-page-clearance) + var(--studio-page-breathing-room))!important;
}

@media (max-width:720px){
  /* Player ads must never leave a blank canvas before the watch experience. */
  body.studio-watch-page .ad-slot-player_top{
    display:none!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.studio-watch-page .w146{
    padding-top:calc(var(--studio-page-clearance) + 8px)!important;
  }

  /* Artist introductions use the same shell source as every other page. */
  body.studio-theme.studio-artists-directory .talent-stage-grid,
  body.studio-theme.studio-artist-profile .artist-identity-grid{
    padding-top:calc(var(--studio-page-clearance) + 10px)!important;
  }

  /* Member content follows the workspace card; it must not reserve the header twice. */
  body.studio-theme:has(.a2-member-workspace) :is(
    .member-page,
    .studio-member-center,
    .community-account-page,
    .finance-center-page,
    .member-invoice-page,
    .report-center-page,
    .member-support-page,
    .notification-center-page,
    .member-library-hub,
    .member-library-page,
    .watch-history-page
  ){
    padding-top:24px!important;
  }
}


/* source: css/studio-footer-menu-v341.css */
/* Shared footer: each area owns its sizing, independent of page-specific card rules. */
body.studio-theme .studio-exact-footer.studio-footer-responsive{padding:0!important;margin-block-start:40px;border-block-start:0;background:var(--studio-page-section)!important;color:var(--studio-color-text-secondary);text-align:start;position:relative;isolation:isolate;overflow:hidden}
/* Restore the animated entrance without reintroducing the old footer layout rules. */
.studio-footer-responsive .site-footer__waves{position:relative;z-index:0;height:clamp(56px,6vw,96px);overflow:hidden;background:var(--studio-page-canvas,var(--studio-color-canvas));pointer-events:none}
.studio-footer-responsive .site-footer__waves svg{position:absolute;top:0;left:0;display:block;width:200%;max-width:none;height:100%}
.studio-footer-responsive .site-footer__wave{transform-box:fill-box;transform-origin:center;animation:siteFooterWaveDrift 42s linear infinite}
.studio-footer-responsive .site-footer__wave--back{fill:color-mix(in srgb,var(--studio-color-accent) 25%,var(--studio-page-section));translate:0 -7px;animation-duration:30s;animation-direction:reverse;animation-delay:-12s}
.studio-footer-responsive .site-footer__wave--front{fill:var(--studio-page-section);animation-delay:-7s}
@keyframes siteFooterWaveDrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.studio-footer-responsive .site-footer__hearts{position:absolute;z-index:1;inset:auto 0 0;height:200px;overflow:hidden;pointer-events:none}
.site-footer__hearts i{--heart-size:11px;position:absolute;bottom:-18px;width:var(--heart-size);height:var(--heart-size);border-radius:2px;background:#ff7eb6;opacity:0;animation:siteFooterHeartRise 8s ease-in infinite;animation-delay:-2s}
.site-footer__hearts i::before,.site-footer__hearts i::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit}
.site-footer__hearts i::before{right:50%}.site-footer__hearts i::after{bottom:50%}
.site-footer__hearts i:nth-child(1){inset-inline-start:13%}
.site-footer__hearts i:nth-child(2){inset-inline-start:29%;--heart-size:8px;background:#ffd56b;animation-duration:9.5s;animation-delay:-5s}
.site-footer__hearts i:nth-child(3){inset-inline-start:52%;background:#8ee8ff;animation-duration:10s;animation-delay:-3s}
.site-footer__hearts i:nth-child(4){inset-inline-start:73%;--heart-size:7px;animation-duration:11s;animation-delay:-8s}
.site-footer__hearts i:nth-child(5){inset-inline-start:89%;background:#ffe37e;animation-duration:9s;animation-delay:-6s}
@keyframes siteFooterHeartRise{0%{opacity:0;transform:translate(0,0) rotate(45deg) scale(.65)}12%{opacity:.6}65%{opacity:.4}100%{opacity:0;transform:translate(22px,-175px) rotate(63deg) scale(1.15)}}
@media(max-width:620px){.site-footer__hearts i:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.studio-footer-responsive .site-footer__wave,.site-footer__hearts i{animation:none}.studio-footer-responsive .site-footer__hearts{display:none}}
.studio-footer-responsive .site-footer__shell{position:relative;z-index:2;width:min(var(--site-footer-content-width,1440px),calc(100% - clamp(32px,6vw,96px)));margin-inline:auto;padding-block:var(--site-footer-spacing,36px) 20px;font:400 13px/1.8 var(--studio-font-family-ui,Alexandria,Tahoma,Arial,sans-serif)}
.site-footer__main{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.site-footer__main>*{min-width:0}
.site-footer__brand>a{display:inline-flex;max-width:100%}
.site-footer__brand img{display:block;width:var(--site-footer-logo-width,200px);max-width:100%;height:60px;object-fit:contain;object-position:center}
.site-footer__brand p{max-width:32ch;margin:16px 0;color:var(--studio-color-text-secondary);font-size:13px;line-height:1.9}
.site-footer__menus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:20px}
.site-footer__menus>section{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px}
.site-footer__menus strong{display:block;color:var(--studio-color-heading);font-size:14px;line-height:1.6;margin-block-end:10px}
.site-footer__menus :is(a,button){display:inline-flex;align-items:center;min-height:36px;max-width:100%;padding:4px 0;border:0;background:transparent;color:var(--studio-color-text-secondary);font:inherit;font-size:12px;text-align:start;overflow-wrap:anywhere;text-decoration:none;cursor:pointer}
.site-footer__menus :is(a,button):hover{color:var(--studio-color-link)}
.site-footer__newsletter{min-width:0;padding:20px;border:1px solid var(--studio-component-card-border);border-radius:18px;background:var(--studio-component-card-bg)}
.site-footer__newsletter-copy>span{display:block;font-size:10px;font-weight:700;color:var(--studio-color-accent)}
.site-footer__newsletter-copy>strong{display:block;margin-block:5px;color:var(--studio-color-heading);font-size:18px;line-height:1.6;text-wrap:balance}
.site-footer__newsletter-copy>p{margin:0 0 14px;font-size:12px;color:var(--studio-color-text-secondary)}
.site-footer__newsletter form{display:flex;gap:5px;align-items:center;min-width:0;padding:5px;border:1px solid var(--studio-component-control-border);border-radius:12px;background:var(--studio-component-control-bg)}
body.studio-theme .site-footer__newsletter input{flex:1 1 0;min-width:0;width:0;height:38px;padding:0 7px;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--studio-color-text);font:inherit;font-size:12px;text-align:start;outline:none}
.site-footer__newsletter button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:0;border-radius:9px;background:var(--studio-color-accent);color:var(--studio-color-on-accent);font:700 12px/1.5 var(--studio-font-family-ui,Alexandria,Tahoma,Arial,sans-serif);white-space:nowrap;cursor:pointer}
.site-footer__newsletter form:focus-within{outline:2px solid var(--studio-color-accent);outline-offset:3px}
.site-footer__legal{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-block-start:30px;padding-block-start:20px;border-block-start:1px solid var(--studio-color-border)}
.site-footer__legal-links{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;min-width:0}
.site-footer__legal-links a{display:inline-flex;align-items:center;min-height:36px;color:var(--studio-color-text-secondary);font-size:12px;text-decoration:none;white-space:nowrap}
.site-footer__legal-links a:hover{color:var(--studio-color-link)}
.site-footer__legal p{margin:0;min-width:0;font-size:12px;color:var(--studio-color-text-muted)}
.site-footer__legal .site-footer__tagline{color:var(--studio-color-heading)}
.site-footer__legal .site-footer__rights{text-align:end}
.site-footer__legal-links .site-footer__up{display:grid;place-items:center;margin-inline-start:auto;width:40px;height:40px;border:1px solid var(--studio-color-border);border-radius:50%;font-size:18px}
.studio-footer-responsive :is(a,button):focus-visible{outline:2px solid var(--studio-color-accent);outline-offset:3px}
@media(max-width:1150px){
 .site-footer__main{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .site-footer__newsletter{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}
 .site-footer__newsletter-copy>p{margin-bottom:0}
}
@media(max-width:700px){
 .studio-footer-responsive .site-footer__shell{padding-block:var(--site-footer-spacing,24px) 18px}
 .site-footer__main{grid-template-columns:minmax(0,1fr);gap:24px}
 .site-footer__brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;align-items:center}
 .site-footer__brand img{width:var(--site-footer-logo-mobile-width,162.5px);height:50px}
 .site-footer__brand p{max-width:none;margin:0;font-size:12px}
 .site-footer__menus{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .site-footer__menus :is(a,button){min-height:40px}
 .site-footer__newsletter{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}
 .site-footer__legal{grid-template-columns:minmax(0,1fr);gap:12px}
 .site-footer__legal .site-footer__rights{text-align:start}
 .site-footer__legal-links{gap:4px 16px}
}
@media(max-width:430px){
 .site-footer__menus{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-footer__brand{grid-template-columns:minmax(0,1fr)}
 .site-footer__brand p{max-width:36ch}
}
/* Footer settings share the existing theme, menu permissions and mobile layout. */
.studio-footer-responsive .site-footer__icon{display:block;flex:0 0 16px;width:16px;height:16px;max-width:16px;pointer-events:none}
.studio-footer-responsive :is(.site-footer__menus,.site-footer__legal-links) :is(a,button){gap:7px}
.studio-footer-responsive :is(.site-footer__menus,.site-footer__legal-links) :is(a,button)>span{min-width:0}
.studio-footer-without-newsletter .site-footer__main,.studio-footer-layout-compact .site-footer__main{grid-template-columns:minmax(0,.85fr) minmax(0,2.7fr)}
.studio-footer-layout-compact .site-footer__waves{height:44px}
.studio-footer-layout-compact .site-footer__shell{padding-block:var(--site-footer-spacing,24px) 18px}
.studio-footer-layout-compact .site-footer__main{gap:20px 32px}
.studio-footer-layout-compact .site-footer__menus strong{margin-block-end:4px}
.studio-footer-layout-compact .site-footer__menus>section{gap:0}
.studio-footer-layout-compact .site-footer__brand p{margin-block:10px}
.studio-footer-layout-compact .site-footer__newsletter{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:14px 18px}
.studio-footer-layout-compact .site-footer__newsletter-copy>strong{font-size:16px;margin-block:2px}
.studio-footer-layout-compact .site-footer__newsletter-copy>p{margin:0}
.studio-footer-layout-compact .site-footer__legal{margin-block-start:20px;padding-block-start:14px}
@media(max-width:700px){
 .studio-footer-without-newsletter .site-footer__main,.studio-footer-layout-compact .site-footer__main{grid-template-columns:minmax(0,1fr)}
 .studio-footer-layout-compact .site-footer__newsletter{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
 .studio-footer-layout-compact .site-footer__shell{padding-block:var(--site-footer-spacing,20px) 16px}
}

.studio-footer-responsive .site-footer__main{grid-template-columns:var(--footer-grid-tracks)}.studio-footer-responsive .site-footer__menus{min-width:0}.studio-footer-responsive :is(.site-footer__brand p,.site-footer__menus a,.site-footer__legal p,.site-footer__legal-links a){font-size:var(--site-footer-text-size,13px)}@media(max-width:700px){.studio-footer-responsive .site-footer__main{grid-template-columns:minmax(0,1fr)}}