/* Lossless screenshots keep their complete aspect ratio. */
.screenshot-tabs img{opacity:1}
#screenshot-image{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
#screenshot-dialog{width:min(1520px,calc(100% - 40px));max-width:calc(100% - 40px);overflow:hidden}
.screenshot-dialog-bar{position:relative;flex-wrap:wrap;gap:12px}
.screenshot-dialog-actions{display:flex;align-items:center;gap:10px}
.screenshot-dialog-actions .button{min-height:42px;padding:8px 14px;font-size:13px;white-space:nowrap}
.screenshot-dialog-actions .button:hover{transform:none}
#screenshot-zoom{min-width:110px}
#screenshot-zoom[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#screenshot-viewport{max-height:calc(90dvh - 150px);overflow:auto;overscroll-behavior:contain;background:#f1f2f6;scrollbar-gutter:stable}
#screenshot-full{display:block;max-width:none;height:auto;margin:0 auto}
#screenshot-viewport.is-native #screenshot-full{margin:0}
#screenshot-dialog>p{margin:0;padding:12px 20px}
@media(max-width:600px){
  #screenshot-dialog{width:calc(100% - 16px)}
  .screenshot-dialog-bar{padding:12px;gap:10px}
  .screenshot-dialog-bar h2{font-size:15px}
  .screenshot-dialog-actions{gap:6px}
  .screenshot-dialog-actions .button{font-size:12px;padding:7px 9px}
  .screenshot-dialog-actions .circle-button{width:34px;height:34px;flex-shrink:0}
  #screenshot-viewport{max-height:calc(90dvh - 180px)}
  #screenshot-dialog>p{font-size:12px;padding:10px 12px}
}

.workspace-login{font-size:14px;white-space:nowrap;color:var(--ink);padding:12px 0}
@media(max-width:1100px){.nav-actions .workspace-login{display:none}}