.diagram-container.svelte-1vsf8mu{width:100%;height:500px;position:relative;background:#0a0a0f;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.diagram-wrapper.svelte-1vsf8mu{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px 20px 60px}.architecture-svg.svelte-1vsf8mu{width:100%;height:100%;max-width:1100px}.connection-line.svelte-1vsf8mu{stroke:#333340;stroke-width:1.5;fill:none}.connection-line.internal.svelte-1vsf8mu{stroke:#2a2a35}.return-line.svelte-1vsf8mu{stroke:#252530;stroke-width:1.5;stroke-dasharray:4 3;fill:none}.return-connector.svelte-1vsf8mu{stroke:#252530;stroke-width:1;fill:none}.server-frame.svelte-1vsf8mu{fill:#19192db3;stroke:#3a3a55;stroke-width:2}.server-frame-glow.svelte-1vsf8mu{fill:none;stroke:#5b6bdb;stroke-width:1;opacity:.3;filter:blur(3px)}.frame-label.svelte-1vsf8mu{fill:#88a;font-size:14px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle}.workers-label.svelte-1vsf8mu{fill:#666;font-size:11px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle}.node.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){stroke-width:1.5}.node.svelte-1vsf8mu text:where(.svelte-1vsf8mu){fill:#888;font-size:11px;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle}.node.svelte-1vsf8mu .small-label:where(.svelte-1vsf8mu){font-size:9px}.client-node.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a22;stroke:#585858}.server-node.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a35;stroke:#5b6bdb;stroke-width:2}.server-node.svelte-1vsf8mu text:where(.svelte-1vsf8mu){fill:#aaa;font-size:12px;font-weight:500}.queue-x.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a20;stroke:#d4b940}.queue-y.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a30;stroke:#5b6bdb}.queue-z.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a25;stroke:#e05a6d}.worker-node.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){stroke-width:1.2}.worker-node.svelte-1vsf8mu text:where(.svelte-1vsf8mu){font-size:9px}.worker-onprem.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a28;stroke:#7c4dbd}.worker-aws.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a2020;stroke:#f90}.worker-gcp.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a25;stroke:#4285f4}.worker-azure.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a28;stroke:#0078d4}.worker-k8s.svelte-1vsf8mu rect:where(.svelte-1vsf8mu){fill:#1a1a2a;stroke:#326ce5}.particle-glow.svelte-1vsf8mu{fill:#5b6bdb;opacity:.25}.particle-core.svelte-1vsf8mu{fill:#5b6bdb;opacity:.9}.particle-center.svelte-1vsf8mu{fill:#fff;opacity:.8}.particle-1.svelte-1vsf8mu{animation:svelte-1vsf8mu-particle1-path 8s ease-in-out infinite}.particle-1.svelte-1vsf8mu .particle-glow:where(.svelte-1vsf8mu),.particle-1.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite}@keyframes svelte-1vsf8mu-particle1-path{0%{transform:translate(52px,140px)}8%{transform:translate(142px,140px)}13%{transform:translate(222px,73px)}18%{transform:translate(224px,71px)}23%{transform:translate(220px,75px)}28%{transform:translate(222px,73px)}38%{transform:translate(325px,52px)}45%{transform:translate(327px,50px)}52%{transform:translate(323px,54px)}58%{transform:translate(325px,52px)}63%{transform:translate(325px,255px)}88%{transform:translate(55px,255px)}95%{transform:translate(55px,140px)}to{transform:translate(52px,140px)}}.particle-2.svelte-1vsf8mu{animation:svelte-1vsf8mu-particle2-path 8s ease-in-out infinite;animation-delay:-6.4s}.particle-2.svelte-1vsf8mu .particle-glow:where(.svelte-1vsf8mu),.particle-2.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite;animation-delay:-6.4s}@keyframes svelte-1vsf8mu-particle2-path{0%{transform:translate(52px,140px)}8%{transform:translate(142px,140px)}13%{transform:translate(222px,73px)}18%{transform:translate(224px,71px)}23%{transform:translate(220px,75px)}28%{transform:translate(222px,73px)}38%{transform:translate(435px,45px)}45%{transform:translate(437px,43px)}52%{transform:translate(433px,47px)}58%{transform:translate(435px,45px)}63%{transform:translate(435px,255px)}88%{transform:translate(55px,255px)}95%{transform:translate(55px,140px)}to{transform:translate(52px,140px)}}.particle-3.svelte-1vsf8mu{animation:svelte-1vsf8mu-particle3-path 8s ease-in-out infinite;animation-delay:-4.8s}.particle-3.svelte-1vsf8mu .particle-glow:where(.svelte-1vsf8mu),.particle-3.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite;animation-delay:-4.8s}@keyframes svelte-1vsf8mu-particle3-path{0%{transform:translate(52px,140px)}8%{transform:translate(142px,140px)}13%{transform:translate(222px,140px)}18%{transform:translate(224px,138px)}23%{transform:translate(220px,142px)}28%{transform:translate(222px,140px)}38%{transform:translate(380px,115px)}45%{transform:translate(382px,113px)}52%{transform:translate(378px,117px)}58%{transform:translate(380px,115px)}63%{transform:translate(380px,255px)}88%{transform:translate(55px,255px)}95%{transform:translate(55px,140px)}to{transform:translate(52px,140px)}}.particle-4.svelte-1vsf8mu{animation:svelte-1vsf8mu-particle4-path 8s ease-in-out infinite;animation-delay:-3.2s}.particle-4.svelte-1vsf8mu .particle-glow:where(.svelte-1vsf8mu),.particle-4.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite;animation-delay:-3.2s}@keyframes svelte-1vsf8mu-particle4-path{0%{transform:translate(52px,140px)}8%{transform:translate(142px,140px)}13%{transform:translate(222px,140px)}18%{transform:translate(224px,138px)}23%{transform:translate(220px,142px)}28%{transform:translate(222px,140px)}38%{transform:translate(530px,137px)}45%{transform:translate(532px,135px)}52%{transform:translate(528px,139px)}58%{transform:translate(530px,137px)}63%{transform:translate(530px,255px)}88%{transform:translate(55px,255px)}95%{transform:translate(55px,140px)}to{transform:translate(52px,140px)}}.particle-5.svelte-1vsf8mu{animation:svelte-1vsf8mu-particle5-path 8s ease-in-out infinite;animation-delay:-1.6s}.particle-5.svelte-1vsf8mu .particle-glow:where(.svelte-1vsf8mu),.particle-5.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite;animation-delay:-1.6s}@keyframes svelte-1vsf8mu-particle5-path{0%{transform:translate(52px,140px)}8%{transform:translate(142px,140px)}13%{transform:translate(222px,207px)}18%{transform:translate(224px,205px)}23%{transform:translate(220px,209px)}28%{transform:translate(222px,207px)}38%{transform:translate(415px,202px)}45%{transform:translate(417px,200px)}52%{transform:translate(413px,204px)}58%{transform:translate(415px,202px)}63%{transform:translate(415px,255px)}88%{transform:translate(55px,255px)}95%{transform:translate(55px,140px)}to{transform:translate(52px,140px)}}@keyframes svelte-1vsf8mu-particle-color{0%,28%{fill:#5b6bdb}38%,58%{fill:#7b8bfb}58.1%,to{fill:#3dcfbc}}.particle-1.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu),.particle-2.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu),.particle-3.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu),.particle-4.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu),.particle-5.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation:svelte-1vsf8mu-particle-color 8s ease-in-out infinite,svelte-1vsf8mu-pulse-scale 8s ease-in-out infinite}.particle-2.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation-delay:-6.4s}.particle-3.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation-delay:-4.8s}.particle-4.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation-delay:-3.2s}.particle-5.svelte-1vsf8mu .particle-core:where(.svelte-1vsf8mu){animation-delay:-1.6s}@keyframes svelte-1vsf8mu-pulse-scale{0%,28%,58%,to{transform:scale(1)}40%,52%{transform:scale(1.3)}}.legend.svelte-1vsf8mu{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:24px;padding:10px 24px;background:#0a0a0ff2;border-radius:10px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-item.svelte-1vsf8mu{display:flex;align-items:center;gap:8px;font-size:12px;color:#888;font-family:system-ui,-apple-system,sans-serif}.legend-dot.svelte-1vsf8mu{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}.legend-dot.request.svelte-1vsf8mu{background:#5b6bdb;color:#5b6bdb}.legend-dot.response.svelte-1vsf8mu{background:#3dcfbc;color:#3dcfbc}@media(max-width:1024px){.diagram-container.svelte-1vsf8mu{height:450px}.legend.svelte-1vsf8mu{gap:16px;padding:8px 16px}}@media(max-width:768px){.diagram-container.svelte-1vsf8mu{height:380px;border-radius:12px}.diagram-wrapper.svelte-1vsf8mu{padding:15px 15px 55px}.legend.svelte-1vsf8mu{gap:12px;padding:8px 12px}.legend-item.svelte-1vsf8mu{font-size:11px}.legend-dot.svelte-1vsf8mu{width:8px;height:8px}}@media(max-width:640px){.diagram-container.svelte-1vsf8mu{height:280px;border-radius:8px}.diagram-wrapper.svelte-1vsf8mu{padding:10px 10px 50px}.legend.svelte-1vsf8mu{bottom:10px;gap:10px;padding:6px 10px}.legend-item.svelte-1vsf8mu{font-size:10px;gap:6px}}.diagram-container.svelte-1hsv83n{width:100%;position:relative;background:#0a0a0f;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);padding-bottom:20px}.diagram-wrapper.svelte-1hsv83n{width:100%;display:flex;align-items:center;justify-content:center;padding:30px 20px 20px}.bootstrap-svg.svelte-1hsv83n{width:100%;height:auto;max-width:700px}.connection-line.svelte-1hsv83n{stroke:#333340;stroke-width:2;fill:none}.arrow.svelte-1hsv83n{fill:#333340}.step-node.svelte-1hsv83n rect:where(.svelte-1hsv83n){fill:#1a1a25;stroke:#3a3a55;stroke-width:1.5;transition:stroke .3s ease}.step-1.svelte-1hsv83n rect:where(.svelte-1hsv83n){stroke:#5b6bdb}.step-2.svelte-1hsv83n rect:where(.svelte-1hsv83n){stroke:#7c4dbd}.step-3.svelte-1hsv83n rect:where(.svelte-1hsv83n){stroke:#d4b940}.step-4.svelte-1hsv83n rect:where(.svelte-1hsv83n){stroke:#3dcfbc}.step-number.svelte-1hsv83n{fill:#666;font-size:12px;font-weight:700;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle}.step-label.svelte-1hsv83n{fill:#aaa;font-size:11px;font-family:system-ui,-apple-system,sans-serif;text-anchor:middle}.particle.svelte-1hsv83n{animation:svelte-1hsv83n-particle-flow 4s ease-in-out infinite}.particle-glow.svelte-1hsv83n{fill:#5b6bdb;opacity:.3}.particle-core.svelte-1hsv83n{fill:#5b6bdb;opacity:.9;animation:svelte-1hsv83n-particle-color-change 4s ease-in-out infinite}.particle-center.svelte-1hsv83n{fill:#fff;opacity:.9}@keyframes svelte-1hsv83n-particle-flow{0%{transform:translate(70px,50px);opacity:0}5%{opacity:1}20%{transform:translate(220px,50px)}40%{transform:translate(370px,50px)}60%{transform:translate(525px,50px)}80%{transform:translate(525px,50px);opacity:1}90%{opacity:0}to{transform:translate(525px,50px);opacity:0}}@keyframes svelte-1hsv83n-particle-color-change{0%,15%{fill:#5b6bdb}20%,35%{fill:#7c4dbd}40%,55%{fill:#d4b940}60%,to{fill:#3dcfbc}}.steps-description.svelte-1hsv83n{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px;max-width:700px;margin:0 auto}.step-desc.svelte-1hsv83n{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:11px;color:#666;font-family:system-ui,-apple-system,sans-serif}.step-icon.svelte-1hsv83n{font-size:14px;color:#5b6bdb}@media(max-width:768px){.diagram-container.svelte-1hsv83n{border-radius:12px}.diagram-wrapper.svelte-1hsv83n{padding:20px 15px 15px}.steps-description.svelte-1hsv83n{grid-template-columns:repeat(2,1fr);gap:12px}.step-desc.svelte-1hsv83n{font-size:10px}}@media(max-width:480px){.diagram-container.svelte-1hsv83n{border-radius:8px}.diagram-wrapper.svelte-1hsv83n{padding:15px 10px 10px}.steps-description.svelte-1hsv83n{grid-template-columns:1fr;gap:8px}.step-desc.svelte-1hsv83n{flex-direction:row;text-align:left;gap:8px}}.processing-ring.svelte-w0rxh3{animation:svelte-w0rxh3-process-pulse .8s ease-out forwards}@keyframes svelte-w0rxh3-process-pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}