{"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\/id\/product-recolor","title":{"rendered":"Ubah Warna Produk | Lihat Pratinjau Warna Baru pada Foto Anda"},"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\">Pratinjau Warna Baru Produk yang Diubah Tampilannya<\/h1><p class=\"ail__sub\">Pilih area produk dan warna yang ingin Anda lihat. Hasilkan skema warna kandidat dengan tetap memperhatikan pola tenunan kain, pantulan kaca, dan pemandangan sekitarnya.<\/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\">Pewarnaan Ulang Produk<\/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\">Petunjuk \u2014 sudah ditulis, edit sesuka hati<\/span><span class=\"ail-slotlab ail-slotlab--1\"><span class=\"ail-slotlab__name\">Foto Produk<i>*<\/i><\/span><\/span><div class=\"ail-samples ail-samples--1\" data-slot=\"0\"><span class=\"ail-rail__sublab\">Coba Produk Sampel<\/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=\"Foto Produk\" 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=\"Foto Produk\" 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=\"Foto Produk\" 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=\"Foto Produk\" style=\"aspect-ratio:75 \/ 56\" data-no-lazy=\"1\" loading=\"eager\"><\/button><\/div><\/div><div class=\"ail-ratios\"><span class=\"ail-rail__sublab\">Ukuran Keluaran<\/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)}\">Warnai ulang foto produk<\/button><div class=\"ail-trial\">Gratis untuk dicoba \u2014 daftar untuk melihat hasilnya<\/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=\"contoh sebelum dan sesudah\" 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=\"contoh sebelum dan sesudah\" 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=\"contoh sebelum dan sesudah\" 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=\"contoh sebelum dan sesudah\" 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=\"Sebelumnya\" 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=\"Berikutnya\" 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=\"Contoh 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=\"Contoh 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=\"Contoh 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=\"Contoh 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>Satu foto sumber<\/b><span>Mulailah dari gambar produk yang sudah menunjukkan bentuk, permukaan, dan pemandangan sekitarnya.<\/span><\/div><div class=\"ail-trust__item\"><b>Jelaskan bagian dan warnanya<\/b><span>Sebutkan area target dan warnanya agar perubahan yang diminta memiliki batasan yang jelas.<\/span><\/div><div class=\"ail-trust__item\"><b>Bandingkan materi tersebut<\/b><span>Tinjau kembali tekstur, transparansi, sorotan, dan bayangan beserta warna barunya.<\/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\">Cara Mewarnai Ulang Foto Produk<\/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\">Unggah foto produk<\/div><p class=\"ail-step__b\">Pilih gambar yang jelas di mana area produk yang ingin Anda ubah warnanya terlihat dan terpisah dari objek di sekitarnya.<\/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\">Sebutkan bagian dan warnanya<\/div><p class=\"ail-step__b\">Ganti teks petunjuk dalam tanda kurung dengan area produk dan warna yang ingin Anda pratinjau secara tepat.<\/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\">Tinjau skema warnanya<\/div><p class=\"ail-step__b\">Bandingkan hasilnya dengan sumber aslinya dan periksa tekstur, tepi, pantulan, bagian produk lainnya, dan latar belakang sebelum menggunakannya.<\/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\">Pratinjau Warna pada Berbagai Material<\/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=\"Warnai Ulang Kaca Transparan\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Warnai Ulang Kaca Transparan<\/h3><p class=\"ail-row__b\">Kaca berwarna kuning berubah menjadi hijau tua sambil tetap mempertahankan tutup hitam, pipet, dan bagian transparan yang terlihat jelas.<\/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);\">Cobalah warna kaca.<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Pratinjau Pilihan Warna Kain<\/h3><p class=\"ail-row__b\">Bagian utama tas beralih ke warna terakota yang hangat, sementara pegangan, lipatan, dan permukaan anyaman berwarna krem alami tetap terlihat.<\/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);\">Cobalah warna kain<\/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=\"Pratinjau Pilihan Warna Kain\" 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=\"Warnai ulang bagian atas rajutan, pertahankan solnya.\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Warnai ulang bagian atas rajutan, pertahankan solnya.<\/h3><p class=\"ail-row__b\">Bagian atas rajutan berubah menjadi biru kobalt sementara sol busa abu-abu, tali sepatu, dan tab tumit tetap tidak berubah.<\/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);\">Cobalah warna alas kaki<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Warnai Ulang Kain, Pertahankan Logamnya<\/h3><p class=\"ail-row__b\">Panel speaker anyaman berubah menjadi merah anggur tua, sementara bagian atas dan kontrol dari logam yang dipoles tetap mempertahankan lapisan akhir aslinya.<\/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);\">Cobalah warna elektronik.<\/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=\"Warnai Ulang Kain, Pertahankan Logamnya\" 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\">Alat Terkait<\/h2><div class=\"ail-cards\"><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/id\/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=\"Editor Gambar AI\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">Editor Gambar AI<\/div><p class=\"ail-card__d\">Lakukan perubahan visual yang berbeda dan terarah setelah memilih arah warna.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/id\/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=\"Generator Iklan Produk AI\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">Generator Iklan Produk AI<\/div><p class=\"ail-card__d\">Buat visual produk yang berfokus pada iklan setelah memilih arah warna.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/id\/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=\"Penghilang Noise Gambar AI\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">Penghilang Noise Gambar AI<\/div><p class=\"ail-card__d\">Bersihkan noise yang mengganggu pada gambar sumber yang sudah ada sebelum melakukan pengeditan detail.<\/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\">Pertanyaan Umum tentang Pewarnaan Ulang Produk<\/h2><div class=\"ail-faq\"><details class=\"ail-faq__item\"><summary>Apakah saya bisa mewarnai ulang hanya satu bagian produk saja?<\/summary><div class=\"ail-faq__a\">Ya. Sebutkan area target dengan jelas dalam petunjuk, seperti badan botol atau panel depan dan samping tas jinjing.<\/div><\/details><details class=\"ail-faq__item\"><summary>Apakah produk pewarna ulang mempertahankan tekstur permukaan?<\/summary><div class=\"ail-faq__a\">Alur kerja meminta model untuk membawa warna baru melalui lipatan, anyaman, pantulan, dan bayangan yang ada. Periksa detail tersebut di setiap hasilnya.<\/div><\/details><details class=\"ail-faq__item\"><summary>Bisakah saya menentukan nama warna?<\/summary><div class=\"ail-faq__a\">Gunakan deskripsi warna yang jelas seperti hijau hutan yang lembut atau biru kobalt pekat, lalu tinjau nada warna yang dihasilkan di layar Anda.<\/div><\/details><details class=\"ail-faq__item\"><summary>Bisakah saya membuat beberapa varian warna?<\/summary><div class=\"ail-faq__a\">Hasilkan satu kombinasi warna yang diminta dalam satu waktu dan bandingkan kandidat yang sesuai dengan foto sumber yang sama.<\/div><\/details><details class=\"ail-faq__item\"><summary>Apakah warna yang dihasilkan sudah siap sebagai contoh warna untuk produksi?<\/summary><div class=\"ail-faq__a\">Anggaplah ini sebagai pratinjau visual untuk eksplorasi dan komunikasi. Konfirmasikan material fisik dan warna yang terukur melalui proses produksi yang sesuai.<\/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\/id\/wp-json\/wp\/v2\/pages\/14291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/comments?post=14291"}],"version-history":[{"count":1,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages\/14291\/revisions"}],"predecessor-version":[{"id":14292,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/pages\/14291\/revisions\/14292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/media\/14203"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/media?parent=14291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/categories?post=14291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/id\/wp-json\/wp\/v2\/tags?post=14291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}