.qr-module__QD_udq__container{flex-direction:column;gap:1rem;width:100%;max-width:440px;display:flex}.qr-module__QD_udq__tabs{background:#ffffff0d;border-radius:.5rem;gap:.25rem;padding:.25rem;display:flex;position:relative}.qr-module__QD_udq__tabSlider{background:var(--accent);z-index:0;pointer-events:none;border-radius:.375rem;height:calc(100% - .5rem);transition:left .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1);position:absolute;top:.25rem}.qr-module__QD_udq__tab{color:var(--text);cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:.375rem;flex:1;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:color .25s;position:relative}.qr-module__QD_udq__tab:hover{color:var(--heading)}.qr-module__QD_udq__tabActive{color:#fff}.qr-module__QD_udq__form{flex-direction:column;gap:.75rem;animation:.3s cubic-bezier(.22,1,.36,1) qr-module__QD_udq__formFadeIn;display:flex}.qr-module__QD_udq__label{color:var(--text);text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.75rem}.qr-module__QD_udq__input{width:100%;color:var(--heading);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.qr-module__QD_udq__input:focus{border-color:var(--accent)}.qr-module__QD_udq__input:disabled{opacity:.4;cursor:not-allowed}.qr-module__QD_udq__textarea{width:100%;min-height:100px;color:var(--heading);resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.qr-module__QD_udq__textarea:focus{border-color:var(--accent)}.qr-module__QD_udq__select{width:100%;color:var(--heading);cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.qr-module__QD_udq__select:focus{border-color:var(--accent)}.qr-module__QD_udq__checkRow{color:var(--text);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.qr-module__QD_udq__checkRow input[type=checkbox]{accent-color:var(--accent)}.qr-module__QD_udq__generateBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 2rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s}.qr-module__QD_udq__generateBtn:hover{opacity:.85}.qr-module__QD_udq__generateBtn:active{transform:scale(.97)}.qr-module__QD_udq__generateBtn:disabled{opacity:.5;cursor:not-allowed}.qr-module__QD_udq__error{color:#ef4444;text-align:center;font-size:.8rem;animation:.2s qr-module__QD_udq__formFadeIn}.qr-module__QD_udq__styleToggle{color:var(--text);cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;padding:.5rem .75rem;font-size:.8rem;transition:all .25s}.qr-module__QD_udq__styleToggle:hover{background:#ffffff14}.qr-module__QD_udq__styleToggleActive{border-color:var(--accent);color:var(--heading);background:#ffffff14}.qr-module__QD_udq__styleSection{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .35s,visibility .35s;display:grid}.qr-module__QD_udq__styleSectionOpen{opacity:1;visibility:visible;grid-template-rows:1fr}.qr-module__QD_udq__styleSectionInner{flex-direction:column;gap:1rem;min-height:0;display:flex;overflow:hidden}.qr-module__QD_udq__styleSectionOpen .qr-module__QD_udq__styleSectionInner{background:#ffffff08;border:1px solid #ffffff12;border-radius:.75rem;padding:1rem}.qr-module__QD_udq__styleGrid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.qr-module__QD_udq__styleField{flex-direction:column;gap:.375rem;display:flex}.qr-module__QD_udq__styleSelect{color:var(--heading);cursor:pointer;appearance:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;outline:none;padding:.5rem .75rem;font-size:.8rem;transition:border-color .2s}.qr-module__QD_udq__styleSelect:focus{border-color:var(--accent)}.qr-module__QD_udq__colorSection{flex-direction:column;gap:.75rem;display:flex}.qr-module__QD_udq__colorRow{align-items:center;gap:.5rem;display:flex}.qr-module__QD_udq__colorPicker{cursor:pointer;appearance:none;background:0 0;border:2px solid #ffffff26;border-radius:.375rem;width:32px;height:32px;padding:0}.qr-module__QD_udq__colorPicker::-webkit-color-swatch-wrapper{padding:2px}.qr-module__QD_udq__colorPicker::-webkit-color-swatch{border:none;border-radius:.25rem}.qr-module__QD_udq__colorPicker::-moz-color-swatch{border:none;border-radius:.25rem}.qr-module__QD_udq__colorHex{color:var(--text);opacity:.7;font-family:monospace;font-size:.75rem}.qr-module__QD_udq__gradientRow{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.qr-module__QD_udq__output{opacity:0;background:#ffffff08;border:1px solid #ffffff12;border-radius:.75rem;grid-template-rows:0fr;padding:0 1.5rem;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .35s,padding .35s;display:grid;overflow:hidden}.qr-module__QD_udq__output>*{min-height:0;overflow:hidden}.qr-module__QD_udq__outputVisible{opacity:1;grid-template-rows:1fr;padding:1.5rem}.qr-module__QD_udq__output canvas{border-radius:1rem;margin:0 auto;display:block}.qr-module__QD_udq__downloadBtn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.375rem;padding:.5rem 1.5rem;font-size:.8rem;font-weight:500;transition:all .2s;animation:.25s qr-module__QD_udq__formFadeIn}.qr-module__QD_udq__downloadBtn:hover{background:#ffffff14}.qr-module__QD_udq__hint{color:var(--text);opacity:.5;text-align:center;font-size:.7rem}@keyframes qr-module__QD_udq__formFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.qr-module__QD_udq__tabs{flex-wrap:wrap}.qr-module__QD_udq__tabSlider{display:none}.qr-module__QD_udq__tab{flex:calc(50% - .125rem);justify-content:center;align-items:center;min-height:44px;display:flex}.qr-module__QD_udq__tabActive{background:var(--accent)}.qr-module__QD_udq__generateBtn{width:100%}.qr-module__QD_udq__output{padding:0 1rem}.qr-module__QD_udq__outputVisible{padding:1rem}.qr-module__QD_udq__output canvas{max-width:100%;height:auto!important}.qr-module__QD_udq__styleGrid{grid-template-columns:1fr}.qr-module__QD_udq__gradientRow{grid-template-columns:1fr 1fr}.qr-module__QD_udq__gradientRow>:last-child{grid-column:1/-1}.qr-module__QD_udq__hint{display:none}}