/* The screenshot's own box shrinks proportionally; no clipping or letterboxing. */
.public-site .screen-preview{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;min-width:0;padding:20px;text-decoration:none;color:var(--rd-muted);background:#edf2f3;border-radius:8px;cursor:zoom-in}
.public-site .screen-preview picture{display:flex;justify-content:center;max-width:100%;min-width:0;border:0;border-radius:0;background:transparent;overflow:visible}
.public-site .screen-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:420px;object-fit:contain;border:1px solid #dce3e6;border-radius:5px;background:#fff;box-shadow:0 4px 16px #121a2008}
.public-site .landing-screen .screen-preview img{max-height:330px}
.screen-preview-hint{display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px;font-size:14px;line-height:1.5;color:#53646c}
.screen-preview-hint svg{width:16px;height:16px}
.screen-preview:hover .screen-preview-hint{text-decoration:underline;color:#126b77}
.screen-preview:focus-visible{outline:2px solid #126b77;outline-offset:4px}
.public-site .feature-scene{align-self:start}
.public-site .feature-scene[aria-hidden="true"]{display:none}
.public-site .feature-scene figcaption{margin:0}
.screen-viewer{width:min(1120px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:10px;background:#f5f7f8;color:#182329;overflow:hidden}
.screen-viewer[open]{display:flex;flex-direction:column}
.screen-viewer::backdrop{background:#10191fd9}
.screen-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:8px 12px;border-bottom:1px solid #dce3e6;background:#fff}
.screen-viewer-header h2{min-width:0;margin:0;font-size:16px;font-weight:500;line-height:1.5}
.screen-viewer-actions{display:flex;gap:4px;flex-shrink:0}
.screen-viewer-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px;border:0;border-radius:5px;background:transparent;color:#182329;font-size:14px;cursor:pointer;touch-action:manipulation}
.screen-viewer-actions button:hover{background:#edf2f3}
.screen-viewer-actions button:focus-visible{outline:2px solid #126b77;outline-offset:-2px}
.screen-viewer-close{font-size:26px!important}
.screen-viewer-content{min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}
.screen-viewer-content img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);margin:auto;border-radius:4px;background:#fff}
.screen-viewer.is-original .screen-viewer-content img{max-width:none;max-height:none;margin:0 auto}
html.screen-viewer-open{overflow:hidden}
@media(max-width:767px){
 .public-site .screen-preview{padding:16px;gap:10px}
 .public-site .screen-preview img,.public-site .landing-screen .screen-preview img{width:auto;height:auto;max-width:100%;max-height:280px}
 .screen-viewer{width:calc(100% - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
 .screen-viewer-header{gap:8px;padding:6px 8px}
 .screen-viewer-header h2{font-size:14px}
 .screen-viewer-content{padding:8px}
}