.visualizer-container.svelte-j15lcl{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title.svelte-j15lcl{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem;font-weight:700}.controls.svelte-j15lcl{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.trigger-btn.svelte-j15lcl,.clear-btn.svelte-j15lcl{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.trigger-btn.svelte-j15lcl{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.trigger-btn.svelte-j15lcl:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.trigger-btn.svelte-j15lcl:disabled{opacity:.6;cursor:not-allowed;transform:none}.clear-btn.svelte-j15lcl{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.clear-btn.svelte-j15lcl:hover{background:#edf2f7;border-color:#cbd5e0}.flow-container.svelte-j15lcl{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.request-section.svelte-j15lcl,.router-section.svelte-j15lcl,.logic-section.svelte-j15lcl{text-align:center}.request-section.svelte-j15lcl h3:where(.svelte-j15lcl),.router-section.svelte-j15lcl h3:where(.svelte-j15lcl),.logic-section.svelte-j15lcl h3:where(.svelte-j15lcl){margin-bottom:1rem;color:#4a5568;font-size:1.1rem}.request-box.svelte-j15lcl,.router-box.svelte-j15lcl,.logic-box.svelte-j15lcl{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;min-width:200px;min-height:120px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease}.request-box.active.svelte-j15lcl,.router-box.active.svelte-j15lcl,.logic-box.active.svelte-j15lcl{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);transform:scale(1.05);box-shadow:0 8px 25px #667eea33}.request-content.svelte-j15lcl .operation:where(.svelte-j15lcl){font-weight:600;color:#2d3748;margin-bottom:.5rem}.request-content.svelte-j15lcl .user-id:where(.svelte-j15lcl){color:#718096;font-size:.9rem}.placeholder.svelte-j15lcl{color:#a0aec0;font-style:italic}.router-content.svelte-j15lcl{display:flex;flex-direction:column;align-items:center;gap:.5rem}.icon.svelte-j15lcl{font-size:2rem}.label.svelte-j15lcl{font-weight:600;color:#2d3748}.processing.svelte-j15lcl{font-size:.8rem;color:#667eea;animation:svelte-j15lcl-pulse 1.5s infinite}.formula.svelte-j15lcl{font-family:Monaco,Consolas,monospace;font-size:1.2rem;font-weight:600;color:#2d3748;background:#f7fafc;padding:.5rem 1rem;border-radius:.25rem;margin-bottom:1rem}.calculation.svelte-j15lcl{font-family:Monaco,Consolas,monospace;color:#667eea;font-weight:600;margin-bottom:.5rem}.result.svelte-j15lcl{color:#48bb78;font-weight:600;font-size:.9rem}.arrow.svelte-j15lcl{font-size:2rem;color:#cbd5e0;transition:color .3s ease}.arrow.active.svelte-j15lcl{color:#667eea;animation:svelte-j15lcl-pulse 1s infinite}.shards-container.svelte-j15lcl h3:where(.svelte-j15lcl){text-align:center;color:#4a5568;margin-bottom:2rem;font-size:1.3rem}.shards-grid.svelte-j15lcl{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.shard.svelte-j15lcl{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.shard.selected.svelte-j15lcl{border-color:#48bb78;box-shadow:0 8px 25px #48bb7833;transform:scale(1.02)}.shard-header.svelte-j15lcl{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0}.shard-icon.svelte-j15lcl{font-size:1.5rem}.shard-name.svelte-j15lcl{font-weight:600;color:#2d3748}.shard-data.svelte-j15lcl{padding:1rem;min-height:120px}.empty.svelte-j15lcl{color:#a0aec0;font-style:italic;text-align:center;padding:2rem 0}.data-item.svelte-j15lcl{background:linear-gradient(135deg,#e6fffa,#f0fff4);border:1px solid #9ae6b4;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.user-name.svelte-j15lcl{font-weight:600;color:#2d3748}.user-id-small.svelte-j15lcl{font-size:.8rem;color:#718096}@keyframes svelte-j15lcl-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes svelte-j15lcl-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.flow-container.svelte-j15lcl{flex-direction:column;gap:1rem}.arrow.svelte-j15lcl{transform:rotate(90deg)}.shards-grid.svelte-j15lcl{grid-template-columns:1fr}}.container[data-astro-cid-eob5ldiu]{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}