.qr-hero{padding-top:calc(var(--nav) + 60px)}.svc-hero.qr-hero.solo{padding-bottom:40px}.qr-hero .lead{margin-top:26px}.qr-hero .chips{margin-top:22px}.qr-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:30px}.qr-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;font-size:17px;font-weight:700;color:var(--ink-mute);border-top:3px solid var(--ink-line);background:color-mix(in srgb,var(--white) 4%,transparent);transition:color 200ms ease,border-color 200ms ease,background-color 200ms ease}.qr-tabs button i{font-size:20px}.qr-tabs [aria-selected="true"]{color:var(--white);border-top-color:var(--blue);background:color-mix(in srgb,var(--white) 9%,transparent)}@media (hover:hover) and (pointer:fine){.qr-tabs button:not([aria-selected="true"]):hover{color:var(--white)}}.qr-tool form[hidden]{display:none}.qr-tool .qr-fields{margin-top:24px;padding-bottom:30px;border-bottom:1px solid var(--ink-line)}.qr-tool .qr-design{margin-top:30px}.qr-tool .qr-design>.field,.qr-tool .qr-design>.group,.qr-tool .qr-design>.qr-adv{margin-top:24px}.tool .qr-opt{position:relative;display:block;margin:0;cursor:pointer}.tool .qr-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.qr-opt span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:78px;padding:10px 6px;text-align:center;font-size:15px;font-weight:700;line-height:1.2;background:color-mix(in srgb,var(--white) 6%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--white) 14%,transparent);transition:background-color 200ms ease,box-shadow 200ms ease}.qr-opt span i{font-size:24px;color:var(--lav)}.qr-opt input:checked+span{background:var(--blue);box-shadow:none}.qr-opt input:checked+span i{color:var(--white)}.qr-opt input:focus-visible+span{outline:3px solid var(--white);outline-offset:2px}@media (hover:hover) and (pointer:fine){.qr-opt input:not(:checked):hover+span{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--white) 40%,transparent)}}.qr-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qr-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.qr-seg .qr-opt span{min-height:48px}.qr-color{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px}.tool .qr-color input[type=color]{padding:4px;cursor:pointer}.tool .qr-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tool .qr-color input[type=color]::-webkit-color-swatch{border:0}.tool .qr-color input[type=text]{text-transform:uppercase}.qr-warn{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:color-mix(in srgb,#FFB020 16%,transparent);color:#FFD27A;font-size:15px;font-weight:700;line-height:1.45}.qr-warn[hidden]{display:none}.qr-warn i{flex:none;font-size:20px}.tool .qr-note{margin:10px 0 0}.tool input[type=file]{height:auto;padding:10px 12px;font-size:15px;cursor:pointer}.tool input[type=file]::file-selector-button{font:inherit;font-weight:700;margin-inline-end:12px;padding:8px 14px;border:0;background:var(--white);color:var(--ink);cursor:pointer}.qr-logo-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:15px;font-weight:600;color:var(--pink)}.qr-logo-row[hidden]{display:none}.qr-logo-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-logo-row button{margin-inline-start:auto;flex:none;color:var(--white);font-weight:700;text-decoration:underline;text-underline-offset:3px}.tool select:disabled{opacity:.55;cursor:not-allowed}.qr-adv summary{display:flex;align-items:center;gap:10px;width:fit-content;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.qr-adv summary::-webkit-details-marker{display:none}.qr-adv summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;rotate:45deg;translate:0 -3px;transition:rotate 200ms var(--ease-out)}.qr-adv[open] summary::after{rotate:225deg;translate:0 2px}.qr-adv[open] summary{margin-bottom:18px}.tool input[type=range]{height:54px;padding:0;border:0;background:none;accent-color:var(--blue);cursor:pointer}.qr-ok{min-height:1.4em;font-size:15px;font-weight:700;color:var(--pink)}.qr-legal{display:flex;gap:10px;margin-top:24px;padding:14px 16px;background:color-mix(in srgb,var(--white) 7%,transparent);font-size:15px;line-height:1.55;font-weight:500}.qr-legal i{flex:none;margin-top:3px;font-size:18px;color:var(--lav)}.qr-stage{position:relative;flex:1;display:grid;place-items:center;min-height:320px;padding:clamp(24px, 3vw, 44px);background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1.5px) 0 0 / 16px 16px,var(--paper)}.qr-stage img{width:min(100%, 320px);height:auto;box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 14%,transparent);transition:opacity 250ms ease}.qr-stage.bc img{width:min(100%, 440px)}.qr-demo-tag{position:absolute;inset-inline:20px;top:50%;translate:0 -50%;justify-self:center;width:fit-content;max-width:calc(100% - 40px);padding:10px 16px;background:var(--ink);color:var(--white);font-size:15px;font-weight:700;line-height:1.4;text-align:center;opacity:0;transition:opacity 250ms ease;pointer-events:none}.qr-stage.demo img{opacity:.22}.qr-stage.demo .qr-demo-tag{opacity:1}.qr-size{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14.5px;font-weight:700}.qr-size select{height:38px;padding:0 10px;font:inherit;font-weight:600;color:var(--ink);background:var(--white);border:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);border-radius:0;cursor:pointer}.qr-help{margin-top:10px;font-size:14px;font-weight:500;color:var(--paper-mute)}.gen+.steps-sec{padding-top:110px}@media (max-width:900px){.gen+.steps-sec{padding-top:80px}}@media (max-width:560px){.qr-opt span{min-height:70px;font-size:14px}.qr-color{grid-template-columns:42px minmax(0,1fr);gap:6px}.tool .qr-color input{padding:0 10px}.preview-foot .actions{flex-wrap:wrap}}