.cpqr-wrap{max-width:1100px;margin:0 auto;padding:20px}.cpqr-hero h1{font-size:26px;margin:0 0 8px}.cpqr-intro{color:#4b5563;margin:0 0 16px}.cpqr-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cpqr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cpqr-card h3{margin:0 0 12px}.cpqr-row{display:flex;gap:12px;flex-wrap:wrap}.cpqr-card label{display:block;margin-bottom:10px;font-weight:500}.cpqr-card input[type=url],.cpqr-card input[type=number],.cpqr-card select{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px}.cpqr-btn{background:#111827;color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}.cpqr-btn.ghost{background:0 0;color:#111827;border:1px solid #d1d5db}.cpqr-actions{display:flex;gap:12px;flex-wrap:wrap}.cpqr-actions .dl-btn{display:inline-block;text-align:center}.cpqr-preview{display:inline-block}.cpqr-preview canvas,.cpqr-preview img{max-width:min(420px,100%);height:auto;display:block}.cpqr-faq{margin-top:28px}.cpqr-faq h2{font-size:20px;margin:0 0 8px}.cpqr-faq ul{margin:0;padding-left:18px}@media (max-width:900px){.cpqr-grid{grid-template-columns:1fr}.cpqr-hero h1{font-size:22px}.cpqr-preview canvas,.cpqr-preview img{max-width:min(320px,100%)}.cpqr-actions{flex-direction:column}.cpqr-actions .dl-btn{width:100%}}