.before-after{position:relative;display:grid;border-radius:var(--nb-radius-md);overflow:hidden;background:var(--nb-chip);max-inline-size:100%;user-select:none}.before-after.checker,.qr-preview.checker{background:repeating-conic-gradient(var(--nb-rule) 0 25%,var(--nb-panel) 0 50%) 0 0 / 20px 20px}.before-after img{grid-area:1 / 1;inline-size:100%;max-block-size:520px;object-fit:contain;display:block}.before-after .ba-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.before-after .ba-line{position:absolute;inset-block:0;inset-inline-start:var(--pos);inline-size:2px;margin-inline-start:-1px;background:var(--nb-fur);pointer-events:none}.before-after .ba-tag{position:absolute;inset-block-start:8px;padding-block:2px;padding-inline:8px;border-radius:var(--nb-radius-pill);background:var(--nb-panel);color:var(--nb-ink);font-size:var(--nb-text-xs);font-weight:700;pointer-events:none}.before-after .ba-tag-start{inset-inline-start:8px}.before-after .ba-tag-end{inset-inline-end:8px}.before-after input[type=range]{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:ew-resize}.before-after:focus-within .ba-line{inline-size:4px;margin-inline-start:-2px}.source-preview{inline-size:100%;max-block-size:360px;object-fit:contain;border-radius:var(--nb-radius-md);background:var(--nb-chip)}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:20px;align-items:start}@media(max-width:760px){.qr-layout{grid-template-columns:minmax(0,1fr)}}.qr-preview{display:grid;gap:8px;justify-items:center;padding:12px;border-radius:var(--nb-radius-md);border:1px solid var(--nb-rule)}.qr-preview img{inline-size:100%;max-inline-size:296px;aspect-ratio:1;image-rendering:pixelated}.qr-fields{display:grid;gap:12px}.qr-fields label{display:grid;gap:6px}.qr-fields textarea{min-block-size:96px;resize:vertical}.check{display:inline-flex!important;align-items:center;gap:8px}.scan-video{inline-size:100%;max-block-size:420px;border-radius:var(--nb-radius-md);background:#000;object-fit:cover}.payload{overflow-wrap:anywhere;white-space:pre-wrap}.findings li.field{grid-template-columns:minmax(90px,max-content) 1fr}@media(max-width:520px){.findings li.field{grid-template-columns:1fr}}