.demo-banner{background:#f0dfbc;color:#263c34;text-align:center;font:600 13px/1.35 system-ui;padding:8px 14px;min-height:34px}.app{height:calc(100dvh - 34px)}
#hero,#crear,#grabados,#solBtn,#vqr{display:none!important}.brand{white-space:nowrap}.tag{font-size:11px!important}.qr{font-size:14px;color:#476557}
.fbar{top:64px!important}.fbar .tag{font-size:13px!important;line-height:1.4}.fbar .tag small{font-size:11px!important}
@media(max-width:820px){.demo-banner{font-size:11px;min-height:46px}.app{height:calc(100dvh - 46px)}.top .tag{display:none}.modes{max-width:95%;flex-wrap:wrap}.modes button{font-size:12px;padding:9px 10px}}
@media(max-width:820px){.tools{display:none!important}.modes{left:8px;right:8px;max-width:none;flex-wrap:nowrap}.modes button{font-size:10.5px;padding:9px 8px;white-space:nowrap;flex:1}.fbar{left:8px;max-width:calc(100% - 16px)}.fbar .tag{font-size:12px!important}.fbar button{display:none}.fbar .tag small{display:block;margin-left:0;font-size:10px!important}}
@media(max-width:820px){.fbar .tag{display:block!important}.fgo{bottom:105px!important;left:110px!important;right:8px!important;justify-content:center;transform:none!important;gap:4px!important}.fgo button{font-size:11px!important;padding:9px!important}.fmap{bottom:105px!important;width:88px!important}.gfab{bottom:48px!important}}
@media(max-width:820px){.hint{display:none!important}}