*{margin:0;padding:0;box-sizing:border-box}body{background:#000;display:flex;justify-content:center;align-items:center;min-height:100dvh}.scanner{position:relative}video{display:block;width:auto;height:auto;max-width:100vw;max-height:100dvh}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#result{position:fixed;bottom:24px;left:0;right:0;padding:0 12px;color:#fff;font-family:monospace;font-size:24px;text-align:center;word-break:break-all}