.qr-media-viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#101010;color:white;box-sizing:border-box}
.qr-media-viewer[open]{display:flex;flex-direction:column}
.qr-media-viewer::backdrop{background:#101010}
.qr-media-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#1854df;flex-shrink:0;font:600 16px system-ui,sans-serif}
.qr-media-viewer button{border:1px solid #ffffff80;border-radius:10px;padding:12px 18px;background:white;color:#123a91;font:700 16px system-ui,sans-serif;cursor:pointer}
.qr-media-content{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px 8px calc(12px + env(safe-area-inset-bottom));font:16px system-ui,sans-serif}
.qr-media-content img{display:block;max-width:100%;max-height:100%;object-fit:contain}