
@media (max-width:760px){
  #ab-studio-rotate-hint{
    position:fixed;inset:0;z-index:2147483300;
    display:none;place-items:center;
    background:rgba(0,0,0,.78);backdrop-filter:blur(4px);
  }
  #ab-studio-rotate-hint.show{display:grid}
  .ab-rotate-card{
    width:min(86vw,340px);
    display:grid;justify-items:center;gap:9px;
    padding:20px;border:1px solid #3b4c51;border-radius:22px;
    background:linear-gradient(180deg,#111e22,#081012);
    color:#fff;text-align:center;
  }
  .ab-rotate-card img{width:58px;height:58px}
  .ab-rotate-card strong{font-size:1.15rem}
  .ab-rotate-card p{margin:0;color:#b6c1c5;font-size:.85rem}
  .ab-rotate-card button{
    margin-top:4px;min-height:42px;padding:8px 16px;border-radius:11px;
    border:1px solid #7b451b;background:#f28a2e;color:#111;font-weight:850;
  }

  /* Landscape studio workspace */
  @media (orientation:landscape) and (max-height:600px){
    body.ab-studio-focus main#top{
      top:0!important;bottom:0!important;
      height:100dvh!important;
    }
    body.ab-studio-focus #photo-studio.ab-mobile-screen-active,
    body.ab-studio-focus #adventure-video-studio.ab-mobile-screen-active{
      height:100dvh!important;max-height:100dvh!important;
    }
    body.ab-studio-focus .ab-photo-head,
    body.ab-studio-focus .ab-video-head{flex-basis:38px!important;min-height:38px!important}
    body.ab-studio-focus .ab-studio-switch{flex-basis:32px!important;min-height:32px!important}
    body.ab-studio-focus .ab-video-layout{
      grid-template-columns:minmax(0,1.45fr) minmax(210px,.75fr)!important;
      grid-template-rows:minmax(0,1fr)!important;
    }
    body.ab-studio-focus .ab-video-main{
      grid-column:1!important;grid-row:1!important;
      grid-template-rows:minmax(0,1fr) auto!important;
    }
    body.ab-studio-focus .ab-video-left,
    body.ab-studio-focus .ab-video-right{
      grid-column:2!important;grid-row:1!important;
    }
    body.ab-studio-focus .ab-video-group{
      left:auto!important;right:0!important;top:70px!important;bottom:0!important;
      width:min(34vw,320px)!important;max-height:none!important;
      border-left:1px solid #34434a!important;border-top:0!important;
    }
    body.ab-studio-focus .ab-mobile-editor-dock{
      left:auto!important;right:0!important;top:auto!important;bottom:0!important;
      width:min(34vw,320px)!important;height:52px!important;
    }
    body.ab-studio-focus .ab-video-timeline-wrap{
      max-height:26vh!important;min-height:72px!important;
    }
  }
}
