.qr-main{padding-top:24px;padding-bottom:70px}.qr-breadcrumb{font-size:13px;color:#68788e}.qr-breadcrumb a,.qr-content a{color:#c82e3a}.qr-breadcrumb span{padding:0 8px}.qr-intro{text-align:center;padding:28px 0 24px}.qr-intro h1{font-size:clamp(30px,4vw,44px);color:#13243b;margin:0 0 10px}.qr-intro p{color:#61728a;max-width:730px;margin:0 auto;line-height:1.6}.qr-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr);gap:24px;margin:20px 0 30px}.qr-form,.qr-preview-area{border:1px solid #e1e7ef;border-radius:16px;background:#fff;padding:24px;min-width:0}.qr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.qr-tab,.qr-secondary{border:1px solid #d8e0e9;background:#fff;border-radius:8px;padding:10px 13px;cursor:pointer;color:#23344c;font-weight:600}.qr-tab.active{background:#14243c;color:white;border-color:#14243c}.qr-field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.qr-field[hidden]{display:none}.qr-field label{font-size:14px;font-weight:600;color:#273950}.qr-field input:not([type=color]),.qr-field textarea,.qr-field select{width:100%;border:1px solid #ccd6e2;border-radius:8px;padding:11px 12px;font:inherit;color:#203148;background:white;box-sizing:border-box}.qr-field input:focus,.qr-field textarea:focus,.qr-field select:focus{outline:2px solid #8fb5ec;outline-offset:1px}.qr-options{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:12px}.qr-field input[type=color]{width:100%;height:43px;border:1px solid #ccd6e2;border-radius:8px;padding:3px;background:#fff;cursor:pointer}.qr-check{display:flex!important;flex-direction:row;align-items:center;gap:8px;font-weight:500!important}.qr-check input{width:auto!important}.qr-actions{display:flex;gap:10px;flex-wrap:wrap}.qr-primary{border:0;border-radius:9px;padding:12px 18px;background:#17243b;color:#fff;font-weight:700;cursor:pointer}.qr-primary:disabled{opacity:.45;cursor:not-allowed}.qr-secondary{padding:12px 18px}.qr-note,.qr-tip{font-size:13px;color:#677991;line-height:1.55}.qr-note{margin:18px 0 0}.qr-preview-area{text-align:center;align-self:start}.qr-preview-area h2{font-size:21px;color:#14243c;margin:0 0 16px}.qr-preview{min-height:290px;border:1px dashed #d6dee8;background:#f9fbfd;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box}.qr-preview canvas,.qr-preview img{display:block;max-width:100%;height:auto!important}.qr-preview p{color:#77859a;font-size:14px}.qr-download{width:100%;margin-top:12px}.qr-tip{margin:12px 0 0}.qr-content{margin:24px auto 0;max-width:940px;color:#44546a;line-height:1.7}.qr-content h2{font-size:22px;color:#14243c;margin:24px 0 8px}.qr-content p{margin:0 0 12px}#qrStatus{font-size:13px;min-height:19px;color:#9d2935;margin:12px 0 0}@media(max-width:850px){.qr-panel{grid-template-columns:1fr}.qr-form,.qr-preview-area{padding:18px}.qr-preview{min-height:250px}}@media(max-width:420px){.qr-options{grid-template-columns:1fr 1fr}.qr-options>.qr-field:first-child{grid-column:1/-1}.qr-tab{flex:1 1 auto}}
.qr-custom-size{margin-top:9px}.qr-custom-size[hidden]{display:none!important}.qr-custom-size label{display:block;margin-bottom:5px}.qr-custom-size input{width:100%;max-width:200px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#17243a}.qr-custom-size small{display:block;margin-top:5px;color:#64748b}