.qr-page{padding:7rem 1.5rem 6rem;color:#142b32;background:#f7f7f2}.qr-wrap{max-width:1200px;margin:auto}.qr-breadcrumb{display:flex;gap:.65rem;align-items:center;margin-bottom:2.5rem;font-size:.875rem;color:#52656a}.qr-breadcrumb a{text-decoration:underline;text-underline-offset:3px}.qr-header{max-width:780px;margin-bottom:2.5rem}.qr-eyebrow{display:inline-block;margin-bottom:.8rem;color:#237b65;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.qr-header h1{font-size:clamp(2.5rem,6vw,4.6rem);font-weight:800;letter-spacing:-.055em;line-height:1.07}.qr-header p{margin-top:1rem;color:#52656a;font-size:1.1rem;line-height:1.65}.qr-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:1.25rem;align-items:start}.qr-panel{padding:clamp(1.25rem,3vw,2rem);border:1px solid #dae2dd;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(20,43,50,.05)}.qr-step{display:flex;gap:.8rem;align-items:center;margin-bottom:1.15rem}.qr-step span{display:grid;width:2.1rem;height:2.1rem;place-items:center;border-radius:50%;background:#d8f4e4;color:#174d3f;font-size:.8rem;font-weight:800}.qr-step h2{font-size:1.22rem;font-weight:800}.qr-step-second{margin-top:2rem}.qr-types{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.qr-types button{padding:.66rem .95rem;border:1px solid #d8e1dc;border-radius:10px;background:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.qr-types button:hover,.qr-types button.is-active{border-color:#117c62;background:#e9f8ef;color:#07523f}.qr-fields label,.qr-options label{display:block;margin:.8rem 0 .4rem;font-size:.87rem;font-weight:750}.qr-fields input:not([type=checkbox]),.qr-fields textarea,.qr-fields select,.qr-options select{width:100%;padding:.78rem .85rem;border:1px solid #cbd8d1;border-radius:10px;background:white;color:#142b32;font:inherit}.qr-fields textarea{resize:vertical}.qr-fields small{display:block;margin-top:.5rem;color:#65777b;font-size:.76rem;line-height:1.45}.qr-fields [hidden],.qr-preview [hidden]{display:none!important}.qr-check{display:flex!important;align-items:center;gap:.5rem;font-weight:500!important}.qr-options{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.qr-options input[type=color]{width:100%;height:44px;padding:3px;border:1px solid #cbd8d1;border-radius:10px;background:white;cursor:pointer}.qr-hint{margin-top:1.1rem;color:#65777b;font-size:.78rem;line-height:1.5}.qr-preview{position:sticky;top:1.5rem}.qr-preview-box{display:grid;min-height:350px;place-items:center;padding:1.25rem;border:1px solid #e3ebe5;border-radius:16px;background:#f7faf6}.qr-preview canvas{display:block;width:min(100%,320px);height:auto;image-rendering:pixelated}.qr-placeholder{max-width:240px;text-align:center;color:#65777b}.qr-status{min-height:2.5rem;margin:1rem 0;color:#52656a;font-size:.84rem;line-height:1.5}.qr-downloads{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.qr-downloads button{padding:.85rem .5rem;border:1px solid #117c62;border-radius:10px;background:#117c62;color:white;font-size:.88rem;font-weight:750;cursor:pointer}.qr-downloads button+button{background:white;color:#07523f}.qr-downloads button:disabled{opacity:.5;cursor:not-allowed}.qr-privacy{margin-top:1rem;color:#65777b;font-size:.78rem;line-height:1.5}.qr-faq{max-width:850px;margin:4.5rem auto 0}.qr-faq h2{margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.qr-faq details{padding:1rem 0;border-bottom:1px solid #d8e1dc}.qr-faq summary{cursor:pointer;font-weight:750}.qr-faq p{margin-top:.8rem;color:#52656a;line-height:1.6}.qr-page :focus-visible{outline:3px solid #e6a22c;outline-offset:3px}@media(max-width:800px){.qr-page{padding:5rem 1rem 4rem}.qr-layout{grid-template-columns:1fr}.qr-preview{position:static}}@media(max-width:480px){.qr-options{grid-template-columns:1fr 1fr}.qr-downloads{grid-template-columns:1fr}.qr-panel{padding:1.15rem}.qr-preview-box{min-height:280px}}
.qr-step h2{display:flex;align-items:center;gap:.55rem}.qr-heading-icon{width:1.35rem;height:1.35rem;flex:none;color:#117c62}
