.qrp{--qrp-ink:var(--product-ink);--qrp-lime:var(--product-active);--qrp-pink:var(--product-brand);--qrp-paper:var(--product-canvas);background:var(--qrp-paper);min-height:100vh;color:var(--qrp-ink);font-family:DM Sans,sans-serif}.qrp *{box-sizing:border-box}.qrp-wrap{width:min(100% - 2rem,1320px);margin:auto;padding:32px 0 90px}.qrp-top{border-bottom:3px solid var(--qrp-ink);justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.qrp-brand{font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;font-weight:900}.qrp-tag{text-transform:uppercase;border:2px solid var(--qrp-ink);padding:8px 10px;font-size:.72rem;font-weight:800}.qrp-heading{padding:35px 0 22px}.qrp-heading h1{margin:0 0 16px;font-family:Bricolage Grotesque,sans-serif;font-size:4.5rem;font-weight:900;line-height:.98}.qrp-heading p{max-width:68ch;margin:0;font-size:1rem;line-height:1.5}.qrp-payload{border-bottom:2px solid var(--qrp-ink);overflow-wrap:anywhere;padding:15px 0 26px;font-size:.82rem;line-height:1.5}.qrp-payload strong{text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.qrp-variants{gap:28px;margin-top:30px;display:grid}.qrp-variant{border-top:3px solid var(--qrp-ink);min-width:0;padding-top:18px}.qrp-variant-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin-bottom:22px;display:flex}.qrp-variant h2{margin:0;font:900 1.6rem/1.1 Bricolage Grotesque,sans-serif}.qrp-variant-head p{margin:6px 0 0;font-size:.84rem}.qrp-flag{background:var(--qrp-lime);border:2px solid var(--qrp-ink);text-transform:uppercase;padding:7px 10px;font-size:.7rem;font-weight:800}.qrp-variant.strong .qrp-flag{background:var(--qrp-pink)}.qrp-examples{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.qrp-example{min-width:0}.qrp-example h3{text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:800}.qrp-example h3 span{font-weight:500}.qrp-code-field{border:2px solid var(--qrp-ink);background:#fff;width:fit-content;max-width:100%;padding:6px}.qrp-code-field img{image-rendering:auto;width:100%;max-width:none;height:auto;display:block}.qrp-loading{aspect-ratio:1;background:#fff;width:128px}.qrp-example.size-160 .qrp-code-field img{width:160px}.qrp-example.size-224 .qrp-code-field img{width:224px}.qrp-example.size-440 .qrp-code-field img{width:440px;max-width:100%}.qrp-checks{flex-wrap:wrap;gap:5px 12px;margin-top:11px;font-size:.73rem;font-weight:700;line-height:1.3;display:flex}.qrp-pass{color:var(--qrp-ink)}.qrp-fail{color:var(--destructive)}.qrp-pending{color:var(--muted-foreground)}.qrp-footer{border-top:3px solid var(--qrp-ink);margin-top:35px;padding-top:20px;font-size:.8rem;line-height:1.5}@media (width<=850px){.qrp-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.qrp-example.size-440{grid-column:1/-1}}@media (width<=520px){.qrp-wrap{width:min(100% - 28px,460px);padding-top:16px}.qrp-heading{padding-top:28px}.qrp-heading h1{font-size:2.5rem}.qrp-examples{grid-template-columns:1fr;gap:23px}.qrp-example.size-440{grid-column:auto}.qrp-code-field{max-width:100%}.qrp-variant-head{margin-bottom:18px}}