.qr-shell{--qr-radius:1rem;--qr-shadow:0 18px 50px rgb(0 0 0 / .07);width:100%;max-width:1320px;margin:0 auto;padding:2.25rem 1rem 4.5rem}.qr-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1rem;padding:0 .25rem}.qr-heading{min-width:0}.qr-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .55rem;padding:.28rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted)}.qr-eyebrow::before{content:"";width:.4rem;height:.4rem;border-radius:999px;background:var(--color-success)}.qr-title{margin:0;font-size:clamp(1.75rem,3.4vw,2.7rem);line-height:1.02;letter-spacing:-.035em}.qr-description{margin:.65rem 0 0;max-width:68ch;color:var(--color-muted);font-size:.95rem;line-height:1.6}.qr-status{min-height:2.5rem;display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.55rem .8rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-muted);font-size:.78rem;box-shadow:0 1px 2px rgb(0 0 0/3%)}.qr-status::before{content:"";width:.5rem;height:.5rem;flex:0 0 .5rem;border-radius:999px;background:var(--color-muted)}.qr-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(21rem,27rem);gap:1.25rem;align-items:start}.qr-panel{border:1px solid var(--color-border);border-radius:var(--qr-radius);background:var(--color-surface);padding:1.25rem;box-shadow:0 1px 2px rgb(0 0 0/.025)}.qr-panel-form{display:grid;gap:.8rem;padding:0;border:0;background:0 0;box-shadow:none;counter-reset:qr-section}.qr-section{display:grid;gap:.8rem;margin:0;padding:1.15rem;border:1px solid var(--color-border);border-radius:var(--qr-radius);background:var(--color-surface);box-shadow:0 1px 2px rgb(0 0 0/.025);counter-increment:qr-section}.qr-section-title{display:flex;align-items:center;gap:.6rem;margin:0 0 .1rem;padding:0 0 .7rem;border-bottom:1px solid var(--color-border);font-size:.78rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;color:var(--color-on-surface)}.qr-section-title::before{content:counter(qr-section,decimal-leading-zero);display:inline-grid;place-items:center;width:1.65rem;height:1.65rem;flex:0 0 1.65rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);font-size:.62rem;letter-spacing:0;color:var(--color-muted);font-variant-numeric:tabular-nums}.qr-field{display:grid;gap:.35rem;min-width:0}.qr-field>label,.qr-field-label{font-size:.78rem;font-weight:700;color:var(--color-on-surface)}.qr-field input[type=text],.qr-field input[type=url],.qr-field input[type=tel],.qr-field input[type=email],.qr-field input[type=number],.qr-field input[type=datetime-local],.qr-field select,.qr-field textarea{font-size:.875rem}.qr-field input[type=color]{width:100%;height:2.9rem;padding:.2rem}.qr-field input[type=file]{font-size:.8rem}.qr-field textarea{resize:vertical}.qr-field-checkbox{display:flex;align-items:center;gap:.6rem;min-height:2.25rem}.qr-field-checkbox label{order:2;font-size:.82rem;font-weight:600}.qr-field-range .qr-range-row{display:flex;align-items:center;gap:.75rem}.qr-field-range input[type=range]{flex:1;min-width:0}.qr-field-range output{min-width:3.25rem;text-align:end;font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:700;color:var(--color-muted)}.qr-hint{margin:.05rem 0 0;font-size:.72rem;line-height:1.45;color:var(--color-muted)}.qr-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem .9rem}.qr-fieldset{display:grid;gap:.75rem;margin:0;padding:0;border:0}.qr-fieldset legend{font-size:.7rem;font-weight:800;color:var(--color-muted);text-transform:uppercase;letter-spacing:.055em;margin-bottom:.05rem}.qr-ecc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0;padding:0;border:0}.qr-ecc legend{grid-column:1/-1;font-size:.78rem;font-weight:700;color:var(--color-on-surface);margin-bottom:.05rem;padding:0}.qr-ecc-option{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"radio name" "radio hint";align-items:center;column-gap:.5rem;row-gap:.05rem;min-width:0;padding:.7rem .65rem;border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;background:var(--color-background);transition:border-color .14s,background .14s,box-shadow .14s,transform .14s}.qr-ecc-option:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.qr-ecc-option:has(input:checked){border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary),0 4px 12px rgb(0 0 0/4%)}.qr-ecc-option:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.qr-ecc-option input{grid-area:radio}.qr-ecc-name{grid-area:name;font-weight:800;font-size:.85rem}.qr-ecc-hint{grid-area:hint;font-size:.66rem;color:var(--color-muted);line-height:1.25}.qr-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.qr-preset{display:flex;align-items:center;justify-content:center;min-height:2.55rem;gap:.4rem;white-space:nowrap}.qr-preset-swatch{width:.9rem;height:.9rem;border-radius:.25rem;border:1px solid rgb(0 0 0/.15);flex-shrink:0}.qr-swatch-classic{background:#000}.qr-swatch-rounded{background:#111827;border-radius:.4rem}.qr-swatch-dots{background:radial-gradient(circle at 25% 25%,#0f766e 32%,transparent 33%),radial-gradient(circle at 75% 75%,#0f766e 32%,transparent 33%),#0f766e;background-size:100% 100%}.qr-swatch-ocean{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.qr-swatch-sunset{background:linear-gradient(180deg,#9a3412,#ea580c)}.qr-remove-logo{margin-top:.25rem}.qr-noscript{margin:0;padding:.7rem .8rem;border:1px solid var(--color-warning);border-radius:.7rem;color:var(--color-warning);font-size:.8rem}.qr-export-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.55rem;margin-top:.2rem}.qr-export-actions button{min-height:2.7rem}.qr-reset-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.35rem;margin-top:.05rem}.qr-panel-preview{display:grid;gap:.8rem;position:sticky;top:5.5rem;overflow:hidden;box-shadow:var(--qr-shadow)}.qr-panel-preview .qr-section-title{margin:-.1rem 0 .1rem;padding-bottom:.8rem}.qr-preview-box{display:grid;place-items:center;aspect-ratio:1/1;width:100%;min-height:20rem;border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-background);overflow:hidden;padding:1.35rem;box-shadow:inset 0 0 0 6px color-mix(in oklab,var(--color-background) 92%,var(--color-border))}.qr-preview-box svg{display:block;width:100%;height:100%;max-height:31rem;filter:drop-shadow(0 8px 14px rgb(0 0 0/8%))}[data-qr-code-generator][data-qr-transparent=true] .qr-preview-box{background:repeating-conic-gradient(var(--color-surface) 0% 25%,var(--color-background) 0% 50%)50%/1.25rem 1.25rem}.qr-empty{margin:0;color:var(--color-muted);font-size:.82rem;line-height:1.45;text-align:center;max-width:22ch}.qr-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:.15rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-background);overflow:hidden}.qr-meta div{display:grid;gap:.18rem;min-width:0;padding:.65rem .6rem}.qr-meta div+div{border-inline-start:1px solid var(--color-border)}.qr-meta dt{font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.qr-meta dd{margin:0;font:700 .76rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-warnings{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.qr-warnings li{display:flex;gap:.5rem;align-items:baseline;padding:.55rem .65rem;border-radius:.65rem;font-size:.73rem;line-height:1.4;border:1px solid transparent}.qr-warnings li::before{content:"";flex-shrink:0;width:.45rem;height:.45rem;border-radius:999px;position:relative;top:-.05rem}.qr-warnings li[data-level=warning]{color:var(--color-warning);border-color:color-mix(in oklab,var(--color-warning) 35%,transparent);background:color-mix(in oklab,var(--color-warning) 10%,var(--color-surface))}.qr-warnings li[data-level=warning]::before{background:var(--color-warning)}.qr-warnings li[data-level=info]{color:var(--color-info);border-color:color-mix(in oklab,var(--color-info) 35%,transparent);background:color-mix(in oklab,var(--color-info) 10%,var(--color-surface))}.qr-warnings li[data-level=info]::before{background:var(--color-info)}.qr-field>textarea[data-qr-payload]{font:500 .72rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;word-break:break-all;background:var(--color-background)}.qr-privacy-note{margin:0;padding:.65rem .75rem;border-inline-start:3px solid var(--color-success);background:color-mix(in oklab,var(--color-success) 8%,var(--color-surface));border-radius:0 .6rem .6rem 0;color:var(--color-muted);font-size:.72rem;line-height:1.5}.tool-page-content{max-width:72ch;margin:3rem auto 0;padding-top:2.25rem;border-top:1px solid var(--color-border)}.tool-page-content h2{font-size:1.15rem;margin:2rem 0 .6rem}.tool-page-content h3{font-size:1rem;margin:1.5rem 0 .5rem}.tool-page-content p,.tool-page-content li{color:var(--color-on-surface);font-size:.925rem;line-height:1.65}.tool-page-content p{margin:0 0 .8rem}.tool-page-content ul,.tool-page-content ol{margin:0 0 .8rem;padding-inline-start:1.4rem;display:grid;gap:.35rem}@media(max-width:1120px){.qr-layout{grid-template-columns:minmax(0,1fr)minmax(19rem,23rem)}.qr-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.qr-layout{grid-template-columns:1fr}.qr-panel-preview{position:static;order:-1}.qr-preview-box{max-width:34rem;margin-inline:auto}.qr-preview-box svg{max-height:29rem}}@media(max-width:600px){.qr-shell{padding:1.25rem .75rem 3.25rem}.qr-header{padding:0;margin-bottom:.85rem}.qr-title{font-size:clamp(1.65rem,8vw,2.15rem)}.qr-description{font-size:.84rem}.qr-panel{padding:1rem}.qr-section{padding:.95rem}.qr-ecc{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-grid-2{grid-template-columns:1fr}.qr-preview-box{min-height:16rem;padding:1rem}.qr-meta dd{font-size:.69rem}.qr-export-actions{grid-template-columns:1fr}.qr-reset-actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.qr-ecc-option{transition:none}}