.cpp-personalization-fields {
        margin: 20px 0;
        padding: 16px;
        border: 1px solid #e0e0e0;
        border-radius: 6px;
        background: #fafafa;
}

.cpp-personalization-fields h4 {
        margin-top: 0;
}

.cpp-personalization-fields .cpp-field {
        margin-bottom: 14px;
}

.cpp-personalization-fields label {
        display: block;
        font-weight: 600;
        margin-bottom: 6px;
}

.cpp-personalization-fields .required {
        color: #c0392b;
}

.cpp-field-preview img {
        max-width: 220px;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 4px;
}

.cpp-color-choice {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-right: 16px;
        font-weight: 400;
        cursor: pointer;
}

.cpp-color-swatch {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.2);
}

.cpp-font-choice {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-right: 16px;
        font-weight: 400;
        cursor: pointer;
}

.cpp-field-text textarea {
        width: 100%;
        max-width: 480px;
}

.cpp-field-hint {
        font-size: 12px;
        color: #666;
        margin: 4px 0 0;
        font-weight: 400;
}

.cpp-preview-button {
        margin-bottom: 4px;
}