.GradientPreview_gradientPreview__TZ9iL{height:400px;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease}.GradientPreview_gradientPreview__TZ9iL:hover{transform:scale(1.02)}.GradientPreview_gradientPreviewContainer__M7dSq{position:relative;padding:20px}.GradientStopsBar_gradientStopsBar__rS1eP{margin-top:9px;width:102%;margin-left:-6px;position:relative}.GradientStopsBar_gradientStopsPreview__IlhAs{height:6px;border-radius:3px;position:relative;cursor:copy;overflow:visible;background:linear-gradient(90deg,red,#0f0)}.GradientStopsBar_gradientStopMarker__lAe0h{position:absolute;top:-8px;width:22px;height:22px;border-radius:12px;cursor:-webkit-grab;cursor:grab;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:translateX(-50%);transition:all .2s ease}.GradientStopsBar_gradientStopMarker__lAe0h:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}.GradientStopsBar_gradientStopMarker__lAe0h:active{cursor:-webkit-grabbing;cursor:grabbing}.GradientStopsBar_gradientStopMarkerSelected__nBA14{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.3)}.GradientStopsBar_gradientStopMarkerSelected__nBA14:hover{transform:translateX(-50%) scale(1.15)}.GradientEditor_gradientEditor__4_2cw{width:100%;max-width:96%;margin:0 auto}.GradientEditor_gradientPreviewContainer__g01_P{position:relative;margin-bottom:16px}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--color-border,#e0e0e0);border-radius:8px;background-color:var(--color-background,#fff);color:var(--color-text,#333);cursor:pointer;transition:all .2s ease-in-out;outline:none;position:relative}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:hover{border-color:var(--color-primary,#1976d2);background-color:var(--color-primary-light,#f3f8ff);color:var(--color-primary,#1976d2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(25,118,210,.15)}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:focus{border-color:var(--color-primary,#1976d2);box-shadow:0 0 0 3px rgba(25,118,210,.1)}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:active{transform:translateY(0);box-shadow:0 1px 4px rgba(25,118,210,.2)}.SACAContrastSwapButton_sacaContrastSwapButtonDisabled__MeZlp{opacity:.5;cursor:not-allowed;pointer-events:none}.SACAContrastSwapButton_sacaContrastSwapButtonDisabled__MeZlp:hover{transform:none;box-shadow:none;border-color:var(--color-border,#e0e0e0);background-color:var(--color-background,#fff);color:var(--color-text,#333)}.SACAContrastSwapButton_sacaContrastSwapButtonIcon__6UXRV{font-size:20px;transition:transform .2s ease-in-out}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:hover .SACAContrastSwapButton_sacaContrastSwapButtonIcon__6UXRV{transform:rotate(180deg)}@media (prefers-color-scheme:dark){.SACAContrastSwapButton_sacaContrastSwapButton__xlB01{--color-background:#1a1a1a;--color-text:#fff;--color-border:#404040}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:hover{--color-primary-light:#1a2332}}@media (prefers-contrast:high){.SACAContrastSwapButton_sacaContrastSwapButton__xlB01{border-width:3px}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:focus{box-shadow:0 0 0 4px rgba(25,118,210,.3)}}@media (prefers-reduced-motion:reduce){.SACAContrastSwapButton_sacaContrastSwapButtonIcon__6UXRV,.SACAContrastSwapButton_sacaContrastSwapButton__xlB01{transition:none}.SACAContrastSwapButton_sacaContrastSwapButton__xlB01:hover .SACAContrastSwapButton_sacaContrastSwapButtonIcon__6UXRV{transform:none}}