.color-display {
        height: 200px;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: flex-end;
    }
    .saved-colors-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .saved-color {
        height: 60px;
        border-radius: 4px;
        position: relative;
        cursor: pointer;
    }
    .saved-color span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.7);
        color: white;
        font-size: 10px;
        padding: 2px;
        text-align: center;
    }
    .form-range {
        width: 100%;
    }