.qr-wrapper{max-width:100%;margin:20px auto;padding:20px;background:#4c1d95;min-height:100vh;box-sizing:border-box;font-family:'Inter',sans-serif;color:#fff}.qr-wrapper h2{font-size:2.4rem;margin:0 0 10px;text-align:center;background:linear-gradient(90deg,#e0c3fc,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.subtitle{text-align:center;color:#e0c3fc;margin-bottom:25px;font-size:1rem}.qr-grid{display:flex;flex-direction:column;gap:25px}@media (min-width:768px){.qr-grid{flex-direction:row}.qr-controls,.qr-preview{flex:1}}.qr-controls{background:rgb(255 255 255 / .08);padding:25px;border-radius:18px;backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;font-size:15px;color:#e0c3fc}.input-group input,.input-group select,.input-group textarea{width:100%!important;padding:14px;border:none;border-radius:12px;background:rgb(255 255 255 / .15);color:#fff;font-size:16px;box-sizing:border-box}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.logo-group{margin:35px 0 20px}.qr-buttons{text-align:center;margin-top:20px}.generate-btn,.download-btn{background:#fff;color:#4c1d95;padding:15px 35px;border:none;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 10px 25px rgb(0 0 0 / .3);margin:8px}.download-dropdown{position:relative;display:inline-block;margin-top:15px}.download-btn{min-width:200px}.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgb(0 0 0 / .4);z-index:99;width:180px;margin-top:8px}.dropdown-menu button{width:100%;padding:14px;background:#fff;color:#4c1d95;border:none;text-align:center;font-weight:600;cursor:pointer}.dropdown-menu button:hover{background:#f0e8ff}.dropdown-menu.show{display:block}.share-buttons button{background:rgb(255 255 255 / .2);color:#fff;padding:10px 18px;margin:5px;border:1px solid rgb(255 255 255 / .3);border-radius:10px}.qr-preview .preview-box{background:#fff;padding:30px;border-radius:24px;box-shadow:0 20px 40px rgb(0 0 0 / .3);text-align:center;overflow:hidden}#qr-canvas canvas{width:100%!important;height:auto!important;max-width:340px!important;margin:0 auto!important;display:block!important;border-radius:16px}@media (max-width:380px){#qr-canvas{max-width:260px!important;max-height:260px!important}}#placeholder{color:#999;margin-top:20px}*{box-sizing:border-box}body{margin:0;padding:0}