/* Pastegram 71.72: single mobile Meme panel layout. No overlapping popup layers. */
@media(max-width:900px){
 html,body{overflow-x:clip!important;max-width:100%!important}
 /* Closed is authoritative even if an old CSS layer still exists. */
 body:not(.panel-open) #quick-sidebar{display:none!important}
 body.pg772-meme.panel-open #quick-sidebar{
  display:flex!important;flex-direction:column!important;position:fixed!important;
  top:auto!important;left:10px!important;right:10px!important;
  bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;
  width:calc(100% - 20px)!important;min-width:0!important;max-width:calc(100% - 20px)!important;
  height:min(76dvh,calc(100dvh - 165px))!important;
  max-height:min(76dvh,calc(100dvh - 165px))!important;
  min-height:0!important;padding:0!important;margin:0!important;
  transform:none!important;box-sizing:border-box!important;overflow:hidden!important;
  border-radius:22px!important;z-index:400!important;
 }
 body.pg772-meme #quick-sidebar::before{display:none!important}
 body.pg772-meme #quick-sidebar>.side-title{
  flex:0 0 58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;position:relative!important;top:0!important;
  margin:0!important;padding:6px 14px!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;overflow:hidden!important;z-index:3!important;
 }
 body.pg772-meme #quick-sidebar>.side-title #panel-title{display:block!important;flex:1!important;min-width:0!important;margin:0!important}
 body.pg772-meme #quick-sidebar>.side-title>button:not(.pg772-close){display:none!important}
 body.pg772-meme #quick-sidebar>.side-title>.pg772-close{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;
  padding:0!important;margin:0!important;position:relative!important;right:auto!important;top:auto!important;
  border-radius:13px!important;border:1px solid rgba(125,138,182,.3)!important;
  color:inherit!important;background:rgba(128,142,180,.09)!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:20!important;
 }
 body.pg772-meme .pg772-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none}
 body.pg772-meme #quick-sidebar>#panel{
  flex:1 1 0%!important;height:0!important;min-height:0!important;max-height:none!important;
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
  padding:8px 12px 18px!important;margin:0!important;position:relative!important;top:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;box-sizing:border-box!important;
 }
 body.pg772-meme #quick-sidebar #panel,body.pg772-meme #quick-sidebar #panel *{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
 body.pg772-meme #panel .creative-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  width:100%!important;padding:4px 0!important;margin:0 0 10px!important;
  position:sticky!important;top:0!important;z-index:4!important;
 }
 body.pg772-meme #panel .creative-tabs button{width:100%!important;min-width:0!important;max-width:none!important}
 body.pg772-meme #meme-caption-list .pg759-editor{width:100%!important;margin:0!important;padding:10px!important;min-width:0!important;max-width:100%!important}
 body.pg772-meme #meme-caption-list .pg759-tabs{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;gap:6px!important}
 body.pg772-meme #meme-caption-list .pg759-tab{flex:0 0 auto!important;min-width:65px!important;max-width:95px!important}
 body.pg772-meme #meme-caption-list .pg759-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
 body.pg772-meme #meme-caption-list .pg759-tool{width:100%!important;min-width:0!important;max-width:none!important;min-height:55px!important}
 body.pg772-meme #quick-sidebar textarea{width:100%!important;max-width:100%!important;min-height:75px!important;max-height:135px!important;font-size:16px!important;resize:none!important;overflow-y:auto!important}
 body.pg772-meme #quick-sidebar select,body.pg772-meme #quick-sidebar input{max-width:100%!important}
 /* Native select popovers remain browser-controlled; avoid explicit focus scroll jumps. */
 body.pg772-meme #panel .pg759-content{width:100%!important;max-width:100%!important}
}
/* v73: use the visible viewport, including the phone keyboard. */
@media(max-width:900px){
 body.pg772-meme.panel-open #quick-sidebar{top:calc(var(--pg73-viewport-top,0px) + 48px)!important;bottom:auto!important;height:min(72dvh,calc(var(--pg73-viewport-height,100dvh) - 136px))!important;max-height:calc(var(--pg73-viewport-height,100dvh) - 64px)!important;min-height:100px!important}
 body.pg772-meme #pg62-text-done,body.pg772-meme .mobile-keyboard-done,body.pg772-meme .pg759-footer .pg770-back{display:none!important}
 body.pg772-meme #quick-sidebar #panel{overscroll-behavior:contain;scroll-padding-block:12px}
 body.pg772-meme #quick-sidebar .pg759-tabs{position:relative!important;top:auto!important}
 body.pg772-meme #quick-sidebar .pg759-fontline,body.pg772-meme #quick-sidebar .pg759-style-line{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 body.pg772-meme #quick-sidebar .pg759-entry textarea{font-size:16px!important;touch-action:manipulation}
 dialog{max-width:calc(100vw - 20px)!important;max-height:calc(var(--pg73-viewport-height,100dvh) - 24px)!important;box-sizing:border-box!important;overflow:auto!important}dialog input:not([type=range]):not([type=color]),dialog textarea,dialog select{font-size:16px!important;max-width:100%;box-sizing:border-box}
}