*{box-sizing:border-box}body{margin:0;background:#f8f9fc;color:#242535;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}header{max-width:1180px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e6e8f0}.brand{font-size:23px;font-weight:750;letter-spacing:-.7px;text-decoration:none;color:#252535}.brand span{color:#8a879b;font-weight:450}nav{display:flex;gap:20px}a{color:#6550ca}nav a{text-decoration:none;font-size:13px}nav a[aria-current]{font-weight:650}main{max-width:1110px;margin:auto;padding:30px 25px 50px}.back{font-size:12px;text-decoration:none}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:26px 0 12px}.intro{color:#72798b;margin-bottom:30px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}form,.result{background:white;border:1px solid #e1e5ef;padding:26px;border-radius:14px;min-width:0}label,h2{font-size:17px;font-weight:650;margin:0}form p,.result>p{font-size:12px;color:#747b8c;margin:8px 0 16px}textarea{display:block;width:100%;border:1px solid #d9ddea;background:#fbfcff;color:#2b3144;padding:14px;border-radius:8px;resize:vertical;font:14px/1.7 Consolas,monospace;min-height:100px;overflow-wrap:anywhere}button{font:inherit;border:1px solid #dbdeea;border-radius:8px;background:white;color:#5948ac;padding:11px 17px;cursor:pointer}.primary{background:#6951d2;color:white;border-color:#6951d2}.primary:hover{background:#5842bc}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;margin-top:18px}#empty{background:#f7f7fc;border:1px dashed #daddE9;padding:55px 18px;text-align:center;color:#9197a5;border-radius:9px;margin-bottom:18px}.code-card{padding:16px;border:1px solid #e4e3f0;background:#f9f7ff;border-radius:9px;margin-bottom:12px}.code-card small{overflow-wrap:anywhere;color:#746b8e}.code-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.digits{font:650 36px/1.5 Consolas,monospace;letter-spacing:3px;color:#6550c7}.expires{font-size:12px;color:#7b748c}progress{display:block;width:100%;height:5px;accent-color:#7055d4;margin-top:10px}.invalid{color:#b13b4a;font-size:13px}.batch-label{display:block;margin:15px 0 8px;font-size:12px}#output{font-size:12px;margin-bottom:14px}#copy-all{margin-top:4px}#status{min-height:19px;color:#6550c7}.privacy{font-size:12px;color:#818799;margin:22px 0;max-width:800px}footer{max-width:1110px;margin:auto;border-top:1px solid #e1e5ef;padding:22px 25px;color:#9297a6;font-size:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #b6a8ee;outline-offset:3px}@media(max-width:700px){header{padding:18px;flex-wrap:wrap}main{padding:22px 18px}h1{font-size:28px}.workspace{grid-template-columns:minmax(0,1fr)}form,.result{padding:20px}.digits{font-size:32px}.actions{flex-wrap:wrap}nav{gap:14px}}