.gradient-generator_container__fWbkZ{display:flex;flex-direction:column;gap:2rem;width:100%;margin:0 auto}.gradient-generator_mainContainer__Hwr1q{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;background:#1a1a1a;border-radius:12px;border:1px solid #2a2a2a;overflow:hidden}.gradient-generator_controlsSection__NsLJZ{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-height:90vh;overflow-y:auto;border-right:1px solid #2a2a2a}.gradient-generator_controlsSection__NsLJZ::-webkit-scrollbar{width:8px}.gradient-generator_controlsSection__NsLJZ::-webkit-scrollbar-track{background:#0d0d0d;border-radius:4px}.gradient-generator_controlsSection__NsLJZ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.gradient-generator_controlsSection__NsLJZ::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.gradient-generator_previewSection__IFCCR{width:100%;min-height:800px;display:flex;align-items:stretch}.gradient-generator_preview__02ruu{width:100%;height:100%;position:relative;overflow:hidden}.gradient-generator_previewLabel__z6q_3{left:1rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.gradient-generator_expandButton__AlIdV,.gradient-generator_previewLabel__z6q_3{position:absolute;top:1rem;background:rgba(0,0,0,.6);color:#fff;backdrop-filter:blur(10px)}.gradient-generator_expandButton__AlIdV{right:1rem;border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gradient-generator_expandButton__AlIdV:hover{background:rgba(0,0,0,.8);transform:scale(1.05)}.gradient-generator_expandButton__AlIdV svg{width:24px;height:24px}.gradient-generator_expandedOverlay__bQ0my{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer;animation:gradient-generator_fadeIn__KvD9D .2s ease}@keyframes gradient-generator_fadeIn__KvD9D{0%{opacity:0}to{opacity:1}}.gradient-generator_expandedPreview__HjYJB{width:90vw;height:80vh;border-radius:16px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:default}.gradient-generator_closeButton__Ic16x{position:absolute;top:1.5rem;right:1.5rem;background:rgba(0,0,0,.7);color:#fff;border:none;width:48px;height:48px;border-radius:50%;font-size:2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px);line-height:1}.gradient-generator_closeButton__Ic16x:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.gradient-generator_expandedLabel__Nkyz9{position:absolute;top:1.5rem;left:1.5rem;background:rgba(0,0,0,.7);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;backdrop-filter:blur(10px)}.gradient-generator_controlGroup__4PxSU{display:flex;flex-direction:column;gap:.75rem}.gradient-generator_label__xvb4L{font-size:.875rem;font-weight:600;color:#e0e0e0;text-transform:uppercase;letter-spacing:.5px}.gradient-generator_labelRow__sb7O1{justify-content:space-between;align-items:center}.gradient-generator_labelRow__sb7O1,.gradient-generator_typeButtons__ZvZ10{display:flex;flex-wrap:wrap;gap:.5rem}.gradient-generator_typeButton__ogBQw{flex:1;min-width:100px;padding:.75rem 1.5rem;background:#2a2a2a;color:#e0e0e0;border:2px solid #3a3a3a;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gradient-generator_typeButton__ogBQw:hover{background:#333;border-color:#ffcf98}.gradient-generator_typeButton__ogBQw.gradient-generator_active__Gd_og{background:#ffcf98;color:#1a1a1a;border-color:#ffcf98}.gradient-generator_slider__IQLYy{width:100%;height:8px;border-radius:4px;background:#2a2a2a;outline:none;-webkit-appearance:none;appearance:none}.gradient-generator_slider__IQLYy::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffcf98;cursor:pointer;box-shadow:0 2px 8px rgba(255,207,152,.4);transition:all .2s ease}.gradient-generator_slider__IQLYy::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,207,152,.6)}.gradient-generator_slider__IQLYy::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffcf98;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(255,207,152,.4);transition:all .2s ease}.gradient-generator_slider__IQLYy::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,207,152,.6)}.gradient-generator_directionPresets__QbpXO{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.gradient-generator_presetButton__DnWC0{padding:.5rem 1rem;background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.gradient-generator_presetButton__DnWC0:hover{background:#333;border-color:#ffcf98;color:#ffcf98}.gradient-generator_addButton__vkkJS{padding:.5rem 1rem;background:#ffcf98;color:#1a1a1a;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gradient-generator_addButton__vkkJS:hover:not(:disabled){background:#ffd9ad;transform:translateY(-1px)}.gradient-generator_addButton__vkkJS:disabled{opacity:.5;cursor:not-allowed}.gradient-generator_colorSlider__Fczvd{position:relative;height:60px;border-radius:8px;cursor:crosshair;box-shadow:inset 0 2px 8px rgba(0,0,0,.3);margin:1rem 0}.gradient-generator_colorStop__J_vqh{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:grab;transition:transform .1s ease;z-index:10}.gradient-generator_colorStop__J_vqh:hover{transform:translate(-50%,-50%) scale(1.2)}.gradient-generator_colorStop__J_vqh:active{cursor:grabbing}.gradient-generator_colorStops__AVz0T{display:flex;flex-direction:column;gap:1rem}.gradient-generator_colorStopControl__6ElCm{background:#2a2a2a;padding:1rem;border-radius:8px;border:1px solid #3a3a3a}.gradient-generator_colorStopHeader__TwPQM{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.gradient-generator_colorPicker__kzFvD{width:50px;height:40px;border:2px solid #3a3a3a;border-radius:6px;cursor:pointer;background:transparent}.gradient-generator_colorPicker__kzFvD::-webkit-color-swatch-wrapper{padding:0}.gradient-generator_colorPicker__kzFvD::-webkit-color-swatch{border:none;border-radius:4px}.gradient-generator_colorInput__xb6vh{flex:1;padding:.5rem .75rem;background:#1a1a1a;color:#e0e0e0;border:1px solid #3a3a3a;border-radius:6px;font-size:.875rem;font-family:Courier New,monospace}.gradient-generator_colorInput__xb6vh:focus{outline:none;border-color:#ffcf98}.gradient-generator_removeButton__fPJzr{width:32px;height:32px;background:#ff4757;color:#fff;border:none;border-radius:6px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.gradient-generator_removeButton__fPJzr:hover:not(:disabled){background:#ff6b7a;transform:scale(1.05)}.gradient-generator_removeButton__fPJzr:disabled{opacity:.3;cursor:not-allowed}.gradient-generator_colorStopSliders__bDMzf{display:grid;gap:1rem}.gradient-generator_sliderGroup__aLnIU{display:flex;flex-direction:column;gap:.5rem}.gradient-generator_smallLabel__Y2ceA{font-size:.75rem;color:#b0b0b0;font-weight:500}.gradient-generator_smallSlider__JPlQG{width:100%;height:6px;border-radius:3px;background:#1a1a1a;outline:none;-webkit-appearance:none;appearance:none}.gradient-generator_smallSlider__JPlQG::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ffcf98;cursor:pointer}.gradient-generator_smallSlider__JPlQG::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#ffcf98;cursor:pointer;border:none}.gradient-generator_presets__Cr7m1{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.gradient-generator_presetGradient__8gJ91{position:relative;height:80px;border-radius:8px;border:2px solid #3a3a3a;cursor:pointer;transition:all .2s ease;overflow:hidden}.gradient-generator_presetGradient__8gJ91:hover{border-color:#ffcf98;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,207,152,.2)}.gradient-generator_presetName__2yp21{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:.5rem;font-size:.75rem;font-weight:600;text-align:center;backdrop-filter:blur(4px)}.gradient-generator_formatButtons__kxIh2{display:flex;gap:.5rem}.gradient-generator_formatButton__1IvOL{padding:.5rem 1rem;background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gradient-generator_formatButton__1IvOL:hover{background:#333;border-color:#ffcf98}.gradient-generator_formatButton__1IvOL.gradient-generator_active__Gd_og{background:#ffcf98;color:#1a1a1a;border-color:#ffcf98}.gradient-generator_codeOutput__IFY8J{background:#0d0d0d;padding:1.5rem;border-radius:8px;border:1px solid #2a2a2a;overflow-x:auto}.gradient-generator_codeOutput__IFY8J code{color:#ffcf98;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.gradient-generator_copyButton__pnoGF{width:100%;padding:.875rem;background:#ffcf98;color:#1a1a1a;border:none;border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.gradient-generator_copyButton__pnoGF:hover{background:#ffd9ad;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,207,152,.3)}@media (max-width:1024px){.gradient-generator_mainContainer__Hwr1q{grid-template-columns:1fr}.gradient-generator_controlsSection__NsLJZ{max-height:none;border-right:none;border-bottom:1px solid #2a2a2a}.gradient-generator_previewSection__IFCCR{min-height:400px}.gradient-generator_expandedPreview__HjYJB{width:95vw;height:85vh}}@media (max-width:768px){.gradient-generator_container__fWbkZ{gap:1.5rem}.gradient-generator_previewSection__IFCCR{min-height:300px}.gradient-generator_controlsSection__NsLJZ{padding:1.5rem}.gradient-generator_colorStopSliders__bDMzf{grid-template-columns:1fr}.gradient-generator_directionPresets__QbpXO,.gradient-generator_presets__Cr7m1{grid-template-columns:repeat(2,1fr)}.gradient-generator_expandedPreview__HjYJB{width:100vw;height:100vh;border-radius:0}.gradient-generator_expandedLabel__Nkyz9{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.875rem}.gradient-generator_closeButton__Ic16x{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}}