.fts-qo-scan-wrap { display: flex; gap: .5rem; align-items: end; }
.fts-qo-scan-wrap > input { min-width: 0; flex: 1 1 auto; }
.fts-qo-scan-button { white-space: nowrap; }
.fts-qo-scanner-modal[hidden] { display: none; }
.fts-qo-scanner-modal { position: fixed; z-index: 2147483647 !important; inset: 0; display: grid; place-items: center; padding: 1rem; background: rgba(0,0,0,.7); }
.fts-qo-scanner-dialog { width: min(100%, 34rem); overflow: hidden; border-radius: .5rem; background: #fff; box-shadow: 0 1rem 3rem rgba(0,0,0,.35); }
.fts-qo-scanner-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; }
.fts-qo-scanner-header h2 { margin: 0; font-size: 1.125rem; }
.fts-qo-scanner-close { border: 0; background: transparent; color: inherit; font-size: 1.75rem; line-height: 1; cursor: pointer; }
.fts-qo-scanner-video { display: block; width: 100%; max-height: 70vh; background: #111; object-fit: cover; }
.fts-qo-scanner-status { margin: 0; padding: 1rem; color: #50575e; }