/* gradient-generator */
.gradient-preview {
width: 100%;
height: 200px;
margin: 20px 0;
border-radius: 8px;
border: 1px solid #ddd;
}
.color-stop {
display: flex;
align-items: center;
margin-bottom: 10px;
gap: 10px;
}
.color-stop input[type="color"] {
width: 50px;
height: 35px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.color-stop input[type="text"] {
flex: 1;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
#cssCode {
width: 100%;
font-family: monospace;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
resize: vertical;
}