.qr{background:var(--bg-2);border:1px solid var(--line);box-sizing:border-box;border-radius:28px;flex-direction:column;height:100%;padding:22px;display:flex}.qr-tabs{gap:8px;margin-bottom:16px;display:flex}.qr-tabs button{appearance:none;border:1px solid var(--line);color:var(--ink);font-family:var(--display);letter-spacing:-.03em;cursor:pointer;background:0 0;border-radius:14px;flex:1;padding:12px 14px;font-size:1rem;font-weight:800}.qr-tabs button[aria-selected=true]{background:var(--neon);color:var(--neon-ink);border-color:var(--neon)}.qr .drop{border:2px dashed color-mix(in srgb, var(--neon) 55%, #4a5340);text-align:center;cursor:pointer;background:radial-gradient(600px 200px at 50% 120%,#c8ff3a14,#0000 55%),#0e1114;border-radius:22px;flex:1;place-items:center;min-height:220px;padding:32px 20px;transition:border-color .2s,background .2s;display:grid}.qr .drop:hover,.qr .drop[data-over=true]{border-color:var(--neon);background:#141a0e}.qr .drop p{color:var(--muted);margin:10px 0 0;font-size:1.02rem}.qr .drop strong{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(1.4rem,3vw,2rem)}.qr .drop input{display:none}.qr-bar{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.qr-cam{aspect-ratio:4/3;background:#000;border-radius:18px;margin-top:14px;position:relative;overflow:hidden}.qr-cam video{object-fit:cover;width:100%;height:100%;display:block}.qr-cam-hint{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--neon);background:#070809b8;border-radius:10px;margin:0;padding:8px 10px;font-size:.72rem;position:absolute;bottom:12px;left:12px;right:12px}.qr-status{font-family:var(--mono);color:var(--neon-dim);margin:12px 0 0;font-size:.78rem}.qr-status[data-error=true]{color:var(--danger)}.qr-read{background:var(--bg);border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:16px}.qr-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--neon);background:#1a2212;border:1px solid #3a4a22;border-radius:999px;padding:5px 9px;font-size:.72rem;display:inline-flex}.qr-read h3{margin:10px 0 0;font-size:1.35rem}.qr-fields{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.qr-fields li{grid-template-columns:6.2rem 1fr;gap:10px;font-size:.95rem;display:grid}.qr-fields b{color:var(--muted);font-size:.82rem;font-weight:650}.qr-fields span{word-break:break-word;color:var(--ink)}.qr-flags{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.qr-flags li{color:#ffc56d;background:#1a1810;border:1px solid #4a3d20;border-radius:12px;padding:10px 12px;font-size:.9rem}.qr-flags li[data-level=info]{color:var(--ok);background:#121816;border-color:#2a4a38}.qr-raw{margin:14px 0 0}.qr-raw summary{cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.qr-raw pre{color:var(--ink);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:#0b0d10;border-radius:12px;margin:10px 0 0;padding:12px;font-size:.78rem;overflow:auto}.qr-form{gap:12px;display:grid}.qr-form label,.qr-check{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:.72rem;display:grid}.qr-check{text-transform:none;letter-spacing:0;font-family:var(--font);color:var(--ink);grid-template-columns:auto 1fr;align-items:center;gap:8px;font-size:.92rem}.qr-form input,.qr-form textarea,.qr-form select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font-family:var(--font);border-radius:12px;padding:12px 14px;font-size:1rem}.qr-form textarea{resize:vertical;min-height:96px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{appearance:none;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;font-size:.72rem}.seg button[aria-pressed=true]{background:var(--neon);color:var(--neon-ink);border-color:var(--neon)}.qr-preview-wrap{justify-items:center;gap:12px;margin-top:16px;display:grid}.qr-preview{aspect-ratio:1;background:#fff;border-radius:16px;width:min(280px,100%);padding:14px}.qr-preview img{object-fit:contain;width:100%;height:100%;display:block}.qr-note{text-align:center;color:var(--muted);margin:0;font-size:.9rem}@media (width<=720px){.qr{padding:16px}.qr .drop{min-height:180px;padding:24px 14px}.qr-fields li{grid-template-columns:1fr;gap:2px}}