.card,.footer p{text-align:center}*,::after,::before,input{box-sizing:border-box}.card,.page,input{width:100%}body,html{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Arial,sans-serif;background:#f4f6f8;color:#222;min-height:100vh;padding:20px}.page{min-height:calc(100vh - 40px);display:flex;flex-direction:column;justify-content:center;align-items:center}.card{background:#fff;max-width:480px;padding:28px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}h1{margin-top:0;font-size:26px}p{color:#666;font-size:14px}input{padding:14px;font-size:16px;border:1px solid #ddd;border-radius:10px;margin:16px 0}.downloads a,button{display:inline-block;border:none;background:#222;color:#fff;padding:11px 16px;border-radius:10px;font-size:14px;cursor:pointer;margin:6px}.footer a{color:#444;background:0 0;padding:0;margin:0;border-radius:0}.footer a:hover{text-decoration:underline}.downloadBtn{text-decoration:none}#qrCanvas{max-width:300px;max-height:300px}a:hover,button:hover{opacity:.85}.secondary{background:#555}.qr-box{margin:16px auto 8px;padding:16px;border-radius:14px;background:0 0/20px 20px,0 10px/20px 20px,10px -10px/20px 20px,-10px 0/20px 20px #fff;display:inline-block}canvas{display:block}.downloads{display:none;margin-top:12px}.input-group{display:flex;align-items:center;gap:10px;margin:16px 0}.input-group button,.input-group input{height:50px;box-sizing:border-box;font-size:16px}.input-group input{flex:1;padding:0 14px;border:1px solid #ddd;border-radius:10px}.input-group button{margin:0;padding:0 18px;border:none;border-radius:10px;background:#222;color:#fff;cursor:pointer;line-height:1}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end;margin:16px 0}.option-field{text-align:left}.option-field label,.option-toggle span{display:block;margin-bottom:6px;font-size:13px;color:#666}.option-field input{width:100%;height:44px;margin:0;padding:0 14px}.option-toggle{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #ddd;border-radius:10px;cursor:pointer}.option-toggle input{width:auto;margin:0}.option-toggle span{margin:0}.qr-box.inverted-preview{background:0 0/20px 20px,0 10px/20px 20px,10px -10px/20px 20px,-10px 0/20px 20px #000}