.tool[data-tool=qr-code-scanner] .qr-frame{aspect-ratio:4/3;border-radius:var(--r-md);background:#111;place-items:center;inline-size:100%;max-inline-size:32rem;display:grid;position:relative;overflow:hidden}.tool[data-tool=qr-code-scanner] .qr-video{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.tool[data-tool=qr-code-scanner] .qr-idle{padding:var(--space-3);text-align:center;color:#ddd;margin:0;position:relative}.tool[data-tool=qr-code-scanner] .qr-file{cursor:pointer;position:relative;overflow:hidden}.tool[data-tool=qr-code-scanner] .qr-file.disabled{opacity:.5;pointer-events:none}.tool[data-tool=qr-code-scanner] .qr-file-input{opacity:0;cursor:pointer;inline-size:100%;position:absolute;inset:0}.tool[data-tool=qr-code-scanner] .qr-h{margin-block:0 var(--space-2);font-size:1.125rem}.tool[data-tool=qr-code-scanner] .qr-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=qr-code-scanner] .qr-item{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);display:grid}.tool[data-tool=qr-code-scanner] .qr-value{overflow-wrap:anywhere;white-space:pre-wrap}