{"id":13315,"date":"2026-08-26T18:15:02","date_gmt":"2026-08-26T10:15:02","guid":{"rendered":"https:\/\/imastudio.com\/ai-hairstyle-men"},"modified":"2026-09-30T14:36:28","modified_gmt":"2026-09-30T06:36:28","slug":"ai-hairstyle-men","status":"publish","type":"page","link":"https:\/\/imastudio.com\/de\/ai-hairstyle-men","title":{"rendered":"KI-Frisuren f\u00fcr M\u00e4nner"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13315\" class=\"elementor elementor-13315 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\/* \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-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:block;font-size:14px;font-weight:500;color:var(--ail-ink);\n margin:0 0 -8px;}\n.ail-slotlab i{font-style:normal;color:var(--ail-acc);}\n.ail-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}\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;min-width:0;\n 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\/* ---------- \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.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 .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__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\/* ---------- 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<\/style><div class=\"ail\"><div class=\"ail__hero\"><div class=\"ail__head\"><h1 class=\"ail__h1\">Kostenlose KI-Frisur f\u00fcr M\u00e4nner: Probieren Sie jede beliebige M\u00e4nnerfrisur an Ihrem Foto aus<\/h1><p class=\"ail__sub\">Laden Sie Ihr Foto und eine Referenzfrisur hoch \u2013 die KI projiziert den Herrenhaarschnitt auf Ihr Gesicht und Ihren Haaransatz, sodass Sie ihn vor dem Friseurbesuch \u00fcberpr\u00fcfen k\u00f6nnen. Kostenlos testen.<\/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 ail-rail--noprompt\" style=\"--ail-rail-minh:800px\"><div class=\"ail-rail__head\">Kostenlose KI-Frisur f\u00fcr M\u00e4nner<\/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=\"doubao-seedream-4.5\" data-type=\"image\" data-mode=\"image_to_image\" data-layout=\"standard\" data-panel-width=\"350\" data-min-height=\"600\" data-prompt=\"Give the man in Image 1 the haircut shown in Image 2. Keep his face, facial hair, skin, body, clothing and background from Image 1 exactly as they are \u2014 change only the hair. Match the cut, length and texture from Image 2 to his own hairline and head shape. Photorealistic result.\" data-source=\"ai-hairstyle-men\" data-workflow=\"ai-hairstyle-men\" data-button-text=\"Generate\" data-hide-mode=\"1\" data-slots=\"[{&quot;label&quot;: &quot;Your Photo&quot;, &quot;hint&quot;: &quot;Front-facing, hair fully visible&quot;, &quot;optional&quot;: false}, {&quot;label&quot;: &quot;Reference Haircut&quot;, &quot;hint&quot;: &quot;A photo of the style you want&quot;, &quot;optional&quot;: false}]\"><\/div><span class=\"ail-slotlab ail-slotlab--1\">Ihr Foto<i>*<\/i><\/span><div class=\"ail-samples ail-samples--1\" data-slot=\"0\"><span class=\"ail-rail__sublab\">Beispielfotos ansehen<\/span><div class=\"ail-thumbs\"><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-1.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-1-167x300.webp\" alt=\"Ihr Foto\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-2.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-2-167x300.webp\" alt=\"Ihr Foto\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-3.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-3-167x300.webp\" alt=\"Ihr Foto\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-4.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/hairstyle-men-src-4-167x300.webp\" alt=\"Ihr Foto\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><\/div><\/div><span class=\"ail-slotlab ail-slotlab--2\">Referenzhaarschnitt<i>*<\/i><\/span><div class=\"ail-samples ail-samples--2\" data-slot=\"1\"><span class=\"ail-rail__sublab\">Probieren Sie unsere Haarschnitt-Beispiele<\/span><div class=\"ail-thumbs\"><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-mid-fade.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-mid-fade-167x300.webp\" alt=\"Referenzhaarschnitt\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-buzz.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-buzz-167x300.webp\" alt=\"Referenzhaarschnitt\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-crop.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-crop-167x300.webp\" alt=\"Referenzhaarschnitt\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-mid-length.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-mid-length-167x300.webp\" alt=\"Referenzhaarschnitt\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><button type=\"button\" class=\"ail-thumb\" data-src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-curly-taper.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'){var om=document.querySelector('.ail-modal'); if(om){om.hidden=false;document.body.classList.add('ail-noscroll')}}\"><img decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ref-curly-taper-167x300.webp\" alt=\"Referenzhaarschnitt\" style=\"aspect-ratio:24 \/ 43\" data-no-lazy=\"1\" loading=\"eager\"><\/button><\/div><\/div><div class=\"ail-ratios\"><span class=\"ail-rail__sublab\">Ausgabegr\u00f6\u00dfe<\/span><div class=\"ail-ratios__row\"><button type=\"button\" data-no-translation translate=\"no\" class=\"notranslate ail-ratio is-on\" data-ar=\"\" aria-pressed=\"true\" onclick=\"var b=this,row=b.closest('.ail-ratios'),g=document.querySelector('.ail-gen'); row.querySelectorAll('.ail-ratio').forEach(function(x){x.classList.remove('is-on'); x.setAttribute('aria-pressed','false')}); b.classList.add('is-on'); b.setAttribute('aria-pressed','true'); if(!g){return}var v=b.dataset.ar||''; if(v){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){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){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){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){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){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\" data-ar=\"9:16\" data-req=\"0,1\" data-route=\"image-to-image\" 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; (this.dataset.req||'').split(',').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','0'); if(t&&t.value.trim()){q.set('p',t.value.trim())}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 ar=(lock||S.length===0)?(this.dataset.ar||''):''; if(!lock&&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 dest=window.imaAbDest?window.imaAbDest(q,this.dataset.route||'image-to-image'):'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)}\">Erzeugen<\/button><div class=\"ail-trial\">Kostenlos testen \u2013 melden Sie sich an, um Ihre Ergebnisse zu sehen.<\/div><\/div><div class=\"ail__right\"><style>@keyframes ail-ba-slide{0.000%{transform:translateX(-0%)}17.000%{transform:translateX(-0%)}20.000%{transform:translateX(-100%)}37.000%{transform:translateX(-100%)}40.000%{transform:translateX(-200%)}57.000%{transform:translateX(-200%)}60.000%{transform:translateX(-300%)}77.000%{transform:translateX(-300%)}80.000%{transform:translateX(-400%)}97.000%{transform:translateX(-400%)}100%{transform:translateX(-500%)}}.ail-ba:not(.is-manual) .ail-ba__track{animation:ail-ba-slide 20s linear infinite;}@keyframes ail-ba-dot{0%{width:24px;background:#F61B5B}20.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 20s step-end infinite;animation-delay:-20s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(2){animation:ail-ba-dot 20s step-end infinite;animation-delay:-16s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(3){animation:ail-ba-dot 20s step-end infinite;animation-delay:-12s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(4){animation:ail-ba-dot 20s step-end infinite;animation-delay:-8s;}.ail-ba:not(.is-manual) .ail-ba__dot:nth-child(5){animation:ail-ba-dot 20s 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:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ba-mid-fade-f32c.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\" loading=\"eager\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ba-buzz-f32c.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ba-crop-f32c.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ba-mid-length-f32c.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/ai-hairstyle-men-beard-02-f32c.jpg\" alt=\"Vorher-Nachher-Beispiel\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><div class=\"ail-ba__slide\" aria-hidden=\"true\" data-clone=\"1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-ba-mid-fade-f32c.jpg\" alt=\"\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><\/div><\/div><button type=\"button\" class=\"ail-ba__nav ail-ba__nav--prev\" aria-label=\"Vorherige\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=(i-1+n)%n;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\">\u2039<\/button><button type=\"button\" class=\"ail-ba__nav ail-ba__nav--next\" aria-label=\"N\u00e4chste\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=(i+1)%n;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\">\u203a<\/button><div class=\"ail-ba__dots\"><button type=\"button\" class=\"ail-ba__dot is-on\" data-i=\"0\" aria-label=\"Beispiel 1\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"1\" aria-label=\"Beispiel 2\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"2\" aria-label=\"Beispiel 3\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"3\" aria-label=\"Beispiel 4\" onclick=\"var box=this.closest('.ail-ba'); if(box&&!box.classList.contains('is-manual')){ var tk=box.querySelector('.ail-ba__track'); var w=box.getBoundingClientRect().width; var mm=getComputedStyle(tk).transform, cx=0; if(mm&&mm.indexOf('matrix')===0){cx=parseFloat(mm.slice(mm.indexOf('(')+1).split(',')[4])||0} var cur=w?Math.round(-cx\/w):0; var nd=box.querySelectorAll('.ail-ba__dot').length; if(cur>=nd){cur=0} if(cur<0){cur=0} box.dataset.i=cur; box.classList.add('is-manual'); tk.style.transform='translateX(-'+(cur*100)+'%)'; [].forEach.call(box.querySelectorAll('.ail-ba__dot'),function(d,k){ if(k===cur){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); }var box=this.closest('.ail-ba'); var track=box.querySelector('.ail-ba__track'); var dots=box.querySelectorAll('.ail-ba__dot'); var n=dots.length; var i=+(box.dataset.i||0);var j=+this.dataset.i;if(j===i)return;box.dataset.i=j; track.style.transform='translateX(-'+(j*100)+'%)'; [].forEach.call(dots,function(d,k){ if(k===j){d.classList.add('is-on')}else{d.classList.remove('is-on')}}); [].forEach.call(track.querySelectorAll('video'),function(v,k){ if(k===j){if(v.preload==='none'){v.preload='metadata'}var p=v.play(); if(p&&p.catch){p.catch(function(){})}}else{v.pause()}});\"><\/button><button type=\"button\" class=\"ail-ba__dot\" data-i=\"4\" aria-label=\"Beispiel 5\" 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>\n<script id=\"ima-ab-split\">\n\/*\n * SEO \u843d\u5730\u9875 Creation \u2192 Agent \u5206\u6d41\u5b9e\u9a8c\uff08WP \u4fa7\u516c\u5171\u811a\u672c\uff09\n * \u9700\u6c42\uff1adocs\/work\/creation-agent-ab\/2026-09-29-\u9700\u6c42\u8349\u7a3f.md\n *\n * \u63a5\u5165\u65b9\u5f0f\uff1a\u6309\u94ae onclick \u91cc\u539f\u672c\u7684\n *   var dest='https:\/\/www.imastudio.com\/ai-creation\/' +(this.dataset.route||'image-to-image')+'?'+q.toString();\n * \u6539\u6210\n *   var dest=window.imaAbDest?window.imaAbDest(q,this.dataset.route||'image-to-image'):'https:\/\/www.imastudio.com\/ai-creation\/' +(this.dataset.route||'image-to-image')+'?'+q.toString();\n * \u8868\u5355\u9875\uff08\/ai-image-combiner\uff09\u628a window.location.href=base+creationPath+'?'+params.toString()\n * \u6539\u6210 window.location.href=window.imaAbDest?window.imaAbDest(params,'image-to-image'):base+creationPath+'?'+params.toString()\n * \u6a21\u578b\u9009\u62e9\u5668\u9875\u4e0d\u6539\u6309\u94ae\u4ee3\u7801\uff0c\u7531\u6587\u4ef6\u672b\u5c3e\u7684\u70b9\u51fb\u62e6\u622a\u5904\u7406\u3002\n * \u672c\u811a\u672c\u6ca1\u52a0\u8f7d\u65f6\u6309\u94ae\u884c\u4e3a\u4e0e\u6539\u52a8\u524d\u5b8c\u5168\u4e00\u81f4\u3002\n *\n * \u5206\u7ec4\uff1a\u70b9\u51fb\u65f6\u968f\u673a\uff0c\u4e0d\u7ed1\u5b9a\u7528\u6237\u3002\n *   \u7535\u8111\uff08\u2265768px\uff09\uff1acanvas \/ community \/ creation \u5404 1\/3\n *   \u624b\u673a\uff08<768px\uff09\uff1ah5agent \/ creation \u5404 1\/2\n * Agent \u7ec4\u53bb\u6389 f-ar\uff08\u5e26\u4e0a\u524d\u7aef\u4e0d\u5206\u6d41\uff09\uff1bcreation \u7ec4\u4fdd\u6301\u539f\u6837 agent=0\u3002\n * \u4e0d\u8fdb\u5b9e\u9a8c\uff1a\u603b\u5f00\u5173\u5173\u3001\u9875\u9762\u94fe\u63a5\u5df2\u5e26 utm_*\u3001\u722c\u866b UA\u3002\n * QA \u5f3a\u5236\u5206\u7ec4\uff1aWP \u9875\u9762\u94fe\u63a5\u52a0 ?ima_ab_force=canvas|community|h5agent|creation\n *\/\n(function () {\n    var CONFIG = {\n        enabled: true,\n        tag: '0930', \/\/ utm_campaign \u65e5\u671f\u6bb5\uff0c\u4e0a\u7ebf\u5f53\u5929\u6539\u6210\u4e0a\u7ebf\u65e5\u671f MMDD\n    };\n    var BOT_UA_RE = \/bot|spider|crawl|slurp|bingpreview\/i;\n    var ARMS = ['canvas', 'community', 'h5agent', 'creation'];\n\n    function pageKey() {\n        return window.location.pathname.replace(\/^\\\/+|\\\/+$\/g, '').replace(\/\\\/\/g, '-') || 'home';\n    }\n\n    function pickArm(isDesktop) {\n        var forced = new URLSearchParams(window.location.search).get('ima_ab_force');\n        if (forced && ARMS.indexOf(forced) >= 0) return forced;\n        var roll = Math.random();\n        if (isDesktop) return roll < 1 \/ 3 ? 'canvas' : roll < 2 \/ 3 ? 'community' : 'creation';\n        return roll < 0.5 ? 'h5agent' : 'creation';\n    }\n\n    window.imaAbDest = function (q, route) {\n        var base = 'https:\/\/www.imastudio.com\/ai-creation\/' + route + '?';\n        try {\n            if (!CONFIG.enabled) return base + q.toString();\n            if (\/(^|[?&])utm_\/.test(window.location.search)) return base + q.toString();\n            if (BOT_UA_RE.test(navigator.userAgent)) return base + q.toString();\n\n            var isDesktop = window.matchMedia('(min-width: 768px)').matches;\n            var arm = pickArm(isDesktop);\n            if (arm === 'creation') {\n                q.set('agent', '0');\n            }\n            else {\n                q.set('agent', arm);\n                q.delete('f-ar');\n            }\n            var key = pageKey();\n            q.set('utm_source', 'wp_seo');\n            q.set('utm_medium', 'seo_ab');\n            q.set('utm_campaign', 'wp_ab_' + CONFIG.tag + '_' + key + '_' + arm);\n\n            \/\/ WP \u4e0a\u795e\u7b56\u5b9e\u4f8b\u540d\u662f sensorsDataAnalytic201505\uff08\u4e0d\u662f window.sensors\uff09\n            var sa = window.sensorsDataAnalytic201505 || window.sensors;\n            if (sa && typeof sa.track === 'function') {\n                sa.track('ima_function_click', {\n                    f_page: 'landing',\n                    btn_position: window.location.pathname,\n                    btn_name: 'seo_ab_cta',\n                    ab_exp: 'wp_seo_agent_ab',\n                    ab_group: arm,\n                    ab_page: key,\n                    ab_device: isDesktop ? 'pc' : 'h5',\n                    ab_route: route,\n                    ab_campaign: q.get('utm_campaign'),\n                });\n            }\n            return base + q.toString();\n        }\n        catch (e) {\n            return base + q.toString();\n        }\n    };\n\n    \/\/ \u6a21\u578b\u9009\u62e9\u5668\u9875\uff08\/ai-image-generator\u3001\/hailuo-video-generator\uff09\uff1a\u751f\u6210\u6309\u94ae\u662f\u6574\u7ad9\u7ec4\u4ef6\u7684\n    \/\/ a.ima-generate\uff0chref \u7531\u7ec4\u4ef6\u62fc\u597d\uff0c\u8fd9\u91cc\u53ea\u5728\u70b9\u51fb\u65f6\u6539\u5199\uff0c\u4e0d\u78b0\u7ec4\u4ef6\u672c\u8eab\n    document.addEventListener('click', function (e) {\n        var a = e.target && e.target.closest && e.target.closest('a.ima-generate');\n        if (!a || a.getAttribute('aria-disabled') === 'true') return;\n        var m = (a.getAttribute('href') || '').match(\/^https:\\\/\\\/www\\.imastudio\\.com\\\/ai-creation\\\/([^?#]+)\\?([^#]*)$\/);\n        if (!m) return;\n        e.preventDefault();\n        window.location.href = window.imaAbDest(new URLSearchParams(m[2]), m[1]);\n    }, true);\n})();\n\n<\/script>\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\"><div class=\"ail-sec\"><h2 class=\"ail-sec__h2\">So probieren Sie eine Frisur an Ihrem Foto aus<\/h2><div class=\"ail-steps\"><div class=\"ail-step\"><span class=\"ail-step__n\">1<\/span><div class=\"ail-step__ico\">\u2191<\/div><div class=\"ail-step__t\">Laden Sie Ihr Foto hoch<\/div><p class=\"ail-step__b\">Ein klares Frontalfoto Ihres Gesichts eignet sich am besten. Ihr Haaransatz und Ihre Gesichtsz\u00fcge bleiben genau so erhalten, wie sie sind.<\/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\">F\u00fcge eine Referenzfrisur hinzu<\/div><p class=\"ail-step__b\">Laden Sie ein Foto des gew\u00fcnschten Haarschnitts hoch \u2013 Fade, Crop, Buzz \u2013 oder w\u00e4hlen Sie einen der Beispielhaarschnitte aus.<\/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\">Bring es zum Friseur<\/div><p class=\"ail-step__b\">Kostenlos testen. Laden Sie das Ergebnis herunter und zeigen Sie es Ihrem Friseur, anstatt den Haarschnitt zu beschreiben.<\/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-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\">Haarschnitte, die M\u00e4nner vor der Buchung ausprobieren k\u00f6nnen<\/h2><div class=\"ail-row\"><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-row-fade.webp\" alt=\"\u00dcberg\u00e4nge, Taper und Buzz Cuts\" width=\"1376\" height=\"768\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">\u00dcberg\u00e4nge, Taper und Buzz Cuts<\/h3><p class=\"ail-row__b\">Probieren Sie einen Mid Fade, einen Taper oder einen kompletten Buzz Cut an Ihrer eigenen Kopfform aus, bevor es zu sp\u00e4t ist. Kostenlos testen \u2013 Ihre Haarlinie und Ihr Gesicht bleiben unver\u00e4ndert.<\/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);\">Versuchen Sie einen Fade<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Strukturierte Kurzhaar-, Fransen- und Vorhangfrisuren<\/h3><p class=\"ail-row__b\">Nimm ein Foto des gespeicherten Haarschnitts oder Ponys und lege es auf dein eigenes Gesicht. Das Tool ver\u00e4ndert nur die Haare, nicht deine Gesichtsz\u00fcge.<\/p><a class=\"ail-row__cta\" href=\"#ima-controller\" onclick=\"if(event&&event.preventDefault){event.preventDefault()} var tgt=document.querySelector('.ail-rail'); if(!tgt){return} var y=tgt.getBoundingClientRect().top+window.pageYOffset-24; window.scrollTo({top:y<0?0:y,behavior:'smooth'}); tgt.classList.remove('is-hi'); void tgt.offsetWidth; tgt.classList.add('is-hi'); setTimeout(function(){tgt.classList.remove('is-hi')},1400);\">Probieren Sie einen strukturierten Schnitt<\/a><\/div><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-row-crop.webp\" alt=\"Strukturierte Kurzhaar-, Fransen- und Vorhangfrisuren\" width=\"1376\" height=\"768\" data-no-lazy=\"1\"><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/haircut-row-grow.webp\" alt=\"Herauswachsen lassen: Mittellang und l\u00e4nger\" width=\"1376\" height=\"768\" data-no-lazy=\"1\"><\/div><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">Herauswachsen lassen: Mittellang und l\u00e4nger<\/h3><p class=\"ail-row__b\">Bevor du dich endg\u00fcltig daf\u00fcr entscheidest, solltest du dir genau ansehen, wie ein Wachstum \u00fcber sechs Monate bei dir aussehen w\u00fcrde.<\/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);\">L\u00e4nger ansehen<\/a><\/div><\/div><div class=\"ail-row\"><div class=\"ail-row__text\"><h3 class=\"ail-row__t\">KI-Bartgenerator: Sieh dir einen Bart an, bevor du dir selbst einen wachsen l\u00e4sst<\/h3><p class=\"ail-row__b\">Vier Wochen Wachstum sind eine lange Zeit, um festzustellen, dass ein Vollbart nicht zu Ihrem Kiefer passt. Egal welche L\u00e4nge und Form Sie bevorzugen \u2013 Dreitagebart, kurzer Spitzbart, Schnurrbart allein \u2013, Sie sehen das Ergebnis auf dem Foto, das Sie bereits haben, mit unver\u00e4nderter Frisur, Kleidung und Lichtverh\u00e4ltnissen. Es geht also nur um die Gesichtsbehaarung.<\/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);\">Vorschau auf einen Bart<\/a><\/div><div class=\"ail-row__media\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/ai-hairstyle-men-beard-01.webp\" alt=\"KI-Bartgenerator: Sieh dir einen Bart an, bevor du dir selbst einen wachsen l\u00e4sst\" width=\"1524\" height=\"1336\" 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-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\">Verwandte Tools<\/h2><div class=\"ail-cards\"><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-hairstyle-changer\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/ai-hairstyle-changer-card32.webp\" alt=\"KI-Frisurenwechsler\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Frisurenwechsler<\/div><p class=\"ail-card__d\">Das komplette Styling-Tool, inklusive Damenhaarschnitten und -farben.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-clothes-remover\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/clothes-remover-1-6d32e131-f32.jpg\" alt=\"KI-Kleiderentferner\" width=\"1280\" height=\"853\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Kleiderentferner<\/div><p class=\"ail-card__d\">Tausche das Outfit auf einem beliebigen Foto aus.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-selfie-generator\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/ba-headshot-f32c.jpg\" alt=\"KI-Selfie-Generator\" width=\"1800\" height=\"1200\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Selfie-Generator<\/div><p class=\"ail-card__d\">20 Selfie-Stile aus einem Foto.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-background-remover\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/card-background-remover-c32.webp\" alt=\"KI-Hintergrundentferner\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Hintergrundentferner<\/div><p class=\"ail-card__d\">Schneiden Sie das Motiv mit sauberen Kanten aus.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-image-upscaler\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/card-image-upscaler-c32.webp\" alt=\"KI-Bild-Upscaler\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Bild-Upscaler<\/div><p class=\"ail-card__d\">Vergr\u00f6\u00dfern, ohne dass Details verschwimmen.<\/p><\/div><\/a><a class=\"ail-card\" href=\"https:\/\/imastudio.com\/de\/ai-object-remover\" style=\"text-decoration:none;color:inherit\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imastudio.com\/wp-content\/uploads\/2026\/08\/card-object-remover-c32.webp\" alt=\"KI-Objektentferner\" width=\"1200\" height=\"800\" data-no-lazy=\"1\"><div class=\"ail-card__b\"><div class=\"ail-card__t\">KI-Objektentferner<\/div><p class=\"ail-card__d\">Unerw\u00fcnschte Objekte aus einem Foto entfernen.<\/p><\/div><\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-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\">KI-gest\u00fctzte Frisuren und B\u00e4rte \u2013 H\u00e4ufig gestellte Fragen<\/h2><div class=\"ail-faq\"><details class=\"ail-faq__item\"><summary>Kann es mir zeigen, wie ich mit Bart aussehen w\u00fcrde?<\/summary><div class=\"ail-faq__a\">Ja \u2013 geben Sie L\u00e4nge und Form in das Feld ein, von Dreitagebart \u00fcber Vollbart bis hin zu einem Schnurrbart allein, und die gew\u00fcnschte Form wird auf dem Foto im Gesicht angezeigt. Frisur, Kleidung und Beleuchtung bleiben unver\u00e4ndert, wodurch sich die beiden Versionen vergleichen lassen.<\/div><\/details><details class=\"ail-faq__item\"><summary>Ist die KI-Frisurenvorschau kostenlos?<\/summary><div class=\"ail-faq__a\">Die Durchf\u00fchrung ist kostenlos. F\u00fcgen Sie ein Foto hinzu, benennen Sie den Ausschnitt und klicken Sie auf \u201eGenerieren\u201c. Die Anmeldung ist nur erforderlich, wenn Sie das Ergebnis behalten m\u00f6chten.<\/div><\/details><details class=\"ail-faq__item\"><summary>Welches Foto eignet sich am besten f\u00fcr eine Vorschau des Haarschnitts?<\/summary><div class=\"ail-faq__a\">Frontalansicht, sichtbarer Haaransatz, Ohren nicht bedeckt, gleichm\u00e4\u00dfig ausgeleuchtet. Eine M\u00fctze, ein starker Seitenwinkel oder bereits zur\u00fcckgek\u00e4mmtes Haar nehmen dem Model die n\u00f6tigen Informationen f\u00fcr einen neuen Haarschnitt.<\/div><\/details><details class=\"ail-faq__item\"><summary>Wird sich mein Gesicht ver\u00e4ndern, wenn der Schnitt gemacht wird?<\/summary><div class=\"ail-faq__a\">Der Satz im Kasten enth\u00e4lt das Gesicht, die Kleidung und den Hintergrund und fragt nur nach der Frisur. Behalten Sie diese beschreibende Klausel beim Umschreiben bei \u2013 sie verhindert, dass ein neuer Haarschnitt an einer leicht ver\u00e4nderten Person landet.<\/div><\/details><details class=\"ail-faq__item\"><summary>Kann ich gleichzeitig eine neue Farbe und einen neuen Haarschnitt ausprobieren?<\/summary><div class=\"ail-faq__a\">Das ist m\u00f6glich, aber eine \u00c4nderung nach der anderen wirkt \u00fcbersichtlicher. F\u00fchren Sie zuerst den Schnitt durch, lassen Sie ihn sich setzen und nehmen Sie dann den gelungenen Text und f\u00fcgen Sie die Farbe hinzu; andernfalls ist schwer zu erkennen, welche der beiden \u00c4nderungen die Wirkung erzielt hat.<\/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 it show me what I would look like with a beard?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Yes \\u2014 say the length and the shape in the box, from heavy stubble through to a full boxed beard or a moustache on its own, and it lands on the face in your photo. The haircut, the clothes and the lighting stay as they were, which is what makes the two versions worth comparing.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is the AI hairstyle preview free?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Running it costs nothing. Add a photo, name the cut, press Generate; signing in only matters at the point you want to keep the result.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What photo works best for a haircut preview?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Front on, hairline visible, ears not covered, shot in even light. A cap, a heavy side angle or hair already pushed back all remove the information the model needs to place a new cut.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Will my face change when the cut does?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The sentence loaded in the box holds the face, the clothing and the background, and asks only for the hair. Keep that holding clause when you rewrite it \\u2014 it is what stops a new cut arriving on a slightly different person.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Can I try a colour and a cut at the same time?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"You can, but one change at a time reads more clearly. Run the cut first, settle it, then take the wording that worked and add the colour; otherwise it is hard to tell which of the two did the work.\"\n            }\n        }\n    ]\n}<\/script><\/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\">Nutzerbewertungen<\/h2><div class=\"ail-reviews\"><div class=\"ail-rev\"><div class=\"ail-rev__s\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"ail-rev__b\">Ich bin direkt mit dem Ergebnis zu meinem Friseur gegangen, anstatt es ihm zu beschreiben. Zum ersten Mal habe ich den Haarschnitt bekommen, den ich mir gew\u00fcnscht habe.<\/p><p class=\"ail-rev__n\">Owen R.<\/p><\/div><div class=\"ail-rev\"><div class=\"ail-rev__s\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"ail-rev__b\">Ich habe mir einen Kurzhaarschnitt vorher ansehen lassen. Es stellte sich heraus, dass er zu meiner Kopfform passt \u2013 sonst h\u00e4tte ich es nicht riskiert.<\/p><p class=\"ail-rev__n\">Sam D.<\/p><\/div><div class=\"ail-rev\"><div class=\"ail-rev__s\">\u2605\u2605\u2605\u2605<\/div><p class=\"ail-rev__b\">Man kann es kostenlos ausprobieren, deshalb habe ich es getestet. \u00dcberg\u00e4nge gelingen gut; bei sehr lockigem Haar ist das Ergebnis Gl\u00fcckssache.<\/p><p class=\"ail-rev__n\">Andre M.<\/p><\/div><\/div><\/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":21,"featured_media":12084,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"Free AI Hairstyle for Men \u2014 Male Haircut Try-On","rank_math_description":"Free AI hairstyle changer for men: upload your photo and a reference cut to see the male haircut on your own face and hairline before the barber.","footnotes":""},"categories":[],"tags":[],"class_list":["post-13315","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/13315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/comments?post=13315"}],"version-history":[{"count":1,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/13315\/revisions"}],"predecessor-version":[{"id":14603,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/pages\/13315\/revisions\/14603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/media\/12084"}],"wp:attachment":[{"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/media?parent=13315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/categories?post=13315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imastudio.com\/de\/wp-json\/wp\/v2\/tags?post=13315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}