:root{color-scheme:dark;--bg:#0e141d;--surface:#151d28;--line:#2b3544;--text:#f0f3f9;--muted:#a0aec1;--blue:#8fbaff;--green:#a1e7bf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}button,a,label,input,select{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue)}[hidden]{display:none!important}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{max-width:1320px;margin:auto;min-height:100px;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:30px;font-weight:750;letter-spacing:-1.5px}.brand svg{fill:var(--blue);stroke:none;width:28px;height:28px}.brand-divider{width:1px;height:22px;background:var(--line);margin:0 12px}.brand-caption{font-size:12px;letter-spacing:1.7px;font-weight:500;color:var(--muted)}.local-label{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.local-label svg{width:16px;height:16px}main{max-width:1224px;margin:auto;padding:38px 32px 24px}.title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:650;margin:0 0 6px}h1{font-size:clamp(26px,3vw,38px);line-height:1.25;font-weight:550;letter-spacing:-1.2px;margin:0}.version{font-family:ui-monospace,monospace;font-size:12px;color:#7e8ca0;letter-spacing:1px;padding-bottom:5px}.mode-switch{display:flex;width:fit-content;padding:4px;gap:4px;background:#080d14;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.mode{border:0;background:transparent;color:var(--muted);padding:10px 23px;display:flex;gap:10px;align-items:center;border-radius:6px;font-size:14px;font-weight:600}.mode svg{width:18px;height:18px}.mode.active{color:var(--text);background:#273244;box-shadow:0 1px 4px #0003}.mode:hover{color:var(--text)}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px}.controls{padding:5px 0 0;min-width:0}.section-heading{display:flex;align-items:center;gap:10px;margin:0 0 16px}h2{font-size:16px;font-weight:580;margin:0}.step-number{font-family:ui-monospace,monospace;color:var(--blue);font-size:12px}.dropzone{position:relative;display:flex;align-items:center;text-align:center;flex-direction:column;gap:5px;border:1px dashed #47566c;border-radius:10px;padding:23px 12px;background:#151e2a;cursor:pointer;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.over,.dropzone:focus-within{background:#1b2b40;border-color:var(--blue)}.dropzone svg{width:32px;height:32px;color:var(--blue);margin-bottom:8px}.dropzone strong{font-size:15px;font-weight:550;max-width:100%;overflow-wrap:anywhere}.dropzone span{font-size:13px;color:var(--muted)}.dropzone input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer}.dropzone.busy{opacity:.6}.settings-heading{margin-top:26px}.field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:10px}.field-label span{color:var(--blue);font-family:ui-monospace,monospace;font-size:13px}input[type=range]{width:100%;margin:4px 0;height:22px;accent-color:var(--blue);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:#8494ab;margin:0 0 17px}select{width:100%;border:1px solid #39475b;border-radius:7px;padding:11px 34px 11px 12px;color:var(--text);background:#192330;font-size:14px}select:disabled{opacity:.5}.hint{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0 18px}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;color:#0d1d33;background:var(--blue);border:1px solid var(--blue);border-radius:7px;font-size:15px;font-weight:650;min-height:50px;text-decoration:none}.primary:not(:disabled):hover{background:#adcfff;border-color:#adcfff}.primary span{font-size:20px;line-height:1}.primary svg{width:20px;height:20px}.message{font-size:13px;color:var(--muted);margin:11px 0 20px;min-height:40px;overflow-wrap:anywhere}.message.error{color:#ffb3ab}.local-note{border-top:1px solid var(--line);padding-top:16px;color:#8393aa;font-size:12px;line-height:1.7}.stage-column{min-width:0}.stage{position:relative;display:flex;flex-direction:column;min-height:434px;aspect-ratio:1.3;background:#111923;border:1px solid var(--line);border-radius:12px;overflow:hidden}.stage-toolbar{height:52px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;z-index:2}.status-label{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:1.2px;color:#a2b1c6}.status-label.live{color:var(--blue)}.status-label.success{color:var(--green)}.icon-button{display:grid;place-items:center;width:32px;height:32px;background:transparent;border:0;color:var(--muted);border-radius:4px}.icon-button:hover{color:var(--text);background:#283346}.icon-button svg{width:18px;height:18px}.empty-code{margin:auto;text-align:center;padding:20px}.viewfinder{position:relative;display:grid;place-items:center;width:120px;height:120px;margin:0 auto 26px;background:linear-gradient(var(--line),var(--line)) left top/24px 1px no-repeat,linear-gradient(var(--line),var(--line)) left top/1px 24px no-repeat,linear-gradient(var(--line),var(--line)) right top/24px 1px no-repeat,linear-gradient(var(--line),var(--line)) right top/1px 24px no-repeat,linear-gradient(var(--line),var(--line)) left bottom/24px 1px no-repeat,linear-gradient(var(--line),var(--line)) left bottom/1px 24px no-repeat,linear-gradient(var(--line),var(--line)) right bottom/24px 1px no-repeat,linear-gradient(var(--line),var(--line)) right bottom/1px 24px no-repeat}.viewfinder svg{width:70px;height:70px;fill:#607b9e;stroke:none}.camera-finder svg{fill:none;stroke:#607b9e;stroke-width:2}.empty-code h3{font-size:18px;font-weight:500;color:#c0cddd;margin:0 0 9px}.empty-code p{font-size:14px;line-height:1.7;color:#8494aa;margin:0}.stage-bottom{padding:15px 20px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#95a5bb;min-height:48px;z-index:2}.stage-bottom span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-bottom span:last-child{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.9px;flex-shrink:0}.qr-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 12px}#qr-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:9px;margin-top:16px;padding:17px 0}.metrics>div{padding:0 20px;min-width:0}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{display:block;font-size:12px;letter-spacing:1.1px;color:#8999af;margin-bottom:7px}.metrics strong{font-family:ui-monospace,monospace;font-size:18px;font-weight:450;white-space:nowrap}.stage-note{font-size:12px;color:#8e9fb5;margin:13px 2px 0}.help{border-top:1px solid var(--line);margin-top:34px}.help summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:20px 0;font-size:14px;color:#b5c3d5}.help summary::-webkit-details-marker{display:none}.help summary span{font-size:20px;color:var(--blue)}.help[open] summary span{transform:rotate(45deg)}.help-content{max-width:920px;padding:0 0 15px}.help-content p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:0}.help-content strong{color:var(--text);font-weight:500}footer{max-width:1160px;padding:0 0 28px;margin:auto;display:flex;justify-content:space-between;gap:16px;color:#718198;font-size:12px}.receive-intro{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 22px}.camera-label{margin-top:18px}.receive-progress{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.progress-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.progress-title span{overflow-wrap:anywhere;min-width:0}.progress-title strong{color:var(--blue);font-family:ui-monospace,monospace}progress{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#273445;margin:15px 0 8px}progress::-webkit-progress-bar{background:#273445}progress::-webkit-progress-value{background:var(--blue);border-radius:10px}progress::-moz-progress-bar{background:var(--blue)}.progress-detail{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.text-button{background:none;border:0;color:var(--blue);padding:5px;font-size:13px}.camera-stage video{position:absolute;width:100%;height:100%;object-fit:contain;background:#070c12}.camera-stage:has(video:not([hidden])) .stage-toolbar,.camera-stage:has(video:not([hidden])) .stage-bottom{background:#0b111ce6}.camera-stage .stage-bottom{margin-top:auto}.camera-stage .empty-code{z-index:1}.tiny-label{font-size:12px;color:var(--muted)}.verified{display:flex;gap:12px;align-items:center;background:#123126;color:var(--green);border:1px solid #28553f;border-radius:8px;padding:13px;margin:22px 0 13px}.verified-icon{font-size:24px}.verified strong{font-size:14px}.verified p{font-size:12px;margin:3px 0 0}.download{background:var(--green);border-color:var(--green)}.stage:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;aspect-ratio:auto;background:#0e141d}.stage:fullscreen .qr-wrap{padding:0 28px}.stage:fullscreen #qr-canvas{max-width:100%;max-height:calc(100dvh - 100px)}
@media(min-width:1100px){.stage{height:500px;aspect-ratio:auto}}@media(max-width:850px){.header{padding:20px 28px;min-height:84px}.brand-caption{display:none}.brand-divider{display:none}.workspace{grid-template-columns:270px minmax(0,1fr);gap:24px}.stage{min-height:390px;aspect-ratio:auto}.metrics>div{padding:0 12px}.metrics strong{font-size:15px}.metrics span{font-size:12px;letter-spacing:.5px}footer{padding:0 32px 24px}}@media(max-width:640px){.header{padding:16px 20px;min-height:72px}.brand{font-size:27px}.local-label{font-size:12px;max-width:135px;line-height:1.4}.local-label svg{display:none}main{padding:26px 20px 16px}.title-row{margin-bottom:21px}.eyebrow{font-size:12px}.version{display:none}.workspace{grid-template-columns:1fr;gap:22px}.mode-switch{width:100%;margin-bottom:24px}.mode{flex:1;justify-content:center;padding:10px}.dropzone{padding:19px 12px}.settings-heading{margin-top:22px}.local-note{display:none}.message{margin-bottom:0;min-height:0}.stage{min-height:370px;aspect-ratio:auto;height:430px}.metrics>div{padding:0 14px}.metrics strong{font-size:16px}.stage-note{font-size:12px}.controls .hint{margin-bottom:16px}.help{margin-top:27px}footer{padding:0 20px 24px;flex-direction:column;gap:5px}.receive-progress{margin-top:24px}.receive-intro{font-size:15px}.stage:fullscreen{height:100dvh}.stage-toolbar{padding:0 14px}.stage-bottom{padding:12px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

footer a{color:var(--muted);text-underline-offset:4px}footer a:hover{color:var(--blue)}
.scan-options{border:1px solid var(--line);border-radius:7px;padding:0 12px}.scan-options summary{cursor:pointer;padding:10px 0;font-size:14px;color:var(--blue)}.scan-options[open] summary{margin-bottom:8px}.scan-options .hint{margin-bottom:12px}textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:380px){.metrics>div{padding:0 8px}.metrics span{font-size:10px;letter-spacing:0}.metrics strong{font-size:14px}.mode{font-size:13px;gap:6px}}
.input-switch{display:flex;gap:4px;padding:3px;background:#080d14;border:1px solid var(--line);border-radius:7px;margin-bottom:16px}.input-switch button{flex:1;font-size:14px;padding:8px 6px;border:0;background:none;color:var(--muted);border-radius:4px}.input-switch button.active{background:#273244;color:var(--text)}textarea{display:block;width:100%;padding:12px;color:var(--text);background:#111923;border:1px solid #39475b;border-radius:7px;resize:vertical;font:400 16px/1.6 ui-sans-serif,system-ui,sans-serif;min-height:100px}.parallel-label{margin-top:15px}.secondary{margin-top:9px;border:1px solid #435978;border-radius:7px;color:var(--blue);background:#1a2739;padding:10px 15px;font-size:14px;width:100%}#received-text-wrap{margin-top:18px}.qr-wrap{gap:16px}.qr-wrap.stacked{flex-direction:column}.qr-wrap canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated;flex-shrink:0}.stage:fullscreen .qr-wrap canvas{max-height:calc(100dvh - 100px)}.controls .primary{scroll-margin-top:20px}@media(max-width:640px){.qr-wrap{gap:10px}}