.qr-page{background:var(--color-bg-base);color:var(--color-text-primary);padding-top:var(--space-20)}.qr-hero{padding:var(--section-padding-y)0 var(--space-12);position:relative;overflow:hidden}.qr-hero:before{content:"";background:radial-gradient(ellipse 60% 50% at 20% 0%,var(--color-brand-royal-25)0%,transparent 60%);pointer-events:none;z-index:var(--z-below);position:absolute;inset:0}.qr-hero__container{max-width:var(--container-max-width);padding:0 var(--container-padding-x);margin:0 auto;position:relative}.qr-hero__back{margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);transition:var(--transition-colors);align-items:center;text-decoration:none;display:inline-flex}.qr-hero__back:hover{color:var(--color-text-primary)}.qr-hero__eyebrow{margin-bottom:var(--space-6);padding:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-brand-light);border:var(--border-width-thin)solid var(--color-border-default);border-radius:var(--radius-full);display:inline-block}.qr-hero__title{max-width:800px;margin:0 0 var(--space-5)0;font-family:var(--type-hero-family);font-size:var(--type-hero-size);font-weight:var(--type-hero-weight);line-height:var(--type-hero-leading);letter-spacing:var(--type-hero-tracking)}.qr-hero__lede{max-width:640px;font-family:var(--type-body-lg-family);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-leading);color:var(--color-text-secondary);margin:0}.qr-tool-section{padding:0 0 var(--section-padding-y)}.qr-tool-container{max-width:var(--container-max-width);padding:0 var(--container-padding-x);margin:0 auto}.qr-tool{gap:var(--space-16);padding:var(--card-padding);background:var(--color-bg-surface);border:var(--border-width-thin)solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.qr-tool__form{gap:var(--space-8);flex-direction:column;display:flex}.qr-tool__field{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.qr-tool__label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary)}.qr-tool__hint{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.qr-tool__input{padding:var(--space-3)var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-base);border:var(--border-width-thin)solid var(--color-border-default);border-radius:var(--radius-md);transition:var(--transition-colors);outline:none}.qr-tool__input::placeholder{color:var(--color-text-muted)}.qr-tool__input:focus{border-color:var(--color-brand-mid);box-shadow:var(--shadow-glow)}.qr-tool__sizes{gap:var(--space-2);display:flex}.qr-tool__size{padding:var(--space-3)var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-base);border:var(--border-width-thin)solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);flex:1;justify-content:center;align-items:center;display:flex}.qr-tool__size input{opacity:0;pointer-events:none;position:absolute}.qr-tool__size:has(input:checked){color:var(--color-text-primary);background:var(--color-brand-royal);border-color:var(--color-brand-mid)}.qr-tool__size:hover{color:var(--color-text-primary)}.qr-tool__actions{gap:var(--space-3);display:flex}.qr-tool__btn{padding:var(--space-4)var(--space-6);font-family:var(--font-ui);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--tracking-wide);border:var(--border-width-thin)solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-default);flex:1}.qr-tool__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.qr-tool__btn--primary{color:var(--color-text-primary);background:var(--color-accent);border-color:var(--color-accent)}.qr-tool__btn--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.qr-tool__btn--ghost{color:var(--color-text-primary);border-color:var(--color-border-default);background:0 0}.qr-tool__btn--ghost:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.qr-tool__error{padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-error);background:color-mix(in srgb,var(--color-error)10%,transparent);border-radius:var(--radius-md);margin:0}.qr-tool__preview{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.qr-tool__canvas-wrap{padding:var(--space-6);background:var(--color-text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.qr-tool__canvas{width:320px;height:320px;display:block}.qr-tool__preview-caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0}.qr-faq{padding:var(--section-padding-y)0}.qr-faq__container{max-width:800px;padding:0 var(--container-padding-x);margin:0 auto}.qr-faq__title{margin:0 0 var(--space-10)0;font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading)}.qr-faq__list{gap:var(--space-8);flex-direction:column;margin:0;display:flex}.qr-faq__item{padding-bottom:var(--space-8);border-bottom:var(--border-width-thin)solid var(--color-border-subtle)}.qr-faq__item:last-child{border-bottom:0}.qr-faq__question{margin:0 0 var(--space-3)0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.qr-faq__answer{font-family:var(--font-body);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-leading);color:var(--color-text-secondary);margin:0}.qr-cta{padding:var(--section-padding-y)0;border-top:var(--border-width-thin)solid var(--color-border-subtle)}.qr-cta__container{max-width:720px;padding:0 var(--container-padding-x);text-align:center;margin:0 auto}.qr-cta__title{margin:0 0 var(--space-4)0;font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--type-h2-leading)}.qr-cta__lede{margin:0 0 var(--space-8)0;font-family:var(--font-body);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-leading);color:var(--color-text-secondary)}.qr-cta__btn{padding:var(--space-4)var(--space-8);font-family:var(--font-ui);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--tracking-wide);color:var(--color-text-primary);background:var(--color-accent);border-radius:var(--radius-md);transition:var(--transition-colors);text-decoration:none;display:inline-block}.qr-cta__btn:hover{background:var(--color-accent-hover)}@media (max-width:1024px){.qr-tool{gap:var(--space-10)}}@media (max-width:768px){.qr-page{padding-top:var(--space-16)}.qr-hero{padding:var(--section-padding-y-sm)0 var(--space-10)}.qr-tool-section{padding:0 0 var(--section-padding-y-sm)}.qr-tool{gap:var(--space-10);padding:var(--card-padding-sm);grid-template-columns:1fr}.qr-tool__preview{order:-1}.qr-tool__canvas{width:240px;height:240px}.qr-tool__actions{flex-direction:column}.qr-faq,.qr-cta{padding:var(--section-padding-y-sm)0}}