.gradient-picker_container__jOhxJ{width:100%;max-width:600px;padding:20px;background:rgba(0,0,0,.2);z-index:999;color:#fff;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.gradient-picker_preview__wjYnR{width:100%;height:200px;border-radius:8px;margin-bottom:20px;position:relative;border:1px dashed #7a7a7a;box-shadow:inset 0 0 20px rgba(0,0,0,.2)}.gradient-picker_cssPreview__UzGWZ{width:100%;padding:16px;background:rgba(13,17,23,.8);border-radius:8px;margin-bottom:20px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.4;color:#fff;overflow-x:auto;position:relative;border:1px solid #7a7a7a;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gradient-picker_cssCode__H74BG{display:flex;gap:8px;flex-wrap:wrap;padding-right:32px;color:#fff}.gradient-picker_property__S5As5{color:#58a6ff}.gradient-picker_controls__KzDu1{display:flex;flex-direction:column;gap:20px}.gradient-picker_typeControls__9aWdC{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#fff}.gradient-picker_typeButtons__x2HOe{display:flex;gap:10px}.gradient-picker_typeButton__ILlg8{padding:8px 16px;border:1px solid #7a7a7a;border-radius:4px;background:rgba(13,17,23,.8);color:#fff;cursor:pointer;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gradient-picker_typeButton__ILlg8:hover{background:hsla(0,0%,100%,.1);border-color:#58a6ff}.gradient-picker_typeButton__ILlg8.gradient-picker_active__1bqBI{background:#58a6ff;border-color:#58a6ff;color:#fff;box-shadow:0 0 10px rgba(88,166,255,.3)}.gradient-picker_resetButton__Ble_0{margin-left:auto;background:rgba(0,0,0,.5);color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s}.gradient-picker_resetButton__Ble_0:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.gradient-picker_angleControl__zriAC{display:flex;flex-direction:column;gap:8px}.gradient-picker_angleControl__zriAC label{font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gradient-picker_angleSlider__vaTHN{width:100%;accent-color:#58a6ff;height:4px}.gradient-picker_breakpointBarContainer__Rjj16{display:flex;flex-direction:column;gap:5px;margin-bottom:15px;position:relative}.gradient-picker_breakpointBar__lnLWM{height:30px;border-radius:15px;position:relative;cursor:pointer;border:1px solid #7a7a7a;background:rgba(13,17,23,.8);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.gradient-picker_breakpoint__5_6fG{width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:#58a6ff;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.3);position:absolute;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:10;transition:transform .2s ease,box-shadow .2s ease;will-change:transform,left}.gradient-picker_breakpoint__5_6fG:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 10px rgba(88,166,255,.4)}.gradient-picker_breakpoint__5_6fG.gradient-picker_selected__4qUFz{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 2px #fff,0 0 15px rgba(88,166,255,.5);z-index:20}.gradient-picker_breakpoint__5_6fG.gradient-picker_dragging__oa9zd{cursor:grabbing;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 2px #fff,0 0 20px rgba(88,166,255,.6);transition:none;z-index:30}.gradient-picker_breakpointPositions__bieX7{display:flex;position:relative;height:20px}.gradient-picker_positionLabel__ZcpAO{position:absolute;transform:translateX(-50%);font-size:12px;color:#ccc}.gradient-picker_addStop__ajOLC{padding:8px 12px;border:1px dashed #7a7a7a;border-radius:4px;background:rgba(13,17,23,.8);cursor:pointer;color:#fff;width:100%;margin:15px 0;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gradient-picker_addStop__ajOLC:hover{border-color:#58a6ff;background:rgba(88,166,255,.1);box-shadow:0 0 10px rgba(88,166,255,.2)}.gradient-picker_colorEditor__3NRO9{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.gradient-picker_colorPickerContainer__MBtEc{flex:1;min-width:200px;background:rgba(13,17,23,.8);padding:15px;border-radius:8px;border:1px solid #7a7a7a;box-shadow:0 2px 4px rgba(0,0,0,.1)}.gradient-picker_colorInputs__2YFd0{flex:1;min-width:200px;display:flex;flex-direction:column;gap:15px}.gradient-picker_hexInput__JIslV{display:flex;flex-direction:column;gap:5px}.gradient-picker_hexInput__JIslV label{font-size:14px;color:hsla(0,0%,100%,.9);font-weight:500;text-transform:uppercase}.gradient-picker_colorInput__pTLs7{width:100%;padding:8px 12px;font-family:Menlo,Monaco,Courier New,monospace;font-weight:500;color:#fff;background:rgba(13,17,23,.8);border:1px solid #7a7a7a;border-radius:4px}.gradient-picker_colorInput__pTLs7:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px rgba(88,166,255,.25)}.gradient-picker_rgbInputs__gnMjc{display:flex;flex-direction:column;gap:10px}.gradient-picker_rgbChannels__ZXDpd{display:flex;gap:10px}.gradient-picker_rgbChannel__O_Bph{display:flex;flex-direction:column;gap:5px;flex:1}.gradient-picker_rgbChannel__O_Bph label{font-size:14px;color:#fff;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gradient-picker_channelInput__TWbP_{width:100%;padding:8px;text-align:center;font-family:Menlo,Monaco,Courier New,monospace;color:#fff;background:rgba(13,17,23,.8);border:1px solid #7a7a7a;border-radius:4px}.gradient-picker_channelInput__TWbP_:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px rgba(88,166,255,.25)}.gradient-picker_copyButtonContainer__KMaUl{position:absolute;top:8px;right:8px;z-index:10}.gradient-picker_copyButton__TdDU8{background:rgba(13,17,23,.8)!important;border:1px solid #7a7a7a!important;border-radius:4px;padding:6px!important;min-width:unset!important;height:unset!important;color:#fff!important;transition:all .2s ease!important}.gradient-picker_copyButton__TdDU8:hover{background:rgba(88,166,255,.1)!important;border-color:#58a6ff!important;box-shadow:0 0 10px rgba(88,166,255,.2)}