html body #screenshotViewer{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1280px,calc(100vw - 72px));height:min(84dvh,var(--tg-viewer-height,720px));max-height:calc(100dvh - 48px);max-width:none;margin:0;padding:0;border:1px solid #aaa0d238;border-radius:23px;background:#10131f;box-shadow:0 25px 90px #0008;overflow:hidden;zoom:var(--tg-card-inverse-zoom,1)}
html body #screenshotViewer[open]::backdrop{background:#050710b8;backdrop-filter:none;-webkit-backdrop-filter:none}
html body #screenshotViewer .viewer-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;gap:12px;background:linear-gradient(110deg,#202139,#14232c);font:500 13px/1.4 system-ui;color:#adb6cd;border-bottom:1px solid #ffffff0c;flex:none}
html body #screenshotViewer .viewer-toolbar button{border:1px solid #b5b0d629;background:#ffffff05;border-radius:11px;min-width:40px;min-height:40px;padding:7px 11px;font:500 22px/1 system-ui;color:#e0e5f1;transition:background-color .16s,border-color .16s}
html body #screenshotViewer .viewer-pagination{gap:9px}
html body #screenshotViewer .viewer-pagination span{font-size:12px;font-weight:500;min-width:40px;text-align:center}
html body #screenshotViewer #viewerZoom{display:none}
html body #screenshotViewer .viewer-toolbar>div:last-child{justify-self:end}
html body #screenshotViewer #viewerStage,html body #screenshotViewer #viewerStage.zoomed{position:relative;display:block;flex:1 1 auto;min-height:80px;padding:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:grab;contain:layout paint;background:radial-gradient(ellipse at center,#202436,#10131f 75%)}
html body #screenshotViewer #viewerStage:active{cursor:grabbing}
html body #screenshotViewer #viewerImage,html body #screenshotViewer #viewerStage.zoomed #viewerImage{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:none;max-height:none;min-height:0;object-fit:contain;border-radius:6px;transform-origin:50% 50%;user-select:none;-webkit-user-drag:none;transition:none}
html body #screenshotViewer .tg-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 17px;border-top:1px solid #ffffff0b;font:400 12px/1.4 system-ui;color:#8e9bb4}
html body #screenshotViewer .tg-viewer-footer output{font-variant-numeric:tabular-nums;color:#bfcae0;font-size:12px}
@media(max-width:700px){html body #screenshotViewer{width:calc(100vw - 24px);max-height:calc(100dvh - var(--safe-top,0px) - var(--safe-bottom,0px) - 32px);border-radius:19px;zoom:1}html body #screenshotViewer .viewer-toolbar{padding:10px 11px;grid-template-columns:1fr auto}html body #screenshotViewer .viewer-toolbar>span{display:none}html body #screenshotViewer .tg-viewer-footer{font-size:11px;padding:10px 13px}}
html body .premium-dialog.tg-browser-premium .premium-methods [data-payment-method=crypto]{grid-column:1;grid-row:1;background:linear-gradient(110deg,#7958c9,#427fb5);color:white;font-size:15px;font-weight:600;min-height:50px}
html body .premium-dialog.tg-browser-premium .premium-methods .premium-payment-info{grid-row:1}
html body .premium-dialog.tg-browser-premium .premium-methods [data-payment-method=stars]{grid-row:2;grid-column:1/-1;background:#ffffff06;border:1px solid #aaa5d52b;color:#c8c4db;font-size:13px;min-height:44px}
