{"id":2,"date":"2026-05-15T09:32:31","date_gmt":"2026-05-15T09:32:31","guid":{"rendered":"https:\/\/imgedits.net\/?page_id=2"},"modified":"2026-06-09T17:12:49","modified_gmt":"2026-06-09T09:12:49","slug":"home","status":"publish","type":"page","link":"https:\/\/imgedits.net\/de\/?page_id=168","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4782c6 e-flex e-con-boxed e-con e-parent\" data-id=\"a4782c6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4b8ce elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"5b4b8ce\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"ai-img\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"rs-generator-wrapper\">\r\n    <div class=\"rs-banner-header\">\r\n        <p class=\"rs-eyebrow\">Free AI Image Generator<\/p>\r\n\r\n        <h1 class=\"rs-banner-title\">\r\n            Turn your ideas into images with Imgedits\r\n        <\/h1>\r\n\r\n        <p class=\"rs-banner-subtitle\">\r\n            Create AI-generated images from simple text prompts directly in your browser. \r\n            No account is required to get started.\r\n        <\/p>\r\n\r\n        <div class=\"rs-pill-group\" aria-label=\"Imgedits key features\">\r\n            <span class=\"rs-pill pill-orange\">Free to Try<\/span>\r\n            <span class=\"rs-pill pill-green\">Powered by Nano Banana<\/span>\r\n            <span class=\"rs-pill pill-blue\">No Login Required<\/span>\r\n            <span class=\"rs-pill pill-purple\">Fast Image Generation<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"generator-container\" id=\"banana-generator-wrapper\"><\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n.rs-generator-wrapper {\r\n    width: 100% !important;\r\n    max-width: 1000px !important;\r\n    margin: 42px auto !important;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    font-family: Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n.rs-banner-header {\r\n    text-align: center;\r\n    margin-bottom: 38px;\r\n    animation: rsFadeUp 0.7s ease both;\r\n}\r\n\r\n.rs-eyebrow {\r\n    display: inline-block;\r\n    margin: 0 0 14px;\r\n    color: #ffb347;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rs-banner-title {\r\n    max-width: 850px;\r\n    margin: 0 auto 18px;\r\n    color: #ffffff;\r\n    font-size: clamp(36px, 5vw, 56px);\r\n    line-height: 1.08;\r\n    font-weight: 800;\r\n    letter-spacing: -1.4px;\r\n}\r\n\r\n.rs-banner-subtitle {\r\n    max-width: 680px;\r\n    margin: 0 auto 28px;\r\n    color: #b8b8b8;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n}\r\n\r\n.rs-pill-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 10px 12px;\r\n}\r\n\r\n.rs-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #dcdcdc;\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: none;\r\n}\r\n\r\n.rs-pill::before {\r\n    content: \"\";\r\n    width: 6px;\r\n    height: 6px;\r\n    margin-right: 7px;\r\n    border-radius: 50%;\r\n    background: currentColor;\r\n}\r\n\r\n.pill-orange {\r\n    color: #ffb347;\r\n}\r\n\r\n.pill-green {\r\n    color: #62d89c;\r\n}\r\n\r\n.pill-blue {\r\n    color: #79aaff;\r\n}\r\n\r\n.pill-purple {\r\n    color: #b98cff;\r\n}\r\n\r\n.generator-container {\r\n    width: 100%;\r\n}\r\n\r\n@keyframes rsFadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(14px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .rs-generator-wrapper {\r\n        margin: 32px auto !important;\r\n        padding: 0 16px;\r\n    }\r\n\r\n    .rs-banner-header {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .rs-banner-title {\r\n        font-size: 34px;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .rs-banner-subtitle {\r\n        font-size: 15.5px;\r\n        line-height: 1.65;\r\n    }\r\n\r\n    .rs-pill-group {\r\n        gap: 10px 14px;\r\n    }\r\n\r\n    .rs-pill {\r\n        font-size: 12.5px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a07eee2 elementor-widget elementor-widget-html\" data-id=\"a07eee2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"raph-ui-container\">\r\n    <div class=\"raph-solid-card main-panel\">\r\n        <div class=\"raph-input-group\">\r\n            <div class=\"raph-upload-box\" id=\"upload-trigger\">\r\n                <input type=\"file\" id=\"image-upload\" accept=\"image\/*\" hidden>\r\n                <div id=\"preview-box\" class=\"hidden\">\r\n                    <img decoding=\"async\" id=\"input-preview\" src=\"\">\r\n                    <span id=\"remove-img\">\u2715<\/span>\r\n                <\/div>\r\n                <div id=\"plus-icon\">+<\/div>\r\n            <\/div>\r\n            <textarea id=\"banana-prompt\" placeholder=\"Describe the image you want to generate...\"><\/textarea>\r\n        <\/div>\r\n\r\n        <div class=\"raph-options-bar\">\r\n            <div class=\"raph-dropdown\" id=\"ratio-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-ratio-text\">1:1<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"1:1\">1:1<\/div>\r\n                    <div class=\"item\" data-value=\"16:9\">16:9<\/div>\r\n                    <div class=\"item\" data-value=\"9:16\">9:16<\/div>\r\n                    <div class=\"item\" data-value=\"21:9\">21:9<\/div>\r\n                    <div class=\"item\" data-value=\"3:2\">3:2<\/div>\r\n                    <div class=\"item\" data-value=\"2:3\">2:3<\/div>\r\n                    <div class=\"item\" data-value=\"4:3\">4:3<\/div>\r\n                    <div class=\"item\" data-value=\"3:4\">3:4<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"style-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-style-text\">No Style<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu style-grid hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"anime\" data-prompt=\", anime style, vibrant colors, detailed line work, Japanese aesthetic\">Anime<\/div>\r\n                    <div class=\"item\" data-value=\"digital_art\" data-prompt=\", digital painting, highly detailed, sharp focus, trend on ArtStation\">Digital Art<\/div>\r\n                    <div class=\"item\" data-value=\"fantasy_art\" data-prompt=\", fantasy art, mythical atmosphere, epic composition, magical lighting\">Fantasy Art<\/div>\r\n                    <div class=\"item\" data-value=\"neon_punk\" data-prompt=\", neon punk style, cyber aesthetic, glowing neon lights, dark atmosphere, high contrast\">Neon Punk<\/div>\r\n                    <div class=\"item\" data-value=\"line_art\" data-prompt=\", line art style, black and white, minimal shading, clean lines, sketch aesthetic\">Line Art<\/div>\r\n                    <div class=\"item\" data-value=\"cinematic\" data-prompt=\", cinematic, film still, dramatic lighting, shallow depth of field, anamorphic, 35mm film\">Cinematic<\/div>\r\n                    <div class=\"item\" data-value=\"pixel_art\" data-prompt=\", pixel art, 8-bit aesthetic, retro gaming style, low resolution, detailed pixels\">Pixel Art<\/div>\r\n                    <div class=\"item\" data-value=\"enhance\" data-prompt=\", ultra-high resolution, sharp details, photorealistic, Unreal Engine 5 render, 8k\">Enhance<\/div>\r\n                    <div class=\"item\" data-value=\"photographic\" data-prompt=\", photorealistic, professional photography, National Geographic style, studio lighting, sharp\">Photographic<\/div>\r\n                    <div class=\"item\" data-value=\"comic_book\" data-prompt=\", comic book style, bold lines, cel shading, dynamic composition, ink illustration\">Comic Book<\/div>\r\n                    <div class=\"item\" data-value=\"origami\" data-prompt=\", origami art, folded paper style, paper texture, delicate, clean lines\">Origami<\/div>\r\n                    <div class=\"item\" data-value=\"craft_clay\" data-prompt=\", craft clay style, claymation aesthetic, soft shapes, sculpted texture, playful lighting\">Craft Clay<\/div>\r\n                    <div class=\"item\" data-value=\"3d_model\" data-prompt=\", 3D model render, ZBrush style, clean topology, studio lighting, detailed mesh\">3D Model<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"color-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-color-text\">No Color<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"warm\" data-prompt=\", warm tone lighting, sepia hints, cozy atmosphere, golden hour feel\">Warm Tone<\/div>\r\n                    <div class=\"item\" data-value=\"cool\" data-prompt=\", cool tone lighting, blue and green hues, cold atmosphere, twilight feel\">Cool Tone<\/div>\r\n                    <div class=\"item\" data-value=\"muted\" data-prompt=\", muted colors, desaturated, subtle palette, calm low-contrast\">Muted Colors<\/div>\r\n                    <div class=\"item\" data-value=\"vibrant\" data-prompt=\", vibrant colors, highly saturated, rich hues, popping color palette\">Vibrant Colors<\/div>\r\n                    <div class=\"item\" data-value=\"pastel\" data-prompt=\", pastel colors, soft hues, light and airy palette, gentle tones\">Pastel Colors<\/div>\r\n                    <div class=\"item\" data-value=\"bw\" data-prompt=\", black and white photography style, monochrome, grayscale, high contrast B&W\">Black And White<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"lighting-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-lighting-text\">Dramatic<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item active\" data-value=\"dramatic\" data-prompt=\", dramatic lighting, high contrast, deep shadows, theatrical illumination\">Dramatic<\/div>\r\n                    <div class=\"item\" data-value=\"dimly_lit\" data-prompt=\", dimly lit, low ambient light, moody atmosphere, subtle visibility\">Dimly Lit<\/div>\r\n                    <div class=\"item\" data-value=\"studio\" data-prompt=\", studio lighting, professional setup, clean illumination, soft shadows\">Studio<\/div>\r\n                    <div class=\"item\" data-value=\"low_light\" data-prompt=\", low light environment, dark scene, high ISO feel, grainy texture\">Low Light<\/div>\r\n                    <div class=\"item\" data-value=\"golden_hour\" data-prompt=\", golden hour lighting, warm sunlight, soft glow, late afternoon feel\">Golden Hour<\/div>\r\n                    <div class=\"item\" data-value=\"backlight\" data-prompt=\", backlit composition, rim lighting effect, silhouette effect, glowing edges\">Backlight<\/div>\r\n                    <div class=\"item\" data-value=\"volumetric\" data-prompt=\", volumetric lighting, light shafts, crepuscular rays, visible dust particles\">Volumetric<\/div>\r\n                    <div class=\"item\" data-value=\"sunlight\" data-prompt=\", direct sunlight, harsh natural light, strong highlights, bright day feel\">Sunlight<\/div>\r\n                    <div class=\"item\" data-value=\"rim_lighting\" data-prompt=\", rim lighting effect, glowing edge light, high contrast composition, separation lighting\">Rim Lighting<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"raph-dropdown\" id=\"composition-dropdown\">\r\n                <div class=\"trigger\"><span id=\"selected-composition-text\">No Composition<\/span> <i class=\"arrow-down\"><\/i><\/div>\r\n                <div class=\"menu hidden\">\r\n                    <div class=\"item active\" data-value=\"none\" data-prompt=\"\">None<\/div>\r\n                    <div class=\"item\" data-value=\"blurry_background\" data-prompt=\", shallow depth of field, blurry background, bokeh effect, sharp subject\">Blurry Background<\/div>\r\n                    <div class=\"item\" data-value=\"close_up\" data-prompt=\", close-up shot, detailed view, tightly cropped, intimate framing\">Close Up<\/div>\r\n                    <div class=\"item\" data-value=\"wide_angle\" data-prompt=\", wide angle lens, expansive perspective, broad view, panoramic feel\">Wide Angle<\/div>\r\n                    <div class=\"item\" data-value=\"narrow_dof\" data-prompt=\", narrow depth of field, focused subject, significant blur, cinematic focus\">Narrow Depth Of Field<\/div>\r\n                    <div class=\"item\" data-value=\"shot_from_below\" data-prompt=\", low angle shot, worm's-eye view, shot from below, imposing perspective\">Shot From Below<\/div>\r\n                    <div class=\"item\" data-value=\"shot_from_above\" data-prompt=\", high angle shot, bird's-eye view, shot from above, aerial perspective\">Shot From Above<\/div>\r\n                    <div class=\"item\" data-value=\"macrophotography\" data-prompt=\", macrophotography style, extreme close-up, tiny details magnified, shallow focus\">Macrophotography<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"raph-action-bar\">\r\n        <div class=\"left-controls\">\r\n            <!-- \u5df2\u7ecf\u5e2e\u4f60\u5c06 Provider \u9009\u62e9\u5668\u5b8c\u5168\u79fb\u9664\uff0c\u53ea\u4fdd\u7559\u7cbe\u7b80\u6574\u6d01\u7684\u5355\u4e2a Model \u9009\u62e9\u5668 -->\r\n            <div class=\"raph-dropdown\" id=\"model-dropdown\">\r\n                <div class=\"trigger\">\r\n                    <div class=\"user-pill\">\r\n                        <div class=\"avatar model-nano-banana\"><\/div>\r\n                        <span id=\"selected-model-text\">Imgedits Free<\/span>\r\n                        <i class=\"arrow-down\" style=\"font-size: 8px; margin-left: 5px;\">\u25bc<\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"menu hidden\">\r\n                    <!-- \u3010\u6838\u5fc3\u6539\u52a8\u3011\uff1a\u901a\u8fc7\u589e\u52a0 data-provider \u5c5e\u6027\uff0c\u76f4\u63a5\u628a\u5bf9\u5e94\u7684\u4f9b\u5e94\u5546\u5173\u7cfb\u786c\u7ed1\u5b9a\u5230\u6a21\u578b\u9879\u91cc -->\r\n\r\n                    <div class=\"item active\" data-value=\"gemini-2.5\" data-provider=\"openai\" data-points=\"5\" data-avatar=\"model-nano-banana\">\r\n                        <div class=\"avatar model-nano-banana\"><\/div>Imgedits Free\r\n                    <\/div>\r\n                    <div class=\"item\" data-value=\"gemini-3pro\" data-provider=\"openai\" data-points=\"30\" data-avatar=\"model-nano-banana-pro\">\r\n                        <div class=\"avatar model-nano-banana-pro\"><\/div>Nano Banana Pro\/2\r\n                    <\/div>\r\n                    <div class=\"item\" data-value=\"gemini3.1\" data-provider=\"openai\" data-points=\"20\" data-avatar=\"model-nano-banana-2\">\r\n                        <div class=\"avatar model-nano-banana-2\"><\/div>Google Gemini 3.1\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"toggle-group\">\r\n                <label class=\"switch\">\r\n                    <input type=\"checkbox\" id=\"fast-mode\">\r\n                    <span class=\"slider\"><\/span>\r\n                <\/label>\r\n                <span class=\"label-text\">Fast Mode<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"right-buttons\">\r\n            <button class=\"btn-plain\" id=\"clear-btn\">Clear<\/button>\r\n            <button class=\"btn-generate\" id=\"generate-btn\">\r\n                Generate Image <span id=\"points-display\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\" style=\"display:inline-block; vertical-align:-1px; margin-right:3px;\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.4 8.168L12 18.896l-7.334 3.857 1.4-8.168L.132 9.21l8.2-1.192L12 .587z\"\/><\/svg>5<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"result-display\" class=\"raph-solid-card result-panel hidden\">\r\n        <div class=\"dual-display-wrapper\">\r\n            <div class=\"display-column left-column\">\r\n                <span class=\"badge badge-original\">Original<\/span>\r\n                <div class=\"image-container-box\">\r\n                    <img decoding=\"async\" id=\"result-input-preview\" src=\"\" alt=\"Original Input\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"center-arrow\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M12 21l-1.41-1.41L16.17 14H4v-2h12.17l-5.58-5.59L12 5l8 8-8 8z\"\/><\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"display-column right-column\">\r\n                <span class=\"badge badge-edited\">Edited<\/span>\r\n                \r\n                <div id=\"loader-container\" class=\"loader-container\">\r\n                    <div class=\"spinner\"><\/div>\r\n                    <div id=\"loader-text\" class=\"status-msg\">Generating...<\/div>\r\n                    <div class=\"sub-status-msg\">Generating your image...<\/div>\r\n                    <div class=\"progress-bar-bg\">\r\n                        <div class=\"progress-bar-fill\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"output-container\" class=\"output-wrapper hidden\">\r\n                    <h3 class=\"output-title\" style=\"color: #ffffff !important; font-size: 18px; font-weight: 600; margin: 0 0 12px 0; text-align: center; letter-spacing: -0.3px; user-select: none;\">\r\n                    <\/h3>\r\n                    <img decoding=\"async\" id=\"output-image\" src=\"\" class=\"hidden\">\r\n                    <div class=\"download-container\">\r\n                        <a id=\"download-link\" class=\"download-tag hidden\" download=\"imgedits.png\">\r\n                            Download\u2193\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n:root {\r\n    --raph-bg: #1a140f;\r\n    --raph-card: #2d241e;\r\n    --raph-border: #4a3d35;\r\n    --raph-accent: #a67c66;\r\n    --raph-text: #ffffff;\r\n    --raph-dim: #b3a49b;\r\n    --raph-dropdown-bg: rgba(45, 36, 30, 0.98); \r\n    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.raph-ui-container {\r\n    max-width: 1100px;\r\n    margin: 20px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: var(--raph-text);\r\n    padding: 0 12px; \r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-solid-card {\r\n    background: var(--raph-card);\r\n    border: 1px solid var(--raph-border);\r\n    border-radius: 18px;\r\n    padding: 24px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.3); \r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-input-group { \r\n    display: flex; \r\n    gap: 20px; \r\n    margin-bottom: 20px;\r\n    background: rgba(0,0,0,0.15);\r\n    padding: 12px;\r\n    border-radius: 14px;\r\n}\r\n\r\n.raph-upload-box {\r\n    width: 80px; height: 100px;\r\n    background: var(--raph-dropdown-bg); border: 2px dashed var(--raph-border);\r\n    border-radius: 12px; display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer; position: relative; flex-shrink: 0;\r\n}\r\n\r\n#preview-box, #input-preview { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }\r\n\r\n#remove-img {\r\n    position: absolute; top: -8px; right: -8px; \r\n    background: #3d3128 !important;\r\n    border: 1px solid var(--raph-border);\r\n    width: 20px; height: 20px; border-radius: 50%; font-size: 10px;\r\n    display: flex; align-items: center; justify-content: center; z-index: 10;\r\n    color: #fff;\r\n}\r\n\r\n#banana-prompt {\r\n    flex: 1; background: transparent; border: none; outline: none;\r\n    font-size: 16px; color: #fff; resize: none; height: 100px;\r\n    line-height: 1.5;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.raph-options-bar { \r\n    display: flex; \r\n    gap: 15px; \r\n    font-size: 13px; \r\n    color: var(--raph-dim); \r\n    align-items: center; \r\n    flex-wrap: wrap; \r\n}\r\n\r\n.raph-dropdown { position: relative; cursor: pointer; color: #fff; }\r\n.raph-dropdown .trigger { \r\n    display: flex; align-items: center; gap: 6px; white-space: nowrap; \r\n    padding: 4px 8px; border-radius: 6px;\r\n}\r\n.raph-dropdown .trigger:hover { color: #fff; opacity: 0.8; }\r\n\r\n.raph-dropdown .menu {\r\n    position: absolute; top: 100%; left: 0; margin-top: 10px;\r\n    background: var(--raph-dropdown-bg); border: 1px solid var(--raph-border);\r\n    border-radius: 12px; z-index: 100;\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.8); \r\n    backdrop-filter: blur(12px); \r\n    padding: 4px !important; \r\n}\r\n\r\n#model-dropdown .menu { top: auto; bottom: 100%; margin-bottom: 10px; }\r\n\r\n.raph-dropdown .item { \r\n    padding: 6px 12px !important; \r\n    margin: 2px 0 !important;    \r\n    font-size: 13px !important;   \r\n    border-radius: 8px; white-space: nowrap; \r\n    display: flex; align-items: center; gap: 10px; \r\n}\r\n.raph-dropdown .item:hover { background: rgba(255,255,255,0.05); }\r\n.raph-dropdown .item.active { background: rgba(166, 124, 102, 0.2); color: var(--raph-accent); }\r\n\r\n.raph-dropdown .menu.style-grid {\r\n    width: 340px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px !important; \r\n}\r\n\r\n.user-pill {\r\n    padding: 4px 10px !important;\r\n}\r\n.style-grid .item { white-space: normal; font-size: 12px; }\r\n\r\n.raph-action-bar { display: flex; justify-content: space-between; margin-top: 20px; align-items: center; }\r\n.left-controls { display: flex; align-items: center; gap: 12px; }\r\n.right-buttons { display: flex; align-items: center; }\r\n\r\n.user-pill { \r\n    background: var(--raph-dropdown-bg); padding: 6px 12px; border-radius: 20px; \r\n    display: flex; align-items: center; gap: 8px; font-size: 13px; \r\n    border: 1px solid var(--raph-border);\r\n}\r\n.user-pill:hover { opacity: 0.9; } \r\n\r\n.avatar { \r\n    width: 24px;          \r\n    height: 24px;         \r\n    border-radius: 50%;   \r\n    flex-shrink: 0;\r\n    background-size: cover;       \r\n    background-position: center;  \r\n    background-repeat: no-repeat;\r\n    display: inline-block;\r\n}\r\n\r\n.model-nano-banana { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_2_logo.png') !important;\r\n}     \r\n.model-nano-banana-pro { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_2_logo.png') !important;\r\n} \r\n.model-gpt-image{\r\n    background-image:url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_189_chatgpt_PNG5.png') !important\r\n}\r\n.model-nano-banana-2 { \r\n    background-image: url('https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/gemini_logo.png') !important;\r\n} \r\n\r\n\r\n\r\n\/* Generate Image \u6309\u94ae *\/\r\n.btn-generate {\r\n    background: var(--raph-accent) !important;\r\n    color: #ffffff !important;\r\n    border: none !important;\r\n    padding: 10px 24px;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\r\n    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), filter 0.2s ease;\r\n    outline: none !important;\r\n}\r\n\r\n\/* \u60ac\u505c\u6001\uff1a\u4fdd\u6301\u539f\u8272\uff0c\u901a\u8fc7\u8f7b\u5fae\u4eae\u5ea6\u589e\u52a0\u53cd\u9988 *\/\r\n.btn-generate:hover {\r\n    background: var(--raph-accent) !important;\r\n    color: #ffffff !important;\r\n    filter: brightness(1.1); \/* \u60ac\u505c\u65f6\u5fae\u4eae *\/\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n\/* \u70b9\u51fb\u6001\uff1a\u4fdd\u6301\u539f\u8272\uff0c\u901a\u8fc7\u7f29\u653e\u548c\u6697\u5316\u4ea7\u751f\u6253\u51fb\u611f *\/\r\n.btn-generate:active {\r\n    background: var(--raph-accent) !important;\r\n    transform: scale(0.96) !important; \/* \u7f29\u653e\u5e45\u5ea6\u7a0d\u5fae\u52a0\u5927\u4e00\u70b9\uff0c\u624b\u611f\u66f4\u597d *\/\r\n    filter: brightness(0.9); \/* \u70b9\u51fb\u65f6\u5fae\u6697 *\/\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;\r\n}\r\n\r\n\/* Clear \u6309\u94ae *\/\r\n.btn-plain {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: var(--raph-dim) !important;\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    margin-right: 15px;\r\n    transition: color 0.2s ease;\r\n}\r\n\r\n.btn-plain:hover {\r\n    color: #ffffff !important;\r\n}\r\n\r\n#clear-btn.btn-plain { \r\n    background: transparent !important; border: none !important; \r\n    color: var(--raph-dim) !important; cursor: pointer; font-size: 14px; \r\n    margin-right: 15px;\r\n}\r\n#clear-btn.btn-plain:hover { color: #fff !important; }\r\n\r\n.switch { position: relative; width: 34px; height: 18px; display: inline-block; vertical-align: middle; }\r\n.switch input { opacity: 0; width: 0; height: 0; }\r\n.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #4a3d35; border-radius: 18px; transition: .3s; }\r\n.slider:before { position: absolute; content: \"\"; height: 14px; width: 14px; left: 2px; bottom: 2px; background: white; border-radius: 50%; transition: .3s; }\r\ninput:checked + .slider { background: var(--raph-accent); }\r\ninput:checked + .slider:before { transform: translateX(16px); }\r\n\r\n.result-panel { margin-top: 25px; text-align: center; background: rgba(0,0,0,0.3); }\r\n.status-msg { color: var(--raph-accent); margin-bottom: 15px; font-size: 14px; font-weight: 500; }\r\n#output-image { max-width: 100%; border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.7); }\r\n\/* 2. \u4e0b\u8f7d\u6309\u94ae *\/\r\n.download-tag {\r\n    display: inline-block; \r\n    margin-top: 15px; \r\n    padding: 12px 24px; \r\n    background: var(--raph-accent); \/* \u4f7f\u7528\u5168\u5c40\u5496\u8272\uff0c\u62d2\u7edd\u9ed8\u8ba4\u7ea2 *\/\r\n    color: #fff; \r\n    text-decoration: none; \r\n    border-radius: 25px; \r\n    font-weight: bold;\r\n    transition: transform 0.2s;\r\n}\r\n\/* \u5f3a\u5236\u8ba9\u4e0b\u8f7d\u6309\u94ae\u7684 hover \u548c active \u4fdd\u6301\u539f\u8272 *\/\r\n.download-tag:hover,\r\n.download-tag:active {\r\n    background: var(--raph-accent) !important;\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    filter: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.download-tag:active {\r\n    transform: scale(0.98); \/* \u4fdd\u6301\u6309\u4e0b\u7f29\u653e\u7684\u7edf\u4e00\u4f53\u9a8c *\/\r\n}\r\n.hidden { display: none !important; }\r\n\r\n.dual-display-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    width: 100%;\r\n}\r\n\r\n.display-column {\r\n    flex: 1;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    border: 1px solid var(--raph-border);\r\n    border-radius: 14px;\r\n    min-height: 320px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n}\r\n\r\n.image-container-box {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.image-container-box img {\r\n    max-width: 100%;\r\n    max-height: 280px;\r\n    border-radius: 8px;\r\n    object-fit: contain;\r\n}\r\n\r\n.badge {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 12px;\r\n    padding: 4px 10px;\r\n    font-size: 11px;\r\n    font-weight: bold;\r\n    border-radius: 6px;\r\n    text-transform: uppercase;\r\n    z-index: 10;\r\n}\r\n.badge-original { background: #3d1414; color: #ff6b6b; border: 1px solid #5a1f1f; }\r\n.badge-edited { background: #e67e22; color: #fff; }\r\n\r\n.center-arrow {\r\n    color: var(--raph-border);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.loader-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n.spinner {\r\n    width: 36px;\r\n    height: 36px;\r\n    border: 3px solid rgba(255, 255, 255, 0.1);\r\n    border-top-color: var(--raph-accent);\r\n    border-radius: 50%;\r\n    animation: raphSpin 1s linear infinite;\r\n    margin-bottom: 15px;\r\n}\r\n@keyframes raphSpin {\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.sub-status-msg {\r\n    font-size: 12px;\r\n    color: var(--raph-dim);\r\n    margin-top: 4px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.progress-bar-bg {\r\n    width: 140px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n    margin-bottom: 20px;\r\n}\r\n.progress-bar-fill {\r\n    width: 35%; \r\n    height: 100%;\r\n    background: var(--raph-accent);\r\n    border-radius: 2px;\r\n}\r\n\r\n.btn-fast-ad {\r\n    background: #b8876e;\r\n    color: #fff;\r\n    border: none;\r\n    padding: 8px 18px;\r\n    border-radius: 8px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n.btn-fast-ad:hover { opacity: 0.9; }\r\n\r\n@media (max-width: 768px) {\r\n    .dual-display-wrapper { flex-direction: column; }\r\n    .center-arrow { transform: rotate(90deg); margin: 5px 0; }\r\n    .display-column { width: 100%; min-height: 240px; }\r\n}\r\n@media (max-width: 768px) {\r\n    .raph-solid-card { padding: 16px; }\r\n    .raph-input-group { flex-direction: column; gap: 12px; }\r\n    .raph-upload-box { width: 100%; height: 64px; }\r\n    #banana-prompt { height: 120px; }\r\n    .raph-options-bar { gap: 10px; }\r\n    \r\n    .raph-dropdown {\r\n        flex: 1 1 calc(50% - 10px); \r\n        min-width: 120px;\r\n    }\r\n    \r\n    .raph-dropdown .trigger {\r\n        background: rgba(255, 255, 255, 0.03); \r\n        padding: 8px 12px;\r\n        border-radius: 8px;\r\n        border: 1px solid var(--raph-border);\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .raph-dropdown .menu.style-grid {\r\n        display: flex;\r\n        flex-direction: column;    \r\n        width: 220px;              \r\n        max-height: 280px;         \r\n        overflow-y: auto;          \r\n        left: auto;                \r\n        right: 0;                  \r\n    }\r\n\r\n    .style-grid .item {\r\n        white-space: nowrap !important; \r\n        font-size: 13px !important;\r\n        padding: 8px 12px !important;\r\n    }\r\n\r\n    .raph-action-bar {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 16px;\r\n    }\r\n    \r\n    .left-controls {\r\n        flex-wrap: wrap;\r\n        justify-content: flex-start;\r\n        gap: 10px;\r\n        width: 100%;\r\n    }\r\n    \r\n    .right-buttons {\r\n        display: flex;\r\n        gap: 10px;\r\n        width: 100%;\r\n    }\r\n    \r\n    #clear-btn.btn-plain {\r\n        flex: 1;\r\n        text-align: center;\r\n        margin-right: 0;\r\n        padding: 12px 0;\r\n        background: rgba(255,255,255,0.05) !important; \r\n        border-radius: 12px;\r\n    }\r\n    \r\n    .btn-generate {\r\n        flex: 2; \r\n        padding: 12px 16px;\r\n        text-align: center;\r\n        font-size: 14px; \r\n    }\r\n    \r\n    #model-dropdown .menu {\r\n        bottom: 100%;\r\n        left: 0;\r\n        right: auto; \r\n    }\r\n    \r\n}\r\n\/* \u57fa\u7840\u72b6\u6001 *\/\r\n.raph-upload-box {\r\n    width: 80px; height: 100px;\r\n    background: var(--raph-dropdown-bg); \r\n    border: 2px dashed var(--raph-border);\r\n    border-radius: 12px; \r\n    transition: all 0.3s ease; \/* \u5173\u952e\uff1a\u5e73\u6ed1\u8fc7\u6e21 *\/\r\n    display: flex; align-items: center; justify-content: center;\r\n    cursor: pointer; position: relative; flex-shrink: 0;\r\n}\r\n\r\n\/* \u62d6\u62fd\u8fdb\u5165\u65f6\u7684\u6df1\u8272\u53cd\u9988 *\/\r\n.raph-upload-box.drag-over {\r\n    background: #1a140f !important; \/* \u52a0\u6df1\u5e95\u8272 *\/\r\n    border-color: var(--raph-accent) !important; \/* \u8fb9\u6846\u53d8\u8272 *\/\r\n    border-style: solid !important; \/* \u8fb9\u6846\u53d8\u5b9e\u7ebf\u66f4\u9192\u76ee *\/\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ \u57fa\u7840\u7edf\u4e00\u914d\u7f6e\uff1a\u6307\u5411\u6ce8\u518c\u597d\u7684\u6807\u51c6 WordPress REST API \u8def\u7531\r\n    const AI_API_URL = '\/wp-json\/v1\/ai\/image-edit';\r\n    \r\n    const fileInput = document.getElementById('image-upload');\r\n    const uploadTrigger = document.getElementById('upload-trigger');\r\n    const previewBox = document.getElementById('preview-box');\r\n    const inputPreview = document.getElementById('input-preview');\r\n    const removeImg = document.getElementById('remove-img');\r\n    const plusIcon = document.getElementById('plus-icon');\r\n    \r\n    \/\/ \u6838\u5fc3\u6570\u636e\u7f13\u5b58\u53d8\u91cf\r\n    let globalImageBase64 = ''; \/\/ \u5b58\u50a8\u538b\u7f29\u540e\u7684\u56fe\u7247 Base64 \u5b57\u7b26\u4e32\r\n    let globalMimeType = 'image\/png'; \/\/ \u52a8\u6001\u8ffd\u8e2a\u56fe\u7247\u683c\u5f0f\r\n    \r\n    let currentRatio = '1:1';\r\n    let currentStylePrompt = '';\r\n    let currentColorPrompt = '';\r\n    let currentLightingPrompt = ', dramatic lighting, high contrast, deep shadows, theatrical illumination';\r\n    let currentCompositionPrompt = ''; \r\n    \r\n    \/\/ \ud83c\udf1f\u3010\u5b8c\u7f8e\u89e3\u8026\u91cd\u6784\u3011\uff1a\u521d\u59cb\u5316\u65f6\u76f4\u63a5\u4ece HTML \u91cc\u90a3\u9879\u5e26\u6709 .active \u7684\u8282\u70b9\u4e0a\u52a8\u6001\u5265\u79bb\u521d\u59cb\u72b6\u6001\r\n    \/\/ \ud83d\udee0\ufe0f \u4f18\u5316\u70b9\uff1a\u5c06\u672a\u6355\u83b7\u5230\u6fc0\u6d3b\u9879\u65f6\u7684\u515c\u5e95 model \u7edf\u4e00\u5bf9\u9f50\u4e3a\u540e\u7aef\u7684 'gpt-image-2'\r\n    const defaultModelItem = document.querySelector('#model-dropdown .menu .item.active') || document.querySelector('#model-dropdown .menu .item');\r\n    let selectedModel    = defaultModelItem ? defaultModelItem.getAttribute('data-value') : 'gemini-2.5';\r\n    let selectedProvider = defaultModelItem ? (defaultModelItem.getAttribute('data-provider') || 'openai') : 'openai';\r\n    let currentPoints     = defaultModelItem ? (defaultModelItem.getAttribute('data-points') || '2') : '2'; \r\n\r\n    const svgStar = `<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"currentColor\" style=\"display:inline-block; vertical-align:-1px; margin-right:3px;\"><path d=\"M12 .587l3.668 7.431 8.2 1.192-5.934 5.787 1.4 8.168L12 18.896l-7.334 3.857 1.4-8.168L.132 9.21l8.2-1.192L12 .587z\"\/><\/svg>`;\r\n\r\n    \/\/ \ud83c\udf1f \u4e13\u95e8\u7528\u6765\u5728\u751f\u6210\u533a\u57df\u663e\u793a\u82f1\u6587\u9519\u8bef\u63d0\u793a\r\n    function renderErrorToPanel(message) {\r\n        if (loaderContainer) loaderContainer.classList.add('hidden');\r\n        if (outputContainer) outputContainer.classList.add('hidden');\r\n        if (outputImg) outputImg.classList.add('hidden');\r\n        if (downloadLink) downloadLink.classList.add('hidden');\r\n        \r\n        if (resultPanel) {\r\n            resultPanel.classList.remove('hidden');\r\n            resultPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n            \r\n            let errorBox = document.getElementById('error-display-box');\r\n            if (!errorBox) {\r\n                errorBox = document.createElement('div');\r\n                errorBox.id = 'error-display-box';\r\n                errorBox.style.cssText = 'color: #ef4444; background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.2); padding: 20px; border-radius: 12px; text-align: center; font-size: 14px; margin: 20px 0;';\r\n                resultPanel.appendChild(errorBox);\r\n            }\r\n            errorBox.innerText = message;\r\n            errorBox.classList.remove('hidden');\r\n        }\r\n    }\r\n\r\n    \/\/ \ud83c\udf1f \u5f00\u59cb\u6b63\u5e38\u751f\u6210\u65f6\uff0c\u6e05\u7406\u4e0a\u4e00\u6b21\u7559\u4e0b\u7684\u9519\u8bef\u8282\u70b9\r\n    function clearErrorPanel() {\r\n        const errorBox = document.getElementById('error-display-box');\r\n        if (errorBox) errorBox.classList.add('hidden');\r\n    }\r\n\r\n    \/\/ \u26a1 \u901a\u8fc7 Canvas \u9650\u5236\u6700\u5927\u5c3a\u5bf8\u5e76\u7b49\u6bd4\u538b\u7f29\u56fe\u7247\r\n    function compressAndGetBase64(file, maxWidth = 1024, maxHeight = 1024) {\r\n        return new Promise((resolve, reject) => {\r\n            const reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            reader.onload = function(e) {\r\n                const img = new Image();\r\n                img.src = e.target.result;\r\n                img.onload = function() {\r\n                    let width = img.width;\r\n                    let height = img.height;\r\n\r\n                    if (width > height) {\r\n                        if (width > maxWidth) {\r\n                            height = Math.round((height * maxWidth) \/ width);\r\n                            width = maxWidth;\r\n                        }\r\n                    } else {\r\n                        if (height > maxHeight) {\r\n                            width = Math.round((width * maxHeight) \/ height);\r\n                            height = maxHeight;\r\n                        }\r\n                    }\r\n\r\n                    const canvas = document.createElement('canvas');\r\n                    canvas.width = width;\r\n                    canvas.height = height;\r\n                    const ctx = canvas.getContext('2d');\r\n                    ctx.drawImage(img, 0, 0, width, height);\r\n\r\n                    const compressedBase64 = canvas.toDataURL('image\/jpeg', 0.85);\r\n                    resolve({\r\n                        base64: compressedBase64,\r\n                        mimeType: 'image\/jpeg'\r\n                    });\r\n                };\r\n                img.onerror = (err) => reject(err);\r\n            };\r\n            reader.onerror = (err) => reject(err);\r\n        });\r\n    }\r\n\r\n    \/\/ 1. \u9009\u62e9\u56fe\u7247\u4e8b\u4ef6\u4e0e\u9884\u89c8\u6302\u8f7d\r\n    if (uploadTrigger) {\r\n        uploadTrigger.onclick = (e) => { \r\n            if(e.target !== removeImg) fileInput.click(); \r\n        };\r\n    }\r\n\r\n    if (fileInput) {\r\n        fileInput.onchange = async function() {\r\n            const file = this.files[0];\r\n            if(!file) return;\r\n            \r\n            const objectUrl = URL.createObjectURL(file);\r\n            if(inputPreview) inputPreview.src = objectUrl;\r\n            const resultInputPreview = document.getElementById('result-input-preview');\r\n            if(resultInputPreview) resultInputPreview.src = objectUrl;\r\n\r\n            if(previewBox) previewBox.classList.remove('hidden');\r\n            if(plusIcon) plusIcon.classList.add('hidden');\r\n\r\n            try {\r\n                const compressedResult = await compressAndGetBase64(file);\r\n                globalImageBase64 = compressedResult.base64;\r\n                globalMimeType = compressedResult.mimeType;\r\n            } catch(err) {\r\n                console.error(\"\u56fe\u7247\u538b\u7f29\u5931\u8d25:\", err);\r\n                renderErrorToPanel(\"Image loading failed. Please try changing to another image.\");\r\n            }\r\n        };\r\n    }\r\n\r\n    if (removeImg) {\r\n        removeImg.onclick = (e) => {\r\n            e.stopPropagation();\r\n            if(fileInput) fileInput.value = '';\r\n            if(previewBox) previewBox.classList.add('hidden');\r\n            if(plusIcon) plusIcon.classList.remove('hidden');\r\n            \r\n            globalImageBase64 = '';\r\n            globalMimeType = 'image\/png';\r\n            \r\n            const resultInputPreview = document.getElementById('result-input-preview');\r\n            if(resultInputPreview) resultInputPreview.src = '';\r\n            clearErrorPanel();\r\n        };\r\n    }\r\n\r\n    \/\/ \u62d6\u62fd\u903b\u8f91\uff1a\u5305\u542b\u81ea\u52a8\u6df1\u8272\u53cd\u9988\r\n    if (uploadTrigger) {\r\n        ['dragenter', 'dragover'].forEach(eventName => {\r\n            uploadTrigger.addEventListener(eventName, (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                uploadTrigger.classList.add('drag-over');\r\n            }, false);\r\n        });\r\n\r\n        ['dragleave', 'drop'].forEach(eventName => {\r\n            uploadTrigger.addEventListener(eventName, (e) => {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                uploadTrigger.classList.remove('drag-over');\r\n            }, false);\r\n        });\r\n\r\n        uploadTrigger.addEventListener('drop', (e) => {\r\n            const dt = e.dataTransfer;\r\n            const files = dt.files;\r\n            if (files.length > 0) {\r\n                fileInput.files = files;\r\n                fileInput.onchange(); \r\n            }\r\n        });\r\n    }\r\n\r\n    \/\/ 2. \u4e0b\u62c9\u83dc\u5355\u57fa\u7840\u5c55\u5f00\/\u9690\u85cf\u903b\u8f91\r\n    document.querySelectorAll('.raph-dropdown .trigger').forEach(trigger => {\r\n        trigger.onclick = function(e) {\r\n            e.stopPropagation();\r\n            const targetMenu = this.nextElementSibling;\r\n            document.querySelectorAll('.raph-dropdown .menu').forEach(menu => {\r\n                if(menu !== targetMenu) menu.classList.add('hidden');\r\n            });\r\n            if(targetMenu) targetMenu.classList.toggle('hidden');\r\n        };\r\n    });\r\n\r\n    document.addEventListener('click', () => {\r\n        document.querySelectorAll('.raph-dropdown .menu').forEach(menu => menu.classList.add('hidden'));\r\n    });\r\n\r\n    \/\/ 3. \u901a\u7528\u4e0b\u62c9\u83dc\u5355\u9879\u70b9\u51fb\u7ed1\u5b9a\r\n    function setupDropdown(dropdownId, triggerTextId, promptSetter) {\r\n        const dropdown = document.getElementById(dropdownId);\r\n        if (!dropdown) return;\r\n        const menu = dropdown.querySelector('.menu');\r\n        const triggerText = document.getElementById(triggerTextId);\r\n\r\n        menu.querySelectorAll('.item').forEach(item => {\r\n            item.onclick = (e) => {\r\n                e.stopPropagation();\r\n                menu.querySelector('.item.active')?.classList.remove('active');\r\n                item.classList.add('active');\r\n                \r\n                const val = item.dataset.prompt !== undefined ? item.dataset.prompt : item.dataset.value;\r\n                if (promptSetter) promptSetter(val);\r\n                \r\n                if(dropdownId === 'ratio-dropdown') {\r\n                    currentRatio = item.dataset.value;\r\n                    if(triggerText) triggerText.innerText = currentRatio;\r\n                } else if(triggerText) {\r\n                    triggerText.innerText = item.innerText.trim();\r\n                }\r\n                \r\n                menu.classList.add('hidden');\r\n            };\r\n        });\r\n    }\r\n\r\n    setupDropdown('ratio-dropdown', 'selected-ratio-text', null);\r\n    setupDropdown('style-dropdown', 'selected-style-text', (p) => currentStylePrompt = p);\r\n    setupDropdown('color-dropdown', 'selected-color-text', (p) => currentColorPrompt = p);\r\n    setupDropdown('lighting-dropdown', 'selected-lighting-text', (p) => currentLightingPrompt = p);\r\n    setupDropdown('composition-dropdown', 'selected-composition-text', (p) => currentCompositionPrompt = p);\r\n    \r\n    \/\/ 4. \u6a21\u578b\u4e0e\u6e20\u9053\u9009\u62e9\u8054\u5408\u7ed1\u5b9a\r\n    const modelDropdown = document.getElementById('model-dropdown');\r\n    const pointsDisplay = document.getElementById('points-display'); \r\n\r\n    if (modelDropdown) {\r\n        const modelMenu = modelDropdown.querySelector('.menu');\r\n        const pillAvatar = modelDropdown.querySelector('.user-pill .avatar'); \r\n        const modelTriggerText = document.getElementById('selected-model-text');\r\n        \r\n        modelMenu.querySelectorAll('.item').forEach(item => {\r\n            item.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                modelMenu.querySelector('.item.active')?.classList.remove('active');\r\n                item.classList.add('active');\r\n\r\n                \/\/ \u70b9\u51fb\u540c\u6b65\u5347\u7ea7\u53d8\u91cf\r\n                selectedModel    = item.getAttribute('data-value'); \r\n                selectedProvider = item.getAttribute('data-provider') || 'openai';\r\n                currentPoints    = item.getAttribute('data-points') || '2'; \r\n                \r\n                if (modelTriggerText) modelTriggerText.innerText = item.innerText.trim();\r\n                \r\n                const newAvatarClass = item.getAttribute('data-avatar');\r\n                if (pillAvatar && newAvatarClass) {\r\n                    pillAvatar.className = 'avatar ' + newAvatarClass;\r\n                }\r\n\r\n                if (pointsDisplay) {\r\n                    pointsDisplay.innerHTML = `${svgStar}${currentPoints}`;\r\n                }\r\n                modelMenu.classList.add('hidden');\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ 5. \u91cd\u7f6e\/\u6e05\u7a7a\u6309\u94ae\r\n    const clearBtn = document.getElementById('clear-btn');\r\n    if (clearBtn) {\r\n        clearBtn.onclick = () => {\r\n            const promptInput = document.getElementById('banana-prompt');\r\n            if(promptInput) promptInput.value = '';\r\n            if(removeImg) removeImg.click(); \r\n            \r\n            document.querySelector('#style-dropdown .menu [data-value=\"none\"]')?.click();\r\n            document.querySelector('#color-dropdown .menu [data-value=\"none\"]')?.click();\r\n            document.querySelector('#lighting-dropdown .menu [data-value=\"dramatic\"]')?.click();\r\n            document.querySelector('#composition-dropdown .menu [data-value=\"none\"]')?.click();\r\n            \r\n            \/\/ \ud83d\udee0\ufe0f \u4f18\u5316\u70b9\uff1a\u6062\u590d\u81f3\u4f60\u5728 HTML \u91cc\u771f\u6b63\u8bbe\u7f6e\u7684\u9ed8\u8ba4\u6838\u5fc3\u9879\uff08\u8fd9\u91cc\u6539\u4e3a\u4e86\u6062\u590d gpt-image-2 \u7684\u70b9\u51fb\u72b6\u6001\uff09\r\n            const initialItem = document.querySelector('#model-dropdown .menu .item[data-value=\"gemini-2.5\"]');\r\n            if(initialItem) initialItem.click();\r\n            \r\n            if (resultPanel) resultPanel.classList.add('hidden');\r\n            clearErrorPanel();\r\n        };\r\n    }\r\n\r\n    \/\/ 6. \ud83d\ude80 \u53d1\u9001\u5f02\u6b65\u751f\u6210\u8bf7\u6c42\r\n    const genBtn = document.getElementById('generate-btn');\r\n    const resultPanel = document.getElementById('result-display');\r\n    const outputImg = document.getElementById('output-image');\r\n    const downloadLink = document.getElementById('download-link');\r\n    const loaderContainer = document.getElementById('loader-container');\r\n    const outputContainer = document.getElementById('output-container');\r\n\r\n    if (genBtn) {\r\n        genBtn.onclick = async () => {\r\n            const userPromptEl = document.getElementById('banana-prompt');\r\n            const userPrompt = userPromptEl ? userPromptEl.value : '';\r\n\r\n            clearErrorPanel();\r\n\r\n            if (!globalImageBase64) {\r\n                renderErrorToPanel(\"Please upload a reference image before generating!\");\r\n                return;\r\n            }\r\n\r\n            const finalPrompt = `${userPrompt}${currentStylePrompt}${currentColorPrompt}${currentLightingPrompt}${currentCompositionPrompt}`;\r\n\r\n            if (resultPanel) resultPanel.classList.remove('hidden');\r\n            if (loaderContainer) loaderContainer.classList.remove('hidden');\r\n            if (outputContainer) outputContainer.classList.add('hidden');\r\n            if (outputImg) outputImg.classList.add('hidden');\r\n            if (downloadLink) downloadLink.classList.add('hidden');\r\n\r\n            resultPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n\r\n            try {\r\n                \/\/ \ud83c\udf1f \u6839\u636e\u9009\u62e9\u7684\u6a21\u578b\u52a8\u6001\u5206\u6d41\u8def\u7531\u5730\u5740 (\u4e25\u683c\u5339\u914d\u540e\u53f0 rest \u8def\u7531)\r\n                const requestUrl = AI_API_URL;\r\n\r\n                const response = await fetch(requestUrl, {\r\n                    method: 'POST',\r\n                    headers: {\r\n                        'Content-Type': 'application\/json',\r\n                        'X-WP-Nonce': (typeof wpApiSettings !== 'undefined') ? wpApiSettings.nonce : '' \r\n                    },\r\n                    credentials: 'include', \r\n                    body: JSON.stringify({\r\n                        model: selectedModel,\r\n                        provider: selectedProvider,\r\n                        points: currentPoints,\r\n                        text: finalPrompt,\r\n                        image_base64: globalImageBase64,\r\n                        mime_type: globalMimeType,\r\n                        aspect_ratio: currentRatio\r\n                    })\r\n                });\r\n\r\n                \/\/ \u5c1d\u8bd5\u89e3\u6790\u540e\u7aef\u8fd4\u56de\u7684 JSON \u6570\u636e\r\n                const result = await response.json();\r\n\r\n                \/\/ \ud83c\udf1f\u3010\u6838\u5fc3\u4fee\u590d\u5224\u5b9a\u3011\uff1a\u5982\u679c HTTP \u72b6\u6001\u4e0d\u6b63\u5e38\uff0c\u4f18\u5148\u89e3\u5305 WordPress \u7684\u9519\u8bef\u54cd\u5e94\u6587\u672c\r\n                if (!response.ok) {\r\n                    const errorMsg = result.message || (result.code ? `Error Code: ${result.code}` : 'Server connection logic error.');\r\n                    throw new Error(errorMsg);\r\n                }\r\n\r\n                \/\/ \ud83c\udf1f \u989d\u5916\u9632\u5fa1\u6027\u6821\u9a8c\uff1a\u5982\u679c\u540e\u7aef\u901a\u8fc7 200 \u8fd4\u56de\u4e86\u5e26\u6709\u4e1a\u52a1\u9519\u8bef\u4fe1\u606f\u7684 JSON \u5bf9\u8c61\r\n                if (result.code && result.message) {\r\n                    throw new Error(result.message);\r\n                }\r\n\r\n                \/\/ \u6210\u529f\u62ff\u56de\u6709\u6548\u7684\u56fe\u7247\r\n                if (result.success && result.image_url) {\r\n                    if (outputImg) {\r\n                        outputImg.src = result.image_url;\r\n                        outputImg.classList.remove('hidden');\r\n                    }\r\n                    if (downloadLink) {\r\n                        downloadLink.href = result.image_url;\r\n                        downloadLink.classList.remove('hidden');\r\n                    }\r\n                    \r\n                    if (loaderContainer) loaderContainer.classList.add('hidden');\r\n                    if (outputContainer) outputContainer.classList.remove('hidden');\r\n\r\n                    \/\/ \u52a8\u753b\u66f4\u65b0\u53f3\u4e0a\u89d2\u79ef\u5206\u4f59\u989d\r\n                    if (result.balance !== undefined) {\r\n                        const balanceEl = document.getElementById('nav-balance-text');\r\n                        if (balanceEl) {\r\n                            balanceEl.classList.add('balance-updated');\r\n                            balanceEl.innerText = result.balance;\r\n                            setTimeout(() => {\r\n                                balanceEl.classList.remove('balance-updated');\r\n                            }, 300);\r\n                        }\r\n                    }\r\n\r\n                } else {\r\n                    throw new Error(result.message || 'Failed to retrieve a valid generated image URL.');\r\n                }\r\n\r\n            } catch (error) {\r\n                console.error(\"\u751f\u6210\u51fa\u9519\uff1a\", error);\r\n                const finalErrorMessage = error.message || 'An unknown error occurred while generating the image.';\r\n                renderErrorToPanel(finalErrorMessage);\r\n            }\r\n        };\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4410305 elementor-widget elementor-widget-html\" data-id=\"4410305\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-title\">\r\n    <h2>Ignite Your Imagination<\/h2>\r\n    <p>Explore limitless possibilities. See what others have created and find your next spark of inspiration.<\/p>\r\n<\/div>\r\n<div class=\"fame-gallery-grid\">\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_67_image.webp\" alt=\"AI Generated Image 1\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_102_image-scaled.webp\" alt=\"AI Generated Image 2\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_112_image.webp\" alt=\"AI Generated Image 3\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_202_image.webp\" alt=\"AI Generated Image 4\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_148_image.webp\" alt=\"AI Generated Image 5\">\r\n    <\/div>\r\n    \r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_192_image.webp\" alt=\"AI Generated Image 6\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_90_image-1.jpeg\" alt=\"AI Generated Image 7\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_128_image.webp\" alt=\"AI Generated Image 8\">\r\n    <\/div>\r\n    <div class=\"fame-gallery-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_166_image.webp\" alt=\"AI Generated Image 9\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u6807\u9898\u5bb9\u5668\u57fa\u7840\u63a7\u5236 *\/\r\n.fame-title {\r\n    margin-bottom: 24px; \/* \u548c\u4e0b\u65b9\u56fe\u7247\u7f51\u683c\u4fdd\u6301\u9ad8\u7ea7\u7684\u7559\u767d *\/\r\n    padding: 0 4px;\r\n    background: transparent;\r\n    text-align: center;\r\n    \r\n}\r\n\r\n\/* \u4e3b\u6807\u9898\uff1a\u5927\u5b57\u91cd\u3001\u5fae\u7ec6\u5b57\u95f4\u8ddd\uff0c\u5448\u73b0\u9ad8\u7ea7\u611f *\/\r\n.fame-title h2 {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin: 0 0 8px 0;\r\n    color: #ffffff; \/* \u5982\u679c\u4f60\u7f51\u7ad9\u662f\u6d45\u8272\u80cc\u666f\uff0c\u8bf7\u6539\u6210 #111827 *\/\r\n    letter-spacing: -0.02em; \/* \u7a0d\u5fae\u7d27\u51d1\u7684\u5b57\u95f4\u8ddd\u663e\u5f97\u66f4\u4e13\u4e1a *\/\r\n}\r\n\r\n\/* \u526f\u6807\u9898\uff1a\u67d4\u548c\u3001\u4f4e\u9971\u548c\u5ea6 *\/\r\n.fame-title p {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    margin: 0;\r\n    color: #9ca3af; \/* \u4f18\u96c5\u7684\u7070\u8272\uff0c\u6d45\u8272\u80cc\u666f\u53ef\u6539\u6210 #6b7280 *\/\r\n}\r\n\r\n\/* -------------------------------------------\r\n   \u5982\u679c\u4f60\u9009\u4e86\u201c\u9009\u9879 B\u201d\uff0c\u8bf7\u628a\u4e0b\u9762\u8fd9\u5c0f\u6bb5\u4e5f\u52a0\u4e0a\uff1a\r\n------------------------------------------- *\/\r\n.fame-title.style-bar {\r\n    position: relative;\r\n    padding-left: 16px; \/* \u4e3a\u5de6\u4fa7\u7ad6\u6761\u7559\u51fa\u7a7a\u95f4 *\/\r\n}\r\n\r\n.fame-title.style-bar::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: 4px;\r\n    bottom: 4px;\r\n    width: 4px;\r\n    background: linear-gradient(to bottom, #6366f1, #3b82f6); \/* \u79d1\u6280\u611f\u84dd\u7d2b\u6e10\u53d8\u7ad6\u6761 *\/\r\n    border-radius: 2px;\r\n}\r\n\/* \u6574\u4e2a\u753b\u5eca\u5bb9\u5668 *\/\r\n.fame-gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \/* \u4e25\u683c\u6bcf\u884c3\u4e2a *\/\r\n    gap: 20px; \/* \u56fe\u7247\u4e4b\u95f4\u7684\u95f4\u8ddd\uff0c\u53ef\u81ea\u884c\u8c03\u6574 *\/\r\n    padding: 10px 0;\r\n    background: transparent; \/* \u900f\u660e\u80cc\u666f *\/\r\n    width: 100%;\r\n}\r\n\r\n\/* \u5355\u4e2a\u56fe\u7247\u5916\u5305\u5bb9\u5668 *\/\r\n.fame-gallery-item {\r\n    position: relative;\r\n    border-radius: 12px; \/* \u5706\u89d2\u6548\u679c\uff0c\u5b8c\u7f8e\u5951\u5408\u73b0\u4ee3UI *\/\r\n    overflow: hidden;\r\n    background: transparent;\r\n    aspect-ratio: 3 \/ 4; \/* \ud83c\udf1f \u6838\u5fc3\uff1a\u9501\u5b9a\u9ad8\u6863\u7684\u7eb5\u5411\u9ec4\u91d1\u6bd4\u4f8b(\u5bf9\u9f50\u4f60\u622a\u56fe\u91cc\u7684\u6d77\u62a5\u6bd4\u4f8b) *\/\r\n    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;\r\n}\r\n\r\n\/* \u56fe\u7247\u672c\u4f53\u63a7\u5236 *\/\r\n.fame-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover; \/* \ud83c\udf1f \u6838\u5fc3\uff1a\u65e0\u8bba\u56fe\u7247\u539f\u56fe\u662f\u4ec0\u4e48\u5c3a\u5bf8\uff0c\u81ea\u52a8\u7b49\u6bd4\u88c1\u526a\u586b\u5145\uff0c\u7edd\u4e0d\u62c9\u4f38 *\/\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n}\r\n\r\n\/* \u60ac\u505c\u5fae\u52a8\u6548 (SaaS \u5e38\u89c1\u7684\u9ad8\u7ea7\u65e0\u611f\u4ea4\u4e92) *\/\r\n.fame-gallery-item:hover {\r\n    transform: translateY(-4px); \/* \u5411\u4e0a\u5fae\u62ac *\/\r\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15); \/* \u67d4\u548c\u9634\u5f71 *\/\r\n}\r\n\r\n.fame-gallery-item:hover img {\r\n    transform: scale(1.03); \/* \u56fe\u7247\u5fae\u5fae\u653e\u5927 *\/\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u624b\u673a\u7aef\u81ea\u52a8\u964d\u7ea7\u4e3a\u6bcf\u884c1\u4e2a\uff08\u62162\u4e2a\uff0c\u770b\u4f60\u524d\u53f0\u89c6\u89c9\u4e60\u60ef\uff09 *\/\r\n@media (max-width: 767px) {\r\n    .fame-gallery-grid {\r\n        grid-template-columns: repeat(2, 1fr); \/* \u79fb\u52a8\u7aef\u6539\u6bcf\u884c2\u4e2a\uff0c\u5982\u679c\u60f3\u6539\u62101\u4e2a\uff0c\u628a2\u6539\u62101\u5373\u53ef *\/\r\n        gap: 12px; \/* \u79fb\u52a8\u7aef\u95f4\u8ddd\u7f29\u5c0f *\/\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41b84ab elementor-widget elementor-widget-html\" data-id=\"41b84ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-carousel-header\">\r\n    <div class=\"fame-title\">\r\n        <h2>Try a style<\/h2>\r\n    <\/div>\r\n    <div class=\"fame-nav-btns\">\r\n        <button class=\"nav-btn prev\" onclick=\"scrollCarousel(-1)\">\r\n            <i class=\"fas fa-chevron-left\"><\/i>\r\n        <\/button>\r\n        <button class=\"nav-btn next\" onclick=\"scrollCarousel(1)\">\r\n            <i class=\"fas fa-chevron-right\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"fame-carousel-container\" id=\"styleCarousel\">\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_33_sugar-cookie.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Sugar cookie<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_28_doodle_v2.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Doodle<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_24_dramatic_v2.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Dramatic<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_27_style_3d_glam_doll.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">3D glam doll<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_22_sketch.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Sketch<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_34_art-school.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Art school<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_31_pop-art.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Pop art<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_26_baseball-bobblehead.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Baseball bobblehead<\/div>\r\n    <\/div>\r\n    <div class=\"fame-style-card\">\r\n        <div class=\"fame-style-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/imgi_29_inkwork.jpeg\" alt=\"Style Name\">\r\n        <\/div>\r\n        <div class=\"fame-style-caption\">Inkwork<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u5bb9\u5668\u57fa\u7840\u8bbe\u7f6e *\/\r\n.fame-carousel-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u6309\u94ae\u6837\u5f0f\uff1a\u6df1\u8272\u534a\u900f\u660e\u611f *\/\r\n.fame-nav-btns {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.nav-btn prev{color:#fff;}\r\n.nav-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.05); \/* \u900f\u660e\u80cc\u666f *\/\r\n    color: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n    \r\n}\r\n\r\n.nav-btn:hover {\r\n    background: rgba(255, 255, 255, 0.15);\r\n}\r\n\/* 1. \u7cbe\u51c6\u63a7\u5236\u70b9\u51fb\u77ac\u95f4\u7684\u80cc\u666f\u8272 *\/\r\n.nav-btn:active {\r\n    background: rgba(255, 255, 255, 0.05) !important; \/* \u5f3a\u5236\u70b9\u51fb\u65f6\u4fdd\u6301\u8fd9\u4e2a\u534a\u900f\u660e\u7070\uff0c\u4f60\u53ef\u4ee5\u6362\u6210\u522b\u7684\u989c\u8272 *\/\r\n}\r\n\r\n\/* 2. \u5f3a\u6740\u53ef\u80fd\u6b8b\u7559\u7684\u5168\u5c40\u7126\u70b9\/\u70b9\u51fb\u7ea2\u8272\uff08\u53cc\u91cd\u4fdd\u9669\uff09 *\/\r\n.nav-btn:focus,\r\n.nav-btn:focus-visible {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n}\r\n\r\n\r\n\/* \u8f6e\u64ad\u6eda\u52a8\u5bb9\u5668 *\/\r\n.fame-carousel-container {\r\n    display: flex;\r\n    gap: 16px;\r\n    overflow-x: auto; \/* \u5f00\u542f\u6a2a\u5411\u6eda\u52a8 *\/\r\n    scroll-behavior: smooth; \/* \u4e1d\u6ed1\u6eda\u52a8\u6548\u679c *\/\r\n    scroll-snap-type: x mandatory; \/* \u6838\u5fc3\uff1a\u81ea\u52a8\u6355\u6349\u5bf9\u9f50\u5361\u7247 *\/\r\n    padding-bottom: 10px;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u9690\u85cf\u6eda\u52a8\u6761 (Chrome, Safari, Opera) *\/\r\n.fame-carousel-container::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\/* \u9690\u85cf\u6eda\u52a8\u6761 (IE, Edge, Firefox) *\/\r\n.fame-carousel-container {\r\n    -ms-overflow-style: none;  \r\n    scrollbar-width: none;  \r\n}\r\n\r\n\/* \u5355\u4e2a\u98ce\u683c\u5361\u7247 *\/\r\n.fame-style-card {\r\n    flex: 0 0 180px; \/* \u5361\u7247\u56fa\u5b9a\u5bbd\u5ea6 *\/\r\n    scroll-snap-align: start; \/* \u6355\u6349\u8d77\u59cb\u70b9 *\/\r\n    background: transparent;\r\n}\r\n\r\n\/* \u56fe\u7247\u5305\u56f4\u5708\uff1a\u5b9e\u73b0\u622a\u56fe\u4e2d\u7684\u5706\u89d2\u6548\u679c *\/\r\n.fame-style-img-wrapper {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1; \/* \u6b63\u65b9\u5f62\u56fe\u7247 *\/\r\n    border-radius: 20px; \/* \u9ad8\u7ea7\u5706\u89d2 *\/\r\n    overflow: hidden;\r\n    margin-bottom: 12px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.fame-style-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* \u60ac\u505c\u5fae\u52a8 *\/\r\n.fame-style-card:hover .fame-style-img-wrapper {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* \u5e95\u90e8\u6807\u9898\u6837\u5f0f *\/\r\n.fame-style-caption {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    text-align: left;\r\n    padding-left: 2px;\r\n}\r\n\r\n\/* \u9002\u914d\u624b\u673a\u7aef\uff1a\u5361\u7247\u7a0d\u5c0f\u4e00\u70b9 *\/\r\n@media (max-width: 767px) {\r\n    .fame-style-card {\r\n        flex: 0 0 140px;\r\n    }\r\n    .fame-carousel-header h2 {\r\n        font-size: 22px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u7b80\u5355\u7684 JS \u63a7\u5236\u6309\u94ae\u6eda\u52a8\r\nfunction scrollCarousel(direction) {\r\n    const container = document.getElementById('styleCarousel');\r\n    const scrollAmount = 200; \/\/ \u6bcf\u6b21\u70b9\u51fb\u6eda\u52a8\u7684\u8ddd\u79bb\r\n    container.scrollBy({\r\n        left: direction * scrollAmount,\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91137f4 elementor-widget elementor-widget-html\" data-id=\"91137f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-discover-header\">\r\n    <div class=\"fame-title\">\r\n        <h2>Discover something new<\/h2>\r\n    <\/div>\r\n    <div class=\"fame-nav-btns2\">\r\n        <button class=\"nav-btn prev2\" onclick=\"scrollDiscover(-1)\">\r\n            <i class=\"fas fa-chevron-left\"><\/i>\r\n        <\/button>\r\n        <button class=\"nav-btn next2\" onclick=\"scrollDiscover(1)\">\r\n            <i class=\"fas fa-chevron-right\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"fame-discover-grid\" id=\"discoverGrid\">\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/4b77aaa8-2f92-453b-9c38-3af83019af87.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a holiday card<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/17cae968-e467-4a6c-a81b-2b2910b19ace.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create an album cover<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/159fe495-8d01-459d-958e-8363944c22ff.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Redecorate my room<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/c47dcf71-08d2-4833-8a23-57de7ed278e5.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">What would I look like as a K-Pop star?<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/52f3a85e-7b8a-4efb-b7c8-8d8b52cd0c6c-1.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Style me<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f40b42ee-8fd0-4746-adea-0333e5bb1485.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Give us a matching outfit<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f71017ea-97ff-41ae-87af-556ddb96ef59.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Me as The Girl with a Pearl<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/f4ec5355-263a-48ce-80f3-77dfff8dbace.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a professional product photo<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/5a634cf8-4cbc-47c3-84e0-14be8d756ddc.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Create a professional job photo<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/1dc2c9dd-c6a3-4800-9453-eadeb37edab8.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Remove people in the background<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/378450dd-7d2f-4bb6-81c2-c32690834df9.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Restore an old photo<\/div>\r\n    <\/div>\r\n     <div class=\"fame-discover-card\">\r\n        <div class=\"fame-discover-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/imgedits.net\/wp-content\/uploads\/2026\/05\/30833b71-a9d6-4e5d-bd2e-ccbf26d2e6c7.jpeg\" alt=\"\">\r\n        <\/div>\r\n        <div class=\"fame-discover-text\">Turn into a keychain<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u5934\u90e8\u57fa\u672c\u5bf9\u9f50 *\/\r\n.fame-discover-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 24px;\r\n    background: transparent;\r\n}\r\n\r\n.fame-discover-header h2 {\r\n    color: #fff;\r\n    margin: 0;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* \u6309\u94ae\u533a\u57df *\/\r\n.fame-nav-btns2 {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.nav-btn {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #fff;\r\n    cursor: pointer;\r\n    \r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    \r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n    line-height: 1 !important;\r\n    box-sizing: border-box !important;\r\n    \r\n    transition: all 0.3s ease;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n\r\n.nav-btn i {\r\n    font-size: 14px;\r\n    line-height: 1 !important;\r\n    display: block;\r\n}\r\n\r\n.nav-btn:hover {\r\n    background: rgba(255, 255, 255, 0.15) !important;\r\n}\r\n\r\n.nav-btn:active,\r\n.nav-btn:focus,\r\n.nav-btn:focus-visible {\r\n    background: rgba(255, 255, 255, 0.05) !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* \ud83c\udf1f \u6838\u5fc3\u4fee\u590d\uff1a\u5f00\u542f Grid \u6a2a\u5411\u6d41\u673a\u5236 *\/\r\n.fame-discover-grid {\r\n    display: grid !important;\r\n    \/* \u5f3a\u884c\u9501\u6b7b\u7eb5\u5411\u53ea\u6709 2 \u884c\uff0c\u6bcf\u884c\u9ad8\u5ea6\u81ea\u9002\u5e94 *\/\r\n    grid-template-rows: repeat(3, auto); \r\n    \/* \u6838\u5fc3\u5c5e\u6027\uff1a\u8ba9\u7f51\u683c\u6cbf\u7740\u6a2a\u5411\u6392\u5217\uff08\u6392\u5217\u4e0d\u6ee12\u884c\u4e0d\u5f80\u53f3\u8d70\uff09\uff0c\u5b9e\u73b0\u6a2a\u5411\u65e0\u9650\u5ef6\u4f38 *\/\r\n    grid-auto-flow: column !important; \r\n    \/* \u5f3a\u5236\u5355\u5217\u5bbd\u5ea6\uff1a\u5229\u7528 calc \u8ba1\u7b97\uff0c\u8ba9\u5c4f\u5e55\u4e0a\u4e0d\u591a\u4e0d\u5c11\u521a\u597d\u653e\u4e0b 3 \u4e2a\u5361\u7247\uff08\u51cf\u53bb gap \u95f4\u8ddd\uff09 *\/\r\n    grid-auto-columns: calc((100% - 32px) \/ 3) !important; \r\n    \r\n    gap: 16px;\r\n    background: transparent;\r\n    \r\n    overflow-x: auto;            \/* \u6fc0\u6d3b\u6a2a\u5411\u6eda\u52a8 *\/\r\n    scroll-behavior: smooth;     \/* \u4e1d\u6ed1\u6eda\u52a8 *\/\r\n    scroll-snap-type: x mandatory; \/* \u81ea\u52a8\u5438\u9644\u5bf9\u9f50 *\/\r\n    padding-bottom: 10px;        \r\n}\r\n\r\n\/* \u9690\u85cf\u6a2a\u5411\u6eda\u52a8\u6761 (Chrome, Safari, Opera) *\/\r\n.fame-discover-grid::-webkit-scrollbar {\r\n    display: none !important;\r\n}\r\n\r\n\/* \u9690\u85cf\u6a2a\u5411\u6eda\u52a8\u6761 (IE, Edge, Firefox) *\/\r\n.fame-discover-grid {\r\n    -ms-overflow-style: none !important;  \r\n    scrollbar-width: none !important;  \r\n}\r\n\r\n\/* \u5355\u4e2a\u957f\u6761\u5361\u7247\u6837\u5f0f *\/\r\n.fame-discover-card {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100% !important; \/* \u5bbd\u5ea6\u76f4\u63a5\u7ee7\u627f\u5916\u5c42\u5217\u5bbd\u5206\u914d *\/\r\n    scroll-snap-align: start; \r\n    \r\n    background: rgba(255, 255, 255, 0.03); \r\n    border-radius: 12px;                  \r\n    padding: 14px 16px;                   \r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.2s ease;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.fame-discover-card:hover {\r\n    background: rgba(255, 255, 255, 0.07);\r\n    transform: translateY(-2px); \r\n}\r\n\r\n\/* \u5361\u7247\u5185\u5de6\u4fa7\u6b63\u65b9\u5f62\u56fe\u7247\u5305\u88f9\u5708 *\/\r\n.fame-discover-img {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 8px;   \r\n    overflow: hidden;\r\n    flex-shrink: 0;       \r\n    margin-right: 16px;   \r\n    background: rgba(255, 255, 255, 0.05); \r\n}\r\n\r\n.fame-discover-img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* \u53f3\u4fa7\u6587\u672c\u6837\u5f0f *\/\r\n.fame-discover-text {\r\n    color: #e5e5e5;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    text-align: left;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2; \r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u79fb\u52a8\u7aef\u9002\u914d *\/\r\n@media (max-width: 991px) {\r\n    \/* \u5e73\u677f\u7aef\u5355\u5c4f\u663e\u793a 2 \u5217\uff08\u6bcf\u884c2\u4e2a\uff09 *\/\r\n    .fame-discover-grid {\r\n        grid-auto-columns: calc((100% - 16px) \/ 2) !important; \r\n    }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .fame-discover-header h2 {\r\n        font-size: 22px;\r\n    }\r\n    \/* \u624b\u673a\u7aef\u5355\u5c4f\u53ea\u5c55\u793a 1 \u5217\uff0c\u9732\u51fa\u53f3\u4fa7\u5361\u7247\u8fb9\u7f18\u6697\u793a\u53ef\u6ed1\u52a8\uff0c\u4f53\u9a8c\u6700\u597d *\/\r\n    .fame-discover-grid {\r\n        grid-auto-columns: calc(100% - 40px) !important; \r\n        gap: 12px;\r\n    }\r\n    .fame-discover-card {\r\n        padding: 12px 14px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u63a7\u5236\u5de6\u53f3\u6eda\u52a8\u7684\u903b\u8f91\r\nfunction scrollDiscover(direction) {\r\n    const grid = document.getElementById('discoverGrid');\r\n    \/\/ \u52a8\u6001\u83b7\u53d6\u5f53\u524d\u5bb9\u5668\u7684\u5bbd\u5ea6\u4f5c\u4e3a\u6eda\u52a8\u6b65\u957f\uff0c\u4fdd\u8bc1\u6bcf\u6b21\u70b9\u51fb\u521a\u597d\u5207\u6362\u4e00\u6574\u5c4f\r\n    const scrollAmount = grid.clientWidth; \r\n    grid.scrollBy({\r\n        left: direction * (scrollAmount + 16),\r\n        behavior: 'smooth'\r\n    });\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-915b20f elementor-widget elementor-widget-html\" data-id=\"915b20f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-features-section\">\r\n    <div class=\"fame-features-header\">\r\n        <h2>Key Features of Imgedits Image Generator<\/h2>\r\n        <p>Experience the next generation of AI image generation with the Imgedits Image Generator \u2014 powerful, free and privacy-focused.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fame-features-grid\">\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-dollar-sign\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Zero-Cost Creation<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator is the world's first completely free AI image generator with no generation count limits or registration requirements.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-magic\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">State-of-the-Art Quality<\/h3>\r\n            <p class=\"fame-feature-desc\">Scene-aware intelligent routing in the Imgedits Image Generator picks the best available model to deliver photorealistic images with exceptional detail and style control.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-language\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Advanced Text Understanding<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator offers superior text-to-image capabilities with accurate interpretation of complex prompts and text overlay features.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-bolt\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Lightning-Fast Generation<\/h3>\r\n            <p class=\"fame-feature-desc\">An optimized inference pipeline ensures the Imgedits Image Generator delivers rapid image generation without compromising quality.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-shield-alt\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Enhanced Privacy Protection<\/h3>\r\n            <p class=\"fame-feature-desc\">We follow a minimal data collection approach: guest requests are typically processed temporarily, while signed-in users retain only the information needed for account, history...<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"fame-feature-card\">\r\n            <div class=\"fame-feature-icon-wrapper\">\r\n                <i class=\"fas fa-palette\"><\/i>\r\n            <\/div>\r\n            <h3 class=\"fame-feature-title\">Multi-Style Support<\/h3>\r\n            <p class=\"fame-feature-desc\">The Imgedits Image Generator creates images across various artistic styles, from photorealistic to anime, oil paintings to digital art.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u6574\u4f53\u533a\u5757\u5bb9\u5668 *\/\r\n.fame-features-section {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    background: transparent;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n}\r\n\r\n\/* \u5934\u90e8\u6587\u6848\u6837\u5f0f *\/\r\n.fame-features-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.fame-features-header h2 {\r\n    color: #fff;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    margin: 0 0 16px 0;\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n.fame-features-header p {\r\n    color: #999;\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \ud83c\udf1f \u7f51\u683c\u5e03\u5c40\uff1a\u6807\u51c6 3 \u5217 *\/\r\n.fame-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    column-gap: 40px;\r\n    row-gap: 50px;\r\n}\r\n\r\n\/* \u5355\u4e2a\u7279\u6027\u5361\u7247\u5e03\u5c40 *\/\r\n.fame-feature-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \/* \u5de6\u5bf9\u9f50 *\/\r\n    text-align: left;\r\n    background: transparent;\r\n}\r\n\r\n\/* \ud83c\udf1f \u56fe\u6807\u5305\u56f4\u5708\uff1a\u91d1\u8272\u8f7b\u5962\u7ebf\u6761\u611f *\/\r\n.fame-feature-icon-wrapper {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 50%;\r\n    border: 1.5px solid #cca464; \/* \u91d1\u8272\u8fb9\u6846 *\/\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    margin-bottom: 20px;\r\n    box-sizing: border-box !important;\r\n    background: transparent;\r\n}\r\n\r\n\/* \u56fe\u6807\u672c\u8eab\u6837\u5f0f *\/\r\n.fame-feature-icon-wrapper i {\r\n    color: #cca464; \/* \u91d1\u8272\u56fe\u6807 *\/\r\n    font-size: 18px;\r\n    line-height: 1 !important;\r\n    display: block;\r\n}\r\n\r\n\/* \u7279\u6027\u6807\u9898 *\/\r\n.fame-feature-title {\r\n    color: #fff;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    margin: 0 0 12px 0;\r\n}\r\n\r\n\/* \u7279\u6027\u63cf\u8ff0\u6587\u672c *\/\r\n.fame-feature-desc {\r\n    color: #999;\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u5e73\u677f\u7aef\u9002\u914d (2\u5217) *\/\r\n@media (max-width: 991px) {\r\n    .fame-features-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        column-gap: 30px;\r\n        row-gap: 40px;\r\n    }\r\n    .fame-features-header h2 {\r\n        font-size: 30px;\r\n    }\r\n}\r\n\r\n\/* \ud83d\udcf1 \u54cd\u5e94\u5f0f\uff1a\u624b\u673a\u7aef\u9002\u914d (\u5355\u5217) *\/\r\n@media (max-width: 767px) {\r\n    .fame-features-section {\r\n        padding: 40px 16px;\r\n    }\r\n    .fame-features-header {\r\n        margin-bottom: 35px;\r\n    }\r\n    .fame-features-header h2 {\r\n        font-size: 24px;\r\n    }\r\n    .fame-features-header p {\r\n        font-size: 15px;\r\n    }\r\n    .fame-features-grid {\r\n        grid-template-columns: 1fr;\r\n        row-gap: 35px;\r\n    }\r\n    .fame-feature-title {\r\n        font-size: 19px;\r\n        margin-bottom: 8px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7af5299 elementor-widget elementor-widget-html\" data-id=\"7af5299\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pricing\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-pricing-section\">\r\n    <h2 class=\"fame-title-main\">Choose Your Plan<\/h2>\r\n    <p class=\"fame-subtitle-main\">Free images include a watermark. Upgrade for clean outputs, faster generation, and commercial use.<\/p>\r\n    \r\n    <div class=\"fame-pricing-toggle\">\r\n        <span id=\"toggle-label-monthly\" class=\"toggle-text active\">Monthly<\/span>\r\n        <label class=\"fame-switch\">\r\n            <input type=\"checkbox\" id=\"billing-toggle\">\r\n            <span class=\"fame-slider\"><\/span>\r\n        <\/label>\r\n        <span id=\"toggle-label-yearly\" class=\"toggle-text\" style=\"position: relative;\">\r\n            Yearly\r\n            <span class=\"fame-badge-save-toggle\">SAVE 50%<\/span>\r\n        <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"fame-grid-3col fame-pricing-container\">\r\n        <div class=\"fame-price-card\">\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Free<\/span>\r\n                <div class=\"fame-plan-price\">Free<\/div>\r\n                <p class=\"fame-plan-desc\">Perfect for getting started<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-secondary\" id=\"btn-free\" data-monthly=\"#\" data-yearly=\"#\">Get Started<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">10 credits per day<\/li>\r\n                <li class=\"check\">~4  images per day<\/li>\r\n                <li class=\"check\">Unlimited Basic generations (Slow Queue)<\/li>\r\n                <li class=\"check\">Basic features<\/li>\r\n                <li class=\"check\">Community support<\/li>\r\n                <li class=\"cross\">Images include watermark (free plan). Upgrade to remove.<\/li>\r\n                <li class=\"cross\">Basic model only (No Pro\/Max\/Ultra access)<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fame-price-card\" id=\"card-premium\">\r\n            <div class=\"fame-ribbon-save\">SAVE 50%<\/div>\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Premium<\/span>\r\n                <div class=\"fame-plan-price\" id=\"price-premium\">$20<span>\/month<\/span><\/div>\r\n                <p class=\"fame-plan-desc\">Great for active creators<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-primary\" id=\"btn-premium\" data-monthly=\"https:\/\/buy.stripe.com\/00w8wP3cibfC6ok2Na4sE07\" data-yearly=\"https:\/\/buy.stripe.com\/9B6bJ1bIOgzWeUQ5Zm4sE09\">Upgrade to Premium<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">1000 credits per month<\/li>\r\n                <li class=\"check\">Supports Nano Banana series models<\/li>\r\n                <li class=\"check\">Supports Google Gemini models<\/li>\r\n                <li class=\"check\">Supports Chatgpt Image2<\/li>\r\n                <li class=\"check\">Unlimited Basic generations<\/li>\r\n                <li class=\"check\">Priority queue<\/li>\r\n                <li class=\"check\">No ads<\/li>\r\n                <li class=\"check\">No watermarks<\/li>\r\n                <li class=\"check\">Fast AI Photo Editor<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"fame-price-card ultimate-highlight\" id=\"card-ultimate\">\r\n            <div class=\"fame-ribbon-save\">SAVE 50%<\/div>\r\n            <div class=\"fame-tag-best\">Best Value<\/div>\r\n            <div class=\"fame-price-header\">\r\n                <span class=\"fame-plan-name\">Ultimate<\/span>\r\n                <div class=\"fame-plan-price\" id=\"price-ultimate\">$40<span>\/month<\/span><\/div>\r\n                <p class=\"fame-plan-desc\">Ultimate power for power users<\/p>\r\n            <\/div>\r\n            <button class=\"fame-btn btn-action\" id=\"btn-ultimate\" data-monthly=\"https:\/\/buy.stripe.com\/cNi6oH6ou83q8wsdrO4sE08\" data-yearly=\"https:\/\/buy.stripe.com\/3cI00j4gm3Nah2YafC4sE0a\">Upgrade to Ultimate<\/button>\r\n            <ul class=\"fame-features-list\">\r\n                <li class=\"check\">2500 credits per month<\/li>\r\n                <li class=\"check\">Supports Nano Banana series models<\/li>\r\n                <li class=\"check\">Supports Google Gemini models<\/li>\r\n                <li class=\"check\">Supports Chatgpt Image2<\/li>\r\n                <li class=\"check\">Unlimited Basic generations<\/li>\r\n                <li class=\"check\">Highest priority queue<\/li>\r\n                <li class=\"check\">Unlock Max (1.5K) & Ultra (2K)<\/li>\r\n                <li class=\"check\">Full privacy<\/li>\r\n                <li class=\"check\">No ads<\/li>\r\n                <li class=\"check\">No watermarks<\/li>\r\n                <li class=\"check\">Instant AI Photo Editor<\/li>\r\n                <li class=\"check\">Advanced Refine feature<\/li>\r\n                <li class=\"check\">Early access to new features<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const toggle = document.getElementById('billing-toggle');\r\n    const labelMonthly = document.getElementById('toggle-label-monthly');\r\n    const labelYearly = document.getElementById('toggle-label-yearly');\r\n    \r\n    const pricePremium = document.getElementById('price-premium');\r\n    const priceUltimate = document.getElementById('price-ultimate');\r\n    const cardPremium = document.getElementById('card-premium');\r\n    const cardUltimate = document.getElementById('card-ultimate');\r\n    \r\n    const btnFree = document.getElementById('btn-free');\r\n    const btnPremium = document.getElementById('btn-premium');\r\n    const btnUltimate = document.getElementById('btn-ultimate');\r\n\r\n    \/\/ \ud83c\udf1f \u7eaf\u524d\u7aef\u591a\u91cd\u4ea4\u53c9\u9a8c\u8bc1\uff1a\u5224\u65ad WordPress \u7528\u6237\u662f\u5426\u767b\u5f55\r\n    function isUserLoggedIn() {\r\n        return document.cookie.indexOf('wordpress_logged_in_') !== -1 || \r\n               document.body.classList.contains('logged-in') || \r\n               !!document.getElementById('wpadminbar') ||\r\n               (typeof window.wp_current_user_id !== 'undefined' && window.wp_current_user_id > 0);\r\n    }\r\n\r\n    function handleBtnClick(e) {\r\n        const isYearly = toggle.checked;\r\n        let targetUrl = isYearly ? this.getAttribute('data-yearly') : this.getAttribute('data-monthly');\r\n        \r\n        if(targetUrl && targetUrl !== '#') {\r\n            \r\n            \/\/ 1. \u9a8c\u8bc1\u767b\u5f55\u72b6\u6001\uff0c\u672a\u767b\u5f55\u5219\u62e6\u622a\r\n            if (!isUserLoggedIn()) {\r\n                alert('Please log in to your account before purchasing.');\r\n                window.location.href = '\/wp-login.php'; \r\n                return;\r\n            }\r\n\r\n            \/\/ 2. \u5c1d\u8bd5\u83b7\u53d6\u771f\u5b9e\u7684 WP User ID\r\n            let wpUserId = window.wp_current_user_id;\r\n\r\n            \/\/ 3. \u4fdd\u5e95\u9632\u5fa1\uff1a\u5982\u679c\u662f\u767b\u5f55\u72b6\u6001\u4f46\u5728 HTML \u7ec4\u4ef6\u4e2d\u62ff\u4e0d\u5230\u7cbe\u51c6 ID (\u53ef\u80fd\u672a\u52a0 hooks \u6216\u88ab\u7f13\u5b58\u5265\u79bb)\r\n            \/\/ \u4f20\u4e00\u4e2a\u7279\u5f02\u6027\u5b57\u7b26\u4e32\uff0c\u540e\u7aef Webhook \u8bc6\u522b\u5230\u540e\u4f1a\u81ea\u52a8\u89e6\u53d1\u90ae\u4ef6\u548c Stripe ID \u7684\u4ea4\u53c9\u4fdd\u5e95\u67e5\u8be2\uff0c\u7edd\u4e0d\u4e22\u5355\u3002\r\n            if (!wpUserId || wpUserId === 0) {\r\n                wpUserId = \"LOGGED_IN_USER\"; \r\n            }\r\n\r\n            \/\/ 4. \u52a8\u6001\u7ec4\u88c5 client_reference_id \u4f20\u5165 Stripe\r\n            try {\r\n                const urlObj = new URL(targetUrl);\r\n                urlObj.searchParams.set('client_reference_id', wpUserId);\r\n                targetUrl = urlObj.toString();\r\n            } catch (err) {\r\n                const separator = targetUrl.includes('?') ? '&' : '?';\r\n                targetUrl = targetUrl + separator + 'client_reference_id=' + wpUserId;\r\n            }\r\n\r\n            window.location.href = targetUrl;\r\n        }\r\n    }\r\n    \r\n    btnFree.addEventListener('click', handleBtnClick);\r\n    btnPremium.addEventListener('click', handleBtnClick);\r\n    btnUltimate.addEventListener('click', handleBtnClick);\r\n\r\n    toggle.addEventListener('change', function() {\r\n        if (this.checked) {\r\n            labelMonthly.classList.remove('active');\r\n            labelYearly.classList.add('active');\r\n            pricePremium.innerHTML = '$10<span>\/month<\/span>';\r\n            priceUltimate.innerHTML = '$20<span>\/month<\/span>';\r\n            cardPremium.classList.add('show-ribbon');\r\n            cardUltimate.classList.add('show-ribbon');\r\n            btnPremium.textContent = 'Unlock Premium Yearly';\r\n            btnUltimate.textContent = 'Upgrade to Ultimate Yearly';\r\n        } else {\r\n            labelMonthly.classList.add('active');\r\n            labelYearly.classList.remove('active');\r\n            pricePremium.innerHTML = '$20<span>\/month<\/span>';\r\n            priceUltimate.innerHTML = '$40<span>\/month<\/span>';\r\n            cardPremium.classList.remove('show-ribbon');\r\n            cardUltimate.classList.remove('show-ribbon');\r\n            btnPremium.textContent = 'Upgrade to Premium';\r\n            btnUltimate.textContent = 'Upgrade to Ultimate';\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n.fame-pricing-section *, \r\n.fame-pricing-section *:focus, \r\n.fame-pricing-section *:active {\r\n    outline: none !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n}\r\n.fame-pricing-section {\r\n    background-color: #211a14;\r\n    color: #e3e1dc;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n}\r\n.fame-title-main {\r\n    text-align: center;\r\n    color: #fff;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    margin-bottom: 16px;\r\n}\r\n.fame-subtitle-main {\r\n    text-align: center;\r\n    color: #a3a19c;\r\n    font-size: 16px;\r\n    max-width: 700px;\r\n    margin: 0 auto 50px auto;\r\n    line-height: 1.6;\r\n}\r\n.fame-grid-3col {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n.fame-pricing-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    margin-bottom: 50px;\r\n    font-size: 15px;\r\n    color: #8f8d88;\r\n}\r\n.fame-pricing-toggle .toggle-text.active {\r\n    color: #fff;\r\n    font-weight: 600;\r\n}\r\n.fame-switch {\r\n    position: relative;\r\n    display: inline-block;\r\n    width: 44px;\r\n    height: 24px;\r\n}\r\n.fame-switch input { display: none; }\r\n.fame-slider {\r\n    position: absolute;\r\n    cursor: pointer;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-color: #2a2825;\r\n    border-radius: 34px;\r\n    transition: .3s;\r\n}\r\n.fame-slider:before {\r\n    position: absolute;\r\n    content: \"\";\r\n    height: 18px; width: 18px;\r\n    left: 3px; bottom: 3px;\r\n    background-color: #fff;\r\n    border-radius: 50%;\r\n    transition: .3s;\r\n}\r\ninput:checked + .fame-slider { background-color: #d49a55; }\r\ninput:checked + .fame-slider:before { transform: translateX(20px); }\r\n.fame-badge-save-toggle {\r\n    position: absolute;\r\n    top: -24px;\r\n    left: 45px;\r\n    background: #d49a55;\r\n    color: #131210;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    padding: 3px 6px;\r\n    border-radius: 50px;\r\n    white-space: nowrap;\r\n    box-shadow: 0 4px 10px rgba(212,154,85,0.3);\r\n}\r\n.fame-pricing-container { align-items: start; }\r\n.fame-price-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.04);\r\n    border-radius: 20px;\r\n    padding: 45px 30px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n}\r\n.fame-ribbon-save {\r\n    position: absolute;\r\n    top: -60px;\r\n    right: 24px;\r\n    width: 38px;\r\n    height: 52px;\r\n    background: #d49a55;\r\n    color: #131210;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    text-align: center;\r\n    line-height: 1.2;\r\n    padding-top: 8px;\r\n    box-sizing: border-box;\r\n    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 85%, 0% 100%);\r\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 10;\r\n}\r\n.fame-price-card.show-ribbon .fame-ribbon-save { transform: translateY(60px); }\r\n.ultimate-highlight {\r\n    border: 1px solid #d49a55;\r\n    background: linear-gradient(180deg, rgba(212,154,85,0.06) 0%, rgba(0,0,0,0) 100%);\r\n}\r\n.fame-tag-best {\r\n    position: absolute;\r\n    top: 16px; left: 30px;\r\n    background: rgba(212,154,85,0.15);\r\n    color: #d49a55;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    padding: 3px 10px;\r\n    border-radius: 20px;\r\n    text-transform: uppercase;\r\n}\r\n.fame-price-header { margin-bottom: 24px; margin-top: 10px; }\r\n.fame-plan-name { font-size: 18px; color: #fff; font-weight: 600; }\r\n.fame-plan-price { font-size: 46px; font-weight: 800; color: #fff; margin: 15px 0 5px 0; }\r\n.fame-plan-price span { font-size: 14px; color: #8f8d88; font-weight: 400; }\r\n.fame-plan-desc { font-size: 13px; color: #8f8d88; margin: 0; }\r\n.fame-btn {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    border: none;\r\n    margin-bottom: 30px;\r\n    transition: all 0.2s ease;\r\n}\r\n.btn-secondary { background: #1c1a17; color: #5c5a54; }\r\n.btn-secondary:hover { background: #262420; color: #8f8d88; }\r\n.btn-secondary:focus, .btn-secondary:active { background: #1c1a17 !important; color: #5c5a54 !important; }\r\n.btn-primary { background: transparent; border: 1px solid rgba(255,255,255,0.12); color: #fff; }\r\n.btn-primary:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.25); }\r\n.btn-primary:focus, .btn-primary:active { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.25) !important; color: #fff !important; }\r\n.btn-action { \r\n    background: linear-gradient(135deg, #d49a55 0%, #a97233 100%); \r\n    color: #131210; \r\n    box-shadow: 0 4px 15px rgba(212,154,85,0.2);\r\n}\r\n.btn-action:hover { \r\n    background: linear-gradient(135deg, #e3aa66 0%, #bc8342 100%);\r\n    transform: translateY(-1px);\r\n}\r\n.btn-action:focus, .btn-action:active {\r\n    background: linear-gradient(135deg, #d49a55 0%, #a97233 100%) !important;\r\n    color: #131210 !important;\r\n    transform: translateY(0);\r\n}\r\n.fame-features-list {\r\n    list-style: none;\r\n    padding: 0; margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    font-size: 13.5px;\r\n    color: #b5b3ae;\r\n}\r\n.fame-features-list li { position: relative; padding-left: 24px; line-height: 1.4; }\r\n.fame-features-list li.check::before { content: \"\u2713\"; position: absolute; left: 0; color: #d49a55; font-weight: bold; }\r\n.fame-features-list li.cross { color: #575550; }\r\n.fame-features-list li.cross::before { content: \"\u2715\"; position: absolute; left: 0; color: #403f3a; }\r\n@media (max-width: 991px) { .fame-grid-3col { grid-template-columns: repeat(2, 1fr); gap: 20px; } }\r\n@media (max-width: 767px) { .fame-grid-3col { grid-template-columns: 1fr; } .fame-title-main { font-size: 28px; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d394d99 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d394d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fame-reviews-section\">\r\n    <div class=\"fame-reviews-header\">\r\n        <h2>What Users Say About Imgedits<\/h2>\r\n        <p>See how creators use Imgedits and AI Image Editor to boost their productivity<\/p>\r\n        <div class=\"fame-reviews-rating\">Rated 4.9\/5 by 25,017+ users.<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fame-reviews-marquee-wrapper\">\r\n        <!-- \u7b2c\u4e00\u5217\uff1a\u4e2d\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">With the AI Image Editor feature, I can precisely control every detail. Imgedits is the most powerful AI Image Generator available!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Zane<\/h4><span>Creative Director<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an e-commerce manager, the Imgedits Image Generator helps me quickly generate product showcase images. The results are much better than other AI tools!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=45\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Judy<\/h4><span>E-commerce Manager<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">With the AI Image Editor feature, I can precisely control every detail. Imgedits is the most powerful AI Image Generator available!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=11\" alt=\"Michael Chen\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Alistair<\/h4><span>Creative Director<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an e-commerce manager, the Imgedits Image Generator helps me quickly generate product showcase images. The results are much better than other AI tools!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=60\" alt=\"Sarah Wang\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Sarah<\/h4><span>E-commerce Manager<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7b2c\u4e8c\u5217\uff1a\u6162\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up-slow\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">The level of detail is unparalleled. As a game developer, the Imgedits Image Generator has become our go-to tool for concept design.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Kevin Wu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Everett<\/h4><span>Game Concept Artist<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">AI Image Editor lets me maintain brand style consistency effortlessly. The Imgedits platform truly understands what designers need.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"David Liu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Dominic<\/h4><span>Brand Designer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">The level of detail is unparalleled. As a game developer, the Imgedits Image Generator has become our go-to tool for concept design.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=33\" alt=\"Kevin Wu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Kevin<\/h4><span>Game Concept Artist<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">AI Image Editor lets me maintain brand style consistency effortlessly. The Imgedits platform truly understands what designers need.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=12\" alt=\"David Liu\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>David<\/h4><span>Brand Designer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u7b2c\u4e09\u5217\uff1a\u5feb\u901f\u6eda\u52a8 -->\r\n        <div class=\"fame-reviews-column scroll-up-fast\">\r\n            <div class=\"fame-reviews-track\">\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an indie developer, Imgedits's API integration is incredibly smooth. It's hands down the best AI Image Generator solution on the market!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=20\" alt=\"Nina Patel\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Lexi luna<\/h4><span>Full-stack Developer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">I've tried dozens of platforms, but combining the Imgedits background swap with its AI Image Editor is an absolute game-changer for my workflow.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Marcus Thompson\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Marcus Thompson<\/h4><span>Digital Marketer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u590d\u5236\u4e00\u4efd\u7528\u4e8e\u65e0\u7f1d\u5faa\u73af\u6eda\u52a8 -->\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">As an indie developer, Imgedits's API integration is incredibly smooth. It's hands down the best AI Image Generator solution on the market!<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=60\" alt=\"Nina Patel\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Nina Patel<\/h4><span>Full-stack Developer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"fame-review-card\">\r\n                    <p class=\"fame-review-content\">I've tried dozens of platforms, but combining the Imgedits background swap with its AI Image Editor is an absolute game-changer for my workflow.<\/p>\r\n                    <div class=\"fame-review-user\">\r\n                        <div class=\"fame-user-avatar\"><img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?img=47\" alt=\"Marcus Thompson\"><\/div>\r\n                        <div class=\"fame-user-info\"><h4>Axel<\/h4><span>Digital Marketer<\/span><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* \u4fdd\u6301\u539f CSS \u4e0d\u53d8 *\/\r\n.fame-reviews-section { max-width: 1200px; margin: 0 auto; padding: 80px 20px; background: transparent; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif; }\r\n.fame-reviews-header { text-align: center; margin-bottom: 60px; }\r\n.fame-reviews-header h2 { color: #fff; font-size: 38px; font-weight: 700; margin: 0 0 16px 0; }\r\n.fame-reviews-header p { color: #999; font-size: 16px; line-height: 1.5; margin: 0 0 12px 0; }\r\n.fame-reviews-rating { color: #7f7f7f; font-size: 13px; font-weight: 600; }\r\n.fame-reviews-marquee-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; height: 650px; overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%); }\r\n.fame-reviews-column { display: flex; flex-direction: column; overflow: hidden; }\r\n.fame-reviews-track { display: flex; flex-direction: column; gap: 24px; }\r\n.scroll-up .fame-reviews-track { animation: fameScrollUp 25s linear infinite; }\r\n.scroll-up-slow .fame-reviews-track { animation: fameScrollUp 35s linear infinite; }\r\n.scroll-up-fast .fame-reviews-track { animation: fameScrollUp 18s linear infinite; }\r\n.fame-reviews-marquee-wrapper:hover .fame-reviews-track { animation-play-state: paused !important; }\r\n@keyframes fameScrollUp { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }\r\n.fame-review-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.04); border-radius: 20px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; transition: background 0.3s ease; }\r\n.fame-review-card:hover { background: rgba(255, 255, 255, 0.04); }\r\n.fame-review-content { color: #b3b3b3; font-size: 15px; line-height: 1.6; margin: 0 0 24px 0; }\r\n.fame-review-user { display: flex; align-items: center; gap: 14px; }\r\n.fame-user-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #333; flex-shrink: 0; }\r\n.fame-user-avatar img { width: 100%; height: 100%; object-fit: cover; }\r\n.fame-user-info h4 { color: #fff; font-size: 15px; margin: 0 0 3px 0; }\r\n.fame-user-info span { color: #666; font-size: 13px; display: block; }\r\n@media (max-width: 991px) { .fame-reviews-marquee-wrapper { grid-template-columns: repeat(2, 1fr); height: 550px; } .fame-reviews-column:nth-child(3) { display: none !important; } }\r\n@media (max-width: 767px) { .fame-reviews-marquee-wrapper { grid-template-columns: 1fr; height: 450px; } .fame-reviews-column:nth-child(2) { display: none !important; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23067d0 elementor-widget elementor-widget-html\" data-id=\"23067d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"faq-section\">\r\n    <h2 class=\"faq-title\">Frequently Asked Questions<\/h2>\r\n    <p class=\"faq-subtitle\">\r\n        Have another question? \r\n        <a href=\"https:\/\/imgedits.net\/contact-us\/\" style=\"color:#fff;\">Contact us<\/a>\r\n    <\/p>\r\n    \r\n    <div class=\"faq-grid\">\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>1. What is Imgedits?<\/h3>\r\n            <p>Imgedits is an AI image generation platform that allows users to create images from text prompts directly in a web browser. You can describe the image you want, choose a suitable style or direction, and generate visual results using AI-powered image models.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>2. How does Imgedits work?<\/h3>\r\n            <p>Imgedits converts your written prompt into an AI-generated image. The system analyzes your description, processes it through available image generation models, and returns an image based on the details you provide. Clearer prompts usually produce better and more accurate results.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>3. Can I use Imgedits for free?<\/h3>\r\n            <p>Yes. Imgedits provides free access so users can generate images without logging in. Free access is designed to make AI image creation easy to try and available to a wider audience. Some advanced features, higher usage levels, or premium options may be included in paid plans.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>4. Do I need to create an account?<\/h3>\r\n            <p>No account is required to start using Imgedits. Visitors can generate images for free without signing in. Creating an account may be useful if you want access to paid plans, account-related features, subscription management, or future user-specific tools.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>5. What are the paid plans for?<\/h3>\r\n            <p>Paid plans are intended for users who need more consistent access, enhanced features, higher usage capacity, or a better workflow for regular image generation. Plan details may vary, so please review the pricing or subscription information on the website before purchasing.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>6. What types of images can I create?<\/h3>\r\n            <p>You can create many types of images, including digital art, concept art, illustrations, portraits, product-style visuals, fantasy scenes, realistic images, anime-inspired artwork, wallpapers, social media graphics, and creative design references. The final result depends on your prompt, selected settings, and model behavior.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>7. How can I write a better prompt?<\/h3>\r\n            <p>A good prompt should describe the subject, style, background, lighting, color, mood, camera angle, and any important details. For example, instead of writing \u201ca dog,\u201d you can write \u201ca golden retriever sitting in a sunny park, realistic photography style, soft natural light, high detail.\u201d<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>8. Are AI-generated images always accurate?<\/h3>\r\n            <p>AI-generated images may not always perfectly match your prompt. Results can vary depending on the model, prompt complexity, and visual details requested. Some images may contain unexpected elements, distorted details, or inaccuracies. If the result is not ideal, try adjusting your prompt and generating again.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>9. Can I use images generated by Imgedits commercially?<\/h3>\r\n            <p>In many cases, AI-generated images may be used for personal or commercial projects, but usage rights can depend on the applicable plan, local laws, and third-party rules. Users are responsible for reviewing the relevant terms and making sure their use of generated images is lawful and appropriate.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>10. Who owns the images I generate?<\/h3>\r\n            <p>Ownership and usage rights for AI-generated content may depend on the terms of service, your subscription type, and applicable copyright laws in your region. Imgedits aims to provide practical image generation tools, but users should avoid generating or using content that infringes on trademarks, copyrighted characters, private individuals, or protected works.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>11. Can I generate images of real people or celebrities?<\/h3>\r\n            <p>Users should be careful when generating images involving real people, public figures, celebrities, or private individuals. Do not create misleading, harmful, defamatory, or unauthorized impersonation content. Imgedits encourages responsible use of AI image generation technology.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>12. What content is not allowed?<\/h3>\r\n            <p>Users should not use Imgedits to create illegal, abusive, hateful, sexually exploitative, violent, deceptive, or harmful content. Content that violates privacy, impersonates others, promotes scams, infringes intellectual property, or breaks applicable laws may be restricted or removed.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>13. Is my privacy protected?<\/h3>\r\n            <p>Imgedits follows a practical data-minimization approach. Visitors who use the free tool without logging in can generate images without creating an account. For signed-in users, only information needed for account access, subscription management, security, and service improvement may be processed according to our privacy practices.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>14. Does Imgedits store my generated images?<\/h3>\r\n            <p>Storage behavior may depend on whether you are using the website as a guest or as a registered user. Guest generations may be processed for temporary service delivery, while account-based features may require limited storage for history, billing, or user settings. Please review the Privacy Policy for more details.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>15. Why do image results sometimes look different from my prompt?<\/h3>\r\n            <p>AI image models interpret prompts based on learned patterns from training data. If a prompt is too short, ambiguous, or contains conflicting instructions, the output may differ from what you expected. Adding specific details and avoiding unclear wording can help improve consistency.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>16. Can I edit or refine generated images?<\/h3>\r\n            <p>You can refine results by changing your prompt, adding more detail, adjusting style descriptions, or regenerating the image. Depending on available features, Imgedits may also support additional image editing or improvement tools in the future.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>17. Is Imgedits suitable for professional work?<\/h3>\r\n            <p>Imgedits can be useful for brainstorming, visual inspiration, social media content, concept development, design drafts, marketing ideas, and creative projects. For professional or commercial use, users should carefully review image quality, legal requirements, brand guidelines, and licensing considerations before publishing or distributing final work.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>18. Why should I choose a paid plan?<\/h3>\r\n            <p>A paid plan may be helpful if you generate images frequently or need a smoother workflow. Paid options may include higher usage capacity, improved access during busy periods, or additional features depending on the plan. Free access is suitable for casual users, while paid plans are better for regular or advanced use.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>19. Can I cancel my paid plan?<\/h3>\r\n            <p>If you subscribe to a paid plan, you can manage or cancel your subscription according to the billing settings and terms provided at checkout. For questions about billing, renewal, cancellation, or account issues, please contact our support team through the contact page.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-item\">\r\n            <h3>20. What should I do if the website is slow or generation fails?<\/h3>\r\n            <p>AI image generation can require significant computing resources. During high-traffic periods, generation may take longer or occasionally fail. If this happens, try refreshing the page, simplifying your prompt, waiting a few minutes, or trying again later.<\/p>\r\n        <\/div>\r\n\r\n        \r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.faq-section {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 50px 20px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: #e0e0e0;\r\n}\r\n\r\n.faq-title {\r\n    text-align: center;\r\n    font-size: 38px;\r\n    line-height: 1.2;\r\n    margin-bottom: 12px;\r\n    color: #ffffff;\r\n    font-weight: 700;\r\n}\r\n\r\n.faq-subtitle {\r\n    text-align: center;\r\n    margin-bottom: 55px;\r\n    color: #b8b8b8;\r\n    font-size: 15px;\r\n}\r\n\r\n.faq-subtitle a {\r\n    text-decoration: underline;\r\n    text-underline-offset: 3px;\r\n}\r\n\r\n.faq-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px 36px;\r\n}\r\n\r\n.faq-item {\r\n    background: rgba(255, 255, 255, 0.035);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 14px;\r\n    padding: 24px 24px 22px;\r\n    transition: all 0.25s ease;\r\n}\r\n\r\n.faq-item:hover {\r\n    background: rgba(255, 255, 255, 0.055);\r\n    border-color: rgba(255, 153, 0, 0.35);\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.faq-item h3 {\r\n    font-size: 18px;\r\n    line-height: 1.45;\r\n    margin: 0 0 12px;\r\n    color: #ffffff;\r\n    border-left: 3px solid #ff9900;\r\n    padding-left: 14px;\r\n    font-weight: 650;\r\n}\r\n\r\n.faq-item p {\r\n    font-size: 14.5px;\r\n    line-height: 1.75;\r\n    color: #b5b5b5;\r\n    margin: 0;\r\n    padding-left: 17px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .faq-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 24px;\r\n    }\r\n\r\n    .faq-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .faq-subtitle {\r\n        margin-bottom: 40px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .faq-section {\r\n        padding: 40px 16px;\r\n    }\r\n\r\n    .faq-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .faq-item {\r\n        padding: 20px 18px;\r\n    }\r\n\r\n    .faq-item h3 {\r\n        font-size: 16.5px;\r\n    }\r\n\r\n    .faq-item p {\r\n        font-size: 14px;\r\n        padding-left: 16px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Free AI Image Generator Turn your ideas into images with Imgedits Create AI-generated images from simple text prompts directly in your browser. No account is required to get started. Free to Try Powered by Nano Banana No Login Required Fast Image Generation \u2715 + 1:1 1:1 16:9 9:16 21:9 3:2 2:3 4:3 3:4 No Style [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":748,"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1142,"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/pages\/2\/revisions\/1142"}],"wp:attachment":[{"href":"https:\/\/imgedits.net\/de\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}