.gradientGenerator_container__JGlMc{max-width:800px;margin:0 auto;padding:2rem 1rem}.gradientGenerator_header__vSWDb{text-align:center;margin-bottom:2rem}.gradientGenerator_header__vSWDb h1{font-size:2rem;font-weight:700;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_header__vSWDb p{color:#64748b;font-size:1rem}.gradientGenerator_preview__lDT4T{height:200px;border-radius:16px;margin-bottom:2rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04)}.gradientGenerator_preview__lDT4T .gradientGenerator_previewLabel__qnCT8{background:hsla(0,0%,100%,.9);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;color:#1e3a5f}.gradientGenerator_controls__04QGn{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.gradientGenerator_typeSelector__cCRly label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_typeButtons__zKcr3{display:flex;gap:.5rem}.gradientGenerator_typeButtons__zKcr3 button{flex:1 1;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gradientGenerator_typeButtons__zKcr3 button:hover{border-color:#3b82f6}.gradientGenerator_typeButtons__zKcr3 button.gradientGenerator_active__QJnAr{background:#3b82f6;border-color:#3b82f6;color:#fff}.gradientGenerator_angleControl__N2_JR label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_angleControl__N2_JR input[type=range]{width:100%;height:8px;border-radius:4px;background:#e2e8f0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:1rem}.gradientGenerator_angleControl__N2_JR input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:9999px;background:#3b82f6;cursor:pointer}.gradientGenerator_anglePresets__WX745{display:flex;flex-wrap:wrap;gap:.5rem}.gradientGenerator_anglePresets__WX745 button{padding:.25rem .75rem;border:2px solid #e2e8f0;background:#fff;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.gradientGenerator_anglePresets__WX745 button:hover{border-color:#3b82f6}.gradientGenerator_anglePresets__WX745 button.gradientGenerator_active__QJnAr{background:#3b82f6;border-color:#3b82f6;color:#fff}.gradientGenerator_colorStops__scPtZ label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_colorStopsHeader__hZede{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.gradientGenerator_colorStopsHeader__hZede .gradientGenerator_addBtn__blEIY{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.gradientGenerator_colorStopsHeader__hZede .gradientGenerator_addBtn__blEIY:hover{background:#059669}.gradientGenerator_colorStop__ArsqC{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem}.gradientGenerator_colorStop__ArsqC input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;padding:0}.gradientGenerator_colorStop__ArsqC .gradientGenerator_colorText__75s94{width:100px;padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;font-family:monospace;text-transform:uppercase}.gradientGenerator_colorStop__ArsqC .gradientGenerator_colorText__75s94:focus{outline:none;border-color:#3b82f6}.gradientGenerator_colorStop__ArsqC .gradientGenerator_positionInput__1UlzV{width:60px;padding:.5rem;border:2px solid #e2e8f0;border-radius:8px;text-align:center}.gradientGenerator_colorStop__ArsqC .gradientGenerator_positionInput__1UlzV:focus{outline:none;border-color:#3b82f6}.gradientGenerator_colorStop__ArsqC .gradientGenerator_removeBtn__FUfCN{padding:.25rem .5rem;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:auto}.gradientGenerator_colorStop__ArsqC .gradientGenerator_removeBtn__FUfCN:hover{background:#dc2626}.gradientGenerator_presets__oqkNf label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_presetButtons__bjr6t{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.gradientGenerator_presetBtn__K_l73{height:50px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gradientGenerator_presetBtn__K_l73 span{background:hsla(0,0%,100%,.9);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#1e3a5f}.gradientGenerator_presetBtn__K_l73:hover{transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04)}.gradientGenerator_output__CHjbF{margin-bottom:2rem}.gradientGenerator_output__CHjbF label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_codeBox__SzCsz{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1e3a5f;border-radius:8px}.gradientGenerator_codeBox__SzCsz code{flex:1 1;color:#a5f3fc;font-family:Fira Code,monospace;font-size:.875rem;word-break:break-all}.gradientGenerator_codeBox__SzCsz .gradientGenerator_copyBtn__SP9ng{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;white-space:nowrap}.gradientGenerator_codeBox__SzCsz .gradientGenerator_copyBtn__SP9ng:hover{background:#2563eb}.gradientGenerator_info__KRuV8{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border-left:4px solid #2563eb}.gradientGenerator_info__KRuV8 h3{color:#1e3a5f;margin-bottom:.5rem}.gradientGenerator_info__KRuV8 p{color:#64748b;line-height:1.6}@media(max-width:768px){.gradientGenerator_presetButtons__bjr6t{grid-template-columns:repeat(2,1fr)}.gradientGenerator_colorStop__ArsqC{flex-wrap:wrap}.gradientGenerator_codeBox__SzCsz{flex-direction:column;align-items:stretch}.gradientGenerator_codeBox__SzCsz code{padding-bottom:.5rem}}