#watermarkInput {
            display: none;
        }
        #watermarkImageContainer {
            max-width: 100%;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        #watermarkImage {
            width: 100%;
            height: auto;
        }
        #watermarkText {
            width: 90%;
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-bottom: 10px;
        }       #watermarkFont {
            font-size: 16px;
            width: 90%;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        #watermarkColor {
            width: 100%;
            height: 40px;
            border: none;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        #watermarkPosition {
            font-size: 16px;
            width: 90%;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        #watermarkTransparency {
            width: 90%;
            margin-bottom: 20px;
        }
        button {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            margin-bottom: 10px;
        }
        button:hover {
            background-color: #45a049;
        }

        @media (max-width: 600px) {
            #watermarkText,
            #watermarkFont,
            #watermarkPosition,
            #watermarkTransparency {
                width: 100%;
            }

            #watermarkImageContainer {
                border-radius: 0;
                margin-bottom: 0;
            }
        }