{"id":14291,"date":"2026-09-17T09:52:34","date_gmt":"2026-09-17T01:52:34","guid":{"rendered":"https:\/\/imastudio.com\/?page_id=14291"},"modified":"2026-09-17T09:52:34","modified_gmt":"2026-09-17T01:52:34","slug":"product-recolor","status":"publish","type":"page","link":"https:\/\/imastudio.com\/de\/product-recolor","title":{"rendered":"Produktumf\u00e4rbung | Vorschau einer neuen Farbe auf Ihrem Foto"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"14291\" class=\"elementor elementor-14291 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000001 e-con-full e-flex e-con e-parent\" data-id=\"0000001\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000002 elementor-widget elementor-widget-html\" data-id=\"0000002\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\"><style>.ail,.ail-ba,.ail-rail,.ail-modal{--ail-acc:#F61B5B;--ail-ink:#111827;--ail-mut:#6B7280;--ail-line:#E5E7EB;--ail-font:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--ail-radius:8px;--ail-btn-h:40px;--ail-rail-w:400px;--ail-gap:24px;--ail-max-w:1316px;--ail-content-w:880px;}.ail{\n font-family:var(--ail-font);color:var(--ail-ink);text-align:left;\n max-width:var(--ail-max-w);margin:0 auto;box-sizing:border-box;}\n.ail *,.ail *::before,.ail *::after{box-sizing:border-box;}\n.ail h1,.ail h2,.ail h3,.ail p{margin:0;}\n\/* \u4e09\u5757\u5e73\u7ea7\uff1a\u6807\u9898\u5728\u53f3\u5217\u7b2c\u4e00\u884c\u3001\u529f\u80fd\u533a\u5360\u6ee1\u5de6\u5217\u4e24\u884c\u3001\u8f6e\u64ad\u5728\u53f3\u5217\u7b2c\u4e8c\u884c\u3002\n   \u624b\u673a\u7aef\u8981\u628a\u987a\u5e8f\u6539\u6210 \u529f\u80fd\u533a \u2192 \u6807\u9898 \u2192 \u8f6e\u64ad\uff0c\u6240\u4ee5\u6807\u9898\u4e0d\u80fd\u5d4c\u5728\u8f6e\u64ad\u90a3\u4e2a\u5bb9\u5668\u91cc\u3002 *\/\n\/* grid-template-rows \u5fc5\u987b\u663e\u5f0f\u7ed9\uff1a\u4e24\u884c\u90fd\u662f auto \u65f6\uff0c\u8de8\u4e24\u884c\u7684\u5de6\u680f\u4e00\u65e6\u9ad8\u8fc7\u53f3\u680f\uff0c\n   Grid \u4f1a\u628a\u5bcc\u4f59**\u5e73\u644a**\u5230\u5b83\u8de8\u8fc7\u7684 auto \u884c\u4e0a\uff0c\u6807\u9898\u884c\u51ed\u7a7a\u591a\u51fa\u51e0\u5341\u5230\u4e0a\u767e px \u7684\u6b7b\u767d\u3002\n   2026-08-18 \u5b9e\u6d4b \/ai-photo-to-video \u56e0\u6b64\u5728\u6807\u9898\u4e0e\u8f6e\u64ad\u4e4b\u95f4\u591a\u51fa 99px\uff0c\u800c \/ai-anime-girl-generator\n   \u5de6\u680f\u77ee\u3001\u6ca1\u6709\u5bcc\u4f59\u6240\u4ee5\u6ca1\u8fd9\u4e2a\u6d1e\u2014\u2014\u540c\u4e00\u5957\u6a21\u677f\u4e24\u4e2a\u9875\u89c2\u611f\u4e0d\u4e00\u81f4\u7684\u5934\u53f7\u6839\u6e90\u3002 *\/\n.ail__hero{display:grid;grid-template-columns:var(--ail-rail-w) minmax(0,1fr);\n grid-template-rows:min-content 1fr;\n column-gap:var(--ail-gap);row-gap:0;align-items:start;}\n.ail__head{grid-column:2;grid-row:1;max-width:var(--ail-ba-max,760px);\n margin-left:auto;margin-right:auto;}  \/* \u4e0e\u8f6e\u64ad\u540c\u5bbd\u540c\u8f74\uff0c\u884c\u957f\u4e5f\u56de\u5230\u8212\u9002\u533a *\/\n.ail-rail{grid-column:1;grid-row:1 \/ span 2;}\n.ail__right{grid-column:2;grid-row:2;}\n\/* \u53ef\u9009\u9996\u5c4f\u53d8\u4f53\uff1a\u6807\u9898\u4e0e\u63cf\u8ff0\u6a2a\u8de8\u9876\u90e8\uff0c\u529f\u80fd\u533a\u548c\u6848\u4f8b\u8f6e\u64ad\u5728\u4e0b\u4e00\u884c\u5de6\u53f3\u5e76\u5217\u3002\n   \u9002\u5408\u9875\u9762\u5148\u5efa\u7acb\u4efb\u52a1\u8bed\u5883\u3001\u518d\u8ba9\u7528\u6237\u5728\u4e0a\u4f20\u63a7\u4ef6\u4e0e\u7ed3\u679c\u6848\u4f8b\u4e4b\u95f4\u6a2a\u5411\u6bd4\u8f83\u3002 *\/\n.ail__hero--header-top{grid-template-rows:min-content auto;row-gap:32px;}\n.ail__hero--header-top .ail__head{grid-column:1 \/ -1;grid-row:1;max-width:980px;\n margin-left:auto;margin-right:auto;text-align:center;}\n.ail__hero--header-top .ail-rail{grid-column:1;grid-row:2;}\n.ail__hero--header-top .ail__right{grid-column:2;grid-row:2;}\n.ail__hero--quiet .ail__h1{font-size:24px !important;font-weight:400 !important;line-height:32px !important;}\n.ail__hero--quiet .ail__h1 .breathing-title{font-size:inherit !important;\n line-height:inherit !important;font-weight:400 !important;}\n.ail__hero--quiet .ail__sub{font-size:16px !important;line-height:25px !important;font-weight:400 !important;}\n\/* \u26a0\ufe0f \u4e0d\u8981\u7ed9 `.ail-rail` \u52a0 `align-self:center`\u30022026-08-20 \u8bd5\u8fc7\u5e76\u88ab\u64cd\u4f5c\u8005\u5b9e\u62cd\u6253\u56de\u3002\n   \u52a8\u673a\u662f\u5bf9\u7684\u2014\u2014\u5de6\u680f\u6bd4\u53f3\u680f\u77ee\u65f6\uff0c\u5bcc\u4f59\u5168\u5806\u5728\u5e95\u90e8\u53d8\u6210\u4e00\u5927\u5757\u6b7b\u767d\n   \uff08`uncensored-ai-generator` \u5e95\u4e0b\u7a7a 332px\uff09\u3002\u4f46\u5c45\u4e2d\u628a\u5bcc\u4f59\u6539\u6210\u4e0a\u4e0b\u5404\u5206\u4e00\u534a\uff0c\n   \u4ee3\u4ef7\u662f**\u5de6\u680f\u9876\u90e8\u79bb\u5f00\u4e86\u6807\u9898\u7684\u6c34\u5e73\u7ebf**\uff1a\u4e24\u680f\u9876\u90e8\u539f\u672c\u9f50\u5e73\uff0c\u5c45\u4e2d\u540e\u5de6\u680f\u5361\u7247\u51ed\u7a7a\u4e0b\u6c89\uff0c\n   \u9996\u5c4f\u7b2c\u4e00\u773c\u5c31\u662f\u6b6a\u7684\u3002\u7528\u6237\u539f\u8bdd\u300c\u975e\u5e38\u96be\u770b\u300d\u3002\n   **\u5de6\u680f\u9876\u90e8\u4e0e\u53f3\u680f\u9876\u90e8\u5bf9\u9f50\u662f\u786c\u7ea6\u675f\uff0c\u4e0d\u662f\u53ef\u4ee5\u62ff\u6765\u6362\u9ad8\u5ea6\u5e73\u8861\u7684\u4f59\u91cf\u3002**\n   \u9ad8\u5ea6\u53ea\u80fd\u9760\u5de6\u680f\u5185\u90e8\u771f\u6b63\u53ef\u53d8\u7684\u90a3\u4e2a\u63a7\u4ef6\uff08\u63d0\u793a\u8bcd\u6846\uff09\u53bb\u8c03\uff0c\u89c1 upload-hook.js \u7684\n   `expandPrompt`\uff1b\u8c03\u4e0d\u5230\u5c31\u5982\u5b9e\u7559\u7740\u843d\u5dee\uff0c\u4e0d\u9760\u632a\u4f4d\u7f6e\u5236\u9020\"\u770b\u8d77\u6765\u5e73\u8861\"\u3002 *\/\n\/* ---------- \u5de6\u680f ---------- *\/\n.ail-rail{background:#fff;border:1px solid var(--ail-line);border-radius:var(--ail-radius);\n padding:16px;display:flex;flex-direction:column;gap:16px;\n \/* \u7ad9\u70b9\u7ec4\u4ef6\u662f LiteSpeed \u5ef6\u8fdf\u6302\u8f7d\u7684\uff0c\u6302\u8f7d\u90a3\u4e00\u523b\u5de6\u680f\u4f1a\u7a81\u7136\u957f\u9ad8\uff0c\u628a H1 \u548c\u8f6e\u64ad\u6574\u5757\u4e0b\u63a8\n    \uff08390px \u5b9e\u6d4b 488\u2192785\uff0c\u7ea6 297px \u4f4d\u79fb\uff0c\u4e14\u6b63\u597d\u53d1\u751f\u5728\u8bbf\u5ba2\u5f00\u59cb\u8bfb\u7684\u90a3\u4e00\u523b\uff09\u3002\n    wp_hero_controller \u91cc\u672c\u6765\u6709\u4e00\u6761 `.ima-controller-card{min-height:420px}` \u60f3\u5360\u4f4f\u8fd9\u6bb5\u9ad8\uff0c\n    \u4f46\u4e0a\u9762\u90a3\u6761 `display:contents` \u8ba9\u8be5\u5143\u7d20\u4e0d\u751f\u6210\u76d2\u5b50\uff0cmin-height \u65e0\u5904\u65bd\u52a0\u2014\u2014\n    **\u4e24\u6761\u5404\u81ea\u6b63\u786e\u7684\u89c4\u5219\u4e92\u76f8\u62b5\u6d88\uff0c\u9632\u62a4\u53d8\u6210 no-op \u4e4b\u540e\u6ca1\u4eba\u56de\u5934\u9a8c\u8bc1\u5b83\u8fd8\u751f\u4e0d\u751f\u6548**\u3002\n    \u9884\u7559\u5fc5\u987b\u5199\u5728\u771f\u7684\u4f1a\u751f\u6210\u76d2\u5b50\u7684\u5143\u7d20\u4e0a\uff0c\u4e5f\u5c31\u662f\u8fd9\u91cc\u3002 *\/\n min-height:var(--ail-rail-minh,480px);}\n\/* \u7ad9\u70b9\u7ec4\u4ef6\u628a\u4e0a\u4f20\u69fd \/ prompt \/ Generate \u5305\u5728\u81ea\u5df1\u7684\u5361\u7247\u91cc\uff0c\u6211\u7684\u6837\u4f8b\u884c\u5728\u5361\u7247\u5916\uff0c\u672c\u6765\u65e0\u6cd5\u4ea4\u9519\u3002\n   \u628a\u5916\u58f3\u8bbe\u6210 display:contents\uff0c\u5b83\u7684\u5b50\u5757\u5c31\u76f4\u63a5\u53c2\u4e0e .ail-rail \u7684 flex \u6392\u5e8f\u2014\u2014\u4e8e\u662f\u80fd\u6392\u6210\n   \u7ade\u54c1\u7684\u987a\u5e8f\uff1a\u4e0a\u4f20\u69fd \u2192 \u6837\u4f8b\u56fe \u2192 prompt \u2192 \u6837\u4f8b\u56fe \u2192 Generate \u2192 \u8bd5\u7528\u6761\u3002 *\/\n.ail-rail #ima-controller,.ail-rail .ima-controller-shell,\n.ail-rail .ima-controller-card,\n\/* \u4e24\u4e2a\u4e0a\u4f20\u69fd\u5404\u81ea\u8981\u8ddf\u81ea\u5df1\u7684\u6837\u4f8b\u884c\u76f8\u90bb\uff0c\u6240\u4ee5 .ima-upload \u548c\u5b83\u7684 grid \u4e5f\u8981\u644a\u5e73\uff0c\n   \u8ba9 .ima-upload-slot \u76f4\u63a5\u6210\u4e3a .ail-rail \u7684 flex item\u3002 *\/\n.ail-rail .ima-upload,.ail-rail .ima-upload-grid{display:contents !important;}\n.ail-rail>.ail-rail__head{order:0 !important;}\n.ail-rail .ima-bar{order:1 !important;}\n\/* \u6a21\u578b\u9009\u62e9\u5668\u4e0e\u6a21\u5f0f\u4e0b\u62c9\u90fd\u85cf\u4e86\uff0c\u88c5\u5b83\u4eec\u7684 .ima-bar \u5c31\u662f\u4e2a\u7a7a\u58f3\u2014\u2014\u4f46\u5b83\u4ecd\u662f flex item\uff0c\n   \u81ea\u5df1\u5360\u9ad8\u5ea6\u3001\u4e0a\u4e0b\u5404\u518d\u5403\u4e00\u4e2a 16px \u7684 gap\u3002\u6574\u6761\u85cf\u6389\u3002 *\/\n.ail-rail .ima-bar{display:none !important;}\n.ail-rail>.ail-slotlab--1{order:2 !important;}\n.ail-rail .ima-upload-slot:nth-of-type(1){order:3 !important;}\n.ail-rail>.ail-samples--1{order:4 !important;}\n.ail-rail>.ail-slotlab--2{order:5 !important;}\n.ail-rail .ima-upload-slot:nth-of-type(2){order:6 !important;}\n.ail-rail>.ail-samples--2{order:7 !important;}\n\/* \u586b\u69fd\u6a21\u5f0f\u7684\u5206\u7c7b\u7816\u6392\uff08style_row(mode=\"slot\")\uff09\u8ddf\u6837\u4f8b\u884c\u662f\u540c\u4e00\u4e2a\u4f4d\u7f6e\u8bed\u4e49\u2014\u2014\n   \u5b83\u5c31\u662f\u300c\u8fd9\u4e2a\u69fd\u7684\u7d20\u6750\u5e93\u300d\uff0c\u53ea\u662f\u5e26\u4e86\u5206\u7c7b\u548c View More\u3002\u6240\u4ee5\u8ddf .ail-samples--N\n   \u5171\u7528 order\uff0c\u7d27\u8ddf\u5728\u81ea\u5df1\u90a3\u4e2a\u69fd\u540e\u9762\u3002\n   \u26a0\ufe0f \u63d0\u793a\u8bcd\u6a21\u5f0f\u7684 .ail-styles **\u6545\u610f\u4e0d\u5728\u8fd9\u5f20\u8868\u91cc**\uff1a\u90a3\u662f\u9875\u9762\u7ea7\u7684\u98ce\u683c\u9009\u62e9\u5668\uff0c\n   \u4e0d\u5c5e\u4e8e\u4efb\u4f55\u4e00\u4e2a\u69fd\uff0c\u7559\u5728\u6807\u9898\u6b63\u4e0b\u65b9\u662f selfie \u9875\u7684\u73b0\u884c\u7248\u5f0f\uff08\u6e05\u5355 \u00a7\u5de6\u680f\u987a\u5e8f\uff09\u3002\n   \u7ed9\u5b83\u8865 order \u4f1a\u628a selfie \u9875\u7684\u9996\u5c4f\u987a\u5e8f\u6539\u6389\u2014\u2014\u4e24\u79cd\u6a21\u5f0f\u5728\u8fd9\u91cc\u5fc5\u987b\u5206\u5f00\u3002 *\/\n.ail-rail>.ail-styles--1{order:4 !important;}\n.ail-rail>.ail-styles--2{order:7 !important;}\n.ail-rail>.ail-rail__promptlab{order:7 !important;margin-top:4px;}\n.ail-rail .ima-prompt-wrap{order:8 !important;}\n\/* \u63d0\u793a\u8bcd\u6846\u5728\u624b\u673a\u7aef\u662f\u9996\u5c4f\u6700\u5927\u7684\u4e00\u5757\uff0c\u8981\u8ddf\u300c\u6807\u9898 + \u8f6e\u64ad\u4e0a\u6cbf\u8fdb\u4e0d\u8fdb\u5f97\u4e86\u9996\u5c4f\u300d\u62a2\u7a7a\u95f4\u3002\n   \u26a0\ufe0f \u503c\u5fc5\u987b\u662f **\u884c\u9ad8\u6574\u6570\u500d + \u4e0a\u4e0b padding**\uff0c\u4e0d\u80fd\u76f4\u63a5\u5199\u89c6\u89c9\u4f30\u8ba1\u503c\u3002\n   box-sizing \u662f border-box\uff0cpadding 15(\u4e0a) + 22(\u4e0b) = 37 \u90fd\u7b97\u5728 max-height \u91cc\uff1a\n   \u539f\u6765\u7684 96 \u7559\u7ed9\u5185\u5bb9 96\u221237 = 59px = **2.68 \u884c**\uff0c\u7b2c 3 \u884c\u53ea\u9732\u51fa 15px\uff0c\u88ab\u62e6\u8170\u5207\u5728\n   \u5b57\u5f62\u4e2d\u95f4\uff1b72 \u540c\u7406\u662f 1.59 \u884c\u30022026-08-20 \u64cd\u4f5c\u8005\u624b\u673a\u5b9e\u62cd\u5708\u51fa\u3002\n   \u7b97\u6cd5\uff1aN \u884c \u2192 N\u00d722 + 37\u30022 \u884c = 81\uff0c3 \u884c = 103\uff0c5 \u884c = 147\uff0c6 \u884c = 169\u3002\n\n   \u4e3a\u4ec0\u4e48\u662f 5 \u884c\uff1a\u539f\u6ce8\u91ca\u5199\u300c\u538b\u5230 3 \u884c\uff0c\u5426\u5219 H1 \u548c\u6837\u7247\u88ab\u9876\u5230\u6298\u7ebf\u4ee5\u4e0b\u300d\u2014\u2014\u90a3\u662f\u5728\n   96px \u4e14\u6ca1\u7b97 padding \u7684\u9519\u8bef\u57fa\u7ebf\u4e0a\u505a\u7684\u5224\u65ad\u30022026-08-20 \u5728 390\u00d7844 \u9010\u6863\u5b9e\u6d4b\uff0c\n   \u6807\u9898\u548c Generate **\u5230 8 \u884c\u90fd\u4ecd\u5728\u9996\u5c4f\u5185**\uff0c\u4ee3\u4ef7\u53ea\u662f\u8f6e\u64ad\u9732\u51fa\u7684\u4e0a\u6cbf\u53d8\u5c11\uff1a\n   3 \u884c\u9732 118px\u30015 \u884c\u9732 74px\u30016 \u884c\u9732 52px\u30018 \u884c\u53ea\u5269 8px\u3002\n   3 \u884c\u7684 118px \u662f\u5bcc\u4f59\u4e0d\u662f\u5fc5\u9700\uff1b5 \u884c\u8ba9\u63d0\u793a\u8bcd\u591a\u8bfb 67% \u7684\u5185\u5bb9\uff0c\u8f6e\u64ad\u4ecd\u9732 74px\n   \u8db3\u591f\u6697\u793a\u300c\u4e0b\u9762\u53ef\u4ee5\u6ed1\u300d\uff0c\u8ddd\u79bb 8 \u884c\u90a3\u4e2a\u4e34\u754c\u70b9\u8fd8\u7559\u4e24\u884c\u7f13\u51b2\uff08\u5b57\u53f7\u53d8\u5316 \/ \u6807\u9898\u53d8\u957f \/\n   360px \u7a84\u5c4f\u884c\u6570\u4f1a\u6da8\uff09\u3002\u4e0d\u8981\u8d85\u8fc7 6 \u884c\u3002 *\/\n@media (max-width:600px){\n .ail-rail .ima-prompt-wrap textarea,.ail-rail .ima-prompt textarea,\n .ail-rail textarea.ima-prompt{min-height:81px !important;max-height:147px !important;}\n \/* \u4e0a\u4f20\u69fd\u5728\u624b\u673a\u7aef\u662f\u5de6\u680f\u7b2c\u4e8c\u5927\u7684\u4e00\u5757\u3002390px \u5bbd\u4e0b\u5b83\u9ed8\u8ba4\u7ea6 170px \u9ad8\uff0c\u548c\u63d0\u793a\u8bcd\u6846\u4e00\u8d77\n    \u628a H1 \u4e0e\u6837\u7247\u5168\u90e8\u9876\u5230\u6298\u7ebf\u4ee5\u4e0b\u2014\u2014\u8bbf\u5ba2\u7b2c\u4e00\u5c4f\u53ea\u770b\u5230\u300c\u4e00\u4e2a\u7a7a\u6846\u300d\uff0c\u62ff\u4e0d\u5230\n    \u300c\u8fd9\u9875\u505a\u4ec0\u4e48 \/ \u7ed3\u679c\u957f\u4ec0\u4e48\u6837\u300d\u3002\u538b\u5230 120px \u4ecd\u7136\u662f\u4e00\u4e2a\u8db3\u591f\u5927\u7684\u62d6\u62fd\u76ee\u6807\u3002 *\/\n .ail-rail .ima-upload-slot{min-height:120px !important;}\n .ail-rail .ima-upload-slot .ima-upload-placeholder{padding:8px 0 !important;}\n}\n\/* \u8ba1\u6570\u5668\uff08303 \/ 2000\uff09\u538b\u5728\u6b63\u6587\u6700\u540e\u4e00\u884c\u4e0a\uff0c\u4e14\u6700\u540e\u4e00\u884c\u88ab\u5207\u5728\u5b57\u5f62\u4e2d\u95f4\u3002\n   \u7ed9\u51fa\u884c\u9ad8\u6574\u6570\u500d\u7684\u9ad8\u5ea6\u4e0e\u5e95\u90e8\u7559\u767d\uff0c\u8ba9\u622a\u65ad\u843d\u5728\u884c\u95f4\u3001\u8ba1\u6570\u5668\u6709\u81ea\u5df1\u7684\u4f4d\u7f6e\u3002 *\/\n.ail-rail .ima-prompt-wrap textarea,.ail-rail textarea.ima-prompt{\n line-height:22px !important;padding-bottom:22px !important;}\n.ail-rail .ima-footer{order:9 !important;}\n\/* \u7ec4\u4ef6\u81ea\u5df1\u7684 Generate \u85cf\u6389\u2014\u2014\u5b83\u7684\u6821\u9a8c\u8bfb\u7684\u662f\u7ec4\u4ef6\u5185\u90e8\u72b6\u6001\uff0c\u800c\u6211\u4eec\u7528\u94fe\u63a5\u5f0f\u9009\u4e2d\uff0c\n   \u90a3\u4e2a\u72b6\u6001\u6c38\u8fdc\u662f\u7a7a\u7684\u3002\u4f4d\u7f6e\u7531\u81ea\u5efa\u6309\u94ae\u63a5\u7ba1\uff08\u540c\u6837 order:9\uff09\u3002 *\/\n.ail-rail .ima-footer{display:none !important;}\n\/* \u8f93\u51fa\u5c3a\u5bf8\u662f**\u5bf9\u672c\u6b21\u751f\u6210\u7684\u914d\u7f6e**\uff0c\u4e0d\u662f\u8f93\u5165\u9879\uff0c\u6240\u4ee5\u6392\u5728\u6240\u6709\u8f93\u5165\u4e4b\u540e\u3001Generate \u6b63\u4e0a\u65b9\u3002\n   \u6ca1\u6709\u8fd9\u6761\u65f6 .ail-ratios \u4e0d\u5728 order \u8868\u91cc\uff0c\u9ed8\u8ba4 order:0 \u4f1a\u98d8\u5230\u6807\u9898\u6b63\u4e0b\u65b9\u2014\u2014\n   \u8bbf\u5ba2\u8fd8\u6ca1\u4f20\u56fe\u5c31\u5148\u88ab\u95ee\u8981\u591a\u5927\uff0c\u987a\u5e8f\u5b8c\u5168\u53cd\u4e86\u30022026-08-15 \u64cd\u4f5c\u8005\u5728\u771f\u673a\u4e0a\u5708\u51fa\u3002 *\/\n.ail-rail>.ail-ratios{order:9 !important;}\n.ail-rail>.ail-choice{order:8 !important;}\n.ail-rail>.ail-err{order:10 !important;}\n.ail-rail>.ail-gen{order:11 !important;}\n.ail-rail>.ail-trial{order:12 !important;}\n\/* \u5fc5\u586b\u6821\u9a8c\u7684\u53cd\u9988\u3002\u7a7a\u6001\u4e0d\u5360\u4f4d\uff08hidden\uff09\uff0c\u62a5\u9519\u65f6\u624d\u51fa\u73b0\uff0c\u5e76\u7ed9\u5bf9\u5e94\u69fd\u63cf\u4e00\u5708\u7ea2\u3002 *\/\n.ail-err{margin:0 !important;padding:8px 10px;border-radius:6px;\n background:#FFF1F5;color:var(--ail-acc);font-size:13px;line-height:1.4;}\n.ail-err[hidden]{display:none !important;}\n\/* \u51fa\u9519\u7684\u69fd\u8981\u4e00\u773c\u770b\u5f97\u51fa\u6765\u3002\u865a\u7ebf\u7c89\u5e95\u672c\u6765\u5c31\u662f\u7a7a\u6001\u5916\u89c2\uff0c\u53ea\u628a\u5b83\u7684\u7c89\u8c03\u6df1\u4e00\u6863\u7b49\u4e8e\u6ca1\u6807\u2014\u2014\n   \u6539\u6210\u5b9e\u7ebf\u52a0\u7c97\u63cf\u8fb9\uff0c\u8ddf\u9759\u7f6e\u6001\u5728\u300c\u7ebf\u578b\u300d\u4e0a\u5c31\u5206\u5f00\uff0c\u4e0d\u4f9d\u8d56\u4e24\u4e2a\u76f8\u8fd1\u7c89\u8272\u7684\u8272\u5dee\u3002 *\/\n.ail-rail .ima-upload-slot.is-bad .ima-upload-card{border-style:solid !important;\n border-width:2px !important;border-color:var(--ail-acc) !important;\n background:#FFE8EF !important;}\n\/* \u63d0\u793a\u8bcd\u6846\u5728\u90e8\u5206\u573a\u666f\u4e0d\u9700\u8981\u9732\u51fa\uff08\u53cc\u69fd\u6362\u88c5\uff1a\u56fe 2 \u672c\u8eab\u5c31\u662f\u89c4\u683c\uff0c\u6587\u5b57\u53ea\u4f1a\u8ddf\u5b83\u6253\u67b6\uff09\u3002\n   \u53ea\u85cf\u4e0d\u5220\u2014\u2014DOM \u91cc\u4ecd\u5728\uff0cON_GENERATE \u7167\u65e7\u8bfb\u5b83\u7684\u503c\u5e26\u8fdb p \u53c2\u6570\uff0c\u7ec4\u4ef6\u672c\u8eab\u4e0d\u53d7\u5f71\u54cd\u3002 *\/\n.ail-rail--noprompt .ima-prompt-wrap{display:none !important;}\n.ail-rail .ima-generate{display:flex !important;align-items:center;justify-content:center;\n width:100% !important;height:var(--ail-btn-h) !important;min-height:0 !important;\n padding:8px 16px !important;border-radius:var(--ail-radius) !important;\n background:var(--ail-acc) !important;background-image:none !important;color:#fff !important;\n font-family:inherit !important;font-size:16px !important;font-weight:500 !important;\n text-decoration:none !important;box-shadow:none !important;}\n.ail-rail .ima-generate[aria-disabled=\"true\"]{opacity:.55;}\n\/* \u9009\u4e2d\u540e\u7684\u9884\u89c8\u6846\u3002\u5bf9\u7740\u7ade\u54c1\u9010\u6761\u5bf9\uff1a\n   \u2460 \u56fe\u8981\u586b\u6ee1\u6846\u9ad8\u2014\u2014\u4e4b\u524d max-height:140 \u5361\u5728 172 \u7684\u6846\u91cc\uff0c\u4e0a\u4e0b\u5404\u7559 16px \u6b7b\u767d\n   \u2461 hover \u4e0d\u662f\u5e95\u90e8\u538b\u4e00\u6761\u6a2a\u6761\uff0c\u800c\u662f\u6574\u6846\u53d8\u7070 + \u5c45\u4e2d\u767d\u80f6\u56ca + \u53f3\u4e0a\u89d2\u7ea2\u8272\u5706\u5f62\u5220\u9664\u952e\n   \u2462 hover \u65f6\u865a\u7ebf\u8fb9\u52a0\u7c97\u53d8\u4eae\uff0c\u9759\u7f6e\u65f6\u6de1 *\/\n.ail-rail .ima-upload-card{position:relative !important;\n border:1px dashed #F9A8C4 !important;border-radius:var(--ail-radius) !important;\n background:#FFF7FA !important;padding:8px !important;min-height:172px !important;\n display:flex !important;align-items:center !important;justify-content:center !important;\n transition:background .15s ease,border-color .15s ease;}\n.ail-rail .ima-upload-card:hover{background:#E5E5E5 !important;\n border-color:var(--ail-acc) !important;border-width:2px !important;}\n.ail-rail .ima-upload-preview{object-fit:contain !important;width:100% !important;\n height:156px !important;max-height:none !important;border-radius:0 !important;}\n\/* \u300cReplace image\u300d\u6539\u6210\u5c45\u4e2d\u767d\u80f6\u56ca\u3002\u6587\u6848\u4e5f\u6362\u6389\u2014\u2014\u7ade\u54c1\u5199\u7684\u662f\u300cClick or drag to change\u300d\uff0c\n   \u8bf4\u660e\u7684\u662f\u4e24\u79cd\u64cd\u4f5c\uff0c\u4e0d\u53ea\u662f\u66ff\u6362\u3002\u7ec4\u4ef6\u6587\u6848\u6539\u4e0d\u4e86\uff0c\u7528 font-size:0 + ::after \u6362\u3002 *\/\n\/* \u26a0\ufe0f \u7ec4\u4ef6\u7ed9\u5b83\u7684\u5b9a\u4f4d\u662f inset:0\u3002\u53ea\u8986\u76d6 left\/top \u4f1a\u7559\u4e0b right\/bottom:0\uff0c\u76d2\u5b50\u5c31\u4ece\u4e2d\u5fc3\u4e00\u76f4\n   \u6491\u5230\u6846\u7684\u53f3\u4e0b\u89d2\u2014\u2014\u6e32\u67d3\u6210\u4e00\u4e2a\u5de8\u5927\u7684\u767d\u86cb\u3002\u56db\u8fb9\u90fd\u8981\u663e\u5f0f\u53d6\u6d88\u3002 *\/\n.ail-rail .ima-upload-replace{position:absolute !important;inset:auto !important;\n left:50% !important;top:50% !important;right:auto !important;bottom:auto !important;\n width:auto !important;height:auto !important;line-height:1 !important;\n transform:translate(-50%,-50%) !important;opacity:0;transition:opacity .15s ease;\n background:#fff !important;color:#374151 !important;border-radius:999px !important;\n padding:10px 22px !important;font-size:0 !important;white-space:nowrap;\n box-shadow:0 2px 10px rgba(0,0,0,.10) !important;}\n.ail-rail .ima-upload-replace::after{content:'Click or drag to change';font-size:15px;\n font-weight:500;}\n.ail-rail .ima-upload-card:hover .ima-upload-replace{opacity:1 !important;}\n\/* \u53f3\u4e0a\u89d2\u7ea2\u8272\u5706\u5f62\u5220\u9664\u952e\u2014\u2014\u7ec4\u4ef6\u672c\u6765\u5c31\u6709 .ima-upload-remove\uff0c\u53ea\u662f\u9ed8\u8ba4\u6837\u5f0f\u4e0d\u662f\u8fd9\u4e2a\u5f62\u72b6 *\/\n.ail-rail .ima-upload-remove{position:absolute !important;right:12px !important;top:12px !important;\n width:40px !important;height:40px !important;border-radius:999px !important;\n background:var(--ail-acc) !important;color:#fff !important;font-size:18px !important;\n align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;\n display:flex !important;cursor:pointer;}\n.ail-rail .ima-upload-card:hover .ima-upload-remove{opacity:1 !important;}\n\/* \u4e0a\u4f20\u56fe\u6807\u53f3\u4e0b\u89d2\u90a3\u4e2a\u300c+\u300d\u89d2\u6807\u53bb\u6389\u2014\u2014\u7a7a\u6001\u91cc\u56fe\u6807 + \u300cOr drag image here\u300d\u5df2\u7ecf\u8bf4\u6e05\u695a\u4e86\uff0c\n   \u89d2\u6807\u53ea\u662f\u591a\u4e00\u4e2a\u770b\u4e0d\u61c2\u7684\u5c0f\u9ed1\u70b9\u3002 *\/\n.ail-rail .ima-upload-plus{display:none !important;}\n.ail-rail__head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;\n padding-bottom:12px;border-bottom:1px solid var(--ail-line);}\n.ail-rail__lab{display:block;font-size:14px;font-weight:500;color:var(--ail-ink);margin:0 0 8px;}\n.ail-rail__lab i{font-style:normal;color:var(--ail-acc);}\n.ail-rail__sublab{display:block;font-size:12px;color:var(--ail-mut);margin:10px 0 6px;}\n.ail-slotlab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;\n font-size:14px;font-weight:500;color:var(--ail-ink);margin:0 0 -8px;}\n.ail-slotlab__name{min-width:0;}\n.ail-slotlab i{font-style:normal;color:var(--ail-acc);}\n.ail-slotlab__link{color:var(--ail-acc);font-size:12px;font-weight:500;line-height:1.4;\n text-decoration:none;white-space:nowrap;}\n.ail-slotlab__link:hover{text-decoration:underline;}\n.ail-slotlab__link:focus-visible{outline:2px solid var(--ail-acc);outline-offset:3px;border-radius:3px;}\n.ail-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0;}\n.ail-thumb{padding:0 !important;border:2px solid transparent !important;border-radius:6px;\n overflow:hidden;background:#f3f4f6 !important;cursor:pointer;line-height:0;\n min-width:0 !important;width:100%;box-shadow:none !important;}\n\/* \u6bd4\u4f8b\u7531 sample_row() \u6309\u7d20\u6750\u771f\u5b9e\u5bbd\u9ad8\u5185\u8054\u4e0b\u53d1\uff08\u89c1 wp_lp_blocks._ratio_bucket\uff09\u3002\n   \u8fd9\u91cc**\u4e0d\u7559\u515c\u5e95\u5e38\u91cf**\uff1a\u539f\u6765\u5199\u6b7b 46\/85\uff0c\u73b0\u5728\u867d\u88ab\u5185\u8054\u6837\u5f0f\u538b\u4f4f\uff0c\u4f46\u54ea\u5929\u5185\u8054\u6ca1\u4e0b\u53d1\n   \u5c31\u4f1a\u9759\u9ed8\u56de\u5230\u7ad6\u7248\u6846\uff0c\u6a2a\u7248\u7d20\u6750\u518d\u88ab\u5207\u6389 60% \u2014\u2014 \u90a3\u6b63\u662f EL-026 \u6293\u5230\u7684\u90a3\u4e2a\u6d1e\u3002\n   1\/1 \u662f\u300c\u6ca1\u62ff\u5230\u771f\u5b9e\u503c\u65f6\u6700\u4e0d\u504f\u5fc3\u300d\u7684\u4e00\u6863\uff0c\u4e14\u660e\u663e\u4e0d\u5bf9\u65f6\u8089\u773c\u4e00\u773c\u770b\u5f97\u51fa\u6765\u3002 *\/\n.ail-thumb img{width:100%;aspect-ratio:1\/1;object-fit:cover;display:block;}\n.ail-thumb.is-on{border-color:var(--ail-acc) !important;}\n.ail-more{display:flex;align-items:center;justify-content:center;font-size:12px;\n color:var(--ail-mut);text-decoration:none;}\n.ail-more--btn{border:1px dashed var(--ail-line) !important;border-radius:6px;\n background:#fff !important;cursor:pointer;padding:0 4px !important;box-shadow:none !important;\n font-family:inherit;line-height:1.2;\n \/* \u4e3b\u9898\u7ed9 button \u5f3a\u5236\u4e86 color:#fff\uff0c\u4e0d\u5e26 !important \u4f1a\u53d8\u6210\u767d\u5b57\u767d\u5e95\u2014\u2014\n    \u8fd9\u4e00\u9875\u6240\u6709\u81ea\u5efa\u6309\u94ae\u7684\u6587\u5b57\u8272\u90fd\u5fc5\u987b !important\uff08.ail-btn \u65e9\u5c31\u8fd9\u4e48\u5e72\u4e86\uff09\u3002 *\/\n color:var(--ail-mut) !important;}\n\/* ---------- \u6bd4\u4f8b\u9009\u62e9\u6761 ---------- *\/\n.ail-ratios__row{display:flex;flex-wrap:wrap;gap:6px;}\n.ail-ratio{font-size:12px;line-height:1;padding:7px 10px !important;border-radius:999px;\n border:1px solid var(--ail-line) !important;background:#fff !important;\n color:var(--ail-mut) !important;cursor:pointer;font-family:inherit;box-shadow:none !important;}\n.ail-ratio.is-on{background:var(--ail-acc) !important;border-color:var(--ail-acc) !important;\n color:#fff !important;}\n\/* Agent Skill \u7684\u7ed3\u6784\u5316\u9009\u9879\u3002\u5f62\u6001\u4e0e\u6bd4\u4f8b\u6761\u4e00\u81f4\uff0c\u5b57\u6bb5\u548c\u503c\u6765\u81ea Skill \u6a21\u677f\u3002 *\/\n.ail-choice__row{display:flex;flex-wrap:wrap;gap:6px;}\n.ail-choice__option{font-size:12px;line-height:1;padding:7px 10px !important;border-radius:999px;\n border:1px solid var(--ail-line) !important;background:#fff !important;color:var(--ail-mut) !important;\n cursor:pointer;font-family:inherit;box-shadow:none !important;}\n.ail-choice__option.is-on{background:var(--ail-ink) !important;border-color:var(--ail-ink) !important;\n color:#fff !important;}\n\/* ---------- \u98ce\u683c\u9009\u62e9 ---------- *\/\n\/* \u8fd9\u4e00\u6392\u63a5\u66ff\u4e86\u53cc\u69fd\u9875\u91cc\u7b2c\u4e8c\u4e2a\u4e0a\u4f20\u69fd\u7684\u6837\u4f8b\u884c\u3002\u7816\u662f 9:16 \u7ad6\u7248\u2014\u2014\u8ddf\u51fa\u56fe\u7684\u9ed8\u8ba4\u53d6\u5411\u4e00\u81f4\uff0c\n   \u4e5f\u8ddf Before\/After \u7684\u5355\u5757\u540c\u5f62\uff0c\u4e09\u5904\u4fdd\u6301\u540c\u4e00\u4e2a\u89c6\u89c9\u8282\u594f\u3002 *\/\n.ail-styles__row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}\n.ail-style{padding:0 !important;border:2px solid transparent !important;border-radius:6px;\n overflow:hidden;background:#f3f4f6 !important;cursor:pointer;line-height:0;min-width:0;\n box-shadow:none !important;position:relative;display:block;}\n.ail-style img{width:100%;aspect-ratio:9\/16;object-fit:cover;display:block;}\n\/* \u89c6\u9891\u7816\uff08style.video\uff09\uff1a\u9ed8\u8ba4 style_row\/\u5f39\u7a97\u91cc\u4e5f\u7528 3:4 \u7ad6\u7248\u70b9\u64ad\u7f29\u7565\u56fe\u3002 *\/\n.ail-style video{width:100%;aspect-ratio:3\/4;object-fit:cover;display:block;background:#000;}\n.ail-style span{position:absolute;left:0;right:0;bottom:0;padding:10px 2px 3px;font-size:9px;\n line-height:1.15;color:#fff !important;text-align:center;\n background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0));\n white-space:normal;overflow:hidden;word-break:break-word;}\n.ail-style.is-on{border-color:var(--ail-acc) !important;}\n.ail-styles__sel{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;}\n.ail-styles__selname{font-weight:500;color:var(--ail-ink);}\n.ail-styles__selname::before{content:\"Style: \";font-weight:400;color:var(--ail-mut);}\n.ail-styles__selink{color:var(--ail-acc) !important;text-decoration:none;}\n\/* ---------- \u98ce\u683c\u5f39\u7a97 ---------- *\/\n.ail-noscroll{overflow:hidden;}\n.ail-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;\n justify-content:center;padding:20px;}\n.ail-modal[hidden]{display:none;}\n.ail-modal__mask{position:absolute;inset:0;background:rgba(17,24,39,.55);}\n.ail-modal__box{position:relative;width:min(980px,100%);max-height:86vh;display:flex;\n flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;\n font-family:var(--ail-font);}\n.ail-modal__head{display:flex;align-items:center;justify-content:space-between;\n padding:16px 20px;font-size:16px;font-weight:500;color:var(--ail-ink);\n border-bottom:1px solid var(--ail-line);}\n.ail-modal__x{border:0 !important;background:transparent !important;font-size:24px;\n line-height:1;color:var(--ail-mut) !important;cursor:pointer;padding:0 !important;\n box-shadow:none !important;}\n.ail-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0;}\n.ail-tab{font-size:13px;line-height:1;padding:9px 14px !important;border-radius:999px;\n border:0 !important;background:#F3F4F6 !important;color:var(--ail-ink) !important;\n cursor:pointer;font-family:inherit;box-shadow:none !important;}\n.ail-tab.is-on{background:var(--ail-acc) !important;color:#fff !important;}\n.ail-modal__body{padding:16px 20px 20px;overflow-y:auto;}\n.ail-modal__group{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}\n.ail-modal__group[hidden]{display:none;}\n.ail-modal__group .ail-style span{font-size:12px;padding:14px 6px 6px;}\n.ail-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;\n height:var(--ail-btn-h);padding:8px 16px !important;border:0 !important;border-radius:var(--ail-radius);\n background:var(--ail-acc) !important;color:#fff !important;font-family:inherit;font-size:16px;\n font-weight:500;cursor:pointer;box-shadow:none !important;}\n.ail-btn:hover{filter:brightness(.95);}\n.ail-btn.ail-gen.is-loading{position:relative;overflow:hidden;cursor:wait;filter:none !important;\n opacity:.96;isolation:isolate;}\n.ail-btn.ail-gen.is-loading::before{content:\"\";width:16px;height:16px;flex:0 0 16px;\n border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;\n animation:ail-generate-spin .72s linear infinite;}\n.ail-btn.ail-gen.is-loading::after{content:\"\";position:absolute;inset:0;pointer-events:none;\n background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.22) 50%,transparent 72%);\n transform:translateX(-120%);animation:ail-generate-sheen 1.15s ease-in-out infinite;}\n@keyframes ail-generate-spin{to{transform:rotate(360deg);}}\n@keyframes ail-generate-sheen{to{transform:translateX(120%);}}\n@media (prefers-reduced-motion:reduce){.ail-btn.ail-gen.is-loading::before,\n .ail-btn.ail-gen.is-loading::after{animation:none;}.ail-btn.ail-gen.is-loading::before{\n border-top-color:rgba(255,255,255,.72);}}\n.ail-trial{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;\n border-radius:var(--ail-radius);background:#F9FAFB;color:var(--ail-mut);font-size:13px;}\n\/* ---------- \u53f3\u680f\u6807\u9898 ---------- *\/\n.ail__head{text-align:center;margin-bottom:24px;}\n.ail__h1{font-size:36px;font-weight:500;line-height:40px;color:var(--ail-ink);}\n.ail__sub{margin-top:12px !important;font-size:18px;line-height:28px;color:var(--ail-mut);}\n\/* ---------- Before\/After \u8f6e\u64ad ---------- *\/\n\/* ---------- Before\/After \u8f6e\u64ad\uff08\u6a2a\u5411\u6ed1\u52a8\uff09 ---------- *\/\n\/* \u6574\u6761\u8f68\u9053\u6a2a\u5411\u4f4d\u79fb\uff0c\u6bcf\u6b21\u9732\u51fa\u4e0b\u4e00\u5f20\u2014\u2014\u4e0d\u662f\u6de1\u5165\u6de1\u51fa\u3002\n   \u8f68\u9053\u76d2\u5b50\u5bbd\u5ea6 = \u5bb9\u5668\u5bbd\u5ea6\uff0c\u6240\u4ee5 translateX(-100%) \u6b63\u597d\u8d70\u4e00\u5c4f\u3002\n   \u672b\u5c3e\u591a\u6302\u4e00\u5f20\u7b2c 1 \u5e27\u7684\u526f\u672c\uff1a\u52a8\u753b\u8d70\u5230 -N*100% \u65f6\u770b\u5230\u7684\u662f\u526f\u672c\uff0c\n   \u4e0b\u4e00\u8f6e\u4ece 0% \u91cd\u65b0\u5f00\u59cb\u53c8\u662f\u771f\u7684\u7b2c 1 \u5e27\uff0c\u753b\u9762\u4e00\u81f4\uff0c\u6240\u4ee5\u5faa\u73af\u770b\u4e0d\u51fa\u63a5\u7f1d\u3002 *\/\n.ail-ba{position:relative;overflow:hidden;max-width:var(--ail-ba-max,760px);margin-left:auto;margin-right:auto;}\n.ail-ba__track{display:flex;width:100%;will-change:transform;}\n.ail-ba__slide{flex:0 0 100%;min-width:0;}\n.ail-ba__slide img,.ail-ba__slide video{width:100%;height:auto;display:block;\n border-radius:var(--ail-radius);}\n\/* \u8bbf\u5ba2\u81ea\u5df1\u7ffb\u9875\u540e\uff1a\u505c\u6389\u52a8\u753b\uff0c\u6539\u7528\u4e00\u6b21\u6027\u8fc7\u6e21\uff0c\u4f4d\u7f6e\u7531\u5185\u8054 transform \u51b3\u5b9a *\/\n.ail-ba.is-manual .ail-ba__track{animation:none !important;\n transition:transform .45s cubic-bezier(.4,0,.2,1);}\n.ail-ba__nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;\n border:0 !important;border-radius:var(--ail-radius);background:#1F2937 !important;color:#fff !important;\n font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;\n justify-content:center;padding:0 !important;box-shadow:none !important;}\n.ail-ba__nav--prev{left:12px;} .ail-ba__nav--next{right:12px;}\n\/* \u4e0a\u4e0b\u5806\u53e0\u7684\u5bf9\u7167\u56fe\uff1a\u4e24\u5e45\u7684\u63a5\u7f1d\u6b63\u597d\u5728\u5782\u76f4\u4e2d\u70b9\uff0cAfter \u89d2\u6807\u5c31\u8d34\u5728\u63a5\u7f1d\u4e0b\u65b9\u5de6\u4fa7\uff0c\n   \u4e8e\u662f `top:50%` \u7684\u5de6\u7bad\u5934\u628a\u5b83\u6574\u5757\u76d6\u4f4f\u2014\u2014\u4e0b\u534a\u5e45\u5728\u9875\u9762\u4e0a\u4e00\u4e2a\u6807\u7b7e\u90fd\u6ca1\u6709\u3002\n   `top:50%` \u662f\u7ed9\u5de6\u53f3\u5e76\u6392\u6784\u56fe\u5199\u7684\uff08\u90a3\u65f6\u4e2d\u70b9\u662f\u7eaf\u56fe\u50cf\u533a\uff09\uff0c\u5806\u53e0\u6784\u56fe\u5f15\u5165\u540e\u6ca1\u8ddf\u7740\u6539\uff0c\n   \u53c8\u4e00\u5904\u300c\u5e38\u91cf\u53ea\u5728\u5199\u5b83\u65f6\u90a3\u79cd\u5f62\u6001\u4e0b\u6210\u7acb\u300d\uff08EL-026\uff09\u3002\n   \u5224\u636e\u7528 `--ail-ba-max`\uff1a\u5b83\u53ea\u5728\u975e 16:9 \u7d20\u6750\u4e0a\u4e0b\u53d1\uff0c\u800c\u5806\u53e0\u56fe\u5fc5\u7136\u843d\u5728\u7a84\u6863\u3002 *\/\n.ail__hero--stack .ail-ba__nav{top:25%;}\n.ail-ba__dots{display:flex;justify-content:center;gap:8px;margin-top:16px;}\n\/* \u26a0\ufe0f background \u4e0d\u80fd\u5e26 !important\uff1a\u7ea7\u8054\u91cc important author \u58f0\u660e**\u9ad8\u4e8e animation \u58f0\u660e**\uff0c\n   \u5e26\u4e86\u5c31\u628a\u5706\u70b9\u81ea\u5df1\u90a3\u5957 keyframes \u7684 background \u5168\u90e8\u538b\u6389\u2014\u2014\u8868\u73b0\u662f\u300c\u7c89\u70b9\u6052\u5b9a\u505c\u5728\u7b2c 1 \u4e2a\uff0c\n   \u800c\u5bbd\u5ea6\u6761\u5728\u6b63\u786e\u7684\u90a3\u4e00\u4e2a\u4e0a\u300d\uff0c\u4e24\u4e2a\u901a\u9053\u5404\u8bf4\u5404\u8bdd\u3002\u538b\u4e3b\u9898\u6837\u5f0f\u6539\u7528\u63d0\u9ad8\u7279\u5f02\u6027\u3002\n   \u540c\u7406 .is-on \u53ea\u5728\u624b\u52a8\u6001\u751f\u6548\uff1a\u81ea\u52a8\u64ad\u653e\u65f6\u4f4d\u7f6e\u7531 keyframes \u8bf4\u4e86\u7b97\u3002 *\/\n.ail-ba__dots .ail-ba__dot{width:8px;height:8px;border-radius:999px;border:0 !important;\n padding:0 !important;background:#D1D5DB;cursor:pointer;box-shadow:none !important;}\n.ail-ba.is-manual .ail-ba__dots .ail-ba__dot.is-on{width:24px;background:var(--ail-acc);}\n\/* ---------- \u901a\u7528\u6bb5\u843d ---------- *\/\n.ail-sec{margin-top:72px;}\n.ail-sec__h2{font-size:30px;font-weight:600;line-height:36px;text-align:center;}\n.ail-sec__lead{margin-top:12px !important;font-size:16px;line-height:26px;color:var(--ail-mut);\n text-align:center;}\n.ail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;}\n.ail-step{position:relative;border:1px solid var(--ail-line);border-radius:var(--ail-radius);\n padding:32px 24px 24px;text-align:center;background:#fff;}\n.ail-step__n{position:absolute;left:16px;top:12px;font-size:20px;font-weight:600;\n color:#D1D5DB;}\n.ail-step__ico{width:44px;height:44px;margin:0 auto 14px;border-radius:999px;\n background:var(--ail-acc);display:flex;align-items:center;justify-content:center;color:#fff;\n font-size:20px;}\n.ail-step__t{font-size:16px;font-weight:600;}\n.ail-step__b{margin-top:8px !important;font-size:13px;line-height:20px;color:var(--ail-mut);}\n\/* \u957f\u5c3e\u4ea4\u66ff\u884c\u3002\u5168\u90e8\u6570\u503c\u6765\u81ea\u53c2\u8003\u9875 getComputedStyle \u5b9e\u6d4b\uff0c\u4e0d\u662f\u4f30\u7684\uff1a\n   \u56fe 624x351 \u65e0\u5706\u89d2\u3001\u6807\u9898 24\/500\/32\u3001\u6b63\u6587 16\/24\u3001CTA \u9ad8 60 \u5b57\u53f7 20 padding 16\/40 \u5168\u5706\u89d2\u3002\n   \u56fe**\u4e0d\u52a0\u5706\u89d2**\uff1a\u53c2\u8003\u9875\u662f\u76f4\u89d2\uff0c\u52a0\u4e86\u5706\u89d2\u4f1a\u663e\u5f97\u50cf\u5361\u7247\uff0c\u548c\u5b83\u90a3\u79cd\"\u6574\u9875\u5e73\u94fa\"\u7684\u89c2\u611f\u4e0d\u540c\u3002 *\/\n.ail-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;\n margin-top:64px;}\n.ail-row img{width:100%;height:auto;border-radius:0;display:block;}\n.ail-row__t{font-size:24px;font-weight:500;line-height:32px;color:var(--ail-ink);}\n.ail-row__b{margin-top:12px !important;font-size:16px;line-height:24px;color:var(--ail-mut);}\n\/* \u53c2\u8003\u9875\u91cf\u5230\u7684\u662f 60px \u9ad8 \/ 20px \u5b57\uff0c\u4f46\u90a3\u662f 1440 \u5bbd\u684c\u9762\u4e0b\u7684\u503c\u3002\u7a84\u5c4f\u4e0a\u8fd9\u4e2a\u6309\u94ae\u4f1a\u6491\u6ee1\n   \u6574\u884c\u3001\u5360\u6389\u8fd1\u4e00\u5c4f\u9ad8\u5ea6\uff0c\u5b9e\u9645\u89c2\u611f\u8fc7\u91cd\uff0c\u6240\u4ee5\u684c\u9762\u6536\u4e00\u6863\u3001\u7a84\u5c4f\u518d\u6536\u4e00\u6863\u3002 *\/\n.ail-row__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;\n height:48px;padding:0 28px;border-radius:9999px;background:var(--ail-acc);color:#fff !important;\n font-size:16px;font-weight:500;text-decoration:none !important;box-sizing:border-box;}\n.ail-row__cta:hover{filter:brightness(.95);}\n\/* \u70b9 CTA \u56de\u5230\u9996\u5c4f\u540e\u7ed9\u529f\u80fd\u533a\u4e00\u5708\u77ed\u6682\u9ad8\u4eae\u2014\u2014\u4e0d\u7136\u6eda\u8fc7\u53bb\u4e86\u8bbf\u5ba2\u4e5f\u4e0d\u77e5\u9053\u8be5\u770b\u54ea\u513f *\/\n.ail-rail.is-hi{box-shadow:0 0 0 3px rgba(246,27,91,.55);transition:box-shadow .25s ease;}\n\/* \u5217\u6570\u8ddf\u7740\u5bb9\u5668\u7b97\uff0c\u4e0d\u5199\u6b7b 3\uff1a\u6bcf\u9875\u56fa\u5b9a 4 \u5f20\u5361\u585e\u8fdb 3 \u5217 = \u300c3 \u5f20 + \u5b64\u513f 1 \u5f20\u300d\uff0c\n   10 \u4e2a\u9875\u5168\u90fd\u8fd9\u6837\u3002auto-fit \u5728 1200px \u4e0b\u6392 4 \u5217\uff0c\u7a84\u5c4f\u81ea\u52a8\u964d\u5230 2\/1 \u5217\u3002 *\/\n.ail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n gap:24px;margin-top:32px;}\n.ail-card{border:1px solid var(--ail-line);border-radius:var(--ail-radius);overflow:hidden;background:#fff;}\n\/* \u26a0\ufe0f `height:auto` \u4e0d\u80fd\u7701\u3002`aspect-ratio` \u53ea\u5728\u5bbd\u9ad8\u5176\u4e00\u4e3a auto \u65f6\u624d\u751f\u6548\uff0c\u800c `<img>` \u7684\n   `height` \u5c5e\u6027\u4f1a\u53d8\u6210**\u8868\u73b0\u6027\u63d0\u793a**\uff08specified height\uff09\uff0c\u628a aspect-ratio \u76f4\u63a5\u4f5c\u5e9f\u3002\n   \u539f\u6765\u5361\u7247\u5199\u6b7b `width=\"512\" height=\"288\"`\uff0c\u6070\u597d\u5c31\u662f 16:9\uff0c\u6240\u4ee5\u300caspect-ratio \u6ca1\u751f\u6548\u300d\n   \u8fd9\u4ef6\u4e8b\u88ab\u6570\u503c\u5de7\u5408\u76d6\u4f4f\u4e86\uff1b\u6539\u6210\u7d20\u6750\u771f\u5b9e\u5bbd\u9ad8\uff081524\u00d71336\uff09\u4e4b\u540e\u7acb\u523b\u66b4\u9732\uff1a\n   \u5361\u7247\u6309 1336px \u539f\u9ad8\u6e32\u67d3\uff0c\u4e00\u6392\u5361\u62c9\u6210\u957f\u6761\u3002\u672c\u5730\u6e32\u67d3\u622a\u56fe\u5f53\u573a\u6293\u5230\uff0c\u6ca1\u53d1\u51fa\u53bb\u3002 *\/\n.ail-card img{width:100%;height:auto;aspect-ratio:3\/2;object-fit:cover;display:block;}\n.ail-card__b{padding:14px 16px 18px;}\n.ail-card__t{font-size:15px;font-weight:600;}\n.ail-card__d{margin-top:6px !important;font-size:13px;line-height:20px;color:var(--ail-mut);}\n.ail-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;}\n.ail-rev{border:1px solid var(--ail-line);border-radius:var(--ail-radius);padding:20px;background:#fff;}\n.ail-rev__s{color:#F59E0B;font-size:14px;letter-spacing:2px;}\n.ail-rev__b{margin-top:10px !important;font-size:14px;line-height:22px;color:var(--ail-ink);}\n.ail-rev__n{margin-top:12px !important;font-size:13px;color:var(--ail-mut);}\n@media (max-width:1024px){.ail__hero{grid-template-columns:1fr;row-gap:var(--ail-gap);}\n \/* \u624b\u673a\u7aef\u987a\u5e8f = \u529f\u80fd\u533a \u2192 \u6807\u9898 \u2192 \u8f6e\u64ad\uff08\u5bf9\u9f50\u53c2\u8003\u7248\u5f0f\uff09\u3002\n    \u663e\u5f0f\u7684 grid-column\/row \u5fc5\u987b\u6e05\u6210 auto\uff0c\u5426\u5219 order \u4e0d\u8d77\u4f5c\u7528\u3002 *\/\n .ail__head,.ail-rail,.ail__right{grid-column:auto;grid-row:auto;}\n .ail-rail{order:1;} .ail__head{order:2;margin-bottom:0;} .ail__right{order:3;}\n \/* header_top \u7684\u684c\u9762\u5b9a\u4f4d\u4f7f\u7528\u4e24\u4e2a\u7c7b\uff0c\u6743\u91cd\u9ad8\u4e8e\u4e0a\u9762\u7684\u901a\u7528\u5355\u7c7b reset\uff1b\u79fb\u52a8\u7aef\u5fc5\u987b\u7528\n    \u540c\u7b49\u6743\u91cd\u663e\u5f0f\u6e05\u6389 grid \u5750\u6807\uff0c\u5426\u5219 390px \u4e0b\u4ecd\u5360\u5de6\u53f3\u4e24\u5217\u5e76\u88ab\u89c6\u53e3\u88c1\u5207\u3002 *\/\n .ail__hero--header-top .ail__head,.ail__hero--header-top .ail-rail,\n .ail__hero--header-top .ail__right{grid-column:auto;grid-row:auto;min-width:0;width:100%;}\n .ail__hero--header-top .ail__head{order:1;text-align:left;}\n .ail__hero--header-top .ail-rail{order:2;}\n .ail__hero--header-top .ail__right{order:3;}\n .ail-steps,.ail-cards,.ail-reviews{grid-template-columns:1fr;}\n .ail-row{grid-template-columns:1fr;}\n \/* \u7a84\u5c4f\u590d\u4f4d\u4ea4\u66ff\u987a\u5e8f\uff1a\u684c\u9762\u7aef\u5947\u6570\u884c\u662f\u300c\u6587+\u56fe\u300d\uff0c\u584c\u6210\u4e00\u5217\u540e\u4f1a\u8ba9\u4e0a\u4e00\u884c\u7684\u56fe\u548c\u4e0b\u4e00\u884c\u7684\u56fe\n    \u8d34\u5728\u4e00\u8d77\u3001\u4e24\u6bb5\u6587\u5b57\u4e5f\u8d34\u5728\u4e00\u8d77\uff0c\u8bfb\u8d77\u6765\u50cf\u914d\u9519\u4e86\u56fe\u3002\u5f3a\u5236\u6bcf\u884c\u90fd\u300c\u56fe\u5728\u81ea\u5df1\u6807\u9898\u6b63\u4e0a\u65b9\u300d\u3002 *\/\n .ail-row__media{order:0 !important;}\n .ail-row__text{order:1 !important;}\n .ail-ba__nav--prev{left:6px;} .ail-ba__nav--next{right:6px;}}\n@media (max-width:600px){.ail__h1{font-size:26px;line-height:32px;}\n .ail__hero--quiet .ail__h1{font-size:20px !important;line-height:28px !important;font-weight:400 !important;}\n .ail__hero--quiet .ail__sub{font-size:15px !important;line-height:23px !important;font-weight:400 !important;}\n .ail__h1 .breathing-title{display:inline !important;white-space:normal !important;}\n .ail__h1,.ail__sub{overflow-wrap:anywhere;word-break:normal;}\n .ail__sub{font-size:15px;line-height:24px;} .ail-sec__h2{font-size:22px;line-height:28px;}\n \/* \u7a84\u5c4f\u4e0a CTA \u4f1a\u6491\u6ee1\u6574\u884c\uff0c\u518d\u7528\u684c\u9762\u5c3a\u5bf8\u5c31\u663e\u5f97\u8fc7\u91cd\u3002\u5b57\u53f7\u548c\u9ad8\u5ea6\u90fd\u518d\u6536\u4e00\u6863\uff0c\n    \u5e76\u4e14**\u4e0d\u62c9\u6ee1\u5bbd\u5ea6**\u2014\u2014\u6309\u5185\u5bb9\u5bbd\u5ea6\u6536\u7f29\uff0c\u770b\u8d77\u6765\u624d\u50cf\u4e2a\u6309\u94ae\u800c\u4e0d\u662f\u4e00\u6761\u8272\u5e26\u3002 *\/\n .ail-row__cta{height:44px;padding:0 22px;font-size:15px;margin-top:16px;}\n .ail-row__t{font-size:21px;line-height:28px;}\n .ail-row__b{font-size:15px;line-height:23px;}\n \/* \u89e6\u6478\u70ed\u533a\u3002\u5b9e\u6d4b 390px \u4e0b\u6bd4\u4f8b chip 28px\u3001\u8f6e\u64ad\u5706\u70b9 8\u00d78\u3001Generate 40px\uff0c\u90fd\u4f4e\u4e8e\n    44\u00d744 \u7684\u901a\u884c\u4e0b\u9650\u2014\u2014\u5706\u70b9\u5c24\u5176\u7b49\u4e8e\u6446\u8bbe\uff0c\u79fb\u52a8\u7aef\u53ea\u80fd\u9760\u7bad\u5934\u7ffb\u9875\u3002\n    \u5706\u70b9\u7684**\u89c6\u89c9**\u5c3a\u5bf8\u4e0d\u53d8\uff08still 8px \u7684\u70b9\uff09\uff0c\u9760\u900f\u660e padding \u628a\u53ef\u70b9\u533a\u57df\u6491\u5230 44\uff1a\n    \u770b\u8d77\u6765\u4e00\u6837\uff0c\u624b\u6307\u70b9\u5f97\u5230\u3002 *\/\n .ail-ratio{padding:13px 14px !important;font-size:13px;}\n .ail-btn.ail-gen{height:48px;}\n .ail-ba__dots{gap:0;}\n \/* \u771f\u673a\u4e0d\u80fd\u4f9d\u8d56\u4e3b\u9898\u7684\u5168\u5c40 `box-sizing:border-box`\u3002iOS Safari \u4e0a\u8be5\u58f0\u660e\u6ca1\u6709\u843d\u5230\u6309\u94ae\u65f6\uff0c\n    24\u00d744 \u4f1a\u6309 content-box \u518d\u5916\u52a0 16\u00d736 padding\uff0c\u516d\u4e2a\u89e6\u6478\u533a\u8fde\u6210 256\u00d780 \u7684\u5927\u8272\u6761\u3002\n    \u7ec4\u4ef6\u81ea\u5df1\u9501\u5b9a\u76d2\u6a21\u578b\u3001\u539f\u751f\u5916\u89c2\u548c\u6700\u5c0f\u5bbd\u5ea6\uff1a\u5916\u76d2\u4ecd\u662f 24\/40\u00d744\uff0c\u5185\u5bb9\u76d2\u624d\u662f\n    8\u00d78 \/ 24\u00d78 \u7684\u89c6\u89c9\u5706\u70b9\uff0c44px \u89e6\u6478\u9ad8\u5ea6\u4e0d\u53d8\u3002 *\/\n .ail-ba__dots .ail-ba__dot{background-clip:content-box !important;\n  padding:18px 8px !important;width:24px !important;height:44px !important;\n  box-sizing:border-box !important;min-width:0 !important;max-width:none !important;\n  flex:0 0 auto !important;-webkit-appearance:none !important;appearance:none !important;\n  border-radius:999px !important;}\n .ail-ba__dots .ail-ba__dot.is-on{width:40px !important;}}\n\/* ---------- \u4fe1\u4efb\u6761 ---------- *\/\n\/* \u6362\u88c5 \/ \u53bb\u8863\u7c7b\u9875\u9762\u4e0a\uff0c\u300c\u6562\u4e0d\u6562\u4f20\u81ea\u5df1\u7684\u7167\u7247\u300d\u662f\u7b2c\u4e00\u9053\u574e\uff0c\u6240\u4ee5\u5b83\u7d27\u8ddf\u9996\u5c4f\u800c\u4e0d\u662f\u585e\u5728\u9875\u5c3e\u3002 *\/\n.ail-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;\n margin:28px auto 0;padding:16px 20px;border:1px solid var(--ail-line);\n border-radius:var(--ail-radius);background:#FAFAFB;}\n.ail-trust__item{display:flex;flex-direction:column;gap:3px;}\n.ail-trust__item b{font-size:14px;font-weight:600;color:var(--ail-ink);}\n.ail-trust__item span{font-size:13px;line-height:1.45;color:var(--ail-mut);}\n\/* Hero-size modifier: \u5de8\u578b\u6570\u5b57\u4f5c\u4e3a metrics \u89c6\u89c9\u91cd\u5fc3\uff08competitor \u53c2\u7167\uff09\u3002\n   opt-in per page via spec.trust.size == \"hero\"\uff1b\u9ed8\u8ba4\u9875\u4ecd\u8d70\u5e38\u89c4\u5b57\u53f7\u3002 *\/\n.ail-trust--hero{gap:24px;padding:36px 24px;background:transparent;border:none;\n border-top:1px solid var(--ail-line);border-bottom:1px solid var(--ail-line);border-radius:0;}\n.ail-trust--hero .ail-trust__item{gap:10px;}\n.ail-trust--hero .ail-trust__item b{font-size:56px;font-weight:800;line-height:1;letter-spacing:-0.02em;}\n.ail-trust--hero .ail-trust__item span{font-size:15px;line-height:1.55;}\n@media (max-width:640px){.ail-trust--hero .ail-trust__item b{font-size:44px;}}\n\/* ---------- FAQ ---------- *\/\n\/* \u539f\u751f details\/summary\uff1a\u4e0d\u5185\u8054 on* \u4e5f\u4e0d\u53d1\u811a\u672c\uff0c\u6240\u4ee5\u4e0d\u53d7 LiteSpeed\u300c\u63a8\u8fdf\u5230\u9996\u6b21\u4ea4\u4e92\u300d\n   \u5f71\u54cd\u2014\u2014\u800c FAQ \u5e38\u5e38\u5c31\u662f\u8bbf\u5ba2\u7684\u7b2c\u4e00\u6b21\u70b9\u51fb\u3002\n\n   \u4e24\u4e2a\u5b9e\u6d4b\u5751\uff082026-08-15\uff09\uff1a\n   \u2460 \u8fd9\u91cc\u5fc5\u987b !important\u3002\u4e0a\u9762\u7684\u4fe1\u4efb\u6761\u53ea\u7528\u81ea\u5b9a\u4e49 class \u6240\u4ee5\u6ca1\u4e8b\uff0c\u800c summary \/ details\n      \u662f**\u88f8\u5143\u7d20\u9009\u62e9\u5668**\uff0c\u4e3b\u9898\u5bf9\u5b83\u4eec\u6709\u66f4\u9ad8\u4f18\u5148\u7ea7\u7684\u89c4\u5219\uff0c\u4e0d\u52a0\u5c31\u88ab\u6574\u6761\u538b\u6389\uff08padding \u53d8 0\u3001\n      \u8fb9\u6846\u6d88\u5931\uff0c\u9875\u9762\u770b\u7740\u50cf CSS \u6839\u672c\u6ca1\u52a0\u8f7d\uff09\u3002\u540c .ail-btn \u5f53\u521d\u8e29\u7684\u90a3\u6761\u3002\n   \u2461 \u4e0d\u8981\u5199 `[open] summary`\uff1aLiteSpeed \u538b\u7f29\u4f1a\u628a\u4e2d\u95f4\u7684\u7a7a\u683c\u5220\u6389\uff0c\u53d8\u6210\u975e\u6cd5\u7684\n      `[open]summary`\uff0c\u6574\u6761\u89c4\u5219\u88ab\u6d4f\u89c8\u5668\u4e22\u5f03\u3002\u7528 `>` \u7ec4\u5408\u5668\uff0c\u538b\u7f29\u540e\u4ecd\u7136\u5408\u6cd5\u3002 *\/\n.ail-faq{border-top:1px solid var(--ail-line) !important;}\n.ail-faq__item{border-bottom:1px solid var(--ail-line) !important;margin:0 !important;}\n.ail-faq__item>summary{list-style:none !important;cursor:pointer;\n padding:16px 34px 16px 0 !important;position:relative;font-size:16px !important;\n font-weight:500 !important;color:var(--ail-ink) !important;background:none !important;\n border:0 !important;}\n.ail-faq__item>summary::-webkit-details-marker{display:none !important;}\n.ail-faq__item>summary::marker{content:'' !important;}\n.ail-faq__item>summary::after{content:'+';position:absolute;right:6px;top:50%;\n transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--ail-mut);}\n.ail-faq__item[open]>summary::after{content:'\\2212';}\n.ail-faq__a{padding:0 34px 18px 0 !important;font-size:15px !important;line-height:1.6;\n color:var(--ail-mut) !important;}\n\n\/* \u89c6\u9891\u7816\u7f51\u683c\u53d8\u4f53\uff08style_grid\uff09\uff1a20 \u6761\u4e00\u5c4f\u5168\u5c55\u793a\u3001\u4e00\u6392 10 \u4e2a\u3001\u70b9\u64ad\u89c6\u9891\u7f29\u7565\u56fe\u3002\n   \u4e0e .ail-styles__row\uff086 \u5217\u9759\u6001\u56fe + View More\uff09\u4e92\u65a5\uff0c\u53ea\u5728\u573a\u666f rail.styles_grid=true \u65f6\u88c5\u3002 *\/\n.ail-styles--grid .ail-styles__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}\n.ail-styles--grid .ail-style{aspect-ratio:auto;}\n.ail-styles--grid .ail-style video{width:100%;aspect-ratio:3\/4;object-fit:cover;display:block;background:#000;}\n.ail-styles--grid .ail-style span{position:absolute;left:0;right:0;bottom:0;padding:8px 2px 3px;\n font-size:9px;line-height:1.1;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;}\n@media(max-width:1000px){.ail-styles--grid .ail-styles__grid{grid-template-columns:repeat(4,1fr);}}\n@media(max-width:560px){.ail-styles--grid .ail-styles__grid{grid-template-columns:repeat(3,1fr);}}\n<\/style><div class=\"ail\"><div class=\"ail__hero\"><div class=\"ail__head\"><h1 class=\"ail__h1\">Produktumf\u00e4rbung f\u00fcr eine neue Farbvarianten-Vorschau<\/h1><p class=\"ail__sub\">W\u00e4hlen Sie den gew\u00fcnschten Produktbereich und die gew\u00fcnschte Farbe aus. Generieren Sie eine Farbkombination, die die Stoffstruktur, Glasreflexionen und die Umgebung ber\u00fccksichtigt.<\/p><\/div><script>(function(){if(window.__ailFdlHook)return; window.__ailFdlHook=1; var of=window.fetch; if(!of)return; window.fetch=function(u){var url=(typeof u==='string')?u:(u&&u.url)||''; var tok=url.indexOf('\/wp-json\/ima\/v1\/wcs-token')>=0,slot=null; if(tok){var L=[].filter.call(document.querySelectorAll('.ima-upload-slot'),function(s){var l=s.querySelector('.ima-upload-loading'); return l&&!l.hidden}); if(L.length===1){slot=L[0]; slot.dataset.fdl=''}}var pr=of.apply(this,arguments); if(tok&&slot){pr=pr.then(function(r){try{r.clone().json().then(function(j){var f=j&&j.data&&j.data.fdl; if(f){slot.dataset.fdl=f}}).catch(function(){})}catch(e){}return r})}return pr};})(); (function(){if(window.__ailRailMinh)return; window.__ailRailMinh=1; var n=0,t=setInterval(function(){var rails=document.querySelectorAll('.ail-rail'); var live=document.querySelector('.ail-rail .ima-upload-slot, .ail-rail .ima-prompt'); if(live){[].forEach.call(rails,function(r){r.style.setProperty('--ail-rail-minh','0px')}); expandPrompt(); clearInterval(t)}else if(++n>75){clearInterval(t)}},200); function expandPrompt(){var LH=22,MINL=5,MAXL=16; [].forEach.call(document.querySelectorAll('.ail-rail textarea.ima-prompt'),function(ta){ if(!ta.value||!ta.value.length)return; var rail=ta.closest('.ail-rail');if(!rail)return; var cur=ta.getBoundingClientRect().height;if(!cur)return; var rest=rail.getBoundingClientRect().height-cur; var right=document.querySelector('.ail__right'); var target=right?(right.getBoundingClientRect().bottom-rail.getBoundingClientRect().top-rest):cur; var cs=getComputedStyle(ta); var pad=parseFloat(cs.paddingTop)+parseFloat(cs.paddingBottom); ta.style.height='auto'; var needL=Math.ceil((ta.scrollHeight-pad)\/LH); var hiL=Math.min(MAXL,needL),loL=Math.min(MINL,hiL); var cap=parseFloat(cs.maxHeight); if(cap>0){hiL=Math.min(hiL,Math.floor((cap-pad)\/LH));loL=Math.min(loL,hiL);} var lines=Math.max(loL,Math.min(hiL,Math.round((target-pad)\/LH))); ta.style.height=(lines*LH+pad)+'px';});}})();<\/script><div class=\"ail-rail\" style=\"--ail-rail-minh:800px\"><div class=\"ail-rail__head\">Produktumf\u00e4rbung<\/div><style>.ima-model{display:none !important;}.ima-bar{grid-template-columns:1fr !important;}.ima-upload .ima-upload-slot,.ima-upload label{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;padding:22px 16px !important;}.ima-upload .ima-upload-icon{position:relative !important;margin:0 auto !important;}.ima-upload .ima-upload-icon svg{display:block !important;margin:0 auto !important;}.ima-upload-presets{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin-bottom:12px !important;}.ima-preset-btn{padding:7px 12px !important;border-radius:999px !important;font-size:12px !important;line-height:1 !important;}.ima-controller-card{min-height:420px !important;}.ail-rail .ima-controller-shell,.ail-rail .ima-controller-card{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important;}.ail-rail .ima-prompt{font-size:13px !important;}.ail-rail .ima-upload-slot{padding:0 !important;gap:4px !important;width:100% !important;}.ail-rail .ima-upload-status:empty{display:none !important;}.ail-rail .ima-upload-label{display:none !important;}<\/style>\n<div id=\"ima-controller\" model=\"gemini-3-pro-image\" data-type=\"image\" data-mode=\"image_to_image\" data-layout=\"standard\" data-panel-width=\"350\" data-min-height=\"600\" data-prompt=\"Change only [name the product part] in the uploaded photo to [target color]. Keep the product shape, material texture, seams or reflections, lighting, other parts and background recognizable. Make the new color follow natural shadows and highlights. Output one ordinary product photograph with the requested colorway.\" data-source=\"product-recolor\" data-workflow=\"product-recolor\" data-button-text=\"Recolor product photo\" data-hide-mode=\"1\" data-slots=\"[{&quot;label&quot;: &quot;Product Photo&quot;, &quot;hint&quot;: &quot;Upload the product you want to recolor&quot;, &quot;optional&quot;: false}]\"><\/div><span class=\"ail-rail__sublab ail-rail__promptlab\">Vorgabe \u2013 bereits geschrieben, frei bearbeitbar<\/span><span class=\"ail-slotlab ail-slotlab--1\"><span class=\"ail-slotlab__name\">Produktfoto<i>*<\/i><\/span><\/span><div class=\"ail-samples ail-samples--1\" data-slot=\"0\"><span class=\"ail-rail__sublab\">Produktproben testen<\/span><div class=\"ail-thumbs\"><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-amber-bottle-20260914.webp\" onclick=\"var b=this,row=b.closest('.ail-samples'),si=+row.dataset.slot,slots=document.querySelectorAll('.ima-upload-slot'),slot=slots[si]; row.querySelectorAll('.ail-thumb').forEach(function(x){x.classList.remove('is-on')}); b.classList.add('is-on'); if(!slot){row.dataset.pending=b.dataset.src; if(!row.dataset.watching){row.dataset.watching='1'; var tries=0,tid=setInterval(function(){var s=document.querySelectorAll('.ima-upload-slot')[si]; if(s&&row.dataset.pending){var on=row.querySelector('.ail-thumb.is-on'); clearInterval(tid); row.dataset.watching=''; if(on){on.click()}}else if(++tries>100){clearInterval(tid); row.dataset.watching=''}},100)}return}row.dataset.pending=''; b.classList.add('is-on'); slot.dataset.url=b.dataset.src; var im=slot.querySelector('.ima-upload-preview'),ph=slot.querySelector('.ima-upload-placeholder'),rp=slot.querySelector('.ima-upload-replace'); if(im){im.src=b.dataset.src; im.hidden=false}if(ph){ph.hidden=true}if(rp){rp.hidden=false}var rm=slot.querySelector('.ima-upload-remove'); if(rm){rm.hidden=false}slot.classList.remove('is-bad'); var eb=document.querySelector('.ail-err'); if(eb){eb.hidden=true} if(row.dataset.openModal==='1'&&!document.querySelector('.ail-rail.ail-mode-single')){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-amber-bottle-20260914-300x224.webp\" alt=\"Produktfoto\" style=\"aspect-ratio:75 \/ 56\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-canvas-tote-20260914.webp\" onclick=\"var b=this,row=b.closest('.ail-samples'),si=+row.dataset.slot,slots=document.querySelectorAll('.ima-upload-slot'),slot=slots[si]; row.querySelectorAll('.ail-thumb').forEach(function(x){x.classList.remove('is-on')}); b.classList.add('is-on'); if(!slot){row.dataset.pending=b.dataset.src; if(!row.dataset.watching){row.dataset.watching='1'; var tries=0,tid=setInterval(function(){var s=document.querySelectorAll('.ima-upload-slot')[si]; if(s&&row.dataset.pending){var on=row.querySelector('.ail-thumb.is-on'); clearInterval(tid); row.dataset.watching=''; if(on){on.click()}}else if(++tries>100){clearInterval(tid); row.dataset.watching=''}},100)}return}row.dataset.pending=''; b.classList.add('is-on'); slot.dataset.url=b.dataset.src; var im=slot.querySelector('.ima-upload-preview'),ph=slot.querySelector('.ima-upload-placeholder'),rp=slot.querySelector('.ima-upload-replace'); if(im){im.src=b.dataset.src; im.hidden=false}if(ph){ph.hidden=true}if(rp){rp.hidden=false}var rm=slot.querySelector('.ima-upload-remove'); if(rm){rm.hidden=false}slot.classList.remove('is-bad'); var eb=document.querySelector('.ail-err'); if(eb){eb.hidden=true} if(row.dataset.openModal==='1'&&!document.querySelector('.ail-rail.ail-mode-single')){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-canvas-tote-20260914-300x224.webp\" alt=\"Produktfoto\" style=\"aspect-ratio:75 \/ 56\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-knit-sneaker-20260916.webp\" onclick=\"var b=this,row=b.closest('.ail-samples'),si=+row.dataset.slot,slots=document.querySelectorAll('.ima-upload-slot'),slot=slots[si]; row.querySelectorAll('.ail-thumb').forEach(function(x){x.classList.remove('is-on')}); b.classList.add('is-on'); if(!slot){row.dataset.pending=b.dataset.src; if(!row.dataset.watching){row.dataset.watching='1'; var tries=0,tid=setInterval(function(){var s=document.querySelectorAll('.ima-upload-slot')[si]; if(s&&row.dataset.pending){var on=row.querySelector('.ail-thumb.is-on'); clearInterval(tid); row.dataset.watching=''; if(on){on.click()}}else if(++tries>100){clearInterval(tid); row.dataset.watching=''}},100)}return}row.dataset.pending=''; b.classList.add('is-on'); slot.dataset.url=b.dataset.src; var im=slot.querySelector('.ima-upload-preview'),ph=slot.querySelector('.ima-upload-placeholder'),rp=slot.querySelector('.ima-upload-replace'); if(im){im.src=b.dataset.src; im.hidden=false}if(ph){ph.hidden=true}if(rp){rp.hidden=false}var rm=slot.querySelector('.ima-upload-remove'); if(rm){rm.hidden=false}slot.classList.remove('is-bad'); var eb=document.querySelector('.ail-err'); if(eb){eb.hidden=true} if(row.dataset.openModal==='1'&&!document.querySelector('.ail-rail.ail-mode-single')){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-knit-sneaker-20260916-300x224.webp\" alt=\"Produktfoto\" style=\"aspect-ratio:75 \/ 56\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-portable-speaker-20260916.webp\" onclick=\"var b=this,row=b.closest('.ail-samples'),si=+row.dataset.slot,slots=document.querySelectorAll('.ima-upload-slot'),slot=slots[si]; row.querySelectorAll('.ail-thumb').forEach(function(x){x.classList.remove('is-on')}); b.classList.add('is-on'); if(!slot){row.dataset.pending=b.dataset.src; if(!row.dataset.watching){row.dataset.watching='1'; var tries=0,tid=setInterval(function(){var s=document.querySelectorAll('.ima-upload-slot')[si]; if(s&&row.dataset.pending){var on=row.querySelector('.ail-thumb.is-on'); clearInterval(tid); row.dataset.watching=''; if(on){on.click()}}else if(++tries>100){clearInterval(tid); row.dataset.watching=''}},100)}return}row.dataset.pending=''; b.classList.add('is-on'); slot.dataset.url=b.dataset.src; var im=slot.querySelector('.ima-upload-preview'),ph=slot.querySelector('.ima-upload-placeholder'),rp=slot.querySelector('.ima-upload-replace'); if(im){im.src=b.dataset.src; im.hidden=false}if(ph){ph.hidden=true}if(rp){rp.hidden=false}var rm=slot.querySelector('.ima-upload-remove'); if(rm){rm.hidden=false}slot.classList.remove('is-bad'); var eb=document.querySelector('.ail-err'); if(eb){eb.hidden=true} if(row.dataset.openModal==='1'&&!document.querySelector('.ail-rail.ail-mode-single')){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-tools-source-portable-speaker-20260916-300x224.webp\" alt=\"Produktfoto\" style=\"aspect-ratio:75 \/ 56\" data-no-lazy=\"1\" loading=\"eager\"><\/button><\/div><\/div><div class=\"ail-ratios\"><span class=\"ail-rail__sublab\">Ausgabegr\u00f6\u00dfe<\/span><div class=\"ail-ratios__row\"><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio is-on\" data-ar=\"\" aria-pressed=\"true\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">Auto<\/button><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio\" data-ar=\"1:1\" aria-pressed=\"false\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">1:1<\/button><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio\" data-ar=\"9:16\" aria-pressed=\"false\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">9:16<\/button><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio\" data-ar=\"16:9\" aria-pressed=\"false\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">16:9<\/button><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio\" data-ar=\"3:4\" aria-pressed=\"false\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">3:4<\/button><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio\" data-ar=\"4:3\" aria-pressed=\"false\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v==='auto'){g.dataset.ar='auto'; g.dataset.arlock='0'}else if(v){g.dataset.ar=v; g.dataset.arlock='1'}else{g.dataset.ar=''; g.dataset.arlock='0'}\">4:3<\/button><\/div><\/div><div class=\"ail-err\" hidden><\/div><button type=\"button\" class=\"ail-btn ail-gen ima-generate\" data-ar=\"4:3\" data-req=\"0\" data-route=\"image-to-image\" data-agent=\"0\" onclick=\"var S=document.querySelectorAll('.ima-upload-slot'); var box=this.parentNode.querySelector('.ail-err'); var _err=function(m,i){if(box){box.textContent=m; box.hidden=false}[].forEach.call(S,function(s){s.classList.remove('is-bad')}); if(i>=0&&S[i]){S[i].classList.add('is-bad'); S[i].scrollIntoView({behavior:'smooth',block:'center'})}}; var up=[],ga=document.querySelector('.ima-generate'); try{if(ga&&ga.href&&ga.href.indexOf('http')===0){var fm=new URL(ga.href).searchParams.get('f-m'); if(fm){up=fm.split(',')}}}catch(e){}var busy=-1,miss=-1,k=0,urls=[]; [].forEach.call(S,function(s,i){var ld=s.querySelector('.ima-upload-loading'); if(busy<0&&ld&&!ld.hidden){busy=i}var im=s.querySelector('.ima-upload-preview'); var src=(im&&!im.hidden&&im.src)?im.src:''; if(!src){urls.push(''); return}if(src.indexOf('blob:')===0){var u=s.dataset.fdl||up[k]||''; k++; urls.push(u); if(!u&&miss<0){miss=i}}else if(src.indexOf('http')===0){urls.push(src)}else{urls.push('')}});if(busy>=0){_err('Your image is still uploading. Please wait a moment.',busy); return}if(miss>=0){_err('That upload did not finish. Please remove the image and add it again.',miss); return}var bad=-1; var req=(this.dataset.req||'').split(','); if(this.dataset.req==='dynamic'){req=[];[].forEach.call(S,function(_,i){req.push(String(i))})} req.forEach(function(r){if(bad<0&&r!==''&&!urls[+r]){bad=+r}}); if(bad>=0){var lb=document.querySelector('.ail-slotlab--'+(bad+1)); var nm=lb?lb.textContent.replace('*','').trim():'the required image'; _err('Please add '+nm+' before generating.',bad); return}[].forEach.call(S,function(s){s.classList.remove('is-bad')}); if(box){box.hidden=true}urls=urls.filter(Boolean); var t=document.querySelector('.ima-prompt'),c=document.getElementById('ima-controller'); var q=new URLSearchParams(); q.set('agent',this.dataset.agent||'0'); if(c&&c.getAttribute('model')){q.set('m',c.getAttribute('model'))}if(urls.length){q.set('f-m',urls.join(','))} var R=[[1,1],[9,16],[16,9],[3,4],[4,3],[2,3],[3,2],[21,9]],im0=null; [].forEach.call(document.querySelectorAll('.ima-upload-slot'),function(s){var im=s.querySelector('.ima-upload-preview'); if(!im0&&im&&!im.hidden&&im.naturalWidth>0&&im.naturalHeight>0){im0=im}}); var lock=this.dataset.arlock==='1'; var da=this.dataset.ar||''; var ar=(lock||S.length===0||da==='auto')?da:''; if(!lock&&da!=='auto'&&im0){var rr=im0.naturalWidth\/im0.naturalHeight,bd=1e9; R.forEach(function(x){var d=Math.abs(Math.log(rr\/(x[0]\/x[1]))); if(d<bd){bd=d; ar=x[0]+':'+x[1]}})}if(ar){q.set('f-ar',ar)} var vals={aspect_ratio:ar||da||'4:3'}; document.querySelectorAll('.ail-choice__option.is-on').forEach(function(x){vals[x.dataset.paramKey]=x.dataset.value||x.textContent.trim()}); var p=this.dataset.promptTemplate||(t&&t.value.trim()?t.value.trim():''); p=p.replace(\/\\[\\[([a-zA-Z0-9_]+)\\]\\]\/g,function(_,k){return vals[k]||''}); if(p){q.set('p',p)} if(this.dataset.handoffTarget==='community_agent'){ var ms=urls.map(function(u){var n=u.split('?')[0].split('\/').pop()||'product-reference.jpg'; return '<@json>'+JSON.stringify({type:'file',id:u,name:n,trigger:'@',url:u,fileType:'image'})+'<\/@json>'}).join(' '); var cq=new URLSearchParams(); cq.set('prompt',[ms,p].filter(Boolean).join('\\n')); cq.set('psk','agent'); var cd='https:\/\/www.imastudio.com\/community?'+cq.toString(); this.disabled=true; this.classList.add('is-loading'); this.setAttribute('aria-busy','true'); this.setAttribute('aria-label','Preparing'); this.textContent='Preparing\u2026'; if(window.requestAnimationFrame){window.requestAnimationFrame(function(){window.location.href=cd})} else{setTimeout(function(){window.location.href=cd},50)}return} var dest='https:\/\/www.imastudio.com\/ai-creation\/' +(this.dataset.route||'image-to-image')+'?'+q.toString(); this.disabled=true; this.classList.add('is-loading'); this.setAttribute('aria-busy','true'); this.setAttribute('aria-label','Preparing'); this.textContent='Preparing\u2026'; if(window.requestAnimationFrame){window.requestAnimationFrame(function(){window.location.href=dest})} else{setTimeout(function(){window.location.href=dest},50)}\">Produktfoto umgef\u00e4rbt<\/button><div class=\"ail-trial\">Kostenlos testen \u2013 melden Sie sich an, um Ihr Ergebnis zu sehen.<\/div><\/div><div class=\"ail__right\"><style>@keyframes ail-ba-slide{0.000%{transform:translateX(-0%)}21.250%{transform:translateX(-0%)}25.000%{transform:translateX(-100%)}46.250%{transform:translateX(-100%)}50.000%{transform:translateX(-200%)}71.250%{transform:translateX(-200%)}75.000%{transform:translateX(-300%)}96.250%{transform:translateX(-300%)}100%{transform:translateX(-400%)}}.ail-ba:not(.is-manual) .ail-ba__track{animation:ail-ba-slide 16s linear infinite;}@keyframes ail-ba-dot{0%{width:24px;background:#F61B5B}25.000%{width:8px;background:#D1D5DB}100%{width:8px;background:#D1D5DB}}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(1){animation:ail-ba-dot 16s step-end infinite;animation-delay:-16s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(2){animation:ail-ba-dot 16s step-end infinite;animation-delay:-12s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(3){animation:ail-ba-dot 16s step-end infinite;animation-delay:-8s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(4){animation:ail-ba-dot 16s step-end infinite;animation-delay:-4s;}@media (prefers-reduced-motion:reduce){.ail-ba:not(.is-manual) .ail-ba__track{animation-timing-function:step-end !important;}.ail-ba.is-manual .ail-ba__track{transition:none !important;}}<\/style><div class=\"ail-ba\" data-i=\"0\"><div class=\"ail-ba__track\"><div class=\"ail-ba__slide\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-amber-to-green-20260914.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\" loading=\"eager\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-canvas-tote-terracotta-20260916.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-knit-sneaker-cobalt-20260916.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-portable-speaker-burgundy-20260916.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\" aria-hidden=\"true\" data-clone=\"1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-amber-to-green-20260914.jpg\" alt=\"\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><\/div><button type=\"button\" class=\"ail-ba__nav ail-ba__nav--prev\" aria-label=\"Vorherige\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=(i-1+n)%n;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\">\u2039<\/button><button type=\"button\" class=\"ail-ba__nav ail-ba__nav--next\" aria-label=\"N\u00e4chste\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=(i+1)%n;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\">\u203a<\/button><div class=\"ail-ba__dots\"><button type=\"button\" class=\"ail-ba__dot is-on\" data-i=\"0\" aria-label=\"Beispiel 1\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"1\" aria-label=\"Beispiel 2\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"2\" aria-label=\"Beispiel 3\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"3\" aria-label=\"Beispiel 4\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0000003 e-con-full e-flex e-con e-parent\" data-id=\"0000003\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000004 elementor-widget elementor-widget-html\" data-id=\"0000004\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ail ail-trust\"><div class=\"ail-trust__item\"><b>Ein Quellfoto<\/b><span>Nehmen Sie als Ausgangspunkt das Produktbild, das bereits die Form, die Oberfl\u00e4che und die Umgebung zeigt.<\/span><\/div><div class=\"ail-trust__item\"><b>Beschreiben Sie das Teil und die Farbe.<\/b><span>Benennen Sie sowohl den Zielbereich als auch die Farbe, damit die gew\u00fcnschte \u00c4nderung eine klare Abgrenzung hat.<\/span><\/div><div class=\"ail-trust__item\"><b>Vergleichen Sie das Material<\/b><span>\u00dcberpr\u00fcfen Sie Webart, Transparenz, Glanzlichter und Schatten in Verbindung mit der neuen Farbe.<\/span><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0000005 e-con-full e-flex e-con e-parent\" data-id=\"0000005\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000006 elementor-widget elementor-widget-html\" data-id=\"0000006\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ail\"><div class=\"ail-sec\"><h2 class=\"ail-sec__h2\">So f\u00e4rben Sie ein Produktfoto um<\/h2><div class=\"ail-steps\"><div class=\"ail-step\"><span class=\"ail-step__n\">1<\/span><div class=\"ail-step__ico\">\u2191<\/div><div class=\"ail-step__t\">Laden Sie ein Produktfoto hoch<\/div><p class=\"ail-step__b\">W\u00e4hlen Sie ein klares Bild, auf dem der Produktbereich, den Sie umf\u00e4rben m\u00f6chten, gut sichtbar und von nahegelegenen Objekten getrennt ist.<\/p><\/div><div class=\"ail-step\"><span class=\"ail-step__n\">2<\/span><div class=\"ail-step__ico\">\u2605<\/div><div class=\"ail-step__t\">Benennen Sie das Teil und die Farbe<\/div><p class=\"ail-step__b\">Ersetzen Sie den in Klammern stehenden Eingabeaufforderungstext durch den genauen Produktbereich und die Farbe, die Sie in der Vorschau anzeigen m\u00f6chten.<\/p><\/div><div class=\"ail-step\"><span class=\"ail-step__n\">3<\/span><div class=\"ail-step__ico\">\u2193<\/div><div class=\"ail-step__t\">Schauen Sie sich die Farbkombination an.<\/div><p class=\"ail-step__b\">Vergleichen Sie das Ergebnis mit der Vorlage und pr\u00fcfen Sie vor der Verwendung Textur, Kanten, Spiegelungen, andere Produktteile und Hintergrund.<\/p><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0000007 e-con-full e-flex e-con e-parent\" data-id=\"0000007\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000008 elementor-widget elementor-widget-html\" data-id=\"0000008\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ail\"><div class=\"ail-sec\"><h2 class=\"ail-sec__h2\">Farbvorschau auf verschiedenen Materialien<\/h2><div class=\"ail-row\"><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-amber-to-green-20260914.jpg\" alt=\"Transparentes Glas neu einf\u00e4rben\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Transparentes Glas neu einf\u00e4rben<\/h3><p class=\"ail-row__b\">Das bernsteinfarbene Glas verf\u00e4rbt sich tiefgr\u00fcn, w\u00e4hrend die schwarze Kappe, die Pipette und die transparenten Details zur besseren Sichtbarkeit erhalten bleiben.<\/p><a class=\"ail-row__cta\" href=\"#ima-controller\" onclick=\"if(event&&event.preventDefault){event.preventDefault()} var tgt=document.querySelector('.ail-rail'); if(!tgt){return} var y=tgt.getBoundingClientRect().top+window.pageYOffset-24; window.scrollTo({top:y<0?0:y,behavior:'smooth'}); tgt.classList.remove('is-hi'); void tgt.offsetWidth; tgt.classList.add('is-hi'); setTimeout(function(){tgt.classList.remove('is-hi')},1400);\">Probieren Sie eine Glasfarbe<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Stofffarbvariante in der Vorschau<\/h3><p class=\"ail-row__b\">Der Korpus der Tasche wechselt zu einem warmen Terrakotta-Ton, w\u00e4hrend die Griffe, Falten und die gewebte Oberfl\u00e4che in ihrem nat\u00fcrlichen Cremeton sichtbar bleiben.<\/p><a class=\"ail-row__cta\" href=\"#ima-controller\" onclick=\"if(event&&event.preventDefault){event.preventDefault()} var tgt=document.querySelector('.ail-rail'); if(!tgt){return} var y=tgt.getBoundingClientRect().top+window.pageYOffset-24; window.scrollTo({top:y<0?0:y,behavior:'smooth'}); tgt.classList.remove('is-hi'); void tgt.offsetWidth; tgt.classList.add('is-hi'); setTimeout(function(){tgt.classList.remove('is-hi')},1400);\">Probieren Sie eine Stofffarbe<\/a><\/div><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-canvas-tote-terracotta-20260916.jpg\" alt=\"Stofffarbvariante in der Vorschau\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-knit-sneaker-cobalt-20260916.jpg\" alt=\"Strickobermaterial umf\u00e4rben, Sohle beibehalten\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Strickobermaterial umf\u00e4rben, Sohle beibehalten<\/h3><p class=\"ail-row__b\">Das gestrickte Obermaterial wechselt zu Kobaltblau, w\u00e4hrend die graue Schaumstoffsohle, die Schn\u00fcrsenkel und die Fersenlasche unver\u00e4ndert bleiben.<\/p><a class=\"ail-row__cta\" href=\"#ima-controller\" onclick=\"if(event&&event.preventDefault){event.preventDefault()} var tgt=document.querySelector('.ail-rail'); if(!tgt){return} var y=tgt.getBoundingClientRect().top+window.pageYOffset-24; window.scrollTo({top:y<0?0:y,behavior:'smooth'}); tgt.classList.remove('is-hi'); void tgt.offsetWidth; tgt.classList.add('is-hi'); setTimeout(function(){tgt.classList.remove('is-hi')},1400);\">Probieren Sie eine Schuhfarbe<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Stoff neu f\u00e4rben, Metall behalten<\/h3><p class=\"ail-row__b\">Die gewebte Lautsprecherabdeckung nimmt eine tief burgunderrote Farbe an, w\u00e4hrend die Oberseite aus geb\u00fcrstetem Metall und die Bedienelemente ihre urspr\u00fcngliche Oberfl\u00e4che behalten.<\/p><a class=\"ail-row__cta\" href=\"#ima-controller\" onclick=\"if(event&&event.preventDefault){event.preventDefault()} var tgt=document.querySelector('.ail-rail'); if(!tgt){return} var y=tgt.getBoundingClientRect().top+window.pageYOffset-24; window.scrollTo({top:y<0?0:y,behavior:'smooth'}); tgt.classList.remove('is-hi'); void tgt.offsetWidth; tgt.classList.add('is-hi'); setTimeout(function(){tgt.classList.remove('is-hi')},1400);\">Probieren Sie eine Elektronikfarbe<\/a><\/div><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/product-recolor-portable-speaker-burgundy-20260916.jpg\" alt=\"Stoff neu f\u00e4rben, Metall behalten\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0000009 e-con-full e-flex e-con e-parent\" data-id=\"0000009\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-000000a elementor-widget elementor-widget-html\" data-id=\"000000a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ail\"><div class=\"ail-sec\"><h2 class=\"ail-sec__h2\">Verwandte Tools<\/h2><div class=\"ail-cards\"><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-image-editor\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/card-image-editor-c32.webp\" alt=\"KI-Bildeditor\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Bildeditor<\/div><p class=\"ail-card__d\">Nach der Wahl der Farbrichtung sollte eine andere gezielte visuelle Ver\u00e4nderung vorgenommen werden.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-product-ad-generator\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/08\/ecom-ad-ba-sneakers.jpg\" alt=\"KI-Produktanzeigengenerator\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Produktanzeigengenerator<\/div><p class=\"ail-card__d\">Erstellen Sie nach der Wahl der Farbrichtung eine werbeorientierte Produktvisualisierung.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-image-denoiser\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpcdn.imastudio.com\/wp-content\/uploads\/2026\/09\/ai-image-denoiser-low-light-before-after-v2.jpg\" alt=\"KI-Bildentrauschung\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Bildentrauschung<\/div><p class=\"ail-card__d\">St\u00f6rendes Filmkorn in einem bestehenden Quellbild vor der detaillierten Bearbeitung entfernen.<\/p><\/div><\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-000000b e-con-full e-flex e-con e-parent\" data-id=\"000000b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-000000c elementor-widget elementor-widget-html\" data-id=\"000000c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ail\"><div class=\"ail-sec\"><h2 class=\"ail-sec__h2\">H\u00e4ufig gestellte Fragen zur Produktumf\u00e4rbung<\/h2><div class=\"ail-faq\"><details class=\"ail-faq__item\"><summary>Kann ich nur ein einzelnes Produktteil umf\u00e4rben?<\/summary><div class=\"ail-faq__a\">Ja. Benennen Sie den Zielbereich in der Aufgabenstellung genau, z. B. den Flaschenk\u00f6rper oder die Vorder- und Seitenw\u00e4nde des Beh\u00e4lters.<\/div><\/details><details class=\"ail-faq__item\"><summary>Bleibt die Oberfl\u00e4chenstruktur des Produkts nach dem Umf\u00e4rben erhalten?<\/summary><div class=\"ail-faq__a\">Der Workflow fordert das Modell auf, die neue Farbe durch bestehende Falten, Strukturen, Spiegelungen und Schatten hindurchzutragen. \u00dcberpr\u00fcfen Sie diese Details in jedem Ergebnis.<\/div><\/details><details class=\"ail-faq__item\"><summary>Kann ich einen Farbnamen angeben?<\/summary><div class=\"ail-faq__a\">Verwenden Sie eine klare Farbbeschreibung wie z. B. gedecktes Waldgr\u00fcn oder tiefes Kobaltblau und \u00fcberpr\u00fcfen Sie dann den generierten Farbton auf Ihrem Bildschirm.<\/div><\/details><details class=\"ail-faq__item\"><summary>Kann ich mehrere Farbvarianten erstellen?<\/summary><div class=\"ail-faq__a\">Generieren Sie jeweils eine der angeforderten Farbvarianten und vergleichen Sie die geeigneten Kandidaten mit demselben Quellfoto.<\/div><\/details><details class=\"ail-faq__item\"><summary>Ist die generierte Farbe als Produktionsmuster geeignet?<\/summary><div class=\"ail-faq__a\">Betrachten Sie es als visuelle Vorschau zur Erkundung und Kommunikation. Best\u00e4tigen Sie die physischen Materialien und die gemessene Farbe durch den entsprechenden Produktionsprozess.<\/div><\/details><\/div><script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Can I recolor only one product part?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Yes. Name the target area clearly in the prompt, such as the bottle body or the tote front and side panels.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Does product recolor keep surface texture?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The workflow asks the model to carry the new color through existing folds, weave, reflections and shadows. Inspect those details in every result.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Can I specify a color name?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Use a clear color description such as muted forest green or deep cobalt blue, then review the generated tone on your screen.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Can I create several color variants?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Generate one requested colorway at a time and compare the useful candidates against the same source photo.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is the generated color ready as a production swatch?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Treat it as a visual preview for exploration and communication. Confirm physical materials and measured color through the appropriate production process.\"\n            }\n        }\n    ]\n}<\/script><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":14203,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"Product Recolor \u2013 Change a Product Photo's Color","rank_math_description":"Upload one product photo, describe the part and target color, and preview a new colorway while checking the material, edges and surrounding scene.","footnotes":""},"categories":[],"tags":[],"class_list":["post-14291","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/14291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/comments?post=14291"}],"version-history":[{"count":1,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/14291\/revisions"}],"predecessor-version":[{"id":14292,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/14291\/revisions\/14292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/media\/14203"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/media?parent=14291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/categories?post=14291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/tags?post=14291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}