.ColorPickerCanvas-module__rJQsNG__container{flex-direction:column;gap:12px;width:100%;padding:0 6px;display:flex}.ColorPickerCanvas-module__rJQsNG__saturationPicker{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:180px;position:relative;overflow:hidden}.ColorPickerCanvas-module__rJQsNG__saturationWhite{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.ColorPickerCanvas-module__rJQsNG__saturationBlack{background:linear-gradient(#0000,#000);position:absolute;inset:0}.ColorPickerCanvas-module__rJQsNG__saturationSelector{pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d,inset 0 0 0 1px #0000001a}.ColorPickerCanvas-module__rJQsNG__saturationPicker:active .ColorPickerCanvas-module__rJQsNG__saturationSelector{box-shadow:0 4px 16px #0006,inset 0 0 0 1px #0000001a}.ColorPickerCanvas-module__rJQsNG__huePicker{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border-radius:8px;width:100%;height:16px;position:relative}.ColorPickerCanvas-module__rJQsNG__hueSelector{pointer-events:none;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:box-shadow .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.ColorPickerCanvas-module__rJQsNG__huePicker:active .ColorPickerCanvas-module__rJQsNG__hueSelector{box-shadow:0 4px 16px #0006}@media (max-width:768px){.ColorPickerCanvas-module__rJQsNG__saturationPicker{height:150px}.ColorPickerCanvas-module__rJQsNG__huePicker{height:20px}.ColorPickerCanvas-module__rJQsNG__saturationSelector,.ColorPickerCanvas-module__rJQsNG__hueSelector{border-width:4px;width:24px;height:24px}}
.page-module__IEdzga__container{max-width:1200px;margin:0 auto}.page-module__IEdzga__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.page-module__IEdzga__fullWidth{grid-column:1/-1}.page-module__IEdzga__previewSection{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.page-module__IEdzga__colorPreview{border-radius:var(--radius-xl);width:140px;height:140px;box-shadow:var(--shadow-lg);border:4px solid rgb(var(--color-surface))}.page-module__IEdzga__hexCode{font-family:monospace;font-size:var(--text-lg);color:rgb(var(--color-text-primary));background-color:rgb(var(--color-surface-elevated));border-radius:var(--radius-full);padding:.375rem 1rem;font-weight:600}.page-module__IEdzga__selectorSection{margin-bottom:1.5rem}.page-module__IEdzga__sectionLabel{font-size:var(--text-sm);color:rgb(var(--color-primary));align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.page-module__IEdzga__customColorSection{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.page-module__IEdzga__customColorPreview{border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-sm)}.page-module__IEdzga__customColorLabel{font-size:var(--text-sm);color:rgb(var(--color-text-muted));-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.page-module__IEdzga__hexInput{font-family:monospace;font-size:var(--text-base);color:rgb(var(--color-text-primary));background-color:rgb(var(--color-surface-elevated));border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;outline:none;flex:1;padding:.5rem .75rem;font-weight:500}.page-module__IEdzga__hexInput:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 2px rgb(var(--color-primary)/.1)}.page-module__IEdzga__noSpinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-module__IEdzga__noSpinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-module__IEdzga__noSpinner{-moz-appearance:textfield}.page-module__IEdzga__rgbInputContainer{flex:1;align-items:center;display:flex;position:relative}.page-module__IEdzga__rgbLabel{color:rgb(var(--color-text-muted));pointer-events:none;text-transform:uppercase;z-index:1;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.page-module__IEdzga__spinnerContainer{border-left:1px solid rgb(var(--color-border));flex-direction:column;width:20px;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.page-module__IEdzga__spinnerBtn{cursor:pointer;color:rgb(var(--color-text-muted));background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.page-module__IEdzga__spinnerBtn:hover{background-color:rgb(var(--color-surface-hover));color:rgb(var(--color-text-primary))}.page-module__IEdzga__spinnerBtn:first-child{border-bottom:1px solid rgb(var(--color-border));border-radius:0 var(--radius-md)0 0}.page-module__IEdzga__spinnerBtn:last-child{border-radius:0 0 var(--radius-md)0}.page-module__IEdzga__hexInputActions{gap:.375rem;display:flex}.page-module__IEdzga__hexActionBtn{background:rgb(var(--color-surface-elevated));border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);width:36px;height:36px;color:rgb(var(--color-text-muted));cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.page-module__IEdzga__hexActionBtn:hover{background-color:rgb(var(--color-primary-light));border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.page-module__IEdzga__hexActionBtn .page-module__IEdzga__copied{color:rgb(var(--color-success))}.page-module__IEdzga__presetSection{margin-top:1rem}.page-module__IEdzga__presetGrid{grid-template-columns:repeat(10,1fr);gap:.5rem;display:grid}.page-module__IEdzga__presetColor{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none}.page-module__IEdzga__presetColor:hover{z-index:1;transform:scale(1.15)}.page-module__IEdzga__presetColor.page-module__IEdzga__selected{outline:3px solid rgb(var(--color-text-primary));outline-offset:2px}.page-module__IEdzga__formatTabs{background-color:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);gap:.25rem;padding:.25rem;display:flex}.page-module__IEdzga__formatTab{font-size:var(--text-xs);color:rgb(var(--color-text-muted));border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.375rem .75rem;font-weight:500}.page-module__IEdzga__formatTab:hover{color:rgb(var(--color-text-secondary))}.page-module__IEdzga__formatTab.page-module__IEdzga__active{background-color:rgb(var(--color-surface));color:rgb(var(--color-text-primary));box-shadow:var(--shadow-sm)}.page-module__IEdzga__formatsList{flex-direction:column;gap:.75rem;display:flex}.page-module__IEdzga__formatItem{background-color:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);border:1px solid rgb(var(--color-border-light));justify-content:space-between;align-items:center;gap:16px;padding:.625rem 1rem;display:flex}.page-module__IEdzga__formatLabel{font-size:var(--text-sm);color:rgb(var(--color-text-secondary));align-items:center;gap:.5rem;min-width:70px;font-weight:600;display:flex}.page-module__IEdzga__formatValue{scrollbar-width:thin;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex;overflow:auto hidden}.page-module__IEdzga__formatValue::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:4px}.page-module__IEdzga__formatValue code{font-family:monospace;font-size:var(--text-sm);color:rgb(var(--color-text-primary));background-color:rgb(var(--color-background));border-radius:var(--radius-sm);padding:.25rem .5rem}.page-module__IEdzga__copyBtn{border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;min-height:28px;color:rgb(var(--color-text-muted));cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.page-module__IEdzga__copyBtn:hover{background-color:rgb(var(--color-primary-light));border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.page-module__IEdzga__copyBtn .page-module__IEdzga__copied{color:rgb(var(--color-success))}.page-module__IEdzga__formatActions{scrollbar-width:thin;justify-content:flex-start;display:flex;overflow-x:auto}.page-module__IEdzga__formatValue::-webkit-scrollbar{height:4px}.page-module__IEdzga__formatValue::-webkit-scrollbar-track{background:0 0}.page-module__IEdzga__formatValue::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-top:1px dashed rgb(var(--color-border-light));border-radius:4px;gap:.5rem;margin-top:1rem;padding-top:1rem}.page-module__IEdzga__actionBtn{font-size:var(--text-sm);color:rgb(var(--color-text-muted));border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem .75rem;display:flex}.page-module__IEdzga__actionBtn:hover{color:rgb(var(--color-text-primary));background-color:rgb(var(--color-surface-hover))}.page-module__IEdzga__infoGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.page-module__IEdzga__infoCard{background-color:rgb(var(--color-surface-elevated));border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border-light));padding:1.25rem}.page-module__IEdzga__infoTitle{font-size:var(--text-base);color:rgb(var(--color-text-primary));align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.page-module__IEdzga__infoList{flex-direction:column;gap:.625rem;list-style:none;display:flex}.page-module__IEdzga__infoList li{font-size:var(--text-sm);color:rgb(var(--color-text-secondary));align-items:center;gap:.5rem;display:flex}@media (max-width:639px){.page-module__IEdzga__infoCard{padding:.75rem}}@media (max-width:1023px){.page-module__IEdzga__grid{grid-template-columns:1fr}.page-module__IEdzga__presetGrid{grid-template-columns:repeat(8,1fr)}}@media (max-width:639px){.page-module__IEdzga__previewSection{padding:1rem}.page-module__IEdzga__colorPreview{width:100px;height:100px}.page-module__IEdzga__colorInputWrapper{height:140px}.page-module__IEdzga__presetGrid{grid-template-columns:repeat(5,1fr);gap:.375rem}.page-module__IEdzga__infoGrid{grid-template-columns:1fr;gap:1rem}.page-module__IEdzga__formatItem{flex-wrap:wrap;gap:.5rem;padding:.5rem}.page-module__IEdzga__formatLabel{min-width:40px;font-size:var(--text-xs)}.page-module__IEdzga__formatValue{flex:100%;order:3;justify-content:flex-start;padding-top:.25rem}.page-module__IEdzga__formatValue code{font-size:var(--text-xs);text-overflow:ellipsis;max-width:100%;overflow:hidden}.page-module__IEdzga__formatActions{flex-shrink:0}}.page-module__IEdzga__paletteGrid{grid-template-columns:repeat(11,1fr);gap:.5rem;margin-top:.5rem;display:grid}.page-module__IEdzga__paletteItem{flex-direction:column;gap:.5rem;width:100%;display:flex}.page-module__IEdzga__paletteSwatch{border-radius:var(--radius-md);border:1px solid rgb(var(--color-border-light));cursor:pointer;width:100%;height:60px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);color:#fff;justify-content:center;align-items:center;display:flex;position:relative}.page-module__IEdzga__paletteSwatch:hover{box-shadow:var(--shadow-md);z-index:1;transform:translateY(-2px)}.page-module__IEdzga__paletteLabel{font-size:var(--text-xs);color:rgb(var(--color-text-secondary));text-align:center;flex-direction:column;align-items:center;gap:.125rem;display:flex}.page-module__IEdzga__paletteWeight{color:rgb(var(--color-text-primary));font-weight:600}.page-module__IEdzga__paletteHex{opacity:.7;font-family:monospace;font-size:10px}@media (max-width:1024px){.page-module__IEdzga__paletteGrid{grid-template-columns:repeat(6,1fr);gap:1rem}}@media (max-width:640px){.page-module__IEdzga__paletteGrid{grid-template-columns:repeat(4,1fr);gap:.375rem}.page-module__IEdzga__paletteSwatch{height:40px;font-size:10px}}.page-module__IEdzga__mainTabsContainer{background:rgb(var(--color-surface));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:1rem;margin:2rem 0;padding:.5rem;display:flex}.page-module__IEdzga__mainTab{border-radius:var(--radius-md);font-size:var(--text-md);color:rgb(var(--color-text-secondary));cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.page-module__IEdzga__mainTab:hover{background:rgb(var(--color-primary)/.1);color:rgb(var(--color-primary))}.page-module__IEdzga__mainTabActive,.page-module__IEdzga__mainTabActive:hover{background:rgb(var(--color-primary));color:#fff;box-shadow:var(--shadow-md)}@media (max-width:639px){.page-module__IEdzga__mainTabsContainer{gap:.5rem;margin:1.5rem 0}.page-module__IEdzga__mainTab{font-size:var(--text-sm);gap:.25rem;padding:.75rem .5rem}}.page-module__IEdzga__gradientPreviewSection{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.page-module__IEdzga__gradientPreviewLarge{border-radius:var(--radius-xl);width:100%;height:200px;box-shadow:var(--shadow-lg);border:4px solid rgb(var(--color-surface));cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.page-module__IEdzga__gradientTypeSection{margin-bottom:1.5rem}.page-module__IEdzga__gradientTypeButtons{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.page-module__IEdzga__shapeButtons{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem;display:grid}.page-module__IEdzga__gradientTypeBtn{border-radius:var(--radius-md);color:rgb(var(--color-text-primary));cursor:pointer;background:0 0;border:2px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}[data-theme=light] .page-module__IEdzga__gradientTypeBtn{background:#fff;border-color:#0000001f}.page-module__IEdzga__gradientTypeBtn:hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}[data-theme=light] .page-module__IEdzga__gradientTypeBtn:hover{border-color:rgb(var(--color-primary));color:rgb(var(--color-primary));background:#fff}.page-module__IEdzga__gradientTypeBtn.page-module__IEdzga__active{border-color:rgb(var(--color-primary));background:rgba(var(--color-primary),.05);color:rgb(var(--color-primary));font-weight:600}[data-theme=light] .page-module__IEdzga__gradientTypeBtn.page-module__IEdzga__active{background:rgb(var(--color-primary-light));border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.page-module__IEdzga__gradientControlSection{margin-bottom:1.5rem}.page-module__IEdzga__angleSlider{border-radius:var(--radius-full);background:rgb(var(--color-border));-webkit-appearance:none;outline:none;width:100%;height:6px;margin-top:.5rem}.page-module__IEdzga__angleSlider::-webkit-slider-thumb{appearance:none;background:rgb(var(--color-primary));cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border-radius:50%}.page-module__IEdzga__angleSlider::-moz-range-thumb{background:rgb(var(--color-primary));cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-md);border:none;border-radius:50%}.page-module__IEdzga__controlRow{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.page-module__IEdzga__controlRow label{min-width:80px;font-size:var(--text-sm);color:rgb(var(--color-text-secondary));font-weight:500}.page-module__IEdzga__controlRow input[type=range]{flex:1}.page-module__IEdzga__numberInputContainer{align-items:center;width:70px;height:32px;display:flex;position:relative}.page-module__IEdzga__numberInput{border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);background:rgb(var(--color-surface));width:100%;height:100%;color:rgb(var(--color-text-primary));font-size:var(--text-sm);text-align:right;font-family:var(--font-mono,monospace);outline:none;padding:0 1.5rem 0 .5rem;transition:all .2s}[data-theme=light] .page-module__IEdzga__numberInput{background:#fff;border-color:#00000026}.page-module__IEdzga__numberInput:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 2px rgba(var(--color-primary),.1)}.page-module__IEdzga__inputUnit{color:rgb(var(--color-text-muted));pointer-events:none;font-size:.75rem;position:absolute;right:.5rem}.page-module__IEdzga__controlGroup{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:.5rem;display:grid}@media (max-width:639px){.page-module__IEdzga__controlGroup{grid-template-columns:1fr;gap:.75rem}.page-module__IEdzga__mainTabsContainer{box-sizing:border-box;flex-wrap:wrap;gap:.5rem;width:100%;margin:1.5rem 0;padding:.375rem}.page-module__IEdzga__mainTab{font-size:var(--text-sm);gap:.25rem;min-width:0;padding:.75rem .25rem}.page-module__IEdzga__paletteGrid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.page-module__IEdzga__paletteSwatch{height:45px;font-size:10px}.page-module__IEdzga__formatsList{box-sizing:border-box;width:100%;overflow-x:hidden}.page-module__IEdzga__formatItem{box-sizing:border-box;flex-wrap:wrap;gap:.5rem;width:100%;padding:.75rem}.page-module__IEdzga__formatLabel{min-width:40px;font-size:var(--text-xs);white-space:nowrap}.page-module__IEdzga__formatValue{flex:100%;order:3;justify-content:flex-start;min-width:0;padding-top:.25rem}.page-module__IEdzga__formatValue code{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.page-module__IEdzga__formatActions{flex-shrink:0;margin-left:auto}.page-module__IEdzga__grid{box-sizing:border-box;width:100%;display:block}.page-module__IEdzga__grid>*{margin-bottom:1.5rem}.page-module__IEdzga__grid>:last-child{margin-bottom:0}.page-module__IEdzga__container{box-sizing:border-box;width:100%;max-width:100vw;padding:0;overflow:hidden auto}.page-module__IEdzga__previewSection,.page-module__IEdzga__selectorSection,.page-module__IEdzga__customColorSection,.page-module__IEdzga__presetSection{box-sizing:border-box;width:100%}}.page-module__IEdzga__colorStopsSection{margin-bottom:1.5rem}.page-module__IEdzga__colorStopsHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-module__IEdzga__addStopBtn{background:rgb(var(--color-primary));border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.page-module__IEdzga__colorStopsList{flex-direction:column;gap:.75rem;display:flex}.page-module__IEdzga__colorStopItem{background:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex}.page-module__IEdzga__colorStopPicker{border:2px solid rgb(var(--color-border));border-radius:var(--radius-sm);cursor:pointer;width:50px;height:40px}.page-module__IEdzga__colorStopPosition{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);width:70px;color:rgb(var(--color-text-primary));font-size:var(--text-sm);text-align:center;padding:.5rem}.page-module__IEdzga__removeStopBtn{background:rgb(var(--color-danger)/.1);border-radius:var(--radius-sm);width:32px;height:32px;color:rgb(var(--color-danger));cursor:pointer;border:none;justify-content:center;align-items:center;margin-left:auto;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.page-module__IEdzga__removeStopBtn:hover{background:rgb(var(--color-danger));color:#fff}.page-module__IEdzga__gradientFormats{flex-direction:column;gap:1rem;display:flex}.page-module__IEdzga__formatItemGradient{background:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);border:1px solid rgb(var(--color-border));align-items:center;gap:.75rem;padding:1rem;display:flex}.page-module__IEdzga__formatItemGradient .page-module__IEdzga__formatLabel{min-width:120px;font-weight:600;font-size:var(--text-sm);color:rgb(var(--color-text-primary));align-items:center;gap:.5rem;display:flex}.page-module__IEdzga__formatItemGradient .page-module__IEdzga__formatValue{flex:1;overflow-x:auto}.page-module__IEdzga__formatItemGradient .page-module__IEdzga__formatValue code{font-family:monospace;font-size:var(--text-sm);color:rgb(var(--color-text-secondary));white-space:nowrap}.page-module__IEdzga__gradientPresets{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.page-module__IEdzga__gradientPresetBtn{border:3px solid rgb(var(--color-border));border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:flex-end;height:120px;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.page-module__IEdzga__gradientPresetBtn:hover{border-color:rgb(var(--color-primary));box-shadow:var(--shadow-lg)}.page-module__IEdzga__presetName{color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;padding:.5rem 1rem;font-weight:500}@media (max-width:768px){.page-module__IEdzga__mainTabsContainer{flex-direction:column}.page-module__IEdzga__gradientPresets{grid-template-columns:1fr}}.page-module__IEdzga__gradientGrid{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;display:grid}.page-module__IEdzga__gradientRightColumn{flex-direction:column;gap:1.5rem;width:450px;display:flex}@media (max-width:1024px){.page-module__IEdzga__gradientGrid{grid-template-columns:1fr}.page-module__IEdzga__gradientRightColumn{width:100%}}.page-module__IEdzga__colorStopItem{flex-direction:column!important;gap:.75rem!important}.page-module__IEdzga__colorStopFormatSelector{gap:.5rem;width:100%;display:flex}.page-module__IEdzga__formatSelectorBtn{background:rgb(var(--color-surface));border:2px solid rgb(var(--color-border));border-radius:var(--radius-sm);font-size:var(--text-xs);color:rgb(var(--color-text-secondary));cursor:pointer;flex:1;padding:.5rem;font-weight:600;transition:all .2s}.page-module__IEdzga__formatSelectorBtn:hover{border-color:rgb(var(--color-primary)/.5)}.page-module__IEdzga__formatSelectorBtn.page-module__IEdzga__formatActive{background:rgb(var(--color-primary)/.1);border-color:rgb(var(--color-primary));color:rgb(var(--color-primary))}.page-module__IEdzga__colorStopControls{align-items:center;gap:.75rem;width:100%;display:flex}.page-module__IEdzga__alphaControl{flex-direction:column;flex:1;gap:.25rem;display:flex}.page-module__IEdzga__alphaLabel{font-size:var(--text-xs);color:rgb(var(--color-text-secondary));font-weight:500}.page-module__IEdzga__alphaSlider{border-radius:var(--radius-full);background:linear-gradient(to right,transparent,rgb(var(--color-primary)));-webkit-appearance:none;outline:none;width:100%;height:4px}.page-module__IEdzga__alphaSlider::-webkit-slider-thumb{appearance:none;background:rgb(var(--color-primary));cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%}.page-module__IEdzga__alphaSlider::-moz-range-thumb{background:rgb(var(--color-primary));cursor:pointer;width:16px;height:16px;box-shadow:var(--shadow-sm);border:none;border-radius:50%}.page-module__IEdzga__positionControl{align-items:center;gap:.25rem;display:flex}.page-module__IEdzga__colorStopItemWrapper{background:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.page-module__IEdzga__colorStopMainControls{align-items:center;gap:.75rem;display:flex}.page-module__IEdzga__controlLabel{font-size:var(--text-xs);color:rgb(var(--color-text-secondary));min-width:24px;font-weight:600}.page-module__IEdzga__alphaControlGroup{flex:1;align-items:center;gap:.5rem;display:flex}.page-module__IEdzga__alphaSliderCompact{border-radius:var(--radius-full);background:linear-gradient(to right,transparent,rgb(var(--color-primary)));-webkit-appearance:none;outline:none;flex:1;height:4px}.page-module__IEdzga__alphaSliderCompact::-webkit-slider-thumb{-webkit-appearance:none;background:rgb(var(--color-primary));cursor:pointer;border-radius:50%;width:14px;height:14px}.page-module__IEdzga__alphaSliderCompact::-moz-range-thumb{background:rgb(var(--color-primary));cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.page-module__IEdzga__alphaInput{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);width:60px;color:rgb(var(--color-text-primary));font-size:var(--text-sm);text-align:center;padding:.375rem}.page-module__IEdzga__positionControlGroup{align-items:center;gap:.375rem;display:flex}.page-module__IEdzga__positionInput{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);width:60px;color:rgb(var(--color-text-primary));font-size:var(--text-sm);text-align:center;padding:.375rem}.page-module__IEdzga__unitLabel{font-size:var(--text-sm);color:rgb(var(--color-text-secondary));font-weight:500}.page-module__IEdzga__removeStopBtnCompact{background:rgb(var(--color-danger)/.1);border-radius:var(--radius-sm);width:32px;height:32px;color:rgb(var(--color-danger));cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.page-module__IEdzga__removeStopBtnCompact:hover{color:#fff}.page-module__IEdzga__gradientSliderContainer{border-radius:var(--radius-sm);cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-size:8px 8px;width:100%;height:18px;margin:1rem 0;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.page-module__IEdzga__gradientTrack{border-radius:var(--radius-sm);position:absolute;inset:0}.page-module__IEdzga__gradientThumb{cursor:grab;z-index:10;background:#fff;border:2px solid #fff;border-radius:4px;width:14px;position:absolute;top:-3px;bottom:-3px;transform:translate(-50%);box-shadow:0 1px 3px #0000004d}.page-module__IEdzga__gradientThumb:active{cursor:grabbing}.page-module__IEdzga__gradientThumb.page-module__IEdzga__active{z-index:20;border-color:rgb(var(--color-primary));transform:translate(-50%)scale(1.1)}.page-module__IEdzga__gradientThumbWrapper{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.page-module__IEdzga__activeStopControls{background:rgb(var(--color-surface-elevated));border-radius:var(--radius-md);border:1px solid rgb(var(--color-border));margin-top:1rem;padding:1rem}.page-module__IEdzga__stopHeader{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-module__IEdzga__stopTitle{font-size:var(--text-sm);color:rgb(var(--color-text-primary));align-items:center;gap:.5rem;font-weight:600;display:flex}.page-module__IEdzga__stopActions{align-items:center;gap:.5rem;display:flex}.page-module__IEdzga__popoverColorTrigger{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;transition:all .2s;display:flex}.page-module__IEdzga__popoverColorTrigger:hover{border-color:rgb(var(--color-text-muted))}.page-module__IEdzga__popoverColorPreview{border:1px solid #0000001a;border-radius:4px;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001a}.page-module__IEdzga__popoverColorValue{font-family:monospace;font-size:var(--text-sm);color:rgb(var(--color-text-primary))}.page-module__IEdzga__colorStopsList{display:none}.page-module__IEdzga__popoverBackdrop{z-index:40;position:fixed;inset:0}.page-module__IEdzga__popoverContainer{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-xl);z-index:50;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.page-module__IEdzga__popoverCanvasWrapper{min-height:220px;padding:.5rem;position:relative;overflow:visible}.page-module__IEdzga__popoverSliders{flex-direction:column;gap:.5rem;display:flex}.page-module__IEdzga__alphaSliderContainer{border-radius:var(--radius-full);cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;height:12px;position:relative}.page-module__IEdzga__alphaSliderBar{border-radius:var(--radius-full);position:absolute;inset:0}.page-module__IEdzga__alphaSliderThumb{border:2px solid rgb(var(--color-border));width:14px;height:14px;box-shadow:var(--shadow-sm);pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-module__IEdzga__popoverControls{flex-direction:column;gap:.5rem;display:flex}.page-module__IEdzga__popoverFormatSwitch{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.page-module__IEdzga__popoverFormatBtn{font-size:var(--text-xs);color:rgb(var(--color-text-secondary));cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-weight:600;display:flex}.page-module__IEdzga__popoverFormatBtn:hover{color:rgb(var(--color-text-primary))}.page-module__IEdzga__popoverInputsRow{gap:.5rem;display:flex}.page-module__IEdzga__popoverInputGroup{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.page-module__IEdzga__popoverInput{text-align:center;width:100%;font-size:var(--text-sm);border:1px solid rgb(var(--color-border));border-radius:var(--radius-sm);background:rgb(var(--color-surface-elevated));color:rgb(var(--color-text-primary));padding:.25rem}.page-module__IEdzga__popoverInputLabel{color:rgb(var(--color-text-muted));font-size:.65rem;font-weight:600}.page-module__IEdzga__gradientStopTrigger{border-radius:var(--radius-md);border:2px solid rgb(var(--color-border));cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;width:36px;height:36px;position:relative;overflow:hidden}.page-module__IEdzga__gradientStopColor{width:100%;height:100%}@media (max-width:639px){.page-module__IEdzga__container{padding:0;overflow-x:hidden}}