.how-wrap[data-astro-cid-cmgpsf2k]{width:100%;margin:0 auto;border:1px solid var(--border)}.how-panel[data-astro-cid-cmgpsf2k]{position:relative;max-width:var(--maxw);padding:12px 0 56px;margin:0 auto}.how-canvas[data-astro-cid-cmgpsf2k]{position:relative;height:230px}.flow[data-astro-cid-cmgpsf2k]{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-line[data-astro-cid-cmgpsf2k]{fill:none;stroke:color-mix(in srgb,var(--text) 29%,transparent);stroke-width:1.5;stroke-dasharray:2 7}.dot-halo[data-astro-cid-cmgpsf2k]{fill:color-mix(in srgb,var(--accent) 18%,transparent)}.dot-core[data-astro-cid-cmgpsf2k]{fill:var(--accent)}.how-cols[data-astro-cid-cmgpsf2k]{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;height:100%}.how-col[data-astro-cid-cmgpsf2k]{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.col-files[data-astro-cid-cmgpsf2k]{padding-bottom:13px}.col-ai[data-astro-cid-cmgpsf2k]{padding-bottom:8px}.caption[data-astro-cid-cmgpsf2k]{font-size:12px;color:var(--dim);margin-top:14px}.cluster[data-astro-cid-cmgpsf2k]{position:relative;width:170px;height:150px}.file-pdf[data-astro-cid-cmgpsf2k]{position:absolute;left:10px;top:4px}.file-doc[data-astro-cid-cmgpsf2k]{position:absolute;left:76px;top:32px}.file-img[data-astro-cid-cmgpsf2k]{position:absolute;left:24px;top:84px}.file-xls[data-astro-cid-cmgpsf2k]{position:absolute;left:116px;top:94px}.app-box[data-astro-cid-cmgpsf2k]{width:86px;height:86px;border-radius:20px;background:var(--surface);border:1px solid var(--border-4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 14%,transparent),0 12px 30px #00000080}.app-box[data-astro-cid-cmgpsf2k] img[data-astro-cid-cmgpsf2k]{width:46px;height:46px}.chips[data-astro-cid-cmgpsf2k]{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.chip[data-astro-cid-cmgpsf2k]{font:700 9px var(--mono);border:1px solid;border-radius:5px;padding:3px 6px}.chip-md[data-astro-cid-cmgpsf2k]{color:var(--fmt-md);background:color-mix(in srgb,var(--fmt-md) 14%,var(--bg));border-color:color-mix(in srgb,var(--fmt-md) 35%,var(--bg))}.chip-html[data-astro-cid-cmgpsf2k]{color:var(--fmt-html);background:color-mix(in srgb,var(--fmt-html) 14%,var(--bg));border-color:color-mix(in srgb,var(--fmt-html) 35%,var(--bg))}.chip-json[data-astro-cid-cmgpsf2k]{color:var(--fmt-json);background:color-mix(in srgb,var(--fmt-json) 14%,var(--bg));border-color:color-mix(in srgb,var(--fmt-json) 35%,var(--bg))}.chip-yml[data-astro-cid-cmgpsf2k]{color:var(--fmt-yaml);background:color-mix(in srgb,var(--fmt-yaml) 14%,var(--bg));border-color:color-mix(in srgb,var(--fmt-yaml) 35%,var(--bg))}.tile[data-astro-cid-cmgpsf2k]{width:44px;height:44px;border-radius:11px;background:var(--border-2);border:1px solid var(--border-4);display:flex;align-items:center;justify-content:center}.tile-light[data-astro-cid-cmgpsf2k]{background:#fff}.tile-sm[data-astro-cid-cmgpsf2k]{width:38px;height:38px;border-radius:10px}.ai-ollama[data-astro-cid-cmgpsf2k]{position:absolute;left:26px;top:10px}.ai-claude[data-astro-cid-cmgpsf2k]{position:absolute;left:96px;top:34px}.ai-openai[data-astro-cid-cmgpsf2k]{position:absolute;left:42px;top:86px}.ai-gemini[data-astro-cid-cmgpsf2k]{position:absolute;left:112px;top:100px}.float[data-astro-cid-cmgpsf2k]{animation:tbFloat 4.2s ease-in-out infinite}.f2[data-astro-cid-cmgpsf2k]{animation-duration:5s;animation-delay:.8s}.f3[data-astro-cid-cmgpsf2k]{animation-duration:4.6s;animation-delay:1.6s}.f4[data-astro-cid-cmgpsf2k]{animation-duration:5.4s;animation-delay:.4s}.f5[data-astro-cid-cmgpsf2k]{animation-duration:4.4s;animation-delay:.6s}.f6[data-astro-cid-cmgpsf2k]{animation-duration:5.2s;animation-delay:1.2s}.f7[data-astro-cid-cmgpsf2k]{animation-duration:4.8s;animation-delay:2s}.f8[data-astro-cid-cmgpsf2k]{animation-duration:5.6s;animation-delay:.3s}@keyframes tbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:860px){.how-panel[data-astro-cid-cmgpsf2k]{padding:32px 24px 44px}.how-canvas[data-astro-cid-cmgpsf2k]{height:auto}.flow[data-astro-cid-cmgpsf2k]{display:none}.how-cols[data-astro-cid-cmgpsf2k]{grid-template-columns:1fr;gap:44px;height:auto}.col-files[data-astro-cid-cmgpsf2k],.col-ai[data-astro-cid-cmgpsf2k]{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.float[data-astro-cid-cmgpsf2k]{animation:none}.dot[data-astro-cid-cmgpsf2k]{display:none}}