*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f0f0f0;background:#0a0a0a;height:100%;font-family:sans-serif}#root{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.container{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px;padding:24px;display:flex}.btn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:12px;width:100%;padding:18px;font-size:1.2rem;font-weight:700;transition:background .2s}.btn:active{background:#1d4ed8}.btn.secondary{background:#374151}.btn.secondary:active{background:#1f2937}.scanner-wrapper{border-radius:12px;width:100%;position:relative;overflow:hidden}.result-box{word-break:break-all;white-space:pre-wrap;background:#1f2937;border-radius:12px;width:100%;max-height:300px;padding:16px;font-size:.95rem;line-height:1.6;overflow:auto}.label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;font-size:.85rem}.zoom-row{align-items:center;gap:10px;width:100%;display:flex}.zoom-slider{accent-color:#2563eb;cursor:pointer;flex:1;height:4px}.zoom-label{color:#9ca3af;min-width:24px;font-size:.8rem}.zoom-value{color:#2563eb;font-size:1rem;font-weight:700}.field{color:#f0f0f0;width:100%;font:inherit;box-sizing:border-box;background:#1f2937;border:1px solid #374151;border-radius:10px;padding:11px 12px}.field[type=file]{padding:8px}.field:disabled{opacity:.45}.flabel{color:#9ca3af;font-size:12px}.qrbox{width:280px;max-width:100%;margin:0 auto}.qrbox svg{width:100%;height:auto;display:block}.kv{grid-template-columns:170px 1fr;gap:5px 12px;width:100%;font-size:13px;display:grid}.topbar{align-items:center;width:100%;max-width:560px;margin:0 auto;padding:12px 8px;display:flex}.toplink{color:#93a4ba;font-size:14px;text-decoration:none}.linkbtn{color:#93a4ba;cursor:pointer;font:inherit;background:0 0;border:0}#root{justify-content:flex-start}.swrap{gap:16px;width:100%;max-width:920px;margin:0 auto;padding:16px;display:grid}.sbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stag{color:#93a4ba;border:1px solid #2c3a4e;border-radius:20px;padding:2px 8px;font-size:11px}.banner{color:#bcd6ff;background:#14233a;border:1px solid #29456e;border-radius:8px;padding:10px 14px;font-size:13px}.banner.ok{color:#bdf0d3;background:#14271d;border-color:#2f6b4f}.sgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.sgrid{grid-template-columns:1fr}}.scard{background:#182230;border:1px solid #2c3a4e;border-radius:12px;padding:18px}.scard h3{color:#4f9cff;margin:0 0 12px;font-size:14px}.scard .flabel{margin:10px 0 4px}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:center;gap:10px;font-size:13px;display:flex}.dot{border:1px solid;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.spinner{border:4px solid #2c3a4e;border-top-color:#4f9cff;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bqr svg{width:64px;height:64px;display:block}