.GradientArtGenerator_container__aYnCz{display:flex;flex-direction:column;gap:2rem;padding:2rem;min-height:100vh;background-color:#121212;color:#fff}.GradientArtGenerator_preview__arum_{width:100%;height:300px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);transition:all .3s ease}.GradientArtGenerator_controls__iOHXm{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.GradientArtGenerator_typeSelector__QitD9{display:flex;gap:1rem;margin-bottom:1rem}.GradientArtGenerator_typeButton__kdeqf{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:#2a2a2a;color:#fff;cursor:pointer;transition:all .2s ease}.GradientArtGenerator_typeButton__kdeqf:hover{background-color:#3a3a3a}.GradientArtGenerator_typeButton__kdeqf.GradientArtGenerator_active__EDHQw{background-color:#ffcf98;color:#1a1a1a}.GradientArtGenerator_colorStops__A_DLn{display:flex;flex-direction:column;gap:1rem}.GradientArtGenerator_colorStop__tN7kX{display:flex;align-items:center;gap:1rem}.GradientArtGenerator_colorPicker__5IuzF{width:50px;height:50px;border:none;border-radius:8px;cursor:pointer;background:none}.GradientArtGenerator_colorPicker__5IuzF::-webkit-color-swatch-wrapper{padding:0}.GradientArtGenerator_colorPicker__5IuzF::-webkit-color-swatch{border:2px solid #ffcf98;border-radius:6px}.GradientArtGenerator_positionSlider__gsc4i{flex:1;height:6px;border-radius:3px;background-color:#2a2a2a;appearance:none}.GradientArtGenerator_positionSlider__gsc4i::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background-color:#ffcf98;cursor:pointer;transition:transform .2s ease}.GradientArtGenerator_positionSlider__gsc4i::-webkit-slider-thumb:hover{transform:scale(1.2)}.GradientArtGenerator_removeStop__Oj9mH{width:30px;height:30px;border:none;border-radius:50%;background-color:#f44;color:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.GradientArtGenerator_removeStop__Oj9mH:hover{background-color:#f66;transform:scale(1.1)}.GradientArtGenerator_addStop__gy7zT{padding:.75rem;border:2px dashed #ffcf98;border-radius:8px;background:none;color:#ffcf98;cursor:pointer;transition:all .2s ease}.GradientArtGenerator_addStop__gy7zT:hover{background-color:rgba(255,207,152,.1)}.GradientArtGenerator_angleControl__JcIdI{display:flex;flex-direction:column;gap:.5rem}.GradientArtGenerator_angleSlider__MlaHZ{width:100%;height:6px;border-radius:3px;background-color:#2a2a2a;appearance:none}.GradientArtGenerator_angleSlider__MlaHZ::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background-color:#ffcf98;cursor:pointer;transition:transform .2s ease}.GradientArtGenerator_angleSlider__MlaHZ::-webkit-slider-thumb:hover{transform:scale(1.2)}.GradientArtGenerator_actions__2fMiq{display:flex;flex-wrap:wrap;gap:1rem}.GradientArtGenerator_actionButton__9E78X{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:#2a2a2a;color:#fff;cursor:pointer;transition:all .2s ease}.GradientArtGenerator_actionButton__9E78X:hover{background-color:#3a3a3a}.GradientArtGenerator_actionButton__9E78X.GradientArtGenerator_active__EDHQw{background-color:#ffcf98;color:#1a1a1a}.GradientArtGenerator_codePreview__HJRp6{padding:1rem;background-color:#2a2a2a;border-radius:8px;overflow-x:auto}.GradientArtGenerator_codePreview__HJRp6 pre{margin:0;font-family:monospace;color:#fff}@media (max-width:768px){.GradientArtGenerator_container__aYnCz{padding:1rem}.GradientArtGenerator_preview__arum_{height:200px}.GradientArtGenerator_controls__iOHXm{padding:1rem}.GradientArtGenerator_actions__2fMiq{flex-direction:column}.GradientArtGenerator_actionButton__9E78X{width:100%}}