.remote-shell{height:75vh;display:flex;flex-direction:column;position:relative;background:#101827;border-radius:12px;overflow:hidden}.remote-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;padding:10px;flex-shrink:0}.remote-viewport{outline:none;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;direction:ltr}.remote-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;user-select:none;touch-action:none}.remote-native{display:block}.remote-native img{max-width:none;max-height:none;width:auto;height:auto}dialog:has(.remote-shell){width:96vw;max-width:96vw}dialog:fullscreen{margin:0;padding:0;border-radius:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#101827}dialog:fullscreen .modal-header,dialog:fullscreen #modalBody>.help{display:none}dialog:fullscreen #modalBody,dialog:fullscreen .remote-shell{width:100%;height:100%;border-radius:0}dialog:fullscreen .remote-bar{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;opacity:.15;border-radius:0 0 12px 12px;max-width:95vw;transition:opacity .15s}dialog:fullscreen .remote-bar:hover,dialog:fullscreen .remote-bar:focus-within{opacity:1}dialog:fullscreen .remote-viewport{height:100%;width:100%}.remote-viewport img:not([src]){min-height:160px}