:root{color:#1f1f1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f8f6f1;--text:#171717;--muted:#667085;--dark:#151515;--blue:#2563eb;--blue-dark:#1d4ed8;--card:#fff;--border:#e8e2d7;--soft:#f5f2ec;--soft-blue:#eff6ff;--danger:#b42318;--shadow:0 18px 46px #201c140f;--shadow-soft:0 10px 28px #201c140b;background:#f8f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #2563eb0e 0, #f8f6f100 360px), var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;min-height:68px;padding:10px 0;display:flex;position:relative}.topbar:after{content:"";background:#ffffffeb;width:100vw;height:1px;position:absolute;bottom:0;left:50%;right:50%;transform:translate(-50%)}.brand-mark{align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-icon{background:var(--dark);border:1px solid #1515151f;border-radius:8px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 26px #1515151f}.brand-icon svg{width:30px;height:30px}.brand-icon rect{fill:var(--bg)}.brand-icon rect:first-child,.brand-icon rect:nth-child(6){fill:var(--blue)}.brand-icon rect:nth-child(7),.brand-icon rect:nth-child(8){fill:#fff}.brand-text{color:var(--text);letter-spacing:0;font-size:.98rem}.nav-links,.footer-links{color:var(--muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.nav-links a,.footer-links a{border-radius:8px;align-items:center;min-height:38px;padding:0 12px;transition:color .16s,background .16s;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible{color:var(--text);background:#2563eb17;outline:none}.nav-links .nav-tool-link{min-height:42px;color:var(--text);background:#ffffffb8;border:1px solid #2563eb38;gap:7px;padding:0 14px;font-weight:800;box-shadow:0 12px 28px #1f1f1f12}.hero-tool{gap:30px;padding:42px 0 68px;display:grid}.hero-copy{max-width:880px}.eyebrow{width:fit-content;color:var(--blue);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:800;display:inline-flex}h1{max-width:840px;color:var(--text);letter-spacing:0;font-size:clamp(2.35rem,6.5vw,4.6rem);line-height:1.02}.hero-copy p{max-width:760px;color:var(--muted);margin-top:18px;font-size:clamp(1rem,2vw,1.16rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.main-tool-card,.tool-card,.preview-card,.info-card,.mini-card,.faq-item,.other-tool-card,.legal-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-soft);border-radius:8px}.main-tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;padding:clamp(14px,2.4vw,22px)}.tab-switcher{background:#f3f0e9;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:6px;display:grid}.tab-switcher button{min-height:48px;color:var(--text);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;font-weight:800}.tab-switcher button.active{background:var(--blue);color:#fff;box-shadow:0 10px 24px #2563eb2e}.tool-columns{grid-template-columns:minmax(0,1.06fr) minmax(340px,.76fr);align-items:start;gap:18px;display:grid}.qr-columns{grid-template-columns:minmax(0,1.16fr) minmax(340px,.74fr)}.tool-card,.preview-card{box-shadow:var(--shadow-soft);padding:clamp(20px,3vw,30px)}.tool-card h2,.preview-card h3{color:var(--text);letter-spacing:0;font-size:clamp(1.35rem,2.3vw,1.8rem)}.sticky-preview{position:sticky;top:18px}.qr-builder{grid-template-columns:210px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.feature-menu{align-content:start;gap:8px;display:grid}.feature-menu strong{color:var(--text);margin-bottom:4px;font-size:.96rem;display:block}.feature-menu button{border:1px solid var(--border);color:#344054;cursor:pointer;text-align:left;background:#fff;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 12px;font-weight:750;display:flex}.feature-menu button.active{border-color:var(--blue);background:var(--blue);color:#fff}.form-stack{gap:14px;display:grid}label{color:var(--text);gap:7px;font-size:.94rem;font-weight:750;display:grid}label span{color:var(--muted);font-size:.84rem;font-weight:500}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fffdf9;border-radius:8px;transition:border-color .16s,box-shadow .16s}input,select{min-height:50px;padding:0 14px}input[type=color]{min-height:48px;padding:5px}input[type=range]{accent-color:var(--blue)}select{appearance:none}textarea{resize:vertical;min-height:120px;padding:14px;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #2563eb24}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.span-2{grid-column:1/-1}.inline-control{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.option-row{flex-wrap:wrap;gap:10px;display:flex}.check-row{color:#344054;align-items:center;gap:8px;width:fit-content;min-height:40px;display:inline-flex}.check-row input{width:18px;min-height:18px;accent-color:var(--blue)}.file-input{background:var(--soft-blue);min-height:52px;color:var(--blue);cursor:pointer;border:1px dashed #2563eb5c;border-radius:8px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex}.file-input input{display:none}.uploaded-logo-row{border:1px solid var(--border);background:#fffdf9;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding:10px;display:grid}.uploaded-logo-row img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:8px;width:42px;height:42px;padding:5px}.uploaded-logo-row span{color:var(--muted);font-size:.86rem;line-height:1.4}.secondary-button.compact{width:auto;min-height:38px;padding:0 12px;font-size:.86rem}.logo-options-panel{background:#fbfdff;border:1px solid #2563eb1f;border-radius:8px;gap:12px;padding:14px;display:grid}.subsection-heading{gap:4px;display:grid}.subsection-heading h3{color:var(--text);letter-spacing:0;font-size:1.02rem}.subsection-heading p{color:var(--muted);font-size:.9rem;line-height:1.55}.segmented-control{background:#f1f4f8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.segmented-control button{color:#344054;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;min-height:42px;font-weight:800}.segmented-control button.active{background:var(--blue);color:#fff;box-shadow:0 8px 18px #2563eb29}.experimental-tag{width:fit-content;color:var(--blue);background:#eef4ff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.notice-card{color:#1e3a8a;background:#f3f7ff;border:1px solid #2563eb29;border-radius:8px;padding:12px 14px;font-size:.92rem;line-height:1.55}.error-message,.barcode-error{color:var(--danger);background:#fff4f2;border:1px solid #b423182e;border-radius:8px;padding:12px 14px;font-size:.92rem;font-weight:800;line-height:1.45}.advanced{border-top:1px solid var(--border);gap:12px;padding-top:4px;display:grid}.advanced summary{cursor:pointer;min-height:44px;color:var(--text);font-weight:900}.primary-button,.secondary-button{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{background:var(--dark);color:#fff}.primary-button:hover,.primary-button:focus-visible{background:#262626;outline:3px solid #2563eb2e}.secondary-button{border-color:var(--border);color:var(--text);background:#fff}.secondary-button:hover,.secondary-button:focus-visible{background:var(--soft-blue);border-color:#2563eb73;outline:none}.preview-card{gap:15px;display:grid;overflow:hidden}.preview-header{gap:7px;display:grid}.preview-header p{color:var(--muted);line-height:1.55}.tag{background:var(--soft-blue);width:fit-content;color:var(--blue);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.qr-preview{border:1px solid var(--border);border-radius:8px;place-items:center;min-height:326px;display:grid;position:relative;overflow:hidden}.qr-preview.soft img:first-child{border-radius:14px}.qr-preview>img:first-child{width:min(82%,300px);height:auto}.qr-preview svg{color:var(--muted)}.qr-logo{aspect-ratio:1;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:8px;max-width:24%;position:absolute}.barcode-preview{border:1px solid var(--border);border-radius:8px;align-content:center;justify-items:center;gap:14px;min-height:292px;padding:22px;display:grid;overflow-x:auto}.barcode-preview svg{max-width:100%}.barcode-logo{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:8px;width:52px;height:52px;padding:6px}.shape-effect{place-items:center;width:min(76%,260px);height:58px;margin-bottom:2px;display:grid;position:relative;overflow:hidden}.shape-effect span{background:repeating-linear-gradient(90deg, var(--text) 0, var(--text) 3px, transparent 3px, transparent 8px);opacity:.88;position:absolute;inset:8px 4px}.shape-effect img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;position:relative}.code-sample{border:1px solid var(--border);color:#475467;overflow-wrap:anywhere;background:#fbfaf7;border-radius:8px;max-height:132px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.5;overflow:auto}.preview-description{border:1px solid var(--border);color:var(--muted);background:#fffdf9;border-radius:8px;padding:12px;font-size:.92rem;line-height:1.55}.action-grid{gap:10px;display:grid}.action-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-band{border-top:1px solid #e5e1d8cc;padding:68px 0}.section-heading{max-width:680px;margin-bottom:24px}.section-heading span{color:var(--blue);font-size:.9rem;font-weight:900}.section-heading h2{color:var(--text);letter-spacing:0;margin-top:8px;font-size:clamp(1.5rem,3vw,2.1rem)}.section-heading p{color:var(--muted);margin-top:12px;line-height:1.65}.steps-grid,.use-grid,.other-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.use-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-card,.mini-card,.other-tool-card{min-height:148px;padding:22px}.step-number{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.info-card h3,.mini-card h3,.other-tool-card strong{color:var(--text);margin-top:16px;font-size:1.04rem;display:block}.info-card p{color:var(--muted);margin-top:10px;line-height:1.6}.mini-card{min-height:124px;box-shadow:none}.mini-card svg{color:var(--blue)}.faq-list{gap:12px;max-width:900px;display:grid}.faq-item{box-shadow:none;padding:0}.faq-item summary{cursor:pointer;min-height:58px;color:var(--text);align-items:center;gap:10px;padding:0 18px;font-weight:900;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{color:var(--blue);flex:none}.faq-item p{border-top:1px solid var(--border);color:var(--muted);padding:16px 18px 18px;line-height:1.65}.other-tool-card{box-shadow:none;align-content:start;display:grid}.other-tool-card svg{color:var(--blue)}.other-tool-card span{color:var(--muted);margin-top:10px;font-size:.9rem;font-weight:700}.other-tools-cta{justify-content:space-between;align-items:center;gap:26px;display:flex}.other-tools-cta .section-heading{margin-bottom:0}.other-tools-button{flex:none}.legal-page{min-height:70vh;padding:54px 0 76px}.legal-page h1{margin-top:8px;font-size:clamp(2.2rem,5vw,4.25rem)}.legal-intro{max-width:740px;color:var(--muted);margin-top:18px;font-size:1.12rem;line-height:1.7}.legal-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;font-size:.92rem;font-weight:800;display:flex}.legal-breadcrumb span,.back-link{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.legal-breadcrumb span{color:var(--blue)}.back-link:hover,.back-link:focus-visible{color:var(--blue);outline:none}.legal-content{gap:16px;max-width:860px;margin-top:34px;display:grid}.legal-card{box-shadow:var(--shadow-soft);padding:24px}.legal-card h2{font-size:1.18rem}.legal-card p{color:var(--muted);margin-top:10px;line-height:1.7}.contact-link{background:var(--soft-blue);width:fit-content;color:var(--blue);overflow-wrap:anywhere;border-radius:8px;margin-top:14px;padding:10px 12px;font-weight:900;display:inline-flex}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;gap:8px;padding:28px 0 40px;font-size:.86rem;display:grid}.footer-links{flex-wrap:wrap;justify-content:center;gap:4px;font-size:.84rem}.footer p{color:var(--text)}@media (width<=1040px){.tool-columns,.qr-columns,.qr-builder{grid-template-columns:1fr}.sticky-preview{position:static}.feature-menu{padding-bottom:8px;display:flex;overflow-x:auto}.feature-menu strong{white-space:nowrap;flex:none;align-self:center;margin:0 8px 0 0}.feature-menu button{white-space:nowrap;flex:none}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-shell{width:min(100% - 24px,1180px)}.topbar{min-height:auto;padding:12px 0}.brand-text{display:none}.hero-tool{padding-top:28px}.hero-actions,.hero-actions .primary-button,.hero-actions .secondary-button,.tab-switcher,.action-grid.two,.steps-grid,.use-grid,.other-tools-grid,.form-grid,.inline-control,.uploaded-logo-row{grid-template-columns:1fr}.hero-actions{display:grid}.primary-button,.secondary-button{width:100%}.other-tools-cta{gap:18px;display:grid}.tab-switcher button{min-height:46px}.tool-card,.preview-card{padding:16px}.qr-preview{min-height:270px}.barcode-preview{min-height:240px;padding:16px}.section-band{padding:56px 0}}