.qr-code-generator{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.qr-inputs,.qr-output{flex:1;margin-right:20px}.qr-code-generator input[type=number],.qr-code-generator input[type=range],.qr-code-generator input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:16px;margin:8px 0;padding:10px;width:100%}.qr-code-generator button{align-items:center;background-color:#00b5f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:20px;padding:10px 20px;width:100%}.qr-code-generator button i{margin-right:10px}.qr-code-generator button:hover{background-color:#008ecb}#qrcode{text-align:center}#qrOptions,#qrcode{margin-top:20px}#qrOptions label{font-size:14px;font-weight:400}#qrOptions input[type=number],#qrOptions input[type=text]{width:100%}#qrOptions input[type=radio]{margin-right:10px;margin-top:10px;width:auto}.color-buttons{display:flex;gap:10px}.color-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s;width:auto}.color-btn:hover{background-color:#e0e0e0}.color-btn.active{background-color:#000;color:#fff}#qrOptions input[type=number],#qrOptions input[type=text]{width:100%}