.CssGradientGenerator_container__14__J{display:flex;flex-direction:column;gap:20px}.CssGradientGenerator_preview__L5uSw{width:100%;height:160px;border-radius:14px;border:1px solid #e5e7eb;transition:background .2s}.CssGradientGenerator_controls__ARpKw{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:24px}.CssGradientGenerator_row__8ITro{display:flex;flex-direction:column;gap:16px}.CssGradientGenerator_group__W1dyW{display:flex;flex-direction:column;gap:8px}.CssGradientGenerator_label__sA_VU{font-size:.85rem;font-weight:600;color:#374151}.CssGradientGenerator_segmented__jCn_u{display:flex;flex-wrap:wrap;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.CssGradientGenerator_seg__sML2m{flex:1 1;min-width:60px;padding:8px 10px;font-size:.8rem;font-weight:500;color:#6b7280;background:#fff;border:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.CssGradientGenerator_seg__sML2m+.CssGradientGenerator_seg__sML2m{border-left:1px solid #e5e7eb}.CssGradientGenerator_seg__sML2m:hover{background:#f9fafb;color:#111827}.CssGradientGenerator_segActive__BH64H{background:#667eea;color:#fff;font-weight:600}.CssGradientGenerator_segActive__BH64H:hover{background:#5a6fd6;color:#fff}.CssGradientGenerator_stopsHeader__iFvSh{display:flex;justify-content:space-between;align-items:center}.CssGradientGenerator_addBtn__jLJYM{padding:5px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.CssGradientGenerator_addBtn__jLJYM:hover{background:#e5e7eb}.CssGradientGenerator_stops__lSnXX{display:flex;flex-direction:column;gap:10px}.CssGradientGenerator_stop__ZUtuO{display:flex;align-items:center;gap:10px}.CssGradientGenerator_colorInput__7jqXN{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none;flex-shrink:0}.CssGradientGenerator_colorHex__avcD4{font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem;color:#374151;width:68px;flex-shrink:0}.CssGradientGenerator_posSlider__fH_y_{flex:1 1;accent-color:#667eea;cursor:pointer}.CssGradientGenerator_posLabel__Ko6ts{font-size:.8rem;color:#6b7280;width:36px;text-align:right;flex-shrink:0}.CssGradientGenerator_removeBtn__XyYnz{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#9ca3af;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.CssGradientGenerator_removeBtn__XyYnz:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626}.CssGradientGenerator_removeBtn__XyYnz:disabled{opacity:.3;cursor:not-allowed}.CssGradientGenerator_outputBox__A_xeV{display:flex;align-items:center;gap:12px;background:#1e1e2e;border-radius:10px;padding:14px 16px;flex-wrap:wrap}.CssGradientGenerator_cssCode__TuUEH{flex:1 1;font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem;color:#a6e3a1;word-break:break-all;line-height:1.5}.CssGradientGenerator_copyBtn__gKBcQ{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.CssGradientGenerator_copyBtn__gKBcQ:hover{background:#5a6fd6}