html,body{height:100%;overflow:hidden;background:white}.qr-page-nav{height:60px;display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 12px;font-size:14px}.qr-page-nav label{display:flex;gap:8px;align-items:center}.qr-page-nav button,.qr-page-nav select{font:inherit;border:1px solid #bac8d4;background:white;padding:8px 12px;border-radius:4px}.qr-page-nav span{color:#526575;font-size:12px}.qr-stage{height:calc(100dvh - 60px);display:grid;place-items:center}.qr-frame{position:relative;overflow:hidden;background:white}.qr-frame>img{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}.qr-window{position:absolute;overflow:hidden;contain:strict;background:white}.qr-window iframe{display:block;border:0;background:white;transform-origin:0 0}@media(max-width:650px){.qr-page-nav{gap:10px;font-size:12px}.qr-page-nav span{display:none}.qr-page-nav button,.qr-page-nav select{padding:8px}}
.qr-stage{height:calc(100dvh - var(--nav-height,60px))}#mode-note{color:#8a451c}@media(max-width:650px){.qr-page-nav{height:auto;min-height:60px;flex-wrap:wrap;gap:6px 10px}.qr-page-nav span{display:block;flex-basis:100%;text-align:center;order:5}}