:root{--button-border-radius:3px;--input-border-radius:3px;--input-border-color:rgb(227,227,227);--input-bg-color:#f7f7f7}body,html{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:300}::placeholder{color:#d2d2d2;font-weight:300}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin:0 0 .5em}@media only screen and (min-width:1px){h1{font-size:1.625rem}h2{font-size:1.375rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}body,html{padding:0;margin:0;background:#fff;font-size:16px;overscroll-behavior:none}body ::-webkit-scrollbar{width:10px}body ::-webkit-scrollbar-track{border:0;border-left:6px solid rgba(0,0,0,0);background-clip:padding-box;background-color:#ececec}body ::-webkit-scrollbar-thumb{border:0;border-left:6px solid rgba(0,0,0,0);background:#a7a7a7;background-clip:padding-box}body ::-webkit-scrollbar-thumb:hover{background:#858585;background-clip:padding-box}a{text-decoration:none;color:#004ca2}a:hover{text-decoration:underline}.container{overflow:auto}@media only screen and (min-width:1px){.container{padding:0 15px}}@media only screen and (min-width:768px){.container{width:600px;padding:0;margin:0 auto}}@media only screen and (min-width:1200px){.container{width:1200px;margin:0 auto;padding:0}}@media only screen and (min-width:1px){.main-layout{overflow:auto}.main-layout .qr-panel .container{background:#fff;padding:20px;gap:20px}.main-layout .qr-panel .container,.main-layout .qr-panel .container .preview{display:flex;flex-direction:column}.main-layout .qr-panel .container .preview .qr-preview{display:flex;align-items:center;justify-content:center;background:#f9f9f9;width:100%;min-height:300px}.main-layout .qr-panel .container .preview .qr-preview #qr-code svg{display:block}.main-layout .preset-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:20px}.main-layout .preset-list a{display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0;min-height:0;padding:0;overflow:hidden}.main-layout .preset-list a .wrapper{aspect-ratio:1/1;box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #eee;border-radius:5px}.main-layout .preset-list a .wrapper>img{max-width:calc(100% - 20px);max-height:calc(100% - 20px);padding:10px;object-fit:contain}.main-layout .preset-list a img{width:100%;height:auto;border-radius:5px;transition:transform .2s}.main-layout .preset-list a img:hover{transform:scale(1.03)}}@media only screen and (min-width:1200px){.main-layout .qr-panel .container{flex-direction:row;border-radius:10px}.main-layout .qr-panel .container .preview{width:300px}.main-layout .qr-panel .container .options{flex:1 1}.main-layout .preset-list{grid-template-columns:repeat(5,1fr)}.main-layout .preset-list a .wrapper>img{max-width:calc(100% - 40px);max-height:calc(100% - 40px);padding:20px}}@media only screen and (min-width:1px){.library-layout .preset-categories{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:15px;gap:15px;margin-top:30px}.library-layout .preset-categories a{padding:15px;background:#f9f9f9;border:1px solid #eee;border-radius:5px;text-decoration:none;color:#333;font-size:14px}.library-layout .preset-categories a:hover{background:#f0f0f0}}@media only screen and (min-width:1200px){.library-layout .preset-categories{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1px){.preset-layout .info-wrapper{margin:10px 0 0;display:flex;flex-direction:column;gap:15px}.preset-layout .info-wrapper .title{grid-area:title;margin:0}.preset-layout .info-wrapper .qr-image{grid-area:qr-image;display:flex;align-items:center;justify-content:center;padding:25px;background-size:8px 8px;background-position:10px 10px;border:1px solid #e9e9e9;border-radius:5px}.preset-layout .info-wrapper .qr-image img{display:block;object-fit:contain}.preset-layout .info-wrapper .info{grid-area:info;line-height:1.5;display:flex;flex-direction:column;gap:15px}.preset-layout .info-wrapper .info .keywords{display:flex;flex-wrap:wrap;gap:10px}.preset-layout .info-wrapper .info .keywords a{padding:5px 10px;border-radius:5px;font-size:14px;color:#222;border:1px solid #ededed;text-decoration:none}.preset-layout .info-wrapper .info .keywords a:hover{background:#ededed}.preset-layout .info-wrapper .cta{grid-area:cta}.preset-layout .info-wrapper .cta a{display:flex;background:#fff;border-radius:5px;color:#26a1ff;border:1px solid #26a1ff;text-transform:uppercase;padding:12px;font-weight:600;font-size:14px;align-items:center;justify-content:center}}@media only screen and (min-width:1200px){.preset-layout .info-wrapper{display:grid;grid-column-gap:25px;column-gap:25px;grid-row-gap:15px;row-gap:15px;grid-template-areas:"title qr-image" "info  qr-image" ".     qr-image" "cta   qr-image";grid-template-columns:auto 50%}.preset-layout .info-wrapper .title{margin:0}.preset-layout .info-wrapper .info{gap:10px}}@media only screen and (min-width:1px){.presets-layout h1{line-height:1.4}.legal-layout{margin-top:20px;line-height:1.5}.legal-layout ul{margin:0;padding:0 0 0 15px}.legal-layout ul li{padding-bottom:15px}}@media only screen and (min-width:1200px){.legal-layout .container{width:800px}}.main-footer{margin:50px 0 15px;font-size:12px;line-height:1.4}@media only screen and (min-width:1px){.qr-editor .container{padding:0;overflow:visible}.qr-editor .container .panel{background:#fff;border-radius:0;box-shadow:none;padding:15px;display:flex;flex-direction:column}.qr-editor .container .panel .preview{order:2}.qr-editor .container .panel .preview .qr-canvas{min-height:300px;padding:10px 0;background:#f9f9f9;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.qr-editor .container .panel .preview .export-options{margin-bottom:10px}.qr-editor .container .panel .preview .export-options .btn-toggle{background:none;border:0;padding:0;display:block;cursor:pointer;font-size:12px;margin-bottom:10px;color:#222}.qr-editor .container .panel .preview .btn-download{background:#4fb3ff;color:#fff;padding:12px 20px;border:0;border-radius:var(--border-radius);cursor:pointer;display:block;width:100%;text-align:center;font-size:14px;font-weight:600;text-transform:uppercase;margin-bottom:15px}.qr-editor .container .panel .options{width:100%;order:1}.qr-editor .container .panel .options .data-panel{padding:10px;margin-bottom:15px;border:2px solid #f1f1f1;border-radius:var(--border-radius)}.qr-editor .container .panel .options .data-panel hr{border:0;border-bottom:1px solid #f3f3f3}.qr-editor .container .panel .options details{margin-bottom:10px;border:1px solid #f3f3f3;border-radius:var(--border-radius);background:#fff;box-sizing:border-box}.qr-editor .container .panel .options details summary{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer;color:#313131;list-style:none}.qr-editor .container .panel .options details summary::-webkit-details-marker,.qr-editor .container .panel .options details summary::marker{display:none}.qr-editor .container .panel .options details summary:after{content:"▼";font-size:10px;display:block}.qr-editor .container .panel .options details[open] summary{background:#fdfdfd;border-bottom:1px solid #f3f3f3}.qr-editor .container .panel .options details[open] summary:after{content:"▲"}.qr-editor .container .panel .options details .option-content{padding:10px}.qr-editor .container .panel .options details .tabs{width:100%}.qr-editor .container .panel .options details .tabs .tab-nav{overflow-y:auto;overscroll-behavior:none;-webkit-mask:linear-gradient(90deg,#000 80%,rgba(0,0,0,0));-ms-overflow-style:none;scrollbar-width:none}.qr-editor .container .panel .options details .tabs .tab-nav::-webkit-scrollbar{display:none}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper{display:flex;box-shadow:inset 0 -1px 0 0 #f3f3f3}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button{box-sizing:border-box;background:rgba(0,0,0,0);padding:10px;border:0;border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;background:#fff;font-size:12px;letter-spacing:.4px;font-weight:400;text-transform:uppercase;color:#707070;cursor:pointer;display:inline-flex;gap:8px;white-space:nowrap;align-items:center}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button svg{opacity:.3;width:10px;height:10px}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:hover{color:#444}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:hover svg{opacity:.6}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:disabled{cursor:unset;color:#26a1ff;position:relative;border-bottom:1px solid #fff}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:disabled svg{opacity:unset;display:block}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:disabled svg path,.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:disabled svg rect{fill:#26a1ff}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:nth-child(n+4){border-right:0}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:last-child{padding-right:30px}.qr-editor .container .panel .options details .tabs .tab-content{padding:10px}.qr-editor .container .panel .options details .tabs .tab-content hr{border:0;border-bottom:1px solid #f3f3f3}.qr-editor .container .panel .options details .tabs .tab-content .color-wrapper{margin:10px 0 0}.qr-editor .container .panel .options details .tabs .tab-content .editable-text-panel{border:var(--border);border-radius:var(--border-radius);padding:10px}.qr-editor .container .panel .options details .tabs .tab-content .editable-text-panel .panel-title{color:#707070;font-size:14px;font-weight:600;margin-bottom:15px}.qr-editor .container .panel .options details .tabs .tab-content .panel-title{margin:15px 0;text-transform:uppercase;font-size:14px;font-weight:600}.qr-editor .container .panel .options details .tabs .tab-content .frame-color-item{margin-top:5px}.qr-editor .container .panel .options details.disabled summary,.qr-editor .container .panel .options details[disabled] summary{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media only screen and (min-width:1200px){.qr-editor .container .panel{padding:0;gap:20px;flex-direction:row}.qr-editor .container .panel .preview{order:1}.qr-editor .container .panel .preview .qr-canvas{width:350px;min-height:350px}.qr-editor .container .panel .options{order:2}.qr-editor .container .panel .options details .tabs .tab-nav{overflow-y:unset;-webkit-mask:unset}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:nth-child(n+4){border-right:1px solid #f3f3f3}.qr-editor .container .panel .options details .tabs .tab-nav .btn-wrapper button:last-child{padding-right:10px}.qr-editor .container .panel .options details .tabs .tab-content .frame-colors{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}}@media only screen and (min-width:1px){.main-nav>.container{display:flex;justify-content:space-between;align-items:center;height:60px}.main-nav .logo>a{text-decoration:none;display:flex;flex-direction:row;align-items:center;gap:6px;color:#222}.main-nav .logo>a svg{width:auto;height:28px}.main-nav .logo>a span{font-size:18px;font-weight:400;word-spacing:-1px}.main-nav .logo>a span b{font-weight:600}.main-nav .logo>a:hover{color:#000}.main-nav .links a{text-decoration:none;color:#444;font-size:14px}.main-nav .links a:hover{color:#222}.breadcrumbs{margin:10px 0}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex}.breadcrumbs ol li{display:flex;align-items:center}.breadcrumbs ol li a,.breadcrumbs ol li span{text-transform:capitalize;color:#333;text-decoration:none;display:block;padding:0 5px;border-radius:20px;font-weight:500;font-size:12px}.breadcrumbs ol li a:hover,.breadcrumbs ol li span:hover{text-decoration:underline}.breadcrumbs ol li a:first-child,.breadcrumbs ol li span:first-child{padding-left:0}.breadcrumbs ol li span{color:#888}.breadcrumbs ol li span:hover{text-decoration:none}.breadcrumbs ol li svg{width:20px;height:20px}}