.viewer{padding:20px}
.viewerHead,.viewerHeadActions,.remoteKeys{display:flex;align-items:center;justify-content:space-between;gap:12px}
.viewerHead h2{margin-top:6px}
.screenWrap{display:flex;justify-content:center;margin:20px 0}
.screenStage{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,520px);min-height:560px;max-height:76vh;overflow:hidden;background:#02060b;border:1px solid #315273;border-radius:18px;touch-action:none;user-select:none}
.screenStage img{display:none;max-width:100%;max-height:76vh;object-fit:contain;cursor:crosshair}
.screenStage img.ready{display:block}
.screenPlaceholder{padding:32px;max-width:360px;text-align:center;color:#8fa2bb;line-height:1.6}
.remoteKeys{justify-content:center}
.remoteKeys button{min-width:120px}
.viewerHint{text-align:center;color:#8198b3;font-size:12px;margin:14px 0 0}
@media(max-width:640px){.viewerHead,.viewerHeadActions{align-items:stretch;flex-direction:column}.screenStage{min-height:420px}.remoteKeys button{min-width:0;flex:1;padding:10px 6px}}