.qr-main{padding:110px 0 70px}
.qr-grid{display:grid;gap:28px;align-items:start}
@media(min-width:900px){.qr-grid{grid-template-columns:1.05fr .95fr;gap:44px}.qr-prev{position:sticky;top:100px}}
.qr-box{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.qr-f{display:grid;gap:18px}
.qr-f label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.qr-f .hint{display:block;color:var(--muted);font-size:.86rem;font-weight:400;margin-top:4px}
.qr-f input[type=url],.qr-f input[type=text]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--bg3);color:var(--ivory);font:16px var(--sans)}
.qr-f input:focus{outline:2px solid var(--gold);outline-offset:1px}
.qr-row{display:flex;gap:14px;flex-wrap:wrap}
.qr-col{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--bg3);flex:1;min-width:140px}
.qr-col input[type=color]{width:44px;height:36px;border:0;background:none;padding:0;cursor:pointer}
.qr-chk{display:flex!important;gap:10px;align-items:center;font-weight:500!important;cursor:pointer}
.qr-chk input{width:20px;height:20px;accent-color:var(--gold)}
.qr-msg{margin:0;font-size:.9rem;border-radius:10px;padding:10px 12px}
.qr-msg.err{background:rgba(220,80,60,.12);color:#ffb4a6;border:1px solid rgba(220,80,60,.35)}
.qr-msg.ok{background:rgba(120,200,120,.1);color:#bfe8bf;border:1px solid rgba(120,200,120,.3)}
.qr-msg.warn{background:rgba(217,178,106,.12);color:var(--gold2);border:1px solid rgba(217,178,106,.35)}
.qr-msg[hidden]{display:none}
.qr-file{width:100%;color:var(--muted);font:15px var(--sans)}
.qr-file::file-selector-button{margin-right:12px;padding:9px 14px;border-radius:999px;border:1px solid rgba(217,178,106,.4);background:rgba(255,255,255,.03);color:var(--ivory);font:600 .9rem var(--sans);cursor:pointer}
.qr-link{background:none;border:0;color:var(--gold2);text-decoration:underline;font:inherit;cursor:pointer;padding:0}
.qr-stage{background:#fff;border-radius:16px;padding:14px;display:flex;justify-content:center}
.qr-stage canvas{width:100%;max-width:380px;height:auto;display:block}
.qr-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.qr-dl .btn{width:100%}
.qr-dl .btn[disabled]{opacity:.45;pointer-events:none}
.qr-tips{margin-top:46px}
.qr-tips ol{display:grid;gap:16px;padding:0;margin:0;list-style:none;counter-reset:t}
@media(min-width:760px){.qr-tips ol{grid-template-columns:repeat(3,1fr)}}
.qr-tips li{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:20px;counter-increment:t}
.qr-tips li::before{content:counter(t);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#17130B;font-weight:700;margin-bottom:10px}
.qr-tips h3{font-size:1.2rem;margin:0 0 6px}.qr-tips p{margin:0;color:var(--muted);font-size:.95rem}
.qr-cta{margin-top:46px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#1d1810,var(--bg2));border:1px solid var(--line);border-radius:var(--r);padding:34px 22px}
.qr-cta h2{font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 10px}.qr-cta p{color:var(--muted);max-width:40em;margin:0 auto 20px}
.qr-cta .ctas{justify-content:center;margin:0}
.qr-small{color:var(--muted);font-size:.85rem;margin:12px 0 0;text-align:center}
.go-main{padding:140px 0 90px;text-align:center}.go-main p{color:var(--muted);max-width:34em;margin:0 auto 22px}.go-main .ctas{justify-content:center}