.QrCodeGenerator-module__83-qTq__wrapper{background:#fff;min-height:100vh;padding:140px 24px 100px;font-family:inherit}.QrCodeGenerator-module__83-qTq__container{max-width:980px;margin:0 auto}.QrCodeGenerator-module__83-qTq__hero{text-align:center;margin-bottom:48px}.QrCodeGenerator-module__83-qTq__title{letter-spacing:.5px;color:#090909;margin:0 0 12px;font-family:Bebas Neue,sans-serif;font-size:52px}.QrCodeGenerator-module__83-qTq__subtitle{color:#6a6a6a;max-width:640px;margin:0 auto;font-family:Outfit,sans-serif;font-size:18px;line-height:1.6}.QrCodeGenerator-module__83-qTq__layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.QrCodeGenerator-module__83-qTq__main{min-width:0}.QrCodeGenerator-module__83-qTq__tabs{background:#f5f5f5;border-radius:14px;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:6px;display:flex}.QrCodeGenerator-module__83-qTq__tab{color:#6a6a6a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex}.QrCodeGenerator-module__83-qTq__tab:hover{color:#0a0a0a}.QrCodeGenerator-module__83-qTq__tabActive{color:#0a0a0a;background:#fff;box-shadow:0 1px 4px #0000000f}.QrCodeGenerator-module__83-qTq__fields{flex-direction:column;gap:14px;display:flex}.QrCodeGenerator-module__83-qTq__field{flex-direction:column;gap:6px;display:flex}.QrCodeGenerator-module__83-qTq__fieldRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.QrCodeGenerator-module__83-qTq__fieldLabel{text-transform:uppercase;letter-spacing:.06em;color:#6a6a6a;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.QrCodeGenerator-module__83-qTq__input,.QrCodeGenerator-module__83-qTq__textarea{color:#0a0a0a;background:#fff;border:1px solid #0000001a;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.QrCodeGenerator-module__83-qTq__input:focus,.QrCodeGenerator-module__83-qTq__textarea:focus{border-color:#0a0a0a;outline:none;box-shadow:0 0 0 3px #0a0a0a0f}.QrCodeGenerator-module__83-qTq__textarea{resize:vertical;min-height:80px;line-height:1.5}.QrCodeGenerator-module__83-qTq__customize{background:#fafafa;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:16px;margin-top:28px;padding:20px;display:flex}.QrCodeGenerator-module__83-qTq__sectionTitle{color:#0a0a0a;margin:0;font-size:16px;font-weight:600}.QrCodeGenerator-module__83-qTq__colorRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.QrCodeGenerator-module__83-qTq__colorField{flex-direction:column;gap:6px;display:flex}.QrCodeGenerator-module__83-qTq__colorInputWrap{background:#fff;border:1px solid #0000001a;border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.QrCodeGenerator-module__83-qTq__colorInput{cursor:pointer;background:0 0;border:none;border-radius:8px;width:40px;height:40px;padding:0}.QrCodeGenerator-module__83-qTq__colorInput::-webkit-color-swatch-wrapper{padding:0}.QrCodeGenerator-module__83-qTq__colorInput::-webkit-color-swatch{border:none;border-radius:8px}.QrCodeGenerator-module__83-qTq__colorInput::-moz-color-swatch{border:none;border-radius:8px}.QrCodeGenerator-module__83-qTq__colorValue{color:#0a0a0a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.QrCodeGenerator-module__83-qTq__sliderLabel{color:#0a0a0a;flex-direction:column;gap:8px;font-size:14px;display:flex}.QrCodeGenerator-module__83-qTq__sliderLabel strong{color:#1a5276;font-weight:700}.QrCodeGenerator-module__83-qTq__slider{accent-color:#1a5276;cursor:pointer;width:100%}.QrCodeGenerator-module__83-qTq__sidePanel{z-index:2;background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;position:sticky;top:110px;box-shadow:0 2px 12px #00000008}.QrCodeGenerator-module__83-qTq__sideTitle{text-transform:uppercase;letter-spacing:.08em;color:#6a6a6a;align-items:center;gap:6px;margin:0;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;display:flex}.QrCodeGenerator-module__83-qTq__previewBox{aspect-ratio:1;background:#fafafa;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}.QrCodeGenerator-module__83-qTq__previewImg{object-fit:contain;border-radius:6px;width:100%;height:100%}.QrCodeGenerator-module__83-qTq__previewEmpty{color:#b0b0b0;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.QrCodeGenerator-module__83-qTq__error{color:#c0392b;margin:0;font-size:12px;line-height:1.4}.QrCodeGenerator-module__83-qTq__sideDivider{background:#0000000f;height:1px;margin:4px 0}.QrCodeGenerator-module__83-qTq__panelActions{flex-direction:column;gap:8px;display:flex}.QrCodeGenerator-module__83-qTq__primaryBtn,.QrCodeGenerator-module__83-qTq__ghostBtn{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s,opacity .2s;display:inline-flex}.QrCodeGenerator-module__83-qTq__primaryBtn{color:#fff;background:#0a0a0a}.QrCodeGenerator-module__83-qTq__primaryBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.QrCodeGenerator-module__83-qTq__ghostBtn{color:#0a0a0a;background:0 0;border:1px solid #0000001f}.QrCodeGenerator-module__83-qTq__ghostBtn:hover:not(:disabled){border-color:#0000004d;transform:translateY(-2px)}.QrCodeGenerator-module__83-qTq__primaryBtn:disabled,.QrCodeGenerator-module__83-qTq__ghostBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width:900px){.QrCodeGenerator-module__83-qTq__layout{grid-template-columns:1fr;gap:20px}.QrCodeGenerator-module__83-qTq__sidePanel{position:static}.QrCodeGenerator-module__83-qTq__previewBox{width:100%;max-width:320px;margin:0 auto}.QrCodeGenerator-module__83-qTq__panelActions{flex-flow:wrap}.QrCodeGenerator-module__83-qTq__panelActions button{flex:calc(50% - 4px);min-width:120px}}@media (max-width:768px){.QrCodeGenerator-module__83-qTq__wrapper{padding:110px 16px 60px}.QrCodeGenerator-module__83-qTq__title{font-size:36px}.QrCodeGenerator-module__83-qTq__subtitle{font-size:16px}.QrCodeGenerator-module__83-qTq__tabs{padding:4px}.QrCodeGenerator-module__83-qTq__tab{padding:8px 10px;font-size:12px}.QrCodeGenerator-module__83-qTq__customize{padding:16px}.QrCodeGenerator-module__83-qTq__fieldRow,.QrCodeGenerator-module__83-qTq__colorRow{grid-template-columns:1fr}}@media (max-width:420px){.QrCodeGenerator-module__83-qTq__title{font-size:30px}.QrCodeGenerator-module__83-qTq__panelActions button{flex:100%}}
