.qr-hero{background:var(--silver-canvas);padding:48px 0 32px}.qr-hero h1{letter-spacing:-.048em;margin:20px 0 14px;font-size:clamp(38px,4.65vw,66px);font-weight:800;line-height:1.02}.qr-hero h1 span{color:var(--silver-violet)}.qr-hero p{color:var(--silver-muted);max-width:760px;font-size:18px}.qr-stage{background:var(--silver-canvas);padding:0 0 32px}.qr-workspace{grid-template-columns:1.55fr 1fr;align-items:start;gap:20px;display:grid}.qr-panel{border:1px solid var(--silver-line);background:#fff;border-radius:8px;min-width:0;padding:28px}.qr-panel h2{align-items:center;gap:14px;margin:0 0 20px;font-size:23px;display:flex}.qr-step{background:var(--silver-violet);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:19px;display:inline-grid}.qr-panel fieldset{border:0;min-width:0;margin:0;padding:0}.qr-panel label{margin:0 0 8px;font-size:14px;font-weight:600;display:block}.qr-panel input:not([type=checkbox]),.qr-panel select,.qr-panel textarea{width:100%;min-height:44px;color:var(--silver-ink);font:inherit;background:#fff;border:1px solid #858ba3;border-radius:5px;padding:10px 12px}.qr-panel textarea{resize:vertical}.qr-field{margin-top:16px}.qr-checkbox{align-items:center;gap:12px;min-height:44px;display:flex}.qr-checkbox label{margin:0}.qr-checkbox input{width:20px;height:20px;accent-color:var(--silver-violet)}.qr-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.qr-divider{border-top:1px solid var(--silver-line);margin:28px 0}.qr-help{color:var(--silver-muted);overflow-wrap:anywhere;margin:10px 0;font-size:14px;line-height:1.6}.qr-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.qr-quiet{background:var(--silver-panel);min-height:44px;color:var(--silver-ink);font:inherit;cursor:pointer;border:1px solid #858ba3;border-radius:100px;padding:10px 22px}.qr-error{color:var(--silver-error)}.qr-field-error{margin:6px 0 0;font-size:14px;line-height:1.5}.qr-panel [aria-invalid=true]{border-color:var(--silver-error)}.qr-secret{gap:8px;display:flex}.qr-secret input{flex:1;min-width:0}.qr-jump{text-decoration:none;display:none}.qr-preview-frame[data-stale] img{opacity:.35}.qr-preview-frame{background:var(--silver-panel);border:1px solid var(--silver-line);text-align:center;min-height:300px;color:var(--silver-muted);border-radius:5px;place-items:center;padding:16px;display:grid}.qr-preview-frame img{max-width:100%;height:auto;image-rendering:pixelated;display:block}.qr-result .button{justify-content:center;display:flex}.qr-callout{border-top:1px solid var(--silver-line);color:var(--silver-muted);margin-top:24px;padding-top:18px;font-size:13px}.qr-content{padding-top:36px;padding-bottom:48px}.qr-steps{grid-template-columns:repeat(3,1fr);gap:28px;padding:0;list-style:none;display:grid}.qr-steps li{align-items:start;gap:14px;display:flex}.qr-steps strong{margin:8px 0;display:block}.qr-steps p{color:var(--silver-muted);font-size:15px}.qr-privacy{background:var(--silver-panel);border:1px solid var(--silver-line);border-radius:8px;margin:32px 0;padding:24px}.qr-privacy h2{margin-top:0;font-size:22px}.qr-privacy p{margin-bottom:0}.qr-faq details{border:1px solid var(--silver-line);border-radius:5px;margin:12px 0;padding:0 16px}.qr-faq summary{cursor:pointer;min-height:44px;padding:15px 0}.qr-faq p{color:var(--silver-muted)}.qr-workspace [hidden]{display:none!important}@media (width>=801px){.qr-workspace:has(#qr-jump) .qr-result{position:sticky;top:16px}}@media (width<=800px){.qr-workspace{grid-template-columns:1fr}.qr-preview-frame{min-height:250px}.qr-preview-frame img{width:auto;max-width:100%;max-height:400px}.qr-jump{align-items:center;display:inline-flex}}@media (width<=600px){.qr-hero{padding-top:32px}.qr-panel{padding:23px}.qr-options,.qr-steps{grid-template-columns:1fr}.qr-actions .button{width:100%}}