@layer studio {
 body.studio-3d #onlineModal[data-online-view="auth"] .online-dialog {
  display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
  min-height:0!important;height:auto!important;overflow:hidden!important;
  max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
 }
 body.studio-3d #onlineModal[data-online-view="auth"] .last-trick-header {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  flex:0 0 auto!important;gap:12px!important;margin-bottom:12px!important;
 }
 body.studio-3d #onlineModal[data-online-view="auth"] .last-trick-header::before {
  content:"";display:block;flex:0 0 100%;width:100%;aspect-ratio:2039 / 664;
  border-radius:12px;background:#06281c url('../assets/account-header-filled-1200.webp') center/contain no-repeat;
 }
 body.studio-3d #onlineModal[data-online-view="auth"] #onlineContent {
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
 }
 body.studio-3d #onlineModal[data-online-view="auth"] #closeOnlineButton {
  position:static!important;flex:0 0 auto!important;margin-left:auto!important;
  min-height:44px!important;padding:10px 16px!important;
  background:#175238!important;color:#fffaf0!important;
  border:2px solid #d8ad54!important;border-radius:12px!important;font:700 15px/1.3 Arial!important;
 }
 @media(max-width:600px) {
  body.studio-3d #onlineModal[data-online-view="auth"] .last-trick-header::before {
   background-image:url('../assets/account-header-filled-640.webp');
  }
 }
 @media(max-height:540px) and (orientation:landscape) {
  body.studio-3d #onlineModal[data-online-view="auth"] .last-trick-header::before {
   height:72px;aspect-ratio:auto;background-size:cover;
  }
 }
}
