#qr-dialog{width: min(620px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:24px;border:1px solid #3c3543;border-radius:18px;background:#151219;color:#f5f1f6;overflow:auto;box-sizing:border-box}
#qr-dialog::backdrop{background:#09060dcc;backdrop-filter:blur(4px)}
.qr-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.qr-heading h2{font-size:24px;margin:8px 0 0}.qr-heading .btn{flex-shrink:0}
#qr-dialog p{line-height:1.55;margin:12px 0}#qr-dialog .actions{margin:16px 0;flex-wrap:wrap}#qr-dialog .form-grid{grid-template-columns:1fr 1fr}.qr-wide{grid-column:1/-1}
#qr-dialog .muted,#qr-dialog .settings-text,#qr-dialog .field{color:#cbc3d3}
.qr-code-wrap{display:flex;justify-content:center;padding:6px;background:white;border-radius:10px;margin-top:16px;overflow:hidden}
@media(min-width:720px){#qr-dialog.qr-sending{width:min(880px,calc(100vw - 24px))}.qr-sending #qr-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:24px;align-items:start}.qr-sending #qr-body>p:first-child{grid-column:1/-1}.qr-sending .qr-code-wrap{grid-column:1;grid-row:2/6;margin-top:0}.qr-sending .qr-counter{grid-column:2;grid-row:2}.qr-sending .qr-playback{grid-column:2;grid-row:3}.qr-sending .help-box{grid-column:2;grid-row:4}.qr-sending #qr-body>p.small{grid-column:2;grid-row:5}.qr-sending #qr-body>.actions:last-child{grid-column:1/-1;margin-bottom:0}}
#qr-code{width:min(100%,420px)!important;height:auto!important;aspect-ratio:1;image-rendering:pixelated;display:block}
.qr-counter{text-align:center;font-variant-numeric:tabular-nums;font-size:17px}.qr-playback{justify-content:center}.qr-playback .field{width:100%}
.qr-video-wrap{position:relative;background:#08070a;border:1px solid #443c4a;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.qr-video-wrap video{display:block;width:100%;height:100%;object-fit:contain}.qr-video-wrap span{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:white;text-shadow:0 1px 4px #000}
.qr-file-label{position:relative;overflow:hidden;cursor:pointer}.qr-file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.qr-file-label:focus-within{outline:2px solid #fa69a7;outline-offset:3px}
#qr-progress-bar{display:block;width:100%;height:12px;margin-top:14px;accent-color:#ed3985}.qr-review{border:1px solid #665160;border-radius:12px;padding:18px;margin:16px 0}.qr-counts{display:flex;gap:10px;justify-content:space-around;padding:16px 0}.qr-counts span{text-align:center;color:#bcb3c3}.qr-counts strong{display:block;font-size:24px;color:#fff}.qr-success{text-align:center;font-size:48px;color:#7fe1aa}.qr-report-list{max-height:200px;overflow:auto;font-size:13px;line-height:1.8;padding-left:24px}.qr-launch{border-color:#733451}.qr-launch .panel-body>p{max-width:720px}
@media(max-width:480px){#qr-dialog{padding:16px}.qr-heading h2{font-size:21px}.qr-heading .btn{padding:8px 10px}.qr-playback .btn{padding:10px;font-size:12px}#qr-dialog .form-grid{grid-template-columns:1fr}.qr-wide{grid-column:auto}}

.qr-counts[hidden]{display:none}