/* App instalável: caixa "Instalar app" e visualizador com Voltar. */
.install-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px dashed var(--line);border-radius:8px}
.install-box .hint{margin-top:2px}
@media (display-mode:standalone){.install-box,#btn-install{display:none!important}}
.viewer{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink)}
.viewer::backdrop{background:rgba(0,0,0,.6)}
.viewer[open]{display:flex;flex-direction:column}
.viewer-bar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;border-bottom:1px solid var(--line);background:var(--surface)}
.viewer-title{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.viewer-body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0px)}
.viewer-body img{max-width:100%;height:auto;display:block;margin:auto}
.viewer-body iframe{width:100%;height:100%;border:0;background:#fff}
.viewer-body .hint{padding:24px;text-align:center}