.ControlsPane_wrapper__cHJX7{display:flex;flex-direction:column;height:100%;min-height:0}.ControlsPane_header__wXeZc{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border)}.ControlsPane_actionBtnGroup__SlY4b{display:flex;gap:var(--spacing-xs)}.ControlsPane_actionBtn__vuupb{border:none;background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px}.ControlsPane_actionBtn__vuupb span{display:flex;align-items:center;font-size:var(--font-size-xxs);gap:var(--spacing-xs)}.ControlsPane_actionBtn__vuupb:hover{background-color:#3e3e42}.ControlsPane_body__XWIq0{background-color:#252526;flex:1 1;padding:var(--padding-sm);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto;scrollbar-width:thin;min-height:0}.Select_trigger__TwONR{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:4px;border:1px solid #3e3e42;font-size:14px;cursor:pointer}.Select_content__iIoB2,.Select_trigger__TwONR{width:100%;color:white;background-color:#3c3c3c}.Select_content__iIoB2{border-radius:4px}.Select_viewport__9jmsJ{padding:8px}.Select_item__hccD2{cursor:pointer;font-size:14px;border-radius:4px}.Select_item__hccD2:hover,.Select_item__hccD2[data-state=checked],.Select_item__hccD2[data-state=highlighted]{outline:none;background-color:#444}.Select_label__mouL6{display:block;width:100%;white-space:nowrap;margin-bottom:4px;text-transform:uppercase;font-size:14px;color:lightgrey}.Slider_root__2gn9l{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:100%;height:20px}.Slider_track__B0MyA{background-color:var(--color-header-bg);position:relative;flex-grow:1;border-radius:9999px;height:3px}.Slider_range__1Eig0{position:absolute;background-color:var(--color-input-bg);border-radius:9999px;height:100%}.Slider_thumb__1rQGd{display:block;width:15px;height:15px;background-color:var(--color-header-text);box-shadow:0 2px 10px black;border-radius:10px}.Slider_indicator__Xmb43{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-header-text);opacity:.9}.Slider_label__4FIqx{font-size:var(--font-size-sm);color:var(--color-header-text)}.ColorPicker_colorInput__Rua_L[type=color]{position:relative;width:30px;height:30px;border-radius:4px;padding:0;border:0 solid transparent;overflow:hidden}.ColorPicker_colorInput__Rua_L[type=color]::-moz-color-swatch{border:none;border-radius:0;overflow:hidden}.ColorPicker_colorInput__Rua_L[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:0;overflow:hidden}.ColorPicker_colorInput__Rua_L[type=color]::-webkit-color-swatch{border:none}.ColorPicker_colorInput__Rua_L[type=color]:after{content:"";display:block;position:absolute;left:0;top:0;width:30px;height:30px;border-radius:4px;padding:0}.ColorPicker_labelWrapper___Sr_P{display:flex;justify-content:space-between}.ColorPicker_labelWrapper___Sr_P p{color:var(--color-header-text);font-size:var(--font-size-sm)}.ColorPicker_labelWrapper___Sr_P button{padding:0;background:none;border:none;color:var(--color-header-text);border-radius:var(--border-radius-xs);padding:var(--padding-xs);cursor:pointer}.ColorPicker_labelWrapper___Sr_P button:hover{background-color:var(--color-hover-bg)}.ColorPicker_inputWrapper__G211z{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.ColorPresets_label__SmHuo{font-size:var(--font-size-sm);color:var(--color-header-text)}.ColorPresets_presetWrapper__cWB79{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ColorPresets_btn__QCwKY{display:flex;justify-content:center;background:0;border:none;width:100%;border-radius:var(--border-radius-xs);padding:var(--padding-xs);cursor:pointer;border:1px solid var(--color-pane-bg);transition:border .2s}.ColorPresets_btn__QCwKY:hover,.ColorPresets_selectedBtn__7r3kp{border:1px solid var(--color-header-text)}.ColorPresets_btn__QCwKY:hover{transition:border 50ms}.ColorPresets_presetName__LLP_l{background-color:var(--color-hover-bg);padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-header-text);border-radius:var(--border-radius-xs)}.SaveGradientDialog_overlay__lvG20{background-color:var(--color-overlay-bg);position:fixed;inset:0;animation:SaveGradientDialog_overlayShow__nMpYA .15s cubic-bezier(.16,1,.3,1)}.SaveGradientDialog_content__e1UWA{background-color:var(--color-pane-bg);border:1px solid var(--color-header-border);box-shadow:var(--dialog-shadow);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;animation:SaveGradientDialog_contentShow__93Bay .15s cubic-bezier(.16,1,.3,1)}.SaveGradientDialog_title__wFgd1{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border);font-weight:var(--font-weight-medium)}.SaveGradientDialog_closeBtn__NyUPC{border:none;background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px}.SaveGradientDialog_closeBtn__NyUPC:hover{background-color:var(--color-hover-bg)}.SaveGradientDialog_body__M2frC{background-color:var(--color-pane-bg);padding:var(--padding-sm)}.SaveGradientDialog_saveContent__hQbwm{display:flex;gap:var(--spacing-sm)}.SaveGradientDialog_gradient__cRc8U{flex:1 1;border-radius:var(--border-radius-xs)}.SaveGradientDialog_inputWrapper__GEBZ6{flex:2 1}.SaveGradientDialog_label__xYJTa{font-size:var(--font-size-sm);color:var(--color-header-text);display:block;line-height:1;margin-bottom:var(--spacing-xs)}.SaveGradientDialog_input__yoiIh{border:none;background-color:var(--color-input-bg)}.SaveGradientDialog_btn__bdFLx,.SaveGradientDialog_input__yoiIh{width:100%;border-radius:var(--border-radius-xs);color:var(--color-header-text)}.SaveGradientDialog_btn__bdFLx{margin-top:var(--spacing-xs);background:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-hover-bg);border:1px solid transparent;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs)}.SaveGradientDialog_btn__bdFLx:hover{border:1px solid var(--color-header-text);transition:border .2s}.SaveGradientDialog_btn__bdFLx:disabled{opacity:.5}.SaveGradientDialog_btn__bdFLx:disabled+.SaveGradientDialog_btn__bdFLx:hover{border:1px solid transparent;cursor:default}.SaveGradientDialog_info__AHgof{color:red;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.SaveGradientDialog_success__Ai6aD{color:green;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.SaveGradientDialog_spinner__hPOGW{animation:SaveGradientDialog_spin__N6Qnd 1.5s linear infinite}@keyframes SaveGradientDialog_overlayShow__nMpYA{0%{opacity:0}to{opacity:1}}@keyframes SaveGradientDialog_contentShow__93Bay{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes SaveGradientDialog_spin__N6Qnd{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Footer_wrapper__AHJzI{display:flex;justify-content:space-between;font-size:var(--font-size-xs);background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--spacing-xs) var(--spacing-sm)}.Footer_values__oVej6{display:flex;gap:var(--spacing-sm)}.Footer_link__QyEom{color:var(--color-footer-text);text-decoration:none;cursor:pointer}.Header_wrapper__FRFVf{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-header-border)}.Header_signInBtn__NOKMB{background:none;border:none;color:var(--color-header-text);border-radius:var(--border-radius-xs);cursor:pointer;font-weight:var(--font-weight-medium)}.Header_signInBtn__NOKMB:hover{background-color:var(--color-hover-bg)}.Header_logo__xmjV5{display:flex;align-items:center;gap:var(--spacing-xs)}.SignInDialog_overlay__aP8sd{background-color:var(--color-overlay-bg);position:fixed;inset:0;animation:SignInDialog_overlayShow__TJ2ea .15s cubic-bezier(.16,1,.3,1)}.SignInDialog_content___MDmI{background-color:var(--color-pane-bg);border:1px solid var(--color-header-border);box-shadow:var(--dialog-shadow);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:500px;max-height:85vh;animation:SignInDialog_contentShow__pJrNQ .15s cubic-bezier(.16,1,.3,1)}.SignInDialog_title__5HWyR{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border);font-weight:var(--font-weight-medium)}.SignInDialog_closeBtn__SGeIK{border:none;background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px}.SignInDialog_closeBtn__SGeIK:hover{background-color:var(--color-hover-bg)}.SignInDialog_body__LmIzU{background-color:var(--color-pane-bg);padding:var(--padding-sm)}.SignInDialog_label__T9R3R{font-size:var(--font-size-sm);color:var(--color-header-text);text-transform:uppercase}.SignInDialog_input__EBi9D{width:100%;background-color:var(--color-input-bg);border:none;border-radius:var(--border-radius-xs);padding:var(--padding-xs);color:var(--color-header-text)}.SignInDialog_inputSubmitGroup__Gvd_j{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.SignInDialog_submitFormBtn__s92A3{background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px;background-color:var(--color-hover-bg);border:1px solid transparent}.SignInDialog_submitFormBtn__s92A3:hover{border:1px solid var(--color-header-text)}.SignInDialog_explanation__udBom{font-size:var(--font-size-xs);color:var(--color-header-text);font-style:italic;opacity:.8}.SignInDialog_successMessage__NeVJg{padding:var(--padding-sm);font-size:var(--font-size-sm);color:var(--color-header-text)}.SignInDialog_error__nDynz{font-size:var(--font-size-sm);color:red}.SignInDialog_spinner__mL3_F{animation:SignInDialog_spin__JSb1b 2.5s linear infinite}@keyframes SignInDialog_spin__JSb1b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes SignInDialog_overlayShow__TJ2ea{0%{opacity:0}to{opacity:1}}@keyframes SignInDialog_contentShow__pJrNQ{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.UserMenu_triggerBtn__CMINd{background:none;border:none;display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-header-text);border-radius:var(--border-radius-xs);cursor:pointer;outline:none}.UserMenu_triggerBtn__CMINd:focus,.UserMenu_triggerBtn__CMINd:hover,.UserMenu_triggerBtn__CMINd[data-state=open]{background-color:var(--color-hover-bg);cursor:pointer}.UserMenu_menuBody__C5LKU{color:var(--color-header-text);background-color:var(--color-header-bg);border:1px solid var(--color-header-border)}.UserMenu_label__cXiiK{font-size:var(--font-size-xs);padding:var(--padding-sm);border-bottom:1px solid var(--color-header-border)}.UserMenu_menuItem__qiJy2{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);padding:var(--padding-sm);gap:var(--spacing-sm);cursor:pointer;outline:none}.UserMenu_menuItem__qiJy2:focus,.UserMenu_menuItem__qiJy2:hover{background-color:var(--color-hover-bg)}.UserMenu_menuItem__qiJy2:nth-of-type(2){border-bottom:1px solid var(--color-header-border)}.OutputPane_wrapper__H5fNu{display:flex;flex-direction:column;height:auto}.OutputPane_header__7Xcq0{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border)}.OutputPane_actionBtnGroup__qCx12{display:flex;gap:var(--spacing-xs)}.OutputPane_actionBtn___ntR6{border:none;background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px}.OutputPane_actionBtn___ntR6:hover{background-color:#3e3e42}.OutputPane_body__kuuAo{background-color:#252526;flex:1 1;padding:var(--padding-xs)}.OutputPane_codeBlock__ph_uA pre{white-space:pre-wrap;padding:var(--padding-xs);color:var(--color-header-text);background-color:var(--color-editor-bg);border-radius:var(--border-radius-xs);min-height:100px}.PreviewPane_wrapper__oF25w{display:flex;flex-direction:column;height:100%}.PreviewPane_header__dJLMZ{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border);min-height:39px}.PreviewPane_body__Wigqc,.PreviewPane_header__dJLMZ{border-left:1px solid var(--color-header-border);border-right:1px solid var(--color-header-border)}.PreviewPane_body__Wigqc{flex:1 1;background-color:#252526;padding:var(--padding-sm)}.PreviewPane_gradient__GT0Hz{width:100%;height:100%;border-radius:var(--border-radius-xs)}.SavedGradientsPane_wrapper__Z7OMS{display:flex;flex-direction:column;height:100%;min-height:0}.SavedGradientsPane_header__PvOY_{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-sm);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-header-border);border-top:1px solid var(--color-header-border)}.SavedGradientsPane_body__H10Dj{background-color:#252526;flex:1 1;padding:var(--padding-sm);overflow-y:auto;scrollbar-width:thin;min-height:0}.SavedGradientsPane_presetWrapper__QS2_H{display:flex;flex-direction:column;gap:var(--spacing-xs)}.SavedGradientsPane_btn__DDA3Y{display:flex;justify-content:center;background:0;border:none;width:100%;border-radius:var(--border-radius-xs);padding:var(--padding-xs);cursor:pointer;border:1px solid var(--color-pane-bg);transition:border .2s}.SavedGradientsPane_btn__DDA3Y:hover,.SavedGradientsPane_selectedBtn__QLdak{border:1px solid var(--color-header-text)}.SavedGradientsPane_btn__DDA3Y:hover{transition:border 50ms}.SavedGradientsPane_presetName__HVYg9{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);background-color:var(--color-hover-bg);padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-header-text);border-radius:var(--border-radius-xs)}.SavedGradientsPane_actionBtnGroup__TwrTa{display:flex;gap:var(--spacing-xs)}.SavedGradientsPane_actionBtn__wWhpv{border:none;background:none;color:var(--color-header-text);cursor:pointer;padding:4px;border-radius:4px}.SavedGradientsPane_actionBtn__wWhpv span{display:flex;align-items:center;font-size:var(--font-size-xxs);gap:var(--spacing-xs)}.SavedGradientsPane_actionBtn__wWhpv:hover{background-color:#3e3e42}.SavedGradientsPane_info__hTCrZ{color:var(--color-header-text);font-size:var(--font-size-xs);text-align:center}.page_mainGrid__BAYah{display:grid;grid-template-areas:"header header header" "controls preview outputSavedGroup" "controls preview outputSavedGroup" "footer footer footer";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr 1fr auto;height:100vh}.page_header__kVzhN{grid-area:header}.page_controls__MGrPX{grid-area:controls}.page_preview__ltt8S{grid-area:preview}.page_outputSavedGroup__2daco{grid-area:outputSavedGroup;display:flex;flex-direction:column}.page_footer__sHKi3{grid-area:footer}@media (max-width:768px){.page_mainGrid__BAYah{grid-template-areas:"header" "controls" "preview" "outputSavedGroup" "footer";grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto;height:100vh}.page_preview__ltt8S{min-height:300px}.page_outputSavedGroup__2daco{min-height:400px}}