.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:var(--primary-dark);margin-bottom:.5rem}.gradientGenerator_header__vSWDb p{color:var(--text-muted);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:var(--shadow-lg)}.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:var(--primary-dark)}.gradientGenerator_controls__04QGn{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.gradientGenerator_typeSelector__cCRly label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem}.gradientGenerator_typeButtons__zKcr3{display:flex;gap:.5rem}.gradientGenerator_typeButtons__zKcr3 button{flex:1 1;padding:.75rem 1.5rem;border:2px solid var(--border-default);background:var(--bg-card);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.gradientGenerator_typeButtons__zKcr3 button:hover{border-color:var(--primary-light)}.gradientGenerator_typeButtons__zKcr3 button.gradientGenerator_active__QJnAr{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.gradientGenerator_angleControl__N2_JR label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem}.gradientGenerator_angleControl__N2_JR input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--border-default);-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:var(--primary-light);cursor:pointer}.gradientGenerator_anglePresets__WX745{display:flex;flex-wrap:wrap;gap:.5rem}.gradientGenerator_anglePresets__WX745 button{padding:.25rem .75rem;border:2px solid var(--border-default);background:var(--bg-card);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.gradientGenerator_anglePresets__WX745 button:hover{border-color:var(--primary-light)}.gradientGenerator_anglePresets__WX745 button.gradientGenerator_active__QJnAr{background:var(--primary-light);border-color:var(--primary-light);color:#fff}.gradientGenerator_colorStops__scPtZ label{display:block;font-weight:600;color:var(--primary-dark);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:var(--success);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:var(--bg-page);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 var(--border-default);border-radius:8px;font-family:monospace;text-transform:uppercase}.gradientGenerator_colorStop__ArsqC .gradientGenerator_colorText__75s94:focus{outline:none;border-color:var(--primary-light)}.gradientGenerator_colorStop__ArsqC .gradientGenerator_positionInput__1UlzV{width:60px;padding:.5rem;border:2px solid var(--border-default);border-radius:8px;text-align:center}.gradientGenerator_colorStop__ArsqC .gradientGenerator_positionInput__1UlzV:focus{outline:none;border-color:var(--primary-light)}.gradientGenerator_colorStop__ArsqC .gradientGenerator_removeBtn__FUfCN{padding:.25rem .5rem;background:var(--error);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:var(--primary-dark);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:var(--primary-dark)}.gradientGenerator_presetBtn__K_l73:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.gradientGenerator_output__CHjbF{margin-bottom:2rem}.gradientGenerator_output__CHjbF label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.5rem}.gradientGenerator_codeBox__SzCsz{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--primary-dark);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:var(--primary-light);color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;white-space:nowrap}.gradientGenerator_codeBox__SzCsz .gradientGenerator_copyBtn__SP9ng:hover{background:var(--primary)}.gradientGenerator_codeBox__SzCsz .gradientGenerator_copyBtn__SP9ng.gradientGenerator_copied__yuL_V{background:var(--success);color:#fff;animation:gradientGenerator_copy-pop__cdMSf .15s ease}@keyframes gradientGenerator_copy-pop__cdMSf{50%{transform:scale(.96)}}.gradientGenerator_info__KRuV8{margin-top:2rem;padding:1.5rem;background:var(--bg-page);border-radius:12px;border-left:4px solid var(--primary)}.gradientGenerator_info__KRuV8 h3{color:var(--primary-dark);margin-bottom:.5rem}.gradientGenerator_info__KRuV8 p{color:var(--text-muted);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}}