/* QRcodeGen — Royal Blue & Lavender */
:root{--brand:#304bdd;--brand-dark:#253aac;--ink:#1b2345;--muted:#616984;--line:#e0e4f1;--lavender:#eeeaff}
body{background:radial-gradient(ellipse at 80% 0,#e9e6ff,transparent 48%),#f6f7fc!important;color:var(--ink);padding:24px 16px;line-height:1.6;background-attachment:scroll}.site-topbar{max-width:860px;margin:0 0 22px;justify-content:space-between;align-items:center}.site-brand{font-size:23px;gap:12px;letter-spacing:-.8px;color:var(--ink)}.site-brand span{color:var(--ink);font-weight:800}.site-brand img,.brand img{display:block;width:44px!important;height:44px!important;aspect-ratio:1;object-fit:contain;flex-shrink:0;border-radius:11px;box-shadow:none;animation:none}.top-caption{font-size:12px;color:var(--muted);font-weight:600}.my-sites{max-width:860px;background:#ffffffcf;border:1px solid var(--line);border-radius:16px;backdrop-filter:none;padding:12px;gap:6px;box-shadow:none}.my-sites span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.4px}.my-sites a{background:transparent;color:#4d5778;font-size:12px;border-radius:8px;padding:6px 12px}.my-sites a:hover{background:#ecefff;color:var(--brand)}.card{max-width:780px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:40px;box-shadow:0 16px 55px #2637740b}.logo-bookmark{max-width:100%;margin:0 auto 24px}.logo{width:260px!important;height:auto!important;max-width:100%;aspect-ratio:1080/220;object-fit:contain;border-radius:0!important;margin:0!important}h1{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;font-size:clamp(29px,5vw,42px);line-height:1.15;letter-spacing:-1.5px;margin-bottom:14px}p.sub{color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}label{color:#37405f;font-size:13px;font-weight:700;margin-bottom:7px}select,textarea,#formatFields input,#formatFields textarea{border:1px solid #d5dbee;border-radius:10px;background:#fbfcff;color:var(--ink);font-size:16px;padding:14px;min-width:0}select{padding-right:28px}select:focus,textarea:focus,#formatFields input:focus,#formatFields textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #304bdd15}#formatFields .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#formatFields small{color:var(--muted);font-size:12px}.options{gap:14px}button{background:var(--brand);border-radius:11px;box-shadow:0 5px 12px #304bdd18;font-size:15px;min-height:52px}button:hover{background:var(--brand-dark);box-shadow:0 7px 20px #304bdd25;transform:translateY(-1px)}#downloadBtn{background:#236b59}#downloadBtn:hover{background:#195340;box-shadow:none}#status{color:var(--brand)}.features{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;gap:10px 22px}.features div{color:var(--muted);font-size:12px}#qrbox{background:#f6f7fc;border:1px solid var(--line);border-radius:16px;padding:20px 12px}#qrbox canvas{max-width:100%;height:auto;box-shadow:none;border-radius:0;background:#fff}.reading{max-width:860px;margin:48px auto 18px;color:var(--ink)}.reading-header{margin-bottom:24px}.reading-header h2{font-size:30px;letter-spacing:-.9px}.reading-header p{color:var(--muted);font-size:14px}.reading article{border:1px solid var(--line);box-shadow:none;border-radius:18px;padding:26px}.reading .topic{color:var(--brand);font-size:10px}.reading h3{color:var(--ink);font-size:19px;line-height:1.4}.reading article p{color:var(--muted);font-size:14px}.reading .opener{color:#4d4283}.reading a{color:var(--brand);font-size:13px}.seo-links{max-width:860px;gap:8px}.seo-links a{border:1px solid var(--line);background:#fff;color:#47527b;border-radius:8px;font-size:12px}.seo-links a:hover{color:var(--brand);border-color:#a9b6fa}.ad-banner small{color:#6b7290;font-size:9px}.ad-banner{margin:16px auto}footer{color:var(--muted);margin:28px 0 12px;font-size:12px}.page{max-width:900px;padding:12px 0}.brand{font-size:23px;letter-spacing:-.6px;color:var(--ink);gap:12px}.page-card{border:1px solid var(--line);box-shadow:0 16px 55px #2637740b;border-radius:24px}.page-card h1{font-size:clamp(29px,5vw,44px)}.page-card h2{color:var(--ink)}.eyebrow{color:var(--brand);font-size:11px}.page-card p,.page-card li{color:var(--muted)}.primary{background:var(--brand)}.secondary{background:var(--lavender);color:#51448b}.actions a{min-height:46px;border-radius:10px;font-size:14px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #8c9eff;outline-offset:4px}
@media(max-width:600px){body{padding:16px 12px}.top-caption{display:none}.site-topbar{justify-content:center;margin-bottom:16px}.card{padding:28px 20px;border-radius:20px}.logo{width:240px!important}.reading{margin-top:36px}.reading article{padding:22px}.reading-header h2{font-size:26px}.reading-grid{grid-template-columns:1fr}.page-card{padding:26px 20px}.my-sites a{padding:5px 9px;font-size:11px}.page{padding:0}#formatFields .field-grid{grid-template-columns:1fr}}
@media(max-width:360px){.card{padding:24px 16px}.options{flex-direction:column;gap:0}.logo{width:220px!important}h1{font-size:29px}.actions{flex-direction:column}.actions a{text-align:center}}