/* v71.47: Mobile pre-resize image dialog — compact and always-accessible actions. */
@media (max-width:760px) {
  #pg-pre-resize[open] {
    display:flex!important;
    flex-direction:column!important;
    width:min(480px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
    margin:auto!important;
  }
  #pg-pre-resize .pg-head {
    flex:0 0 auto!important;
    padding:12px 16px!important;
    min-height:58px!important;
  }
  #pg-pre-resize .pg-title strong {font-size:17px!important}
  #pg-pre-resize .pg-title small {font-size:11px!important;margin-top:2px!important}
  #pg-pre-resize .pg-close {width:34px!important;height:34px!important;border-radius:11px!important}
  #pg-pre-resize .pg-body {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:12px 14px 0!important;
  }
  #pg-pre-resize .pg-body>p {font-size:12px!important;line-height:1.4!important;margin:0 0 8px!important}
  #pg-pre-resize .pg-remember {font-size:12px!important;gap:7px!important;margin:5px 0 10px!important}
  #pg-pre-resize .pg-subheading {font-size:10px!important;margin-bottom:7px!important}
  #pg-pre-resize .pg-options {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  #pg-pre-resize .pg-card {
    min-height:94px!important;
    padding:9px 12px!important;
    gap:4px!important;
    border-radius:14px!important;
    justify-content:center!important;
  }
  #pg-pre-resize .pg-icon {width:38px!important;height:29px!important;border-radius:8px!important}
  #pg-pre-resize .pg-icon i {width:24px!important;height:17px!important;border-radius:3px!important}
  #pg-pre-resize .pg-icon i::after {width:11px!important;height:8px!important;right:-5px!important;bottom:-5px!important}
  #pg-pre-resize .pg-card h4 {font-size:14px!important;line-height:1.15!important}
  #pg-pre-resize .pg-card small {font-size:10px!important;line-height:1.2!important}
  #pg-pre-resize .pg-card[aria-pressed=true]::after {width:17px!important;height:17px!important;top:7px!important;right:7px!important;font-size:10px!important}
  #pg-pre-resize #pg-pr-size {margin-top:8px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12px!important}
  #pg-pre-resize .pg-note {font-size:10px!important;line-height:1.3!important;margin-top:7px!important}
  #pg-pre-resize .pg-bottom {
    position:sticky!important;
    bottom:0!important;
    z-index:5!important;
    display:flex!important;
    gap:8px!important;
    padding:10px 0 max(10px,env(safe-area-inset-bottom))!important;
    margin-top:8px!important;
    background:var(--surface,#fff)!important;
    box-shadow:0 -8px 12px -12px rgba(15,23,42,.4)!important;
  }
  #pg-pre-resize .pg-bottom button {min-height:42px!important;padding:8px 12px!important;border-radius:12px!important}
  #pg-pre-resize .pg-bottom .primary {flex:1!important}
}
@media (max-width:760px) and (max-height:600px) {
  #pg-pre-resize .pg-card {min-height:76px!important;padding:5px 9px!important}
  #pg-pre-resize .pg-icon {display:none!important}
  #pg-pre-resize .pg-head {min-height:48px!important;padding:8px 12px!important}
  #pg-pre-resize .pg-body {padding:8px 12px 0!important}
}