.archify-fig{--bg:#f4f5f7;--grid:#e9edf2;--canvas-dot:#d9dee5;--text:#111827;--text-muted:#5b6474;--text-dim:#9aa3b2;--text-faint:#6b7280;--panel:#ffffff;--panel-border:#e5e7eb;--lane-fill:rgba(248, 250, 252, 0.65);--lane-stroke:#cbd5e1;--arrow:#94a3b8;--arrow-emphasis:#059669;--mask:#ffffff;--frontend-fill:rgba(34, 211, 238, 0.15);--frontend-stroke:#0891b2;--backend-fill:rgba(52, 211, 153, 0.18);--backend-stroke:#059669;--database-fill:rgba(167, 139, 250, 0.2);--database-stroke:#7c3aed;--cloud-fill:rgba(251, 191, 36, 0.18);--cloud-stroke:#d97706;--security-fill:rgba(251, 113, 133, 0.15);--security-stroke:#e11d48;--messagebus-fill:rgba(251, 146, 60, 0.15);--messagebus-stroke:#ea580c;--external-fill:rgba(148, 163, 184, 0.18);--external-stroke:#64748b;--toolbar-bg:rgba(255, 255, 255, 0.92);--toolbar-border:#cbd5e1;--toolbar-text:#334155;--toolbar-hover:#ffffff;--toolbar-menu-bg:#ffffff;--mask:#f7f7f5;--bg:transparent;--grid:#e4e6e1}.archify-fig svg{font-family:ibm plex sans,noto sans sc,microsoft yahei,pingfang sc,sans-serif;width:100%;min-width:0;display:block;transform-origin:0 0;transition:transform .18s ease}.archify-fig .c-grid{stroke:var(--grid);fill:none}.archify-fig .c-mask{fill:var(--mask);stroke:none}.archify-fig .c-backend{fill:var(--backend-fill);stroke:var(--backend-stroke)}.archify-fig .c-database{fill:var(--database-fill);stroke:var(--database-stroke)}.archify-fig .c-cloud{fill:var(--cloud-fill);stroke:var(--cloud-stroke)}.archify-fig .c-external{fill:var(--external-fill);stroke:var(--external-stroke)}.archify-fig .t-primary{fill:var(--text)}.archify-fig .t-muted{fill:var(--text-muted)}.archify-fig .t-edge-default{fill:var(--arrow)}.archify-fig .t-edge-emphasis{fill:var(--arrow-emphasis)}.archify-fig .t-edge-dashed{fill:var(--database-stroke)}.archify-fig svg .semantic-sigil{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.76;pointer-events:none}.archify-fig svg .semantic-sigil>*{vector-effect:non-scaling-stroke}.archify-fig svg .semantic-sigil .sigil-fill{fill:currentColor;stroke:none}.archify-fig svg .s-backend{color:var(--backend-stroke)}.archify-fig svg .s-database{color:var(--database-stroke)}.archify-fig svg .s-cloud{color:var(--cloud-stroke)}.archify-fig svg .s-external{color:var(--external-stroke)}.archify-fig .a-default{stroke:var(--arrow);fill:none}.archify-fig .a-emphasis{stroke:var(--arrow-emphasis);fill:none}.archify-fig .a-dashed{stroke:var(--database-stroke);fill:none;stroke-dasharray:4,4}.archify-fig .m-default{fill:var(--arrow)}.archify-fig .m-emphasis{fill:var(--arrow-emphasis)}.archify-fig .m-security{fill:var(--security-stroke)}.archify-fig .m-dashed{fill:var(--database-stroke)}.archify-fig svg [data-node-id]>.c-mask{fill-opacity:1}