:root{color:#102a43;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.topbar{background:#fff;border-bottom:1px solid #dce8f0;justify-content:space-between;align-items:center;min-height:68px;padding:14px max(22px,50% - 560px);display:flex}.brand{color:#075985;font-size:1.1rem;font-weight:800;text-decoration:none}.badge{color:#166534;background:#dcfce7;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700}main{width:min(1120px,100% - 32px);margin:0 auto}.intro{text-align:center;padding:52px 10px 30px}.eyebrow{color:#0284c7;letter-spacing:.15em;font-size:.8rem;font-weight:900}h1{color:#0c4a6e;margin:8px 0 12px;font-size:clamp(2rem,5vw,3.7rem);line-height:1.05}.intro>p:last-child{color:#526579;max-width:680px;margin:auto;font-size:1.08rem}.app{background:#fff;border:1px solid #d8e5ed;border-radius:24px;grid-template-columns:1.25fr .75fr;gap:28px;padding:28px;display:grid;box-shadow:0 20px 60px #0f3c5517}label{color:#233f55;gap:8px;font-weight:750;display:grid}textarea,select{color:#102a43;width:100%;font:inherit;background:#fff;border:1px solid #b8cbd8;border-radius:12px;padding:12px 14px}textarea:focus,select:focus{border-color:#0284c7;outline:3px solid #bae6fd}.counter{text-align:right;color:#708496;margin-top:5px;font-size:.8rem}.options{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.colors{flex-wrap:wrap;gap:24px;margin:20px 0;display:flex}.colors label{align-items:center;display:flex}input[type=color]{background:#fff;border:1px solid #b8cbd8;border-radius:8px;width:44px;height:34px;padding:2px}.buttons{flex-wrap:wrap;gap:10px;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font-weight:800}.primary,.download{color:#fff;background:#0369a1}.primary:hover,.download:hover:not(:disabled){background:#075985}.secondary{color:#075985;background:#e0f2fe}.download:disabled{cursor:not-allowed;opacity:.45}.error{color:#b91c1c;min-height:22px;font-weight:700}.preview{text-align:center;background:#eef7fb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:20px;display:flex}.qr-stage{aspect-ratio:1;place-items:center;width:min(100%,300px);display:grid;position:relative}.preview canvas{background:#fff;border-radius:14px;padding:8px;position:absolute;inset:0;box-shadow:0 10px 30px #102a4324;width:100%!important;height:100%!important}.empty{color:#607d8e;border:2px dashed #9bb9ca;border-radius:14px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}[hidden]{display:none!important}.download{margin-top:18px}.preview p{color:#607d8e;margin-bottom:0;font-size:.82rem}.privacy{color:#14532d;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px;margin:24px 0 44px;padding:20px 24px}.privacy p{margin:6px 0 0}footer{text-align:center;color:#607d8e;background:#e8f1f6;padding:28px 16px}@media (width<=760px){.app{grid-template-columns:1fr;padding:18px}.options{grid-template-columns:1fr}.intro{padding-top:36px}.topbar{align-items:flex-start;gap:10px}}