.qr{max-width:1080px;margin:0 auto;padding:48px 16px 72px}.qr-head{text-align:center;max-width:860px;margin:0 auto}.qr-head h1{font-family:var(--sc-display), var(--sc-font), sans-serif;letter-spacing:-.015em;margin:0;font-size:clamp(1.8rem,4.6vw,2.6rem);line-height:1.2}.qr-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:20px;margin-top:32px;display:grid}.qr-card{border:1px solid var(--sc-line);background:var(--sc-surface);border-radius:22px;padding:24px;box-shadow:0 30px 60px -40px #1d184059}.qr-form{gap:26px;display:grid}.qr-form fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.qr-form legend{align-items:center;gap:10px;margin-bottom:12px;font-weight:700;display:flex}.qr-step{background:var(--sc-accent-soft);width:26px;height:26px;color:var(--sc-accent-strong);border-radius:50%;place-items:center;font-size:.85rem;display:inline-grid}.qr-kinds{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.qr-kind,.qr-style{border:1.5px solid var(--sc-line);background:var(--sc-surface);min-height:44px;color:var(--sc-ink);font:inherit;text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s;display:flex}.qr-kind:hover,.qr-style:hover{border-color:var(--sc-line-strong);transform:translateY(-1px)}.qr-kind.is-on,.qr-style.is-on{border-color:var(--sc-accent);background:var(--sc-accent-soft);color:var(--sc-accent-strong)}.qr-kind:focus-visible,.qr-style:focus-visible,.qr-preset:focus-visible,.qr-link:focus-visible{outline:3px solid var(--sc-accent);outline-offset:2px}.qr-field{gap:6px;font-size:.9rem;font-weight:600;display:grid}.qr-field input,.qr-field select{border:1.5px solid var(--sc-line-strong);background:var(--sc-surface);min-height:46px;color:var(--sc-ink);font:inherit;border-radius:12px;padding:10px 14px;font-size:1rem;font-weight:500}.qr-field input:focus,.qr-field select:focus{border-color:var(--sc-accent);box-shadow:0 0 0 3px var(--sc-accent-soft);outline:none}.qr-field input[aria-invalid=true]{border-color:var(--sc-bad)}.qr-msg{border-radius:10px;margin:0;padding:10px 12px;font-size:.88rem;line-height:1.5}.qr-msg.is-bad{background:var(--sc-bad-soft);color:var(--sc-bad)}.qr-msg.is-warn{background:var(--sc-warn-soft);color:#7a4f0f}.qr-presets{flex-wrap:wrap;gap:10px;display:flex}.qr-preset{border:1.5px solid var(--sc-line-strong);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.qr-preset span{border-radius:5px;width:20px;height:20px}.qr-preset.is-on{border-color:var(--sc-accent);box-shadow:0 0 0 3px var(--sc-accent-soft)}.qr-colours{flex-wrap:wrap;gap:16px;display:flex}.qr-colour{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.qr-colour input{border:1.5px solid var(--sc-line-strong);background:var(--sc-surface);cursor:pointer;border-radius:10px;width:40px;height:40px;padding:2px}.qr-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.qr-style{justify-content:center}.qr-style i{background:currentColor;width:16px;height:16px}.qr-style i[data-s=rounded]{border-radius:5px}.qr-style i[data-s=dots]{border-radius:50%}.qr-logo{align-items:center;gap:12px;font-size:.9rem;font-weight:600;display:flex}.qr-logo img{border:1px solid var(--sc-line);object-fit:contain;background:#fff;border-radius:10px}.qr-small{min-height:40px;padding:8px 14px;font-size:.9rem}.qr-preview{gap:14px;display:grid;position:sticky;top:16px}.qr-canvas{aspect-ratio:1;background:repeating-conic-gradient(var(--sc-paper) 0% 25%, #fff 0% 50%) 50% / 22px 22px;border:1px dashed var(--sc-line-strong);border-radius:18px;place-items:center;display:grid;overflow:hidden}.qr-canvas.is-ready{background:var(--sc-paper);border-style:solid}.qr-svg{width:86%;animation:.25s qr-in}.qr-svg svg{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px #1d184073}@keyframes qr-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.qr-svg{animation:none}.qr-kind,.qr-style{transition:none}}.qr-empty{text-align:center;color:var(--sc-muted);justify-items:center;gap:8px;padding:24px;font-size:.92rem;display:grid}.qr-empty span{color:var(--sc-line-strong);font-size:2.6rem}.qr-target{background:var(--sc-paper);color:var(--sc-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;margin:0;padding:8px 12px;font-size:.82rem;overflow:hidden}.qr-downloads{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qr-downloads .la-btn{justify-content:center}.qr-downloads .la-btn:last-child{grid-column:1/-1}.qr-downloads .la-btn:disabled{opacity:.5;cursor:not-allowed}.qr-actions{justify-content:space-between;gap:8px;display:flex}.qr-link{color:var(--sc-accent-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:.9rem;font-weight:600}.qr-link:disabled{color:var(--sc-muted);cursor:not-allowed}.qr-note{color:var(--sc-muted);margin:0;font-size:.82rem;line-height:1.5}.qr-cross{background:var(--sc-accent-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:18px 22px;display:flex}.qr-cross div{gap:2px;display:grid}.qr-cross span{color:var(--sc-muted);font-size:.92rem}@media (max-width:860px){.qr-grid{grid-template-columns:1fr}.qr-preview{order:-1;position:static}.qr-canvas{width:100%;max-width:340px;margin:0 auto}}@media (max-width:520px){.qr{padding-top:28px}.qr-card{border-radius:18px;padding:18px}.qr-kinds{grid-template-columns:1fr 1fr}.qr-cross{text-align:center;flex-direction:column;align-items:stretch}}.qr-head h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.2rem);font-weight:600;line-height:1.08}[dir=rtl] .qr-head h1{letter-spacing:0;line-height:1.3}.qr-card{border:0;border-radius:28px;box-shadow:0 1px 2px #1d18400a,0 30px 60px -44px #1d184059}.qr-kinds{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.qr-kind{background:var(--sc-paper);white-space:nowrap;border-color:#0000}.qr-kind span{text-overflow:ellipsis;overflow:hidden}.qr-kind svg,.qr-style i{flex:none}.qr-kind.is-on{background:var(--sc-accent);border-color:var(--sc-accent);color:#fff}.qr-style{background:var(--sc-paper);border-color:#0000}.qr-style.is-on{background:var(--sc-accent);border-color:var(--sc-accent);color:#fff}.qr-canvas{background:var(--sc-paper);border:0}.qr-canvas.is-ready{background:var(--sc-paper)}.qr-empty svg{color:var(--sc-line-strong)}.qr-downloads .la-btn{gap:8px}.qr-cross{border-radius:24px}@media (max-width:520px){.qr-kinds{grid-template-columns:1fr 1fr}}