.qrcode-generator .mode-toggle{display:flex;background:rgba(0,0,0,.04);border-radius:2rem;padding:.5rem;margin:0 auto 1.5rem;box-shadow:inset 0 .0625rem .125rem rgba(0,0,0,.02);border:.0625rem solid rgba(255,255,255,.3);max-width:30rem}.qrcode-generator .mode-btn{flex:1;padding:.6rem .25rem;border:0;border-radius:1.75rem;background:0 0;font-size:.875rem;font-weight:600;color:#4b5a6f;cursor:pointer;transition:all .25s ease;letter-spacing:.01em}.qrcode-generator .mode-btn.active{background:#fff;color:#0b1f33;box-shadow:0 .125rem .5rem rgba(0,0,0,.04),0 .0625rem .125rem rgba(0,0,0,.02)}.qrcode-generator .mode-btn:not(.active):hover{color:#1e293b;background:rgba(255,255,255,.2)}.qrcode-generator .form-container,.qrcode-generator .form-item{display:flex;flex-direction:column;gap:1.5rem}.qrcode-generator .form-item{gap:.25rem}.qrcode-generator .label{font-size:.8rem;font-weight:600;color:#1e2f44;letter-spacing:.01em;display:flex;align-items:center;gap:.25rem}.qrcode-generator .input-field,.qrcode-generator .select-field,.qrcode-generator .textarea-field{width:100%;padding:.625rem .875rem;border:.0625rem solid #e2e8f0;border-radius:.75rem;font-size:.875rem;background:rgba(255,255,255,.6);transition:all .2s ease;font-family:inherit;box-shadow:inset 0 .0625rem .125rem rgba(0,0,0,.02)}.qrcode-generator .input-field:focus,.qrcode-generator .select-field:focus,.qrcode-generator .textarea-field:focus{outline:0;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 .1875rem rgba(59,130,246,.12),inset 0 .0625rem .125rem rgba(0,0,0,.02)}.qrcode-generator .textarea-field{resize:vertical;min-height:4rem}.qrcode-generator .checkbox-item{display:flex;align-items:center;gap:.5rem;margin:.125rem 0}.qrcode-generator .checkbox-item input[type=checkbox]{width:1rem;height:1rem;accent-color:#2563eb;cursor:pointer;border-radius:.25rem}.qrcode-generator .checkbox-label{font-size:.875rem;color:#2c3e58;cursor:pointer}.qrcode-generator .options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;background:rgba(255,255,255,.5);border-radius:1.25rem;border:.0625rem solid rgba(255,255,255,.6);box-shadow:0 .125rem .5rem rgba(0,0,0,.02)}.qrcode-generator .options-grid .form-item{gap:.5rem}.qrcode-generator .options-grid .label{font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;color:#4b5a6f}.qrcode-generator .color-input-group{display:flex;align-items:center;gap:.5rem}.qrcode-generator .color-input-group input[type=color]{width:2rem;height:2rem;border:.0625rem solid #d1d9e6;border-radius:.5rem;cursor:pointer;padding:.125rem;background:#fff;transition:border .2s}.qrcode-generator .color-input-group input[type=color]:hover{border-color:#3b82f6}.qrcode-generator .color-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.qrcode-generator .color-input-group input[type=color]::-webkit-color-swatch{border:0;border-radius:.375rem}.qrcode-generator .color-hex{font-size:.7rem;font-weight:500;color:#4b5a6f;background:rgba(0,0,0,.02);padding:.1rem .4rem;border-radius:.375rem}.qrcode-generator .qrcode-logo{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qrcode-generator .file-upload-wrapper{position:relative;overflow:hidden;display:inline-block}.qrcode-generator .file-upload-wrapper input[type=file]{width:100%;height:100%;cursor:pointer;z-index:999}.qrcode-generator .logo-preview,.qrcode-generator .range-control{display:flex;align-items:center;gap:.5rem}.qrcode-generator .logo-preview img{width:2.25rem;height:2.25rem;object-fit:contain;border-radius:.5rem;border:.0625rem solid #e2e8f0;background:#fff;padding:.125rem}.qrcode-generator .logo-preview .remove-logo{cursor:pointer;color:#ef4444;font-weight:600;font-size:1.125rem;line-height:1;background:rgba(239,68,68,.06);border:0;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.qrcode-generator .logo-preview .remove-logo:hover{background:rgba(239,68,68,.12)}.qrcode-generator .range-control input[type=range]{flex:1;height:.3125rem;-webkit-appearance:none;appearance:none;background:#d1d9e6;border-radius:.25rem;outline:0;transition:background .2s}.qrcode-generator .range-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;border-radius:50%;background:#2563eb;cursor:pointer;box-shadow:0 .0625rem .25rem rgba(37,99,235,.2);transition:transform .15s}.qrcode-generator .range-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.qrcode-generator .range-control input[type=range]::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:50%;background:#2563eb;cursor:pointer;border:0}.qrcode-generator .range-value{font-size:.75rem;font-weight:600;color:#1e293b;min-width:2.2rem;text-align:center}.qrcode-generator .submit-btn{padding:.8rem 5rem;border:0;border-radius:2rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 .375rem 1rem -.25rem rgba(37,99,235,.3);margin:.25rem auto 0}.qrcode-generator .result-container{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 0 .25rem;border-top:.0625rem solid rgba(0,0,0,.03)}.qrcode-generator .qr-wrapper{padding:.5rem;background:#fff;border-radius:1rem;box-shadow:0 .125rem .75rem rgba(0,0,0,.04),0 .0625rem .1875rem rgba(0,0,0,.02);border:.0625rem solid rgba(255,255,255,.7)}.qrcode-generator .qr-img{display:block;width:12rem;height:12rem;object-fit:contain;border-radius:.5rem}.qrcode-generator .download-link{font-size:.875rem;color:#2563eb;text-decoration:none;padding:.3rem 1rem;border-radius:1rem;background:rgba(37,99,235,.04);border:.0625rem solid rgba(37,99,235,.08);transition:all .2s}.qrcode-generator .download-link:hover{background:rgba(37,99,235,.08);border-color:#2563eb;transform:translateY(-.0625rem)}