.visualizer-container.svelte-1mv1bho{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title.svelte-1mv1bho{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem;font-weight:700}.request-selection.svelte-1mv1bho{margin-bottom:2rem;text-align:center}.request-selection.svelte-1mv1bho h3:where(.svelte-1mv1bho){color:#4a5568;margin-bottom:1rem}.request-buttons.svelte-1mv1bho{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.request-btn.svelte-1mv1bho{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.request-btn.svelte-1mv1bho:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.request-btn.active.svelte-1mv1bho{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff)}.request-btn.svelte-1mv1bho:disabled{opacity:.5;cursor:not-allowed;transform:none}.request-name.svelte-1mv1bho{font-weight:600;color:#2d3748;margin-bottom:.25rem}.request-desc.svelte-1mv1bho{font-size:.9rem;color:#718096}.current-step.svelte-1mv1bho{background:linear-gradient(135deg,#f0f4ff,#e6f0ff);border:2px solid #667eea;border-radius:.75rem;padding:1rem;margin-bottom:2rem;text-align:center}.step-indicator.svelte-1mv1bho{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.pulse-dot.svelte-1mv1bho{width:8px;height:8px;background:#667eea;border-radius:50%;animation:svelte-1mv1bho-pulse 1.5s infinite}.step-details.svelte-1mv1bho{color:#4a5568;font-size:.9rem}.architecture-comparison.svelte-1mv1bho{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;margin-bottom:3rem}@media (min-width: 1024px){.architecture-comparison.svelte-1mv1bho{grid-template-columns:1fr auto 1fr}}.architecture-title.svelte-1mv1bho{text-align:center;color:#2d3748;margin-bottom:1.5rem;font-size:1.3rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.architecture-icon.svelte-1mv1bho{font-size:1.5rem}.vs-separator.svelte-1mv1bho{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed}.vs-text.svelte-1mv1bho{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem .5rem;border-radius:2rem;font-weight:700;font-size:1.2rem}.monolith-container.svelte-1mv1bho,.microservices-container.svelte-1mv1bho{display:flex;flex-direction:column;gap:1.5rem}.monolith.svelte-1mv1bho{background:#fff;border:3px solid #e2e8f0;border-radius:1rem;padding:2rem;transition:all .3s ease;min-height:400px}.monolith.active.svelte-1mv1bho{border-color:#f6ad55;background:linear-gradient(135deg,#fffaf0,#fef5e7);box-shadow:0 12px 40px #f6ad554d;transform:scale(1.02)}.monolith-header.svelte-1mv1bho{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.service-icon.svelte-1mv1bho{font-size:2rem}.service-name.svelte-1mv1bho{font-weight:700;font-size:1.2rem;color:#2d3748}.monolith-layers.svelte-1mv1bho{display:flex;flex-direction:column;gap:.75rem}.layer.svelte-1mv1bho{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;font-weight:500;color:#4a5568}.processing-indicator.svelte-1mv1bho{margin-top:1.5rem;text-align:center}.processing-text.svelte-1mv1bho{color:#f6ad55;font-weight:600;margin-bottom:.5rem}.processing-bar.svelte-1mv1bho{background:#e2e8f0;border-radius:1rem;height:8px;overflow:hidden}.progress.svelte-1mv1bho{background:linear-gradient(90deg,#f6ad55,#ed8936);height:100%;width:100%;animation:svelte-1mv1bho-progress 2s ease-in-out infinite}.api-gateway.svelte-1mv1bho{background:#fff;border:3px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.api-gateway.active.svelte-1mv1bho{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#e6fffa);box-shadow:0 8px 25px #48bb784d;transform:scale(1.02)}.service-header.svelte-1mv1bho{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.service-content.svelte-1mv1bho{min-height:80px}.service-features.svelte-1mv1bho{display:flex;flex-direction:column;gap:.5rem}.feature.svelte-1mv1bho{font-size:.85rem;color:#718096;background:#f7fafc;padding:.25rem .5rem;border-radius:.25rem}.service-activity.svelte-1mv1bho{background:#e6fffa;color:#276749;padding:.5rem;border-radius:.5rem;font-size:.9rem;text-align:center;margin-top:.75rem;animation:svelte-1mv1bho-pulse 1.5s infinite}.connection-lines.svelte-1mv1bho{position:relative;height:2rem;margin:.5rem 0}.line.svelte-1mv1bho{position:absolute;height:2px;background:#e2e8f0;transition:all .3s ease;left:50%;transform:translate(-50%)}.line-1.svelte-1mv1bho{width:30%;top:50%;transform:translate(-70%) translateY(-50%) rotate(-30deg)}.line-2.svelte-1mv1bho{width:20%;top:50%;transform:translate(-50%) translateY(-50%)}.line-3.svelte-1mv1bho{width:30%;top:50%;transform:translate(20%) translateY(-50%) rotate(30deg)}.line.active.svelte-1mv1bho{background:#667eea;box-shadow:0 0 8px #667eea80}.services-grid.svelte-1mv1bho{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service.svelte-1mv1bho{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;transition:all .3s ease}.service.active.svelte-1mv1bho{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);box-shadow:0 8px 25px #667eea33;transform:scale(1.05)}.trigger-btn.svelte-1mv1bho{padding:1rem 2rem;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.monolith-btn.svelte-1mv1bho{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.microservices-btn.svelte-1mv1bho{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.trigger-btn.svelte-1mv1bho:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0003}.trigger-btn.svelte-1mv1bho:disabled{opacity:.6;cursor:not-allowed;transform:none}.request-flow.svelte-1mv1bho{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.request-flow.svelte-1mv1bho h4:where(.svelte-1mv1bho){color:#2d3748;margin-bottom:1rem}.flow-path.svelte-1mv1bho{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.flow-step.svelte-1mv1bho{display:flex;flex-direction:column;align-items:center;gap:.25rem}.step-number.svelte-1mv1bho{background:#667eea;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.step-service.svelte-1mv1bho{font-size:.8rem;color:#4a5568;text-align:center;text-transform:capitalize}.flow-arrow.svelte-1mv1bho{color:#667eea;font-weight:700;margin:0 .5rem}.comparison-table.svelte-1mv1bho{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;overflow:hidden}.comparison-table.svelte-1mv1bho h3:where(.svelte-1mv1bho){color:#2d3748;margin-bottom:1rem;text-align:center}.table-container.svelte-1mv1bho{overflow-x:auto}table.svelte-1mv1bho{width:100%;border-collapse:collapse}th.svelte-1mv1bho,td.svelte-1mv1bho{padding:.75rem;text-align:left;border-bottom:1px solid #e2e8f0}th.svelte-1mv1bho{background:#f7fafc;font-weight:600;color:#2d3748}td.svelte-1mv1bho{color:#4a5568}tr.svelte-1mv1bho:hover{background:#f7fafc}@keyframes svelte-1mv1bho-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes svelte-1mv1bho-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 1200px){.architecture-comparison.svelte-1mv1bho{grid-template-columns:1fr;gap:2rem}.vs-separator.svelte-1mv1bho{writing-mode:horizontal-tb;text-orientation:mixed}.vs-text.svelte-1mv1bho{padding:.5rem 1rem}}@media (max-width: 768px){.services-grid.svelte-1mv1bho{grid-template-columns:1fr}.flow-path.svelte-1mv1bho{flex-direction:column;gap:1rem}.flow-arrow.svelte-1mv1bho{transform:rotate(90deg)}.connection-lines.svelte-1mv1bho{display:none}}.container[data-astro-cid-gfntzdks]{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}