.tool-page #main-content{position:relative;padding:36px 0 72px;background:radial-gradient(circle at 5% 2%,rgba(22,119,255,.09),transparent 28%),radial-gradient(circle at 95% 8%,rgba(124,58,237,.08),transparent 30%),#f7f9fd}.tool-page #main-content:before{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(180deg,rgba(255,255,255,.78),transparent);pointer-events:none}.tool-page #main-content>.container,.tool-page #outer-box{position:relative;z-index:1;max-width:1220px!important;margin-top:0!important;padding:26px!important;border:1px solid rgba(220,226,241,.95)!important;border-radius:26px!important;background:rgba(255,255,255,.86)!important;box-shadow:0 24px 70px rgba(30,49,102,.1)!important;backdrop-filter:blur(14px)}.generator-page-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--lq-line)}.generator-breadcrumb{display:inline-flex;align-items:center;gap:.5rem;color:#60708c!important;font-size:.85rem;font-weight:700;text-decoration:none!important}.generator-breadcrumb:hover{color:var(--lq-blue)!important}.generator-status{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .72rem;border:1px solid #dbe5ff;border-radius:999px;background:#f5f8ff;color:#536580;font-size:.78rem;font-weight:750}.generator-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px rgba(34,160,107,.1)}.tool-page .tool-heading,.tool-page .generator-title,.tool-page #main-content h3.mb-4.mt-4,.tool-page .pdf-generator h2:first-of-type{display:block!important;margin:0 0 8px!important;padding:0!important;color:var(--lq-navy)!important;font-size:clamp(1.85rem,3vw,2.6rem)!important;font-weight:850!important;letter-spacing:-.035em!important}.tool-page .tool-heading:before,.tool-page .tool-heading:after{display:none!important}.generator-lead{max-width:720px;margin:0 0 26px;color:var(--lq-muted);font-size:.96rem;line-height:1.7}.tool-page #main-content>.container>.row,.tool-page #outer-box>.row,.tool-page .generator-workspace{align-items:flex-start;--bs-gutter-x:1.25rem}.tool-page .card{overflow:hidden;border:1px solid var(--lq-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(35,51,95,.055)!important}.tool-page .card-header{padding:1rem 1.15rem!important;border:0!important;background:linear-gradient(135deg,#0b2049,#153c7b)!important;color:#fff!important;font-weight:750!important;letter-spacing:.005em}.tool-page .card-body{padding:1.25rem!important}.tool-page label{margin-bottom:.42rem;color:#34435f;font-size:.88rem;font-weight:700}.tool-page .form-control,.tool-page .form-select,.tool-page input[type=text],.tool-page input[type=url],.tool-page input[type=number],.tool-page textarea{min-height:48px;border:1px solid #dce3ef!important;border-radius:12px!important;background:#fbfcff!important;color:var(--lq-ink)!important;transition:border-color .2s,box-shadow .2s,background .2s}.tool-page textarea{min-height:110px}.tool-page .form-control:focus,.tool-page input:focus,.tool-page textarea:focus{border-color:var(--lq-blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(22,119,255,.1)!important;outline:0}.tool-page .custom-heading{width:auto!important;min-width:190px;margin:.3rem .5rem .8rem 0!important;padding:.75rem 1rem!important;border-radius:12px!important;background:#eef3ff!important;color:#33496f!important;box-shadow:none!important;font-size:.92rem!important}.tool-page .custom-heading:hover{background:#e2eaff!important;color:var(--lq-blue)!important}.tool-page #qrTabs{gap:.35rem;padding:.4rem!important;border:1px solid var(--lq-line)!important;border-radius:13px!important;background:#f6f8fc!important}.tool-page #qrTabs .nav-link{padding:.62rem .85rem!important;font-size:.84rem!important;font-weight:700!important}.tool-page #qrTabs .nav-link.active{background:var(--lq-gradient)!important;box-shadow:0 7px 18px rgba(75,78,232,.2)!important}.tool-page .shape-card,.tool-page .color-card{height:100%;padding:.72rem!important;border:1px solid var(--lq-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}.tool-page .shape-card:hover,.tool-page .color-card:hover{border-color:#b9caff!important;box-shadow:0 10px 24px rgba(46,72,143,.1)!important;transform:translateY(-2px)}.tool-page .shape-card.selected,.tool-page .color-card.selected{border:2px solid var(--lq-blue)!important;background:#f1f6ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.09)!important}.tool-page .output-div,.tool-page .sticker-frame,.tool-page .preview-surface{position:relative;max-width:430px;margin:0 auto!important;padding:22px!important;border:1px solid #dfe6f4!important;border-radius:21px!important;background:linear-gradient(160deg,#fff,#f6f8ff)!important;box-shadow:0 18px 45px rgba(29,51,111,.12)!important;text-align:center}.tool-page .tool-preview-column{position:sticky;top:102px}.tool-page #qr-code,.tool-page #qrcode,.tool-page #qrCanvas{margin-inline:auto}.tool-page #qr-code{border-radius:18px;background-color:#fff!important}.tool-page button:not(.navbar-toggler):not(.nav-link):not(.file-format-btn):not(.qr-size-btn),.tool-page .btn-danger,.tool-page .btn-primary,.tool-page .btn-success{border:0!important;border-radius:12px!important;background:var(--lq-gradient)!important;color:#fff!important;font-weight:750!important;box-shadow:0 9px 22px rgba(73,77,231,.2)!important;transition:transform .2s,box-shadow .2s!important}.tool-page button:hover,.tool-page .btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(73,77,231,.28)!important}.tool-page #qrDownloadModal{padding:1rem;backdrop-filter:blur(8px)}.tool-page #qrDownloadModal .modal-content{max-width:560px!important;padding:26px!important;border:1px solid var(--lq-line);border-radius:22px!important;box-shadow:0 28px 80px rgba(6,20,46,.25)!important}.tool-page .file-format-btn,.tool-page .qr-size-btn{width:100%;padding:.65rem!important;border:1px solid var(--lq-line)!important;border-radius:10px!important;background:#f8f9fc!important}.tool-page .file-format-btn.active,.tool-page .qr-size-btn.active{border-color:var(--lq-blue)!important;background:#edf4ff!important;color:var(--lq-blue)!important}.tool-page .form-text{color:#7a879d}.tool-page .upload-div{border:1px dashed #b9c9e8;border-radius:14px!important;background:#f7faff!important}.tool-page .site-footer{margin-top:0}@media(max-width:991px){.tool-page #main-content{padding-top:22px}.tool-page #main-content>.container,.tool-page #outer-box{padding:20px!important;border-radius:20px!important}.tool-page .tool-preview-column{position:static;margin-top:1rem}.generator-page-top{align-items:flex-start;flex-direction:column}.tool-page .output-div,.tool-page .sticker-frame{max-width:100%}}@media(max-width:575px){.tool-page #main-content{padding:14px 10px 50px}.tool-page #main-content>.container,.tool-page #outer-box{padding:15px!important;border-radius:17px!important}.tool-page .card-body{padding:1rem!important}.tool-page .tool-heading,.tool-page .generator-title,.tool-page #main-content h3.mb-4.mt-4,.tool-page .pdf-generator h2:first-of-type{font-size:1.75rem!important}.tool-page .custom-heading{width:100%!important;margin-right:0!important}.tool-page #qrTabs .nav-link{padding:.58rem .72rem!important}.tool-page #qrDownloadModal .modal-content{padding:18px!important}}
/* Shared educational content below every QR tool. */
.tool-back-nav{position:relative;z-index:2;margin:0 auto 14px}.tool-back-nav>.container{max-width:1220px;padding:0 4px}.tool-back-nav a{display:inline-flex;align-items:center;gap:.5rem;color:#536580;font-size:.84rem;font-weight:750;text-decoration:none}.tool-back-nav a i{font-size:.75rem;transition:transform .2s}.tool-back-nav a:hover{color:#145fc0}.tool-back-nav a:hover i{transform:translateX(-3px)}
.tool-page-lead{padding:2rem 0 .25rem;text-align:center}.tool-page-lead h1{margin:0 0 .65rem;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;color:#071a3d}.tool-page-lead p{max-width:760px;margin:0 auto;color:#536078;line-height:1.65}
.tool-page #main-content{padding-bottom:8px}
.tool-guide{margin-top:0;padding:36px 0 40px;background:#f7f9fc;border-top:1px solid #e2e8f0;color:#172033}
.tool-guide .container{max-width:1080px}
.tool-guide__intro,.tool-guide__section{max-width:900px;margin:0 auto 30px}
.tool-guide__section:last-child{margin-bottom:0}
.tool-guide h2{margin:0 0 1rem;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.25;color:#071a3d}
.tool-guide p,.tool-guide li{font-size:1rem;line-height:1.75;color:#3d485c}
.tool-guide ol{display:grid;gap:.65rem;padding-left:1.35rem}
.qr-type-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qr-type-comparison article{display:flex;align-items:flex-start;gap:1rem;padding:1.2rem;border:1px solid #dce4ef;border-radius:8px;background:#fff}.qr-type-comparison__icon{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:7px;background:#eaf2ff;color:#1464c0;font-size:1.05rem}.qr-type-comparison h3{margin:0 0 .45rem;color:#102f66;font-size:1.05rem}.qr-type-comparison p{margin:0;font-size:.9rem;line-height:1.65}.qr-type-note{margin:.85rem 0 0;padding:1rem 1.1rem;border-left:4px solid #1677ff;border-radius:0 7px 7px 0;background:#eef5ff;font-size:.92rem!important}
.tool-faqs{display:grid;gap:.75rem}
.tool-faqs details{background:#fff;border:1px solid #dce3ec;border-radius:8px;padding:0 1rem}
.tool-faqs summary{cursor:pointer;padding:1rem 2rem 1rem 0;font-weight:700;color:#172033}
.tool-faqs details p{margin:0;padding:0 0 1rem}
.related-tools-section{max-width:1080px!important;padding:1.5rem;border:1px solid #dce4ef;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(18,38,68,.06)}.related-tools-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.related-tools-heading h2{margin:.25rem 0 .25rem}.related-tools-heading p{margin:0;color:#68758a;font-size:.9rem}.related-tools-all{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .8rem;border:1px solid #d5deea;border-radius:7px;color:#145fc0;font-size:.8rem;font-weight:750;text-decoration:none;white-space:nowrap}.related-tools-all i{font-size:.7rem;transition:transform .2s}.related-tools-all:hover{border-color:#1677ff;background:#f2f7ff;color:#0d54a7}.related-tools-all:hover i{transform:translateX(3px)}.related-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.related-tools>a{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:.75rem;min-height:142px;padding:1rem;border:1px solid #dce3ec;border-radius:8px;background:#fbfcfe;color:#123a76;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.related-tools>a:hover{border-color:#8eb8ef;background:#fff;box-shadow:0 12px 26px rgba(26,68,126,.1);transform:translateY(-3px)}.related-tool-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background:#eaf2ff;color:#1464c0;font-size:1.05rem}.related-tool-copy{display:grid;min-width:0;gap:.35rem}.related-tool-copy strong{color:#102f66;font-size:.9rem}.related-tool-copy small{min-height:34px;color:#6b778a;font-size:.72rem;line-height:1.45}.related-tool-copy b{display:flex;align-items:center;gap:.4rem;margin-top:.15rem;color:#1464c0;font-size:.72rem}.related-tool-copy b i{font-size:.65rem;transition:transform .2s}.related-tools>a:hover .related-tool-copy b i{transform:translateX(3px)}
@media(max-width:767px){.tool-guide{padding:28px 0 32px}.tool-guide__intro,.tool-guide__section{margin-bottom:24px}.qr-type-comparison{grid-template-columns:1fr}.related-tools-section{padding:1rem}.related-tools-heading{align-items:flex-start;flex-direction:column}.related-tools{grid-template-columns:1fr 1fr}.related-tools>a{min-height:130px}}
@media(max-width:480px){.related-tools{grid-template-columns:1fr}.related-tools>a{min-height:0}.related-tools-all{width:100%;justify-content:center}}

/* Download dialog */
.tool-page #qr-code:empty:before{content:'Enter a URL to generate your QR code';display:block;max-width:210px;color:#758197;font-size:.9rem;line-height:1.5;text-align:center}.tool-page #downloadModalBtn:disabled{cursor:not-allowed;opacity:.48;transform:none!important;box-shadow:none!important}
body.download-modal-open{overflow:hidden}.tool-page #qrDownloadModal{position:fixed;inset:0;z-index:9999;padding:20px;background:rgba(8,20,42,.62);backdrop-filter:blur(6px)}.tool-page #qrDownloadModal .modal-content{position:relative;width:min(100%,540px)!important;max-width:540px!important;max-height:calc(100vh - 40px);overflow-y:auto;margin:auto!important;padding:28px!important;border:1px solid #dce3ee!important;border-radius:16px!important;background:#fff;box-shadow:0 28px 90px rgba(4,18,43,.3)!important}.tool-page #qrDownloadModal .close{display:grid!important;position:absolute;top:14px;right:14px;width:36px;height:36px;place-items:center;padding:0!important;border:1px solid #e0e6ef!important;border-radius:50%!important;background:#f7f9fc!important;color:#4b5870!important;box-shadow:none!important}.tool-page #qrDownloadModal .close:hover{background:#edf1f6!important;color:#15233c!important;transform:none!important}.download-modal-heading{display:flex;align-items:center;gap:.85rem;padding-right:38px;margin-bottom:1.5rem}.download-modal-icon{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:10px;background:#eaf2ff;color:#1464c0;font-size:1.1rem}.download-modal-heading h3{margin:0!important;color:#102347!important;font-size:1.35rem!important}.download-modal-heading p{margin:.3rem 0 0;color:#69768b;font-size:.86rem;line-height:1.5}.download-option-group{margin:0 0 1.25rem;padding:0;border:0}.download-option-group legend{margin:0 0 .6rem;color:#2d3c55;font-size:.82rem;font-weight:800}.format-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.tool-page .format-options .file-format-btn{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem!important;text-align:left}.format-options .file-format-btn i{font-size:1.1rem}.format-options .file-format-btn span{display:grid}.format-options .file-format-btn b{font-size:.88rem}.format-options .file-format-btn small{color:#788397;font-size:.7rem}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.tool-page .size-options .qr-size-btn{display:grid;gap:.1rem;padding:.65rem .3rem!important}.size-options .qr-size-btn b{font-size:.86rem}.size-options .qr-size-btn small{color:#7a8597;font-size:.66rem}.tool-page .file-format-btn.active,.tool-page .qr-size-btn.active{border-color:#1677ff!important;background:#edf5ff!important;color:#095bb8!important;box-shadow:0 0 0 2px rgba(22,119,255,.08)!important}.download-label-option{padding:1rem;border:1px solid #e0e6ef;border-radius:10px;background:#fafbfc}.download-label-option label{display:flex;align-items:center;gap:.7rem;margin:0!important;cursor:pointer}.download-label-option label>input{position:absolute;opacity:0}.download-label-option label>span:last-child{display:grid;gap:.15rem}.download-label-option label b{color:#2a3952;font-size:.84rem}.download-label-option label small{color:#778397;font-size:.72rem}.option-switch{position:relative;flex:0 0 40px;height:23px;border-radius:20px;background:#c7ced8;transition:background .2s}.option-switch:after{content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .2s}.download-label-option input:checked+.option-switch{background:#1677ff}.download-label-option input:checked+.option-switch:after{transform:translateX(17px)}.download-label-option .form-control{margin-top:.8rem;min-height:44px!important}.download-modal-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:.7rem;margin-top:1.35rem}.tool-page .download-modal-actions button{min-height:46px}.tool-page .download-modal-actions .download-cancel{border:1px solid #d9e0ea!important;background:#fff!important;color:#34425a!important;box-shadow:none!important}.tool-page .download-modal-actions .download-cancel:hover{background:#f4f6f9!important;transform:none!important}@media(max-width:575px){.tool-page #qrDownloadModal{padding:10px;align-items:flex-end!important}.tool-page #qrDownloadModal .modal-content{max-height:calc(100vh - 20px);padding:22px 16px 16px!important;border-radius:14px!important}.size-options{grid-template-columns:1fr 1fr}.download-modal-actions{grid-template-columns:1fr}.tool-page .download-modal-actions #confirmDownload{grid-row:1}.tool-page .download-modal-actions .download-cancel{grid-row:2}}

/* URL generator accordion */
.tool-page #styleShapesCard{overflow:visible!important}
.tool-page #styleShapesCard .url-style-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem 1.15rem!important;border:0;border-radius:17px 17px 0 0!important;text-align:left}
.tool-page #styleShapesCard .url-style-header span,.tool-page .url-section-toggle span{display:flex;align-items:center;gap:.6rem}
.tool-page #styleShapesCard .url-style-header:focus-visible,.tool-page .url-section-toggle:focus-visible{outline:3px solid rgba(22,119,255,.25);outline-offset:2px}
.tool-page .accordion-chevron{font-size:.78rem}
.tool-page .url-style-body{display:grid;gap:.85rem;padding:1rem;background:#f8faff;border-radius:0 0 17px 17px}
.tool-page .url-style-body[hidden],.tool-page .url-section-content[hidden]{display:none!important}
.tool-page .url-style-section{overflow:hidden;border:1px solid #dce4f0;border-radius:12px;background:#fff}
.tool-page .url-section-toggle.custom-heading{display:flex!important;width:100%!important;align-items:center;justify-content:space-between;min-width:0!important;margin:0!important;padding:.85rem 1rem!important;border:0!important;border-radius:0!important;background:#fff!important;color:#233654!important;box-shadow:none!important;text-align:left}
.tool-page .url-section-toggle.custom-heading:hover{background:#f1f5fb!important;color:#1259ad!important;transform:none!important}
.tool-page .url-section-content{padding:1rem;border-top:1px solid #e4e9f1}
.tool-page #customize-design #qrTabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.tool-page #customize-design #qrTabs .nav-item{flex:0 0 auto}
@media(max-width:575px){.tool-page .url-style-body{padding:.7rem}.tool-page .url-section-content{padding:.75rem}.tool-page #customize-design #qrTabs{margin-left:-.2rem;margin-right:-.2rem}}

/* URL generator preview, logos and sticker frames */
.tool-page .qr-output-card{overflow:hidden!important}.tool-page .qr-output-card>.card-body{padding:1.25rem!important;background:#f8faff}.tool-page .qr-output-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:0!important}.tool-page .qr-output-header span{display:flex;align-items:center;gap:.55rem}.tool-page .qr-output-header small{font-size:.72rem;font-weight:600;color:#cbd9f5}.tool-page .qr-output-card .output-div{border:0!important;background:#fff!important;box-shadow:none!important}.tool-page #qr-code{display:flex;position:relative;width:320px;min-height:320px;margin:0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover}.tool-page #qr-code canvas{display:block;max-width:100%;height:auto!important;margin:auto}.tool-page #dynamic-logo:empty:before{content:'Upload your logo below to place it in the center of the QR code.';display:block;padding:.75rem;color:#66738a;font-size:.85rem}.tool-page #dynamic-logo .shape-card img{display:block;width:54px;height:54px;margin:auto;object-fit:contain}.tool-page .sticker-choice{display:grid!important;width:100%;gap:.55rem;padding:.55rem!important;border:1px solid #dce4ef!important;border-radius:10px!important;background:#fff!important;color:#33435e!important;box-shadow:none!important;text-align:center}.tool-page .sticker-choice:hover,.tool-page .sticker-choice.selected{border-color:#1677ff!important;background:#f2f7ff!important;transform:none!important}.tool-page .sticker-choice strong{font-size:.72rem}.tool-page .sticker-choice__preview{display:grid;place-items:center;align-content:center;aspect-ratio:1/1;gap:.25rem;border:4px solid currentColor;border-radius:8px;background:#fff;font-size:1.5rem}.tool-page .sticker-choice__preview b{font-size:.48rem}.tool-page .sticker-blue{color:#1677ff}.tool-page .sticker-coral{color:#d84e48}.tool-page .sticker-purple{color:#7445d7}.tool-page .sticker-mono{color:#1f2937}.tool-page #qr-code.has-sticker{width:320px;min-height:372px;padding:20px 20px 64px;border:6px solid currentColor;border-radius:24px;background-color:#fff!important;background-size:cover}.tool-page #qr-code.has-sticker canvas{width:268px!important;height:268px!important;border-radius:10px}.tool-page #qr-code.has-sticker:after{content:attr(data-label);position:absolute;right:16px;bottom:14px;left:16px;padding:.55rem;border-radius:8px;background:currentColor;color:#fff;font-size:1rem;font-weight:850;text-align:center}.tool-page #qr-code.sticker-blue{color:#1677ff}.tool-page #qr-code.sticker-coral{color:#d84e48}.tool-page #qr-code.sticker-purple{color:#7445d7}.tool-page #qr-code.sticker-mono{color:#1f2937}.tool-page #qr-code.sticker-custom{color:#1f2937}.tool-page #qr-code.sticker-custom:before{content:'';position:absolute;inset:0;background:inherit;opacity:.18;pointer-events:none}.tool-page #qr-code.sticker-custom canvas{position:relative;z-index:1}.tool-page #qr-code.sticker-custom:after{z-index:2}@media(max-width:420px){.tool-page #qr-code,.tool-page #qr-code.has-sticker{width:100%;max-width:300px}.tool-page #qr-code.has-sticker canvas{width:240px!important;height:240px!important}}