.appfactory-page{--af-ink: #0b263b;--af-muted: #5b6e7c;--af-rule: rgba(27, 64, 92, .18);--af-paper: #f3f4f0;color:var(--af-ink);background:var(--af-paper)}.appfactory-page :is(h1,h2,h3,h4,p,figure){margin:0}.appfactory-page ol{margin-block:0}.appfactory-page .container{width:min(100% - 80px,1280px)}.appfactory-page :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid #4f97db;outline-offset:5px}.af-kicker{color:#42698a;font:600 10px/1.6 SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.af-action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,430px);margin-top:30px}.af-journey{border-bottom:1px solid var(--af-rule);background:#e7edf0}.af-journey ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none}.af-journey li{position:relative;display:flex;gap:18px;align-items:start;padding:27px 30px 27px 0}.af-journey li+li{padding-left:26px;border-left:1px solid var(--af-rule)}.af-journey li>span{font:12px/1.7 Consolas,monospace;color:#5e84a0}.af-journey strong{font-size:14px;font-weight:600}.af-journey p{margin-top:5px;color:#6b7f8d;font-size:10px}.af-journey li>b{position:absolute;right:15px;color:#7494ab;font-size:12px;font-weight:400}.af-journey li:last-child>b{display:none}.af-section{padding:clamp(70px,8vw,112px) 0;scroll-margin-top:90px}.af-section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:48px}.af-section-heading h2,.af-faq h2{margin-top:20px;font-size:clamp(30px,3.5vw,48px);font-weight:550;line-height:1.25;letter-spacing:-.045em}.af-section-heading>p,.af-section-heading>div>p:not(.af-kicker){max-width:450px;font-size:14px;line-height:1.9;color:var(--af-muted)}.af-feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;margin-top:36px}.af-feature-pair>div+div{padding-left:36px;border-left:1px solid var(--af-rule)}.af-feature-pair>div>span{font:10px/1.5 Consolas,Microsoft YaHei,monospace;color:#6b899f}.af-feature-pair h3{margin-top:11px;font-size:20px;font-weight:550}.af-feature-pair p{max-width:480px;margin-top:10px;font-size:13px;color:var(--af-muted);line-height:1.85}.af-enterprise{background:#e7edf0;border-block:1px solid var(--af-rule)}.af-enterprise-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.af-template-figure{padding:26px 28px;border:1px solid #b5c6d1;background:#f6f8f6}.af-figure-title{display:flex;justify-content:space-between;gap:14px;color:#7190a5;font:9px/1.7 Consolas,Microsoft YaHei,monospace;letter-spacing:.04em}.af-template-languages{display:grid;gap:22px;margin-top:34px}.af-template-languages>div{display:grid;grid-template-columns:65px 1fr;gap:16px;align-items:center}.af-template-languages>div>span{font-size:10px;color:#718796}.af-template-languages>div>div{display:flex;flex-wrap:wrap;gap:8px}.af-template-languages b{flex:1;min-width:56px;padding:10px 8px;border:1px solid #bccdda;background:#e7eef2;font:500 12px/1.5 Consolas,monospace;text-align:center;color:#315a77}.af-template-core{margin-top:30px;padding:23px;border:1px solid #b2c7d7;background:linear-gradient(135deg,#e1ebf2,#edf2f5)}.af-template-core>span{font-size:15px;font-weight:550}.af-template-core>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.af-template-core b{text-align:center;padding:10px 2px;font-size:10px;font-weight:400;background:#fff7;border:1px solid #cfdae2;color:#4e6e85}.af-template-figure figcaption{margin-top:19px;font-size:10px;color:#748c9e}.af-foundations>.af-kicker{margin-bottom:22px}.af-foundations>div{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--af-rule)}.af-foundations>div:last-child{padding-bottom:0}.af-foundations>div>span{color:#6b91ad;font:11px/1.8 Consolas,monospace}.af-foundations h3{font-size:19px;font-weight:550;line-height:1.5}.af-foundations p{max-width:370px;margin-top:10px;color:var(--af-muted);font-size:13px;line-height:1.8}.af-publish{color:#eef5fa;background:radial-gradient(ellipse at 85% 20%,#183c5c66,transparent 60%),#081c2d}.af-publish .af-kicker{color:#89b5df}.af-publish h2 em{color:#9ec5f0;font-style:normal}.af-publish .af-section-heading>div>p:not(.af-kicker){color:#a1b8ca}.af-inline-link{display:inline-flex;align-items:center;gap:25px;margin-top:22px;font-size:12px;font-weight:600}.af-inline-link b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #89a8c16b;border-radius:50%}.af-publish .af-inline-link{color:#b1d1ef}.af-publish-figure{display:grid;grid-template-columns:1fr .4fr 1.2fr;align-items:center;padding:36px;border:1px solid #6f98bb55;background:linear-gradient(100deg,#244a6820,#376b8e18)}.af-publish-source,.af-publish-target{padding:28px;border:1px solid #668bad66;background:#1b3b5466}.af-publish-product{display:flex;align-items:center;gap:15px}.af-publish-product svg{width:42px;height:42px;color:#a4c6e4}.af-publish-product>span{font-size:23px;letter-spacing:-.02em}.af-publish-product small{display:block;margin-top:4px;color:#8caac1;font-size:10px}.af-publish-checks{display:grid;gap:9px;margin-top:27px;font-size:11px;color:#96b3c9}.af-publish-bridge{display:grid;gap:12px;justify-items:center;color:#9dc5e9;font-size:11px}.af-publish-bridge i{position:relative;width:100%;height:1px;background:#719bc0}.af-publish-bridge i:after{content:"";position:absolute;right:2px;top:-3px;width:7px;height:7px;border-right:1px solid #719bc0;border-top:1px solid #719bc0;transform:rotate(45deg)}.af-publish-bridge small{color:#7394af;font-size:9px}.af-portal-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.af-portal-apps>div{padding:13px 4px;text-align:center;font-size:10px;color:#a9c6dc;border:1px solid #597e9d66;background:#345a7333}.af-portal-apps span{display:block;margin-bottom:6px;font-size:20px;color:#9ec4e4}.af-publish-figure figcaption{grid-column:1 / -1;padding-top:24px;color:#7195b3;font:9px/1.5 Consolas,Microsoft YaHei,monospace;letter-spacing:.05em}.af-publish-foot{display:flex;align-items:baseline;gap:40px;margin-top:30px}.af-publish-foot>span{font-size:16px;flex-shrink:0}.af-publish-foot p{color:#90aabe;font-size:12px}.af-open-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--af-rule)}.af-open-grid>article{min-width:0;padding:32px;background:#ffffff38}.af-open-grid>article+article{border-left:1px solid var(--af-rule)}.af-open-code{color:#7291a9;font:10px/1.6 Consolas,Microsoft YaHei,monospace;letter-spacing:.04em}.af-open-grid h3{margin-top:24px;font-size:22px;font-weight:550;line-height:1.4;letter-spacing:-.02em}.af-open-grid p{margin-top:15px;color:var(--af-muted);font-size:13px;line-height:1.85}.af-harness-figure,.af-model-figure{margin-top:32px!important;border-top:1px solid var(--af-rule);padding-top:26px}.af-harness-figure>div:first-child{display:flex;align-items:center;gap:10px}.af-harness-figure>div:first-child>span{flex:1;padding:13px 5px;text-align:center;background:#e3ebf0;border:1px solid #c1d0db;font-size:11px}.af-harness-figure b{color:#7692a7;font-size:12px;font-weight:400}.af-harness-loop{display:flex;align-items:center;gap:12px;padding:16px 0;font-size:10px;color:#7993a6}.af-harness-loop i{height:12px;flex:1;border-bottom:1px dashed #acbecb;border-right:1px dashed #acbecb}.af-open-grid figcaption{color:#7c92a2;font-size:9px}.af-model-figure>div{display:grid;grid-template-columns:63px 1fr;gap:16px;align-items:center;margin-bottom:12px}.af-model-figure>div>span{font-size:10px;color:#7e94a3}.af-model-figure>div>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.af-model-figure b{text-align:center;padding:8px 3px;font:11px/1.5 Arial,sans-serif;color:#4b6f89;border:1px solid #c6d4dd;background:#f7faf8}.af-model-figure figcaption{padding-top:6px}.af-scenarios{padding-top:0}.af-scenario-list{border-top:1px solid var(--af-rule)}.af-scenario-list article{display:grid;grid-template-columns:50px 1fr 1.5fr 1fr;gap:25px;align-items:start;padding:30px 0;border-bottom:1px solid var(--af-rule)}.af-scenario-list article>span{color:#6b8da7;font:12px/1.8 Consolas,monospace}.af-scenario-list h3{font-size:20px;line-height:1.4;font-weight:550}.af-scenario-list p{color:var(--af-muted);font-size:13px;line-height:1.8}.af-scenario-list small{text-align:right;font-size:10px;line-height:2;color:#7890a1}.af-faq{background:#e7edf0;border-top:1px solid var(--af-rule)}.af-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.af-faq details{padding:0 0 22px;border-bottom:1px solid var(--af-rule)}.af-faq details+details{padding-top:22px}.af-faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;cursor:pointer;list-style:none}.af-faq summary::-webkit-details-marker{display:none}.af-faq summary>span{color:#6b8ba3;font-size:22px;font-weight:300;transition:transform .2s}.af-faq details[open] summary>span{transform:rotate(45deg)}.af-faq details>p{padding:15px 28px 0 0;color:var(--af-muted);font-size:13px;line-height:1.9}.af-contact{padding:90px 0;color:#edf4fb;background:radial-gradient(ellipse at 90% 10%,#214e714d,transparent 55%),#0a2134}.af-contact>.container{display:flex;align-items:end;justify-content:space-between;gap:40px}.af-contact .af-kicker{color:#82a9cc}.af-contact h2{margin-top:25px;font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-.045em;font-weight:550}.af-contact p:not(.af-kicker){margin-top:24px;color:#a1b7ca;font-size:14px}@media (max-width: 1100px){.appfactory-page .container{width:calc(100% - 48px)}.af-journey li{gap:10px}.af-journey li+li{padding-left:15px}.af-journey li>b{right:8px}.af-section-heading{gap:40px}.af-enterprise-grid{gap:32px}.af-template-figure{padding:24px 20px}.af-publish-figure{padding:25px;grid-template-columns:1fr .35fr 1.15fr}.af-publish-source,.af-publish-target{padding:22px}.af-publish-product>span{font-size:20px}.af-publish-product svg{width:32px;height:32px}.af-publish-bridge small{font-size:8px}.af-scenario-list article{grid-template-columns:35px 1fr 1.5fr;gap:20px}.af-scenario-list small{grid-column:3;text-align:left}}@media (max-width: 800px){.af-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}.af-journey li:nth-child(3){border-left:0;padding-left:0}.af-journey li:nth-child(n+3){border-top:1px solid var(--af-rule)}.af-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.af-section-heading>p,.af-section-heading>div>p:not(.af-kicker){max-width:600px}.af-enterprise-grid{grid-template-columns:1fr}.af-foundations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.af-foundations>.af-kicker{grid-column:1 / -1;margin-bottom:0}.af-foundations>div{grid-template-columns:1fr;gap:12px}.af-foundations h3{font-size:17px}.af-publish-figure{grid-template-columns:1fr;padding:28px}.af-publish-bridge{height:94px;gap:0;grid-template-columns:1fr 1px 1fr}.af-publish-bridge i{width:1px;height:100%}.af-publish-bridge i:after{top:auto;right:-3px;bottom:3px;transform:rotate(135deg)}.af-publish-bridge>span,.af-publish-bridge small{align-self:center}.af-publish-foot{display:block}.af-publish-foot p{margin-top:12px}.af-open-grid{grid-template-columns:1fr}.af-open-grid>article+article{border-left:0;border-top:1px solid var(--af-rule)}.af-faq-grid{grid-template-columns:1fr;gap:36px}}@media (max-width: 540px){.appfactory-page .container{width:calc(100% - 40px)}.af-action-pair{gap:9px;margin-top:25px}.af-journey li,.af-journey li+li{gap:12px;padding:19px 0 19px 14px}.af-journey li:nth-child(odd){padding-left:0}.af-journey li>span{font-size:10px}.af-journey strong{font-size:12px}.af-journey p{margin-top:4px;font-size:9px}.af-journey li>b{display:none}.af-section{padding-block:57px}.af-kicker{font-size:8px;letter-spacing:.06em}.af-section-heading{gap:20px}.af-section-heading h2,.af-faq h2{margin-top:17px;font-size:clamp(27px,7.3vw,37px)}.af-section-heading>p,.af-section-heading>div>p:not(.af-kicker){font-size:13px}.af-feature-pair{grid-template-columns:1fr;gap:24px;margin-top:25px}.af-feature-pair>div+div{padding:24px 0 0;border-left:0;border-top:1px solid var(--af-rule)}.af-feature-pair>div>span{font-size:9px}.af-feature-pair h3{font-size:18px;margin-top:10px}.af-feature-pair p{font-size:12px}.af-template-figure{padding:21px 17px}.af-figure-title{font-size:7px;gap:8px}.af-template-languages{margin-top:25px;gap:18px}.af-template-languages>div{grid-template-columns:1fr;gap:9px}.af-template-languages>div>div{gap:6px}.af-template-languages b{min-width:45px;padding:8px 4px;font-size:11px}.af-template-core{margin-top:23px;padding:18px 13px}.af-template-core>span{font-size:13px}.af-template-core>div{gap:7px;margin-top:16px}.af-template-core b{padding:9px 2px;font-size:9px}.af-template-figure figcaption{font-size:9px;line-height:1.8}.af-foundations{display:block}.af-foundations>.af-kicker{margin-bottom:18px}.af-foundations>div{grid-template-columns:40px 1fr;gap:15px;padding-block:20px}.af-foundations p{font-size:12px}.af-foundations>div>span{font-size:10px}.af-publish-figure,.af-publish-source,.af-publish-target{padding:20px}.af-publish-product>span{font-size:22px}.af-publish-product small{font-size:9px}.af-publish-checks{font-size:10px;margin-top:22px}.af-publish-bridge{height:80px;font-size:10px}.af-portal-apps{gap:6px}.af-portal-apps>div{padding:10px 3px;font-size:9px}.af-portal-apps span{font-size:18px}.af-publish-figure figcaption{font-size:7px;padding-top:18px;line-height:1.7}.af-publish-foot>span{font-size:14px}.af-publish-foot p{font-size:12px;line-height:1.85}.af-open-grid>article{padding:24px 20px}.af-open-code{font-size:9px}.af-open-grid h3{font-size:19px;margin-top:20px}.af-open-grid p{font-size:12px}.af-harness-figure,.af-model-figure{padding-top:23px;margin-top:25px!important}.af-harness-figure>div:first-child{gap:6px}.af-harness-figure>div:first-child>span{font-size:10px;padding:12px 3px}.af-model-figure>div{grid-template-columns:1fr;gap:7px;margin-bottom:16px}.af-model-figure b{font-size:10px}.af-open-grid figcaption{font-size:8px;line-height:1.8}.af-scenarios{padding-top:0}.af-scenario-list article{grid-template-columns:26px 1fr;gap:12px;padding-block:24px}.af-scenario-list article>span{font-size:10px}.af-scenario-list h3{font-size:19px}.af-scenario-list p{grid-column:2;font-size:12px}.af-scenario-list small{grid-column:2;font-size:9px}.af-faq-grid{gap:30px}.af-faq summary{font-size:13px;min-height:30px}.af-faq details{padding-bottom:18px}.af-faq details+details{padding-top:18px}.af-faq details>p{font-size:12px;padding-top:12px}.af-contact{padding-block:57px}.af-contact>.container{flex-direction:column;align-items:start;gap:28px}.af-contact h2{margin-top:20px;font-size:clamp(30px,8.5vw,42px)}.af-contact p:not(.af-kicker){margin-top:20px;font-size:13px}}@media (prefers-reduced-motion: reduce){.appfactory-page *,.appfactory-page *:before,.appfactory-page *:after{transition:none!important}}.af-hero{overflow:hidden;color:#f4f8fd;background:radial-gradient(ellipse at 86% 30%,#173d60 0%,transparent 48%),linear-gradient(130deg,#0b2235,#05121e 80%)}.af-hero .container{position:relative}.af-back{display:inline-flex;align-items:center;gap:12px;padding-top:28px;color:#9db4c6;font-size:11px}.af-back:hover{color:#fff}.af-back-divider{opacity:.4}.af-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:60px 0 68px}.af-hero .af-kicker{display:flex;align-items:center;gap:10px;color:#9fc4e9;font-size:12px;letter-spacing:.07em}.af-hero .af-kicker i{width:23px;height:1px;background:#90bcec}.af-hero h1{margin-top:23px;font-size:clamp(44px,5.3vw,76px);font-weight:520;line-height:1;letter-spacing:-.055em}.af-hero h1>span{display:block;margin-top:25px;font-size:clamp(29px,3.4vw,48px);line-height:1.3;font-weight:550;letter-spacing:-.045em}.af-hero h1 em{color:#9bc2f1;font-style:normal}.af-hero-lead{margin-top:25px!important;color:#b1c1d0;font-size:15px;line-height:1.9}.af-hero-tags{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;font-size:11px;color:#92aabd}.af-hero-tags span:before{content:"·";color:#88b7eb;margin-right:7px}.af-hero-visual{position:relative;min-width:0;padding:30px 22px 16px}.af-visual-grid{position:absolute;inset:-25px -90px -30px -35px;background-image:linear-gradient(#759eca0b 1px,transparent 1px),linear-gradient(90deg,#759eca0b 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 72%);pointer-events:none}.af-idea{position:relative;width:66%;margin-left:6%;padding:20px 25px;border:1px solid #789bb64d;background:linear-gradient(135deg,#284966aa,#15324e99);border-radius:3px;transform:rotate(-4deg);box-shadow:0 16px 35px #0002}.af-visual-marker{color:#9fb9d0;font:9px/1.5 Consolas,monospace;letter-spacing:.1em}.af-idea p{margin-top:13px!important;font-size:19px;line-height:1.6}.af-idea i{position:absolute;right:20px;bottom:20px;color:#90b8e6;font-size:24px;font-style:normal}.af-visual-connector{position:relative;display:flex;align-items:center;gap:14px;height:43px;margin-left:49%}.af-visual-connector span{width:1px;height:100%;background:linear-gradient(#7eacd0,#82b8ec44)}.af-visual-connector b{font:8px/1 Consolas,monospace;letter-spacing:.14em;color:#a4c6e7}.af-application{position:relative;margin-left:10%;border:1px solid #a4bed1;border-radius:5px;color:#102c43;background:#eaf0f3;transform:rotate(2deg);box-shadow:12px 20px 60px #0003}.af-application-top{display:flex;gap:11px;align-items:center;padding:15px 20px;border-bottom:1px solid #b2c3cf80}.af-application-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:4px;color:#d9e9f8;background:#244c6b}.af-application-icon svg{width:29px;height:29px}.af-application-top>span:nth-child(2){font-size:17px;font-weight:600}.af-application-top small{display:block;font-size:9px;color:#678195;font-weight:400}.af-application-top>i{margin-left:auto;font-size:27px;color:#3b759f;font-style:normal}.af-application-body{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:23px 22px}.af-application-body>div:first-child{display:grid;align-content:start;gap:12px}.af-application-body>div:first-child span{height:5px;background:#b9cbd7;border-radius:2px}.af-application-body>div:first-child span:first-child{background:#4f86b2}.af-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.af-mini-grid b{height:38px;border:1px solid #c3d2dd;border-top:3px solid #6597bd;border-radius:2px;background:#fff7}.af-mini-grid>span{height:5px;background:#becfda}.af-mini-grid>span:last-child{width:60%}.af-application-bottom{display:flex;justify-content:space-between;padding:10px 20px;background:#dbe5ec;font-size:10px}.af-application-bottom b{color:#406e91;font-weight:500}.af-visual-foundation{display:flex;justify-content:center;gap:10px;margin:24px 0 0 10%}.af-visual-foundation span{flex:1;text-align:center;padding:7px 0;border:1px solid #688aa54d;font-size:10px;color:#a7c3db;background:#0b223780}.af-hero-visual figcaption{margin-top:22px;text-align:right;color:#7799b7;font:8px/1.5 Consolas,monospace;letter-spacing:.1em}.af-hero-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0 23px;border-top:1px solid #6b92b83d}.af-hero-footer>span{color:#7d9cb5;font:8px/1.5 Consolas,monospace;letter-spacing:.15em}.af-hero-footer a{display:flex;gap:26px;color:#a5c4de;font-size:11px}@media (max-width: 1100px){.af-hero-grid{gap:20px}.af-hero-visual{padding-inline:0}}@media (max-width: 800px){.af-hero-grid{grid-template-columns:1fr;gap:30px}.af-hero-copy{max-width:650px}.af-hero-visual{width:min(100%,500px);margin-inline:auto;padding-top:0}.af-hero h1{font-size:64px}.af-hero h1>span{font-size:42px}}@media (max-width: 540px){.af-back{padding-top:22px;gap:9px;font-size:10px}.af-hero-grid{padding:34px 0 30px;gap:38px}.af-hero .af-kicker{font-size:10px}.af-hero h1{margin-top:20px;font-size:clamp(42px,12.2vw,64px)}.af-hero h1>span{margin-top:20px;font-size:clamp(27px,7.4vw,38px);line-height:1.35}.af-hero-lead{margin-top:21px!important;font-size:13px;line-height:1.9}.af-hero-lead br{display:none}.af-hero-tags{gap:14px;margin-top:20px;font-size:9px}.af-hero-tags span:before{margin-right:4px}.af-hero-visual{width:100%;padding:0 6px}.af-idea{width:70%;padding:15px 20px}.af-idea p{font-size:16px;margin-top:10px!important}.af-visual-marker{font-size:8px}.af-visual-connector{height:32px}.af-visual-connector b{font-size:7px}.af-application{margin-left:8%}.af-application-top{padding:11px 15px}.af-application-top>span:nth-child(2){font-size:15px}.af-application-icon{width:33px;height:33px}.af-application-icon svg{width:25px;height:25px}.af-application-body{grid-template-columns:43px 1fr;gap:15px;padding:17px}.af-mini-grid{gap:8px}.af-mini-grid b{height:28px}.af-application-bottom{padding:8px 15px;font-size:9px}.af-visual-foundation{margin-top:19px;margin-left:8%}.af-visual-foundation span{padding:6px 0;font-size:9px}.af-hero-visual figcaption{margin-top:16px;font-size:7px}.af-hero-footer{padding:15px 0;justify-content:center}.af-hero-footer>span{display:none}.af-hero-footer a{gap:22px;font-size:10px}}.af-workbench{overflow:hidden;border:1px solid #a8becf;border-radius:6px;background:#fafcfb;box-shadow:0 20px 50px #1139540c}.af-window-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 19px;border-bottom:1px solid #cfdae1;background:#e3eaee;color:#597184;font-size:10px}.af-window-bar>div{display:flex;gap:5px}.af-window-bar i{width:6px;height:6px;border:1px solid #93a9b9;border-radius:50%}.af-window-bar>span:nth-child(2){margin-right:auto}.af-demo-label{color:#607f96;font-size:9px}.af-workbench-tabs{display:flex;gap:10px;padding:12px 18px;border-bottom:1px solid #d8e1e7}.af-workbench-tabs button{border:1px solid transparent;border-radius:4px;background:none;padding:8px 16px;color:#647c8f;font-size:11px;cursor:pointer}.af-workbench-tabs button[aria-selected=true]{color:#244e70;background:#e1eaf1;border-color:#c0d1de}.af-workbench-tabs button>span{margin-left:12px}.af-workbench-panel{display:grid;grid-template-columns:.9fr 1.2fr;min-height:370px}.af-workbench-panel[hidden]{display:none}.af-chat-pane{padding:24px 30px;border-right:1px solid #d5e0e7}.af-pane-label{color:#6a8394;font-size:10px;letter-spacing:.05em}.af-chat-message{margin:19px 0 20px;padding:15px 18px;border:1px solid #cbdbe6;border-radius:5px;background:#eaf1f5;font-size:12px;color:#38576c;line-height:1.8}.af-ai-reply{color:#617988;font-size:11px}.af-ai-reply>b{display:flex;align-items:center;gap:8px;color:#2c5674;font-size:12px}.af-ai-reply>b>span{font-size:20px;color:#337aaf}.af-ai-reply p{margin-top:8px}.af-ai-reply ul{padding:0;margin:11px 0 0;list-style:none;display:grid;gap:5px}.af-ai-reply li:before{content:"✓";color:#4f8a7c;padding-right:8px}.af-agent-status{display:flex;gap:7px;align-items:center;margin-top:15px;font-size:10px;color:#487b94}.af-agent-status i{width:5px;height:5px;border-radius:50%;background:#5d99ad;box-shadow:0 0 0 3px #6598af16}.af-prompt-hint{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:9px 12px;border:1px solid #d3dfe7;border-radius:4px;font-size:10px;color:#8799a6}.af-prompt-hint>span{display:grid;place-items:center;width:20px;height:20px;background:#2d648c;color:#fff;border-radius:3px}.af-code-pane{min-width:0;color:#bac9d5;background:#112636}.af-editor-label{display:flex;justify-content:space-between;padding:15px 23px;border-bottom:1px solid #36516477;color:#a8bfce;font-size:10px}.af-editor-label b{font-weight:400;color:#7aa8b3}.af-file-path{padding:14px 24px 0;font:10px/1.5 Consolas,monospace;color:#6f90a8}.af-code-pane pre{overflow-x:auto;padding:14px 24px 20px;margin:0;font:12px/1.9 Consolas,monospace}.af-code-pane pre span{color:#87b4e4}.af-code-pane pre b{color:#8fcbbd;font-weight:400}.af-build-result{padding:12px 24px;border-top:1px solid #36516477;color:#94b0bc;font-size:10px}.af-build-result>span{color:#9ac4ae;padding-right:8px}.af-workbench figcaption{padding:11px 20px;background:#edf2f4;border-top:1px solid #cfdae1;color:#6c8393;font-size:10px}.af-preview-panel{display:block;padding:28px 36px;background:#f7fafb}.af-preview-top{display:flex;justify-content:space-between;align-items:center}.af-preview-top h4{margin-top:5px;font-size:22px;font-weight:550}.af-preview-badge{padding:4px 8px;border:1px solid #c5d5df;color:#698295;font-size:9px}.af-preview-filters{display:flex;gap:18px;margin-top:23px;padding:0 0 13px;border-bottom:1px solid #cfdbe3;font-size:11px;color:#718798}.af-preview-filters>span:first-child{color:#346b94}.af-preview-filters>span:last-child{margin-left:auto}.af-preview-table{font-size:11px;color:#637d90}.af-preview-table>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:10px;padding:16px 12px;border-bottom:1px solid #dae4ea}.af-preview-table>.af-table-head{padding-top:11px;padding-bottom:11px;color:#8b9ca8;font-size:10px}.af-preview-table strong{font-weight:500;color:#314f66}.af-preview-table i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#82ad9f}.af-preview-foot{display:flex;justify-content:space-between;padding-top:19px;color:#8194a1;font-size:9px}@media (max-width: 540px){.af-window-bar{gap:8px;padding:12px;font-size:8px}.af-window-bar i{width:4px;height:4px}.af-demo-label{font-size:8px}.af-workbench-tabs{padding:9px 10px;gap:5px}.af-workbench-tabs button{flex:1;font-size:10px;padding:10px 8px;min-height:44px}.af-workbench-tabs button>span{margin-left:6px}.af-workbench-panel{grid-template-columns:1fr;min-height:510px}.af-chat-pane{padding:18px;border-right:0;border-bottom:1px solid #d5e0e7}.af-chat-message{margin:12px 0 14px;padding:12px 14px;font-size:11px}.af-ai-reply{font-size:10px}.af-ai-reply p br{display:none}.af-ai-reply ul{display:flex;flex-wrap:wrap;gap:5px 12px}.af-ai-reply li{font-size:9px}.af-prompt-hint{margin-top:16px;padding:7px 10px;font-size:9px}.af-code-pane pre{padding:12px 18px;font-size:10px;line-height:1.6}.af-editor-label{padding:10px 18px;font-size:9px}.af-file-path{padding:10px 18px 0;font-size:9px}.af-build-result{padding:10px 18px;font-size:9px}.af-workbench figcaption{padding:10px 13px;font-size:9px;line-height:1.7}.af-preview-panel{padding:22px 18px}.af-preview-top{display:block}.af-preview-top h4{font-size:20px}.af-preview-badge{display:inline-block;margin-top:12px}.af-preview-filters{gap:12px;margin-top:26px;font-size:10px}.af-preview-table{font-size:10px}.af-preview-table>div{grid-template-columns:1.1fr .9fr 1fr;gap:6px;padding:22px 0}.af-preview-table>.af-table-head{font-size:9px;padding-block:15px}.af-preview-table i{width:4px;height:4px;margin-right:4px}.af-preview-foot{display:block;padding-top:24px;font-size:9px}.af-preview-foot>span{display:block;margin-top:9px}}