.tools-article[data-astro-cid-ynhvizel]{--color-primary: var(--color-brand-primary);--color-primary-light: rgba(26,107,104,.1);--color-primary-dark: var(--color-brand-primary-dark);--color-accent: var(--color-brand-warm);--color-accent-light: rgba(200,125,90,.12);--color-text: var(--color-text-main);--color-text-light: var(--color-text-sub);--color-bg: var(--color-bg-body);--color-white: #ffffff;--color-border: rgba(0,0,0,.11);--color-tag-bg: var(--color-bg-muted);--max-width: 780px;--radius: 8px}.article-area[data-astro-cid-ynhvizel]{max-width:var(--max-width);margin:0 auto;padding:24px 20px 80px}.breadcrumb[data-astro-cid-ynhvizel]{font-size:12.5px;color:var(--color-text-light);margin-bottom:20px}.breadcrumb[data-astro-cid-ynhvizel] a[data-astro-cid-ynhvizel]{color:var(--color-text-light);transition:color .2s}.breadcrumb[data-astro-cid-ynhvizel] a[data-astro-cid-ynhvizel]:hover{color:var(--color-primary)}.article-date[data-astro-cid-ynhvizel]{font-size:13px;color:var(--color-text-light);margin-bottom:8px}.article-tags[data-astro-cid-ynhvizel]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.article-tags[data-astro-cid-ynhvizel] span[data-astro-cid-ynhvizel]{font-size:12px;background:var(--color-tag-bg);padding:3px 10px;border-radius:4px;color:var(--color-text-light)}.eyecatch[data-astro-cid-ynhvizel]{margin:0 0 36px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-white)}.eyecatch[data-astro-cid-ynhvizel] img[data-astro-cid-ynhvizel]{width:100%;height:auto;display:block}.eyecatch[data-astro-cid-ynhvizel] figcaption[data-astro-cid-ynhvizel]{font-size:12px;color:var(--color-text-light);padding:8px 14px;border-top:1px solid var(--color-border);background:var(--color-bg)}.tools-article[data-astro-cid-ynhvizel] h1[data-astro-cid-ynhvizel]{font-size:26px;font-weight:700;line-height:1.5;margin-bottom:32px;color:var(--color-text)}.tools-article[data-astro-cid-ynhvizel] h2[data-astro-cid-ynhvizel]{font-size:20px;font-weight:700;line-height:1.5;margin:48px 0 20px;padding-bottom:8px;border-bottom:3px solid var(--color-primary)}.tools-article[data-astro-cid-ynhvizel] h3[data-astro-cid-ynhvizel]{font-size:17px;font-weight:700;line-height:1.5;margin:32px 0 12px;padding-left:14px;border-left:4px solid var(--color-accent)}.tools-article[data-astro-cid-ynhvizel] p[data-astro-cid-ynhvizel]{margin-bottom:16px}.meta-card[data-astro-cid-ynhvizel]{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px;margin-bottom:40px}.meta-card-title[data-astro-cid-ynhvizel]{font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.meta-grid[data-astro-cid-ynhvizel]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meta-item-label[data-astro-cid-ynhvizel]{font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:4px}.meta-item-value[data-astro-cid-ynhvizel]{font-size:14px;color:var(--color-text-light);line-height:1.7}.meta-item[data-astro-cid-ynhvizel].full{grid-column:1 / -1}.tech-tags[data-astro-cid-ynhvizel]{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tech-tags[data-astro-cid-ynhvizel] span[data-astro-cid-ynhvizel]{font-size:11.5px;font-weight:500;border:1px solid var(--color-border);padding:2px 10px;border-radius:4px;color:var(--color-text-light)}.ba-grid[data-astro-cid-ynhvizel]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.ba-card[data-astro-cid-ynhvizel]{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.ba-card[data-astro-cid-ynhvizel].before{border-top:4px solid #b0b0b0}.ba-card[data-astro-cid-ynhvizel].after{border-top:4px solid var(--color-primary)}.ba-card[data-astro-cid-ynhvizel] h4[data-astro-cid-ynhvizel]{font-size:15px;font-weight:700;margin-bottom:12px}.ba-card[data-astro-cid-ynhvizel].before h4[data-astro-cid-ynhvizel]{color:#888}.ba-card[data-astro-cid-ynhvizel].after h4[data-astro-cid-ynhvizel]{color:var(--color-primary)}.ba-list[data-astro-cid-ynhvizel]{list-style:none;padding:0}.ba-list[data-astro-cid-ynhvizel] li[data-astro-cid-ynhvizel]{font-size:14px;padding:4px 0 4px 24px;position:relative;line-height:1.7}.ba-card[data-astro-cid-ynhvizel].before .ba-list[data-astro-cid-ynhvizel] li[data-astro-cid-ynhvizel]:before{content:"×";position:absolute;left:4px;color:#aaa;font-weight:700}.ba-card[data-astro-cid-ynhvizel].after .ba-list[data-astro-cid-ynhvizel] li[data-astro-cid-ynhvizel]:before{content:"✓";position:absolute;left:2px;color:var(--color-primary);font-weight:700}.dataflow-figure[data-astro-cid-ynhvizel]{margin:20px 0 32px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-white)}.dataflow-figure[data-astro-cid-ynhvizel] img[data-astro-cid-ynhvizel]{width:100%;height:auto;display:block}.dataflow-figure[data-astro-cid-ynhvizel] figcaption[data-astro-cid-ynhvizel]{font-size:12.5px;color:var(--color-text-light);padding:8px 14px;border-top:1px solid var(--color-border);background:var(--color-bg)}.screenshot-figure[data-astro-cid-ynhvizel]{margin:12px 0 24px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);background:var(--color-white);box-shadow:0 2px 8px #0000000f}.screenshot-figure[data-astro-cid-ynhvizel] img[data-astro-cid-ynhvizel]{width:100%;height:auto;display:block}.screenshot-figure[data-astro-cid-ynhvizel] figcaption[data-astro-cid-ynhvizel]{font-size:12.5px;color:var(--color-text-light);padding:8px 14px;border-top:1px solid var(--color-border);background:var(--color-bg)}.screenshot-hero[data-astro-cid-ynhvizel]{margin:0 0 32px;box-shadow:0 4px 16px #00000014}.screenshot-small[data-astro-cid-ynhvizel]{max-width:480px;margin-left:auto;margin-right:auto}.flow-diagram[data-astro-cid-ynhvizel]{margin-bottom:32px}.flow-step[data-astro-cid-ynhvizel]{display:flex;align-items:flex-start;gap:16px;margin-bottom:4px;position:relative}.flow-step[data-astro-cid-ynhvizel]:after{content:"";position:absolute;left:17px;top:38px;width:2px;height:calc(100% + 4px);background:var(--color-primary-light)}.flow-step[data-astro-cid-ynhvizel]:last-child:after{display:none}.flow-num[data-astro-cid-ynhvizel]{flex-shrink:0;width:34px;height:34px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;position:relative;z-index:1}.flow-body[data-astro-cid-ynhvizel]{padding-bottom:20px}.flow-title[data-astro-cid-ynhvizel]{font-size:14.5px;font-weight:700;margin-bottom:2px}.flow-desc[data-astro-cid-ynhvizel]{font-size:13.5px;color:var(--color-text-light)}.effect-grid[data-astro-cid-ynhvizel]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.effect-item[data-astro-cid-ynhvizel]{background:var(--color-primary-light);border-radius:var(--radius);padding:20px 16px;text-align:center}.effect-num[data-astro-cid-ynhvizel]{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.effect-label[data-astro-cid-ynhvizel]{font-size:13.5px;color:var(--color-text)}.note-box[data-astro-cid-ynhvizel]{background:var(--color-accent-light);border-left:4px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;padding:18px 20px;margin:24px 0}.note-box-title[data-astro-cid-ynhvizel]{font-size:14px;font-weight:700;color:var(--color-accent);margin-bottom:6px}.note-box[data-astro-cid-ynhvizel] p[data-astro-cid-ynhvizel]{font-size:14px;margin-bottom:8px}.note-box[data-astro-cid-ynhvizel] p[data-astro-cid-ynhvizel]:last-child{margin-bottom:0}.cta-section[data-astro-cid-ynhvizel]{background:var(--color-primary-light);border-radius:var(--radius);padding:40px 24px;text-align:center;margin:48px 0}.cta-section[data-astro-cid-ynhvizel] h2[data-astro-cid-ynhvizel]{border:none;margin:0 0 12px;padding:0;font-size:20px}.cta-section[data-astro-cid-ynhvizel] p[data-astro-cid-ynhvizel]{font-size:15px;color:var(--color-text-light);margin-bottom:20px}.cta-btn[data-astro-cid-ynhvizel]{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 36px;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s}.cta-btn[data-astro-cid-ynhvizel]:hover{background:var(--color-primary-dark);text-decoration:none}.back-link[data-astro-cid-ynhvizel]{text-align:center;margin:32px 0}.back-link[data-astro-cid-ynhvizel] a[data-astro-cid-ynhvizel]{font-size:14px;color:var(--color-primary)}@media(max-width:640px){.tools-article[data-astro-cid-ynhvizel] h1[data-astro-cid-ynhvizel]{font-size:21px}.ba-grid[data-astro-cid-ynhvizel],.effect-grid[data-astro-cid-ynhvizel],.meta-grid[data-astro-cid-ynhvizel]{grid-template-columns:1fr}.eyecatch[data-astro-cid-ynhvizel],.dataflow-figure[data-astro-cid-ynhvizel],.screenshot-figure[data-astro-cid-ynhvizel]{margin-left:-20px;margin-right:-20px;border-radius:0;border-left:none;border-right:none}}