.qr-page{width:min(980px,calc(100% - 40px));margin:0 auto;padding:54px 0 72px}
.qr-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}
.qr-hero h1{font:700 clamp(34px,5vw,56px)/.98 Georgia,serif;margin:8px 0 16px;letter-spacing:-.035em}
.qr-hero .lead{max-width:680px;font-size:17px;line-height:1.55;color:#444}
.qr-card{background:#fff;border:1px solid rgba(23,23,23,.2);padding:22px;box-shadow:0 16px 36px rgba(0,0,0,.06)}
.qr-form{display:grid;gap:14px}
.qr-form label{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.qr-form input,.qr-form select{width:100%;box-sizing:border-box;border:1px solid #8d8d8d;background:#fff;padding:12px 13px;font:15px/1.3 Arial,sans-serif;color:#171717}
.qr-actions{display:flex;gap:10px;flex-wrap:wrap}
.qr-actions button{border:1px solid #171717;padding:11px 15px;font:700 12px/1 Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.qr-generate{background:#171717;color:#fff}
.qr-clear{background:#f4f1e9;color:#171717}
.qr-download{background:#f3c400;color:#171717}
.qr-download[disabled]{opacity:.45;cursor:not-allowed}
.qr-result{min-height:330px;display:flex;align-items:center;justify-content:center;background:#f4f1e9;border:1px solid rgba(23,23,23,.15);padding:24px;box-sizing:border-box}
#qr-output{display:flex;align-items:center;justify-content:center;max-width:100%}
#qr-output canvas,#qr-output img{max-width:100%;height:auto!important;object-fit:contain}
.qr-status{min-height:22px;margin:0;font-size:13px;color:#555}
.qr-note{margin-top:18px;font-size:13px;line-height:1.5;color:#666}
.qr-note strong{color:#171717}
@media(max-width:800px){.qr-page{width:min(100% - 24px,980px);padding-top:30px}.qr-hero{grid-template-columns:1fr}.qr-result{min-height:280px}}