.qr-container{max-width:1060px;padding-bottom:64px}.qr-workspace{grid-template-columns:1.1fr 1fr;align-items:start;gap:28px;display:grid}.qr-form,.qr-preview{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:28px;box-shadow:0 3px 14px #19342f04}.qr-form fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.qr-form fieldset:last-child{margin-bottom:0}.qr-form legend,.qr-preview h2{margin-bottom:18px;font-size:18px;font-weight:650}.qr-types{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.qr-types label{cursor:pointer;position:relative}.qr-types input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.qr-types span{border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14px;display:block}.qr-types input:checked+span{border-color:var(--green);color:var(--green);background:#edf6ef}.qr-types input:focus-visible+span,.qr-field input:focus-visible,.qr-field select:focus-visible,.qr-field textarea:focus-visible{outline-offset:3px;outline:3px solid #79bba1}.qr-field{flex-direction:column;gap:8px;min-width:0;margin-bottom:18px;font-size:14px;font-weight:550;display:flex}.qr-field input,.qr-field textarea,.qr-field select{width:100%;min-width:0;min-height:46px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cbd5ce;border-radius:8px;padding:10px 12px;font-size:16px}.qr-field textarea{resize:vertical}.qr-field input[type=color]{cursor:pointer;height:48px;padding:5px}.qr-colors{grid-template-columns:1fr 1fr;gap:16px;display:grid}.qr-check{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.qr-check input{width:18px;height:18px;accent-color:var(--green)}.qr-preview{text-align:center;position:sticky;top:100px}.qr-preview-image{border:1px solid var(--line);aspect-ratio:1;background:#f5f7f3;border-radius:10px;place-items:center;display:grid;overflow:hidden}.qr-preview-image svg{width:100%;height:auto;display:block}.qr-preview-image p{color:var(--muted);padding:28px;line-height:1.6}.qr-downloads{flex-direction:column;gap:10px;display:flex}.qr-downloads button{justify-content:center;min-height:48px}.qr-code-page button:disabled{opacity:.45;cursor:not-allowed}.qr-error,.qr-warning,.qr-hint{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.qr-error{color:#a3312e}.qr-error:empty{display:none}.qr-warning{color:#795113;background:#fff7e6;border-radius:8px;padding:12px}.qr-hint{color:var(--muted);margin-top:18px}.qr-status{min-height:22px;color:var(--green);margin:16px 0;font-size:14px}@media (max-width:720px){.qr-workspace{grid-template-columns:1fr;gap:18px}.qr-preview{position:static}.qr-form,.qr-preview{padding:20px}}