{"id":1255,"date":"2025-07-14T13:14:47","date_gmt":"2025-07-14T13:14:47","guid":{"rendered":"https:\/\/bawabatak.com\/ai-prompt\/?p=1255"},"modified":"2025-07-14T13:14:51","modified_gmt":"2025-07-14T13:14:51","slug":"exploding-pepsi-grape-can-with-juicy-fruit-mint-4k-commercial-render","status":"publish","type":"post","link":"https:\/\/bawabatak.com\/ai-prompt\/exploding-pepsi-grape-can-with-juicy-fruit-mint-4k-commercial-render\/","title":{"rendered":"Exploding Pepsi Grape Can with Juicy Fruit &amp; Mint \u2013 4K Commercial Render"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1256 size-full\" src=\"https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render-Bawabatak-chatgpt-prompt.png?resize=1019%2C679&#038;ssl=1\" alt=\"\" width=\"1019\" height=\"679\" srcset=\"https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render-Bawabatak-chatgpt-prompt.png?w=1019&amp;ssl=1 1019w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render-Bawabatak-chatgpt-prompt.png?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render-Bawabatak-chatgpt-prompt.png?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render-Bawabatak-chatgpt-prompt.png?resize=150%2C100&amp;ssl=1 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n\n\n<div class=\"ai-prompt-container\" style=\"\n    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n    border-radius: 15px;\n    padding: 30px;\n    margin: 20px 0;\n    border: 1px solid #333;\n    box-shadow: 0 10px 30px rgba(0, 168, 255, 0.1);\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    position: relative;\n\">\n    <div class=\"prompt-header\" style=\"\n        display: flex;\n        align-items: center;\n        margin-bottom: 20px;\n        border-bottom: 2px solid #00A8FF;\n        padding-bottom: 15px;\n    \">\n        <div class=\"prompt-icon\" style=\"\n            background: linear-gradient(45deg, #00A8FF, #0080CC);\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            box-shadow: 0 5px 15px rgba(0, 168, 255, 0.3);\n        \">\n            <span style=\"color: white; font-size: 24px; font-weight: bold;\">\u2728<\/span>\n        <\/div>\n        <div>\n            <h3 style=\"\n                color: #fff;\n                margin: 0;\n                font-size: 24px;\n                font-weight: 600;\n            \">Dynamic Soda Ad<\/h3>\n            <p style=\"\n                color: #00A8FF;\n                margin: 5px 0 0 0;\n                font-size: 14px;\n                font-weight: 500;\n            \">AI Image Generation Prompt<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"instructions-section\" style=\"\n        background: rgba(0, 168, 255, 0.05);\n        border-radius: 10px;\n        padding: 20px;\n        margin-bottom: 25px;\n        border-left: 4px solid #00A8FF;\n    \">\n        <h4 style=\"color: #00A8FF; margin: 0 0 15px 0; font-size: 18px; font-weight: 600;\">\ud83d\udccb How to Use:<\/h4>\n        <ol style=\"color: #e0e0e0; line-height: 1.6; margin: 0; padding-left: 20px;\">\n            <li style=\"margin-bottom: 8px;\">Open ChatGPT<\/li>\n            <li style=\"margin-bottom: 8px;\">Copy and paste the prompt below<\/li>\n        <\/ol>\n    <\/div>\n\n    <div class=\"prompt-content\" style=\"\n        background: rgba(0, 168, 255, 0.05);\n        border-left: 4px solid #00A8FF;\n        padding: 20px;\n        border-radius: 8px;\n        margin-bottom: 25px;\n    \">\n        <div class=\"prompt-text\" style=\"\n            color: #e0e0e0;\n            line-height: 1.6;\n            font-size: 16px;\n            white-space: pre-wrap;\n            word-wrap: break-word;\n        \" id=\"promptText\">A <span class=\"editable-word\" data-key=\"detail_realism\">highly detailed, ultra-realistic<\/span> <span class=\"editable-word\" data-key=\"can_color\">black<\/span> <span class=\"editable-word\" data-key=\"soda_flavor\">grape soda can<\/span> (<span class=\"editable-word\" data-key=\"brand_name\">Pepsi<\/span>) <span class=\"editable-word\" data-key=\"can_action\">bursting open in the center<\/span>, with <span class=\"editable-word\" data-key=\"fruit_elements\">juicy black grapes, grape slices, and fresh mint leaves<\/span> exploding out. <span class=\"editable-word\" data-key=\"liquid_splash_color\">Dark purple grape juice<\/span> splashes into the air, surrounded by <span class=\"editable-word\" data-key=\"splash_effect\">droplets for a dynamic, refreshing effect<\/span>. The metallic can is <span class=\"editable-word\" data-key=\"can_body_color\">deep purple<\/span> with <span class=\"editable-word\" data-key=\"can_surface_details\">water droplets<\/span> and labeled &#8220;<span class=\"editable-word\" data-key=\"can_label_text\">Pepsi Grape<\/span>.&#8221; The background features a <span class=\"editable-word\" data-key=\"background_type\">smooth, dark purple gradient<\/span> with <span class=\"editable-word\" data-key=\"background_elements\">floating grapes<\/span>, creating a <span class=\"editable-word\" data-key=\"background_atmosphere\">bold and fizzy atmosphere<\/span>. Rendered in <span class=\"editable-word\" data-key=\"resolution\">4K clarity<\/span> with <span class=\"editable-word\" data-key=\"lighting_style\">cinematic lighting<\/span> and <span class=\"editable-word\" data-key=\"texture_style\">photorealistic textures<\/span>-perfect for a <span class=\"editable-word\" data-key=\"ad_purpose\">commercial beverage ad<\/span>. <span class=\"editable-word\" data-key=\"aspect_ratio\">4:5 RATIO<\/span>.<\/div>\n    <\/div>\n\n    <div class=\"prompt-actions\" style=\"\n        display: flex;\n        gap: 15px;\n        align-items: center;\n        flex-wrap: wrap;\n        position: relative;\n    \">\n        <button onclick=\"copyPrompt()\" id=\"copyButton\" style=\"\n            background: linear-gradient(45deg, #00A8FF, #0080CC);\n            color: white;\n            border: none;\n            padding: 12px 25px;\n            border-radius: 25px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 15px rgba(0, 168, 255, 0.3);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            position: relative;\n            overflow: hidden;\n        \" onmouseover=\"this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(0, 168, 255, 0.4)'\"\n            onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 15px rgba(0, 168, 255, 0.3)'\">\n            <span id=\"copyIcon\">\ud83d\udccb<\/span>\n            <span id=\"copyText\">Copy Prompt<\/span>\n        <\/button>\n\n        <a href=\"https:\/\/chat.openai.com\/\" target=\"_blank\" style=\"\n            background: linear-gradient(45deg, #10A37F, #0D8A6B);\n            color: white;\n            text-decoration: none;\n            padding: 12px 25px;\n            border-radius: 25px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 5px 15px rgba(16, 163, 127, 0.3);\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        \" onmouseover=\"this.style.transform=&#039;translateY(-2px)&#039;; this.style.boxShadow=&#039;0 8px 25px rgba(16, 163, 127, 0.4)&#039;\" onmouseout=\"this.style.transform=&#039;translateY(0)&#039;; this.style.boxShadow=&#039;0 5px 15px rgba(16, 163, 127, 0.3)&#039;\" rel=\"noopener\">\n            <span>\ud83d\ude80<\/span>\n            Try in ChatGPT\n        <\/a>\n\n        <button onclick=\"toggleCustomizer()\" id=\"customizeButton\" style=\"\n            background: rgba(255, 193, 7, 0.1);\n            color: #FFC107;\n            border: 2px solid #FFC107;\n            padding: 10px 20px;\n            border-radius: 25px;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        \" onmouseover=\"this.style.background='rgba(255, 193, 7, 0.2)'\"\n            onmouseout=\"this.style.background='rgba(255, 193, 7, 0.1)'\">\n            <span>\u2699\ufe0f<\/span>\n            <span id=\"customizeText\">Customize<\/span>\n        <\/button>\n    <\/div>\n\n    <div id=\"customizerPanel\" style=\"\n        display: none;\n        background: rgba(0, 168, 255, 0.05);\n        border: 1px solid #00A8FF;\n        border-radius: 12px;\n        padding: 25px;\n        margin-top: 25px;\n        backdrop-filter: blur(10px);\n    \">\n        <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;\">\n            <h4 style=\"color: #00A8FF; margin: 0; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 10px;\">\n                <span>\ud83c\udfaf<\/span> Customize Your Prompt\n            <\/h4>\n            <button onclick=\"resetToDefaults()\" id=\"resetButton\" style=\"\n                background: rgba(220, 53, 69, 0.1);\n                color: #dc3545;\n                border: 2px solid #dc3545;\n                padding: 8px 16px;\n                border-radius: 20px;\n                font-size: 14px;\n                font-weight: 600;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                display: flex;\n                align-items: center;\n                gap: 6px;\n            \" onmouseover=\"this.style.background='rgba(220, 53, 69, 0.2)'\"\n                onmouseout=\"this.style.background='rgba(220, 53, 69, 0.1)'\">\n                <span>\ud83d\udd04<\/span>\n                Reset\n            <\/button>\n        <\/div>\n\n        <div class=\"customizer-grid\" style=\"\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 25px;\n        \">\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf1f Detail &#038; Realism:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('detail_realism', 'highly detailed, ultra-realistic')\" data-active=\"true\">Highly Detailed, Ultra-realistic<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('detail_realism', 'stylized, vibrant')\">Stylized, Vibrant<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('detail_realism', 'minimalist, sleek')\">Minimalist, Sleek<\/button>\n                <\/div>\n                <input type=\"text\" id=\"detail_realism-custom\" placeholder=\"Or enter custom detail &#038; realism...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\u26ab Can Color:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_color', 'black')\" data-active=\"true\">Black<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_color', 'silver')\">Silver<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_color', 'white')\">White<\/button>\n                <\/div>\n                <input type=\"text\" id=\"can_color-custom\" placeholder=\"Or enter custom can color...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf47 Soda Flavor:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('soda_flavor', 'grape soda can')\" data-active=\"true\">Grape Soda Can<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('soda_flavor', 'orange soda can')\">Orange Soda Can<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('soda_flavor', 'lemon-lime soda can')\">Lemon-Lime Soda Can<\/button>\n                <\/div>\n                <input type=\"text\" id=\"soda_flavor-custom\" placeholder=\"Or enter custom soda flavor...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83e\udd64 Brand Name:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('brand_name', 'Pepsi')\" data-active=\"true\">Pepsi<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('brand_name', 'Coca-Cola')\">Coca-Cola<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('brand_name', 'Sprite')\">Sprite<\/button>\n                <\/div>\n                <input type=\"text\" id=\"brand_name-custom\" placeholder=\"Or enter custom brand name...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udca5 Can Action:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_action', 'bursting open in the center')\" data-active=\"true\">Bursting Open in the Center<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_action', 'being poured into a glass')\">Being Poured into a Glass<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_action', 'sitting upright on a surface')\">Sitting Upright on a Surface<\/button>\n                <\/div>\n                <input type=\"text\" id=\"can_action-custom\" placeholder=\"Or enter custom can action...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf4e Fruit &#038; Garnish Elements:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('fruit_elements', 'juicy black grapes, grape slices, and fresh mint leaves')\" data-active=\"true\">Juicy Black Grapes, Grape Slices, Fresh Mint Leaves<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('fruit_elements', 'fresh orange segments and lime wedges')\">Fresh Orange Segments and Lime Wedges<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('fruit_elements', 'bright red cherries and ice cubes')\">Bright Red Cherries and Ice Cubes<\/button>\n                <\/div>\n                <input type=\"text\" id=\"fruit_elements-custom\" placeholder=\"Or enter custom fruit &#038; garnish...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udc9c Liquid Splash Color:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('liquid_splash_color', 'Dark purple grape juice')\" data-active=\"true\">Dark Purple Grape Juice<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('liquid_splash_color', 'bright orange soda')\">Bright Orange Soda<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('liquid_splash_color', 'clear, sparkling liquid')\">Clear, Sparkling Liquid<\/button>\n                <\/div>\n                <input type=\"text\" id=\"liquid_splash_color-custom\" placeholder=\"Or enter custom liquid splash color...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udca6 Splash Effect:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('splash_effect', 'droplets for a dynamic, refreshing effect')\" data-active=\"true\">Droplets for a Dynamic, Refreshing Effect<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('splash_effect', 'a smooth, elegant pour')\">A Smooth, Elegant Pour<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('splash_effect', 'fine mist rising')\">Fine Mist Rising<\/button>\n                <\/div>\n                <input type=\"text\" id=\"splash_effect-custom\" placeholder=\"Or enter custom splash effect...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udfe3 Can Body Color:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_body_color', 'deep purple')\" data-active=\"true\">Deep Purple<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_body_color', 'bright red')\">Bright Red<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_body_color', 'metallic blue')\">Metallic Blue<\/button>\n                <\/div>\n                <input type=\"text\" id=\"can_body_color-custom\" placeholder=\"Or enter custom can body color...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udca7 Can Surface Details:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_surface_details', 'water droplets')\" data-active=\"true\">Water Droplets<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_surface_details', 'frost condensation')\">Frost Condensation<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('can_surface_details', 'smooth and dry surface')\">Smooth and Dry Surface<\/button>\n                <\/div>\n                <input type=\"text\" id=\"can_surface_details-custom\" placeholder=\"Or enter custom can surface details...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udcdd Can Label Text:<\/label>\n                <input type=\"text\" id=\"can_label_text-custom\" placeholder=\"e.g., Cool Cola, Zesty Lemon\" value=\"Pepsi Grape\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf0c Background Type:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_type', 'smooth, dark purple gradient')\" data-active=\"true\">Smooth, Dark Purple Gradient<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_type', 'bright, abstract liquid swirl')\">Bright, Abstract Liquid Swirl<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_type', 'minimalist white studio background')\">Minimalist White Studio Background<\/button>\n                <\/div>\n                <input type=\"text\" id=\"background_type-custom\" placeholder=\"Or enter custom background type...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf47 Background Elements:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_elements', 'floating grapes')\" data-active=\"true\">Floating Grapes<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_elements', 'subtle fizz bubbles')\">Subtle Fizz Bubbles<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_elements', 'abstract light streaks')\">Abstract Light Streaks<\/button>\n                <\/div>\n                <input type=\"text\" id=\"background_elements-custom\" placeholder=\"Or enter custom background elements...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83c\udf2c\ufe0f Background Atmosphere:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_atmosphere', 'bold and fizzy atmosphere')\" data-active=\"true\">Bold and Fizzy Atmosphere<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_atmosphere', 'clean and refreshing ambiance')\">Clean and Refreshing Ambiance<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('background_atmosphere', 'mysterious and alluring aura')\">Mysterious and Alluring Aura<\/button>\n                <\/div>\n                <input type=\"text\" id=\"background_atmosphere-custom\" placeholder=\"Or enter custom background atmosphere...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udda5\ufe0f Resolution:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('resolution', '4K clarity')\" data-active=\"true\">4K Clarity<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('resolution', '8K resolution')\">8K Resolution<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('resolution', 'Full HD')\">Full HD<\/button>\n                <\/div>\n                <input type=\"text\" id=\"resolution-custom\" placeholder=\"Or enter custom resolution...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udca1 Lighting Style:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('lighting_style', 'cinematic lighting')\" data-active=\"true\">Cinematic Lighting<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('lighting_style', 'bright studio lighting')\">Bright Studio Lighting<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('lighting_style', 'natural soft lighting')\">Natural Soft Lighting<\/button>\n                <\/div>\n                <input type=\"text\" id=\"lighting_style-custom\" placeholder=\"Or enter custom lighting style...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83e\uddf1 Texture Style:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('texture_style', 'photorealistic textures')\" data-active=\"true\">Photorealistic Textures<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('texture_style', 'smooth, stylized textures')\">Smooth, Stylized Textures<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('texture_style', 'rough, industrial textures')\">Rough, Industrial Textures<\/button>\n                <\/div>\n                <input type=\"text\" id=\"texture_style-custom\" placeholder=\"Or enter custom texture style...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udcfa Ad Purpose:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('ad_purpose', 'commercial beverage ad')\" data-active=\"true\">Commercial Beverage Ad<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('ad_purpose', 'artistic concept piece')\">Artistic Concept Piece<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('ad_purpose', 'social media promotion')\">Social Media Promotion<\/button>\n                <\/div>\n                <input type=\"text\" id=\"ad_purpose-custom\" placeholder=\"Or enter custom ad purpose...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n            <div class=\"customizer-item\">\n                <label style=\"color: #00A8FF; font-weight: 600; margin-bottom: 8px; display: block;\">\ud83d\udcd0 Aspect Ratio:<\/label>\n                <div style=\"display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap;\">\n                    <button class=\"preset-btn\" onclick=\"applyPreset('aspect_ratio', '4:5 RATIO')\" data-active=\"true\">4:5 RATIO<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('aspect_ratio', '1:1 RATIO')\">1:1 RATIO<\/button>\n                    <button class=\"preset-btn\" onclick=\"applyPreset('aspect_ratio', '16:9 RATIO')\">16:9 RATIO<\/button>\n                <\/div>\n                <input type=\"text\" id=\"aspect_ratio-custom\" placeholder=\"Or enter custom aspect ratio...\" style=\"\n                    width: 100%;\n                    background: rgba(255, 255, 255, 0.1);\n                    border: 1px solid #333;\n                    border-radius: 8px;\n                    padding: 10px;\n                    color: #e0e0e0;\n                    font-size: 14px;\n                \">\n            <\/div>\n\n        <\/div>\n\n        <div style=\"display: flex; gap: 15px; justify-content: center; flex-wrap: wrap;\">\n            <button onclick=\"applyCustomChanges()\" id=\"applyButton\" style=\"\n                background: linear-gradient(45deg, #FFC107, #FF9800);\n                color: #1a1a1a;\n                border: none;\n                padding: 12px 30px;\n                border-radius: 25px;\n                font-size: 16px;\n                font-weight: 700;\n                cursor: pointer;\n                transition: all 0.3s ease;\n                box-shadow: 0 5px 15px rgba(255, 193, 7, 0.3);\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n            \" onmouseover=\"this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(255, 193, 7, 0.4)'\"\n                onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 15px rgba(255, 193, 7, 0.3)'\">\n                <span>\ud83d\ude80<\/span>\n                Apply Changes\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <div class=\"tips-section\" style=\"\n        background: rgba(255, 193, 7, 0.1);\n        border-left: 4px solid #FFC107;\n        border-radius: 8px;\n        padding: 20px;\n        margin-top: 25px;\n    \">\n        <h4 style=\"color: #FFC107; margin: 0 0 15px 0; font-size: 16px; font-weight: 600;\">\ud83d\udca1 Pro Tips:<\/h4>\n        <ul style=\"color: #e0e0e0; line-height: 1.6; margin: 0; padding-left: 20px;\">\n            <li style=\"margin-bottom: 8px;\">The <span style=\"color: #00A8FF; font-weight: 600;\">highlighted words<\/span> in the prompt above can be customized<\/li>\n            <li style=\"margin-bottom: 8px;\">Use the <span style=\"color: #FFC107; font-weight: 600;\">Customize button<\/span> to modify different elements<\/li>\n            <li style=\"margin-bottom: 8px;\">Click <span style=\"color: #dc3545; font-weight: 600;\">Reset<\/span> to restore original prompt<\/li>\n            <li style=\"margin-bottom: 8px;\">Try different combinations for unique artistic effects<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<style>\n@keyframes bounceScale {\n    0% { transform: scale(1); }\n    25% { transform: scale(0.95); }\n    50% { transform: scale(1.1); }\n    75% { transform: scale(0.98); }\n    100% { transform: scale(1); }\n}\n\n@keyframes slideDown {\n    0% { opacity: 0; transform: translateY(-20px); max-height: 0; }\n    100% { opacity: 1; transform: translateY(0); max-height: 1400px; } \/* Increased max-height *\/\n}\n\n@keyframes slideUp {\n    0% { opacity: 1; transform: translateY(0); max-height: 1400px; } \/* Increased max-height *\/\n    100% { opacity: 0; transform: translateY(-20px); max-height: 0; }\n}\n\n@keyframes resetPulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.05); }\n}\n\n\/* Base style for editable words - transparent by default, no special hover *\/\n.editable-word {\n    background: transparent;\n    color: inherit; \/* Inherit color from parent (.prompt-text) so it's readable *\/\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-weight: 600; \/* Keep bold for distinction *\/\n    cursor: pointer;\n    transition: none; \/* Ensure no transitions on hover or initial state *\/\n    display: inline-block;\n}\n\n\/* Ensure no changes on hover *\/\n.editable-word:hover {\n    background: transparent;\n    color: inherit;\n    transform: none; \/* No scale or other transforms *\/\n}\n\n\/* Class for dynamically applied highlight when a word is modified *\/\n.modified-highlight {\n    background: rgba(0, 168, 255, 0.2); \/* Subtle transparent blue *\/\n    color: white; \/* Make text white for better contrast with highlight *\/\n}\n\n\n.preset-btn {\n    background: rgba(255, 255, 255, 0.1);\n    color: #e0e0e0;\n    border: 1px solid #333;\n    padding: 6px 12px;\n    border-radius: 15px;\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.preset-btn:hover {\n    background: rgba(0, 168, 255, 0.2);\n    border-color: #00A8FF;\n    color: #00A8FF;\n}\n\n.preset-btn[data-active=\"true\"] {\n    background: linear-gradient(45deg, #00A8FF, #0080CC);\n    color: white;\n    border-color: #00A8FF;\n}\n\n.customizer-show {\n    display: block !important;\n    animation: slideDown 0.5s ease-out !important;\n}\n\n.customizer-hide {\n    animation: slideUp 0.3s ease-in !important;\n}\n\n.ai-prompt-container button:active {\n    transform: scale(0.98) !important;\n}\n\n.copy-button-success {\n    background: linear-gradient(45deg, #4CAF50, #45a049) !important;\n    animation: bounceScale 0.6s ease-in-out !important;\n    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4) !important;\n}\n\n.reset-button-success {\n    background: linear-gradient(45deg, #4CAF50, #45a049) !important;\n    color: white !important;\n    border-color: #4CAF50 !important;\n    animation: resetPulse 0.6s ease-in-out !important;\n}\n\n@media (max-width: 768px) {\n    .ai-prompt-container {\n        padding: 20px !important;\n        margin: 15px 0 !important;\n    }\n\n    .prompt-actions {\n        flex-direction: column !important;\n        align-items: stretch !important;\n    }\n\n    .prompt-actions button,\n    .prompt-actions a {\n        width: 100% !important;\n        justify-content: center !important;\n    }\n\n    .customizer-grid {\n        grid-template-columns: 1fr !important;\n    }\n\n    .preset-btn {\n        font-size: 11px !important;\n        padding: 5px 10px !important;\n    }\n\n    #customizerPanel > div:first-child {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n        gap: 15px !important;\n    }\n\n    #resetButton {\n        align-self: flex-end !important;\n    }\n}\n<\/style>\n\n<script>\n\/\/ Default values\nconst defaultValues = {\n    photo_style: 'cinematic, hyper-realistic vertical photograph',\n    car_color: 'silver',\n    car_model: 'BMW M-series sports car',\n    car_position: 'center of a narrow, rain-soaked concrete alley',\n    car_condition: 'wet, with visible raindrops on its sleek metallic body',\n    headlight_state: 'LED headlights are turned on',\n    headlight_effect: 'soft, moody reflections on the glossy pavement',\n    license_plate_text: 'bawabatak',\n    license_plate_font: 'bold, clean, sans-serif font',\n    license_plate_color: 'white plate',\n    background_building: 'tall, modern, minimalist apartment building with contrasting facades \u2014 one dark (black or dark gray) and one white \u2014 featuring balconies and rectangular windows',\n    window_light_color: 'warm yellow light',\n    sky_condition: 'misty pale blue',\n    lighting_quality: 'soft and overcast',\n    atmosphere_vibe: 'cold, cinematic atmosphere',\n    color_grading: 'desaturated teal and blue color grading',\n    focus_style: 'sharp focus on the car and subtle depth of field',\n    camera_angle: 'camera angle is slightly low',\n    format_type: 'vertical portrait',\n    style_keywords_1: 'hyper-realistic',\n    style_keywords_2: 'cinematic mood',\n    style_keywords_3: 'urban',\n    no_other_text: 'no visible text elsewhere'\n};\n\n\/\/ Current values (will be modified by user actions)\nlet currentValues = {...defaultValues};\n\nfunction copyPrompt() {\n    const promptText = document.getElementById('promptText').innerText;\n    const copyButton = document.getElementById('copyButton');\n    const copyIcon = document.getElementById('copyIcon');\n    const copyText = document.getElementById('copyText');\n\n    copyButton.classList.add('copy-button-success');\n    copyIcon.textContent = '\u2705';\n    copyText.textContent = 'Copied!';\n\n    if (navigator.clipboard && window.isSecureContext) {\n        navigator.clipboard.writeText(promptText).then(function() {\n            \/\/ Success\n        }).catch(function(err) {\n            fallbackCopyTextToClipboard(promptText);\n        });\n    } else {\n        fallbackCopyTextToClipboard(promptText);\n    }\n\n    setTimeout(() => {\n        copyButton.classList.remove('copy-button-success');\n        copyIcon.textContent = '\ud83d\udccb';\n        copyText.textContent = 'Copy Prompt';\n    }, 2000);\n}\n\nfunction fallbackCopyTextToClipboard(text) {\n    const textArea = document.createElement(\"textarea\");\n    textArea.value = text;\n    textArea.style.top = \"0\";\n    textArea.style.left = \"0\";\n    textArea.style.position = \"fixed\";\n\n    document.body.appendChild(textArea);\n    textArea.focus();\n    textArea.select();\n\n    try {\n        document.execCommand('copy');\n    } catch (err) {\n        console.error('Fallback: Oops, unable to copy', err);\n    }\n\n    document.body.removeChild(textArea);\n}\n\nfunction toggleCustomizer() {\n    const panel = document.getElementById('customizerPanel');\n    const button = document.getElementById('customizeButton');\n    const buttonText = document.getElementById('customizeText');\n\n    if (panel.style.display === 'none' || panel.style.display === '') {\n        panel.classList.add('customizer-show');\n        panel.style.display = 'block';\n        buttonText.textContent = 'Close';\n        button.style.background = 'rgba(255, 193, 7, 0.2)';\n    } else {\n        panel.classList.remove('customizer-show');\n        panel.classList.add('customizer-hide');\n        buttonText.textContent = 'Customize';\n        button.style.background = 'rgba(255, 193, 7, 0.1)';\n\n        setTimeout(() => {\n            panel.style.display = 'none';\n            panel.classList.remove('customizer-hide');\n        }, 300);\n    }\n}\n\nfunction findButtonsForCustomizer(key) {\n    const customInput = document.getElementById(`${key}-custom`);\n    if (!customInput) return [];\n\n    let currentElement = customInput.parentElement;\n    const buttons = currentElement.querySelectorAll('.preset-btn');\n    return Array.from(buttons);\n}\n\nfunction applyPreset(key, value) {\n    currentValues[key] = value;\n\n    \/\/ Update active button\n    const buttons = findButtonsForCustomizer(key);\n    buttons.forEach(btn => {\n        btn.removeAttribute('data-active');\n        if (btn.onclick.toString().includes(`'${value}'`)) {\n            btn.setAttribute('data-active', 'true');\n        }\n    });\n\n    \/\/ Clear custom input\n    const customInput = document.getElementById(`${key}-custom`);\n    if (customInput) customInput.value = '';\n\n    updatePrompt(); \/\/ Re-render prompt to apply highlight if value is different from default\n}\n\nfunction applyCustomChanges() {\n    \/\/ Get custom values from inputs\n    Object.keys(defaultValues).forEach(key => {\n        const customInput = document.getElementById(`${key}-custom`);\n        if (customInput && customInput.value.trim()) {\n            currentValues[key] = customInput.value.trim();\n\n            \/\/ Remove active state from preset buttons as custom input overrides\n            const buttons = findButtonsForCustomizer(key);\n            buttons.forEach(btn => btn.removeAttribute('data-active'));\n        }\n    });\n\n    updatePrompt(); \/\/ Re-render prompt to apply highlights based on new custom values\n\n    \/\/ Show success feedback\n    const applyButton = document.getElementById('applyButton');\n    const originalText = applyButton.innerHTML;\n    applyButton.innerHTML = '<span>\u2705<\/span> Applied!';\n    applyButton.style.background = 'linear-gradient(45deg, #4CAF50, #45a049)';\n\n    setTimeout(() => {\n        applyButton.innerHTML = originalText;\n        applyButton.style.background = 'linear-gradient(45deg, #FFC107, #FF9800)';\n    }, 2000);\n}\n\nfunction resetToDefaults() {\n    \/\/ Reset values to defaults\n    currentValues = JSON.parse(JSON.stringify(defaultValues)); \/\/ Deep copy\n\n    \/\/ Clear all custom inputs\n    Object.keys(defaultValues).forEach(key => {\n        const input = document.getElementById(`${key}-custom`);\n        if (input) input.value = '';\n    });\n\n    \/\/ Reset ALL preset buttons first\n    document.querySelectorAll('.preset-btn').forEach(btn => {\n        btn.removeAttribute('data-active');\n    });\n\n    \/\/ Activate default buttons for each category based on defaultValues\n    const defaultButtonMappings = [\n        { key: 'photo_style', value: 'cinematic, hyper-realistic vertical photograph', buttonText: 'Cinematic, Hyper-realistic Vertical Photograph' },\n        { key: 'car_color', value: 'silver', buttonText: 'Silver' },\n        { key: 'car_model', value: 'BMW M-series sports car', buttonText: 'BMW M-series Sports Car' },\n        { key: 'car_position', value: 'center of a narrow, rain-soaked concrete alley', buttonText: 'Center of Narrow, Rain-soaked Concrete Alley' },\n        { key: 'car_condition', value: 'wet, with visible raindrops on its sleek metallic body', buttonText: 'Wet, with Visible Raindrops' },\n        { key: 'headlight_state', value: 'LED headlights are turned on', buttonText: 'LED Headlights On' },\n        { key: 'headlight_effect', value: 'soft, moody reflections on the glossy pavement', buttonText: 'Soft, Moody Reflections on Pavement' },\n        { key: 'license_plate_text', value: 'bawabatak', buttonText: 'bawabatak' },\n        { key: 'license_plate_font', value: 'bold, clean, sans-serif font', buttonText: 'Bold, Clean, Sans-serif Font' },\n        { key: 'license_plate_color', value: 'white plate', buttonText: 'White Plate' },\n        { key: 'background_building', value: 'tall, modern, minimalist apartment building with contrasting facades \u2014 one dark (black or dark gray) and one white \u2014 featuring balconies and rectangular windows', buttonText: 'Tall, Modern, Minimalist Apartment Building with Contrasting Facades' },\n        { key: 'window_light_color', value: 'warm yellow light', buttonText: 'Warm Yellow Light' },\n        { key: 'sky_condition', value: 'misty pale blue', buttonText: 'Misty Pale Blue' },\n        { key: 'lighting_quality', value: 'soft and overcast', buttonText: 'Soft and Overcast' },\n        { key: 'atmosphere_vibe', value: 'cold, cinematic atmosphere', buttonText: 'Cold, Cinematic Atmosphere' },\n        { key: 'color_grading', value: 'desaturated teal and blue color grading', buttonText: 'Desaturated Teal and Blue' },\n        { key: 'focus_style', value: 'sharp focus on the car and subtle depth of field', buttonText: 'Sharp Focus on Car, Subtle Depth of Field' },\n        { key: 'camera_angle', value: 'camera angle is slightly low', buttonText: 'Slightly Low Camera Angle' },\n        { key: 'format_type', value: 'vertical portrait', buttonText: 'Vertical Portrait' },\n        { key: 'style_keywords_1', value: 'hyper-realistic', buttonText: 'Hyper-realistic' },\n        { key: 'style_keywords_2', value: 'cinematic mood', buttonText: 'Cinematic Mood' },\n        { key: 'style_keywords_3', value: 'urban', buttonText: 'Urban' },\n        { key: 'no_other_text', value: 'no visible text elsewhere', buttonText: 'No visible text elsewhere' }\n    ];\n\n    defaultButtonMappings.forEach(({ key, value, buttonText }) => {\n        const buttons = findButtonsForCustomizer(key);\n        buttons.forEach(btn => {\n            if (btn.textContent.trim() === buttonText) {\n                btn.setAttribute('data-active', 'true');\n            }\n        });\n    });\n\n    \/\/ Handle license_plate_text specifically as it doesn't have preset buttons but needs its default value\n    document.getElementById('license_plate_text-custom').value = defaultValues['license_plate_text'];\n\n    \/\/ Force update the prompt to remove all highlights\n    updatePrompt();\n\n    \/\/ Show success feedback on reset button\n    const resetButton = document.getElementById('resetButton');\n    const originalText = resetButton.innerHTML;\n    resetButton.classList.add('reset-button-success');\n    resetButton.innerHTML = '<span>\u2705<\/span> Reset!';\n\n    setTimeout(() => {\n        resetButton.classList.remove('reset-button-success');\n        resetButton.innerHTML = originalText;\n    }, 2000);\n}\n\n\/\/ Function to dynamically update the prompt string with conditional highlighting\nfunction updatePrompt() {\n    const promptElement = document.getElementById('promptText');\n\n    \/\/ Helper to generate a span with conditional highlighting\n    const createEditableSpan = (key) => {\n        const isModified = currentValues[key] !== defaultValues[key];\n        const highlightClass = isModified ? ' modified-highlight' : '';\n        return `<span class=\"editable-word${highlightClass}\" data-key=\"${key}\">${currentValues[key]}<\/span>`;\n    };\n\n    \/\/ Construct the prompt string based on current values and original phrasing\n    const template = `A ${createEditableSpan('photo_style')} of a ${createEditableSpan('car_color')} ${createEditableSpan('car_model')} parked in the ${createEditableSpan('car_position')}. The car is ${createEditableSpan('car_condition')}. Its ${createEditableSpan('headlight_state')}, casting ${createEditableSpan('headlight_effect')}. The front license plate of the car clearly displays the text \u201c<span class=\"editable-word\" data-key=\"license_plate_text\">${currentValues['license_plate_text']}<\/span>\u201d in ${createEditableSpan('license_plate_font')}, centered on a ${createEditableSpan('license_plate_color')}. The background features a ${createEditableSpan('background_building')}. One small window emits a ${createEditableSpan('window_light_color')}. The sky is ${createEditableSpan('sky_condition')}, and the lighting is ${createEditableSpan('lighting_quality')}, evoking a ${createEditableSpan('atmosphere_vibe')}. The image uses a ${createEditableSpan('color_grading')}, with ${createEditableSpan('focus_style')}. The ${createEditableSpan('camera_angle')}. Format: ${createEditableSpan('format_type')}, ${createEditableSpan('style_keywords_1')}, ${createEditableSpan('style_keywords_2')}, ${createEditableSpan('style_keywords_3')}, ${createEditableSpan('no_other_text')}.`;\n\n    promptElement.innerHTML = template;\n}\n\n\/\/ Initialize the prompt and customizer buttons on load\ndocument.addEventListener('DOMContentLoaded', () => {\n    updatePrompt(); \/\/ Render the initial prompt\n    \/\/ Set initial active state for default preset buttons\n    Object.keys(defaultValues).forEach(key => {\n        if (key !== 'license_plate_text') { \/\/ license_plate_text is handled by input value, not preset buttons\n            const buttons = findButtonsForCustomizer(key);\n            buttons.forEach(btn => {\n                if (btn.onclick.toString().includes(`'${defaultValues[key]}'`)) {\n                    btn.setAttribute('data-active', 'true');\n                }\n            });\n        }\n    });\n});\n<\/script>\n\n\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1257 size-full\" src=\"https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?resize=1080%2C1350&#038;ssl=1\" alt=\"\" width=\"1080\" height=\"1350\" srcset=\"https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?w=1080&amp;ssl=1 1080w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?resize=240%2C300&amp;ssl=1 240w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?resize=819%2C1024&amp;ssl=1 819w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?resize=768%2C960&amp;ssl=1 768w, https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?resize=150%2C188&amp;ssl=1 150w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>","protected":false},"excerpt":{"rendered":"<p>\u2728 Dynamic Soda Ad AI Image Generation Prompt \ud83d\udccb How to Use: Open ChatGPT Copy and paste the prompt below A highly detailed, ultra-realistic black grape soda can (Pepsi) bursting open in the center, with juicy black grapes, grape slices, and fresh mint leaves exploding out. Dark purple grape juice splashes into the air, surrounded &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1257,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[35,39],"tags":[],"class_list":["post-1255","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-image","category-product"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/bawabatak.com\/ai-prompt\/wp-content\/uploads\/2025\/07\/Exploding-Pepsi-Grape-Can-with-Juicy-Fruit-Mint-%E2%80%93-4K-Commercial-Render.png?fit=1080%2C1350&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/posts\/1255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/comments?post=1255"}],"version-history":[{"count":1,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/posts\/1255\/revisions"}],"predecessor-version":[{"id":1258,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/posts\/1255\/revisions\/1258"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/media\/1257"}],"wp:attachment":[{"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/media?parent=1255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/categories?post=1255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bawabatak.com\/ai-prompt\/wp-json\/wp\/v2\/tags?post=1255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}