.scanner { display:grid; gap:14px; min-width:0; }
.scanner p { margin:0; }
.scanner-nome { display:grid; gap:6px; font-size:13px; color:var(--tinta-2); }
.scanner-acoes,.scanner-ferramentas { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.scanner .botao { min-height:44px; }
.scanner-video { width:100%; max-height:45dvh; object-fit:contain; background:#151513; border-radius:14px; }
.scanner-palco { position:relative; width:min(100%,480px); margin:10px auto; background:var(--superficie-2); border:1px solid var(--borda-forte); border-radius:4px; }
.scanner-palco canvas { display:block; width:100%; height:auto; }
.scanner-cantos { position:absolute; inset:0; }
.scanner-cantos svg { width:100%; height:100%; position:absolute; inset:0; pointer-events:none; }
.scanner-cantos polygon { fill:rgba(251,197,96,.08); stroke:var(--acento,#fbc560); stroke-width:.6; }
.scanner-alca { position:absolute; width:40px; height:40px; border-radius:50%; border:2px solid var(--acento,#fbc560); background:rgba(25,23,18,.65); transform:translate(-50%,-50%); touch-action:none; cursor:move; padding:0; }
.scanner-alca::after { content:''; display:block; margin:auto; width:9px; height:9px; background:#fbc560; border-radius:50%; }
.scanner-alca:focus-visible { outline:3px solid var(--tinta); outline-offset:3px; }
.scanner-paginas { display:flex; gap:9px; overflow-x:auto; padding:4px 2px; }
.scanner-miniatura { flex:0 0 66px; display:grid; gap:4px; padding:5px; border:1px solid var(--borda); border-radius:9px; background:var(--superficie); color:var(--tinta); font:inherit; cursor:pointer; }
.scanner-miniatura.ativa { border-color:var(--acento,#fbc560); box-shadow:0 0 0 1px var(--acento,#fbc560); }
.scanner-miniatura img { width:54px; height:70px; object-fit:contain; }
.scanner-ferramentas select { flex:1 1 190px; min-height:44px; }
.scanner-final { justify-content:space-between; padding-top:8px; border-top:1px solid var(--borda); }
.scanner-final .botao:last-child { margin-left:auto; }
.scanner-ajuda { font-size:12px; }
.scanner [hidden] { display:none!important; }
.leitor-importacoes { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.leitor-cab-lista { flex-wrap:wrap; gap:12px; }
.chat-anexo-preview:has(.chat-anexo-pagina) { display:flex; flex-wrap:wrap; gap:8px; }
.chat-anexo-pagina { display:flex; align-items:center; gap:8px; padding:6px; border:1px solid var(--borda); border-radius:10px; min-width:0; max-width:100%; }
.chat-anexo-pagina img { width:48px; height:64px; object-fit:contain; }
.chat-anexo-pagina .chat-anexo-info { overflow-wrap:anywhere; }