.ni-scanner{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d6c49e;border-radius:16px;padding:20px;background:#fffdf8;color:#263238;box-shadow:0 18px 60px #0004}
.ni-scanner::backdrop{background:#0009}
.ni-scanner header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ni-scanner h3{margin:0;font-size:20px}
.ni-scanner button{min-height:44px;padding:10px 14px;border:1px solid #b18b35;border-radius:8px;background:#fff6de;color:#423516;cursor:pointer;font:inherit}
.ni-scanner button:disabled{opacity:.6;cursor:wait}
.ni-scanner [data-scan-close]{font-size:24px;line-height:1}
.ni-scanner-actions{display:flex;gap:10px;flex-wrap:wrap}
.ni-scanner-actions button{flex:1 1 200px}
.ni-scanner video{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#111;border-radius:10px;margin-top:16px}
.ni-scanner video[hidden]{display:none}
.ni-scanner p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}