.visualizer-container.svelte-wsey1f{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title.svelte-wsey1f{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem;font-weight:700}.controls-section.svelte-wsey1f{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.control-group.svelte-wsey1f{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.control-group.svelte-wsey1f h3:where(.svelte-wsey1f){color:#2d3748;margin-bottom:1rem;font-size:1.1rem}.controls.svelte-wsey1f{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.control-btn.svelte-wsey1f{padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn.svelte-wsey1f{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.start-btn.active.svelte-wsey1f{background:linear-gradient(135deg,#ed8936,#dd6b20)}.clear-btn.svelte-wsey1f{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.control-btn.svelte-wsey1f:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}select.svelte-wsey1f{padding:.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#2d3748}.stats.svelte-wsey1f{display:flex;gap:1rem;font-size:.9rem}.stat.svelte-wsey1f{color:#4a5568;font-weight:500}.message-flow.svelte-wsey1f{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;margin-bottom:3rem;min-height:400px}.component.svelte-wsey1f{background:#fff;border:3px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.component.active.svelte-wsey1f{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);transform:scale(1.02);box-shadow:0 8px 25px #667eea33}.component-header.svelte-wsey1f{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.component-icon.svelte-wsey1f{font-size:1.5rem}.component-name.svelte-wsey1f{font-weight:700;color:#2d3748;flex:1}.status-indicator.svelte-wsey1f{width:12px;height:12px;border-radius:50%;background:#e2e8f0}.status-indicator.running.svelte-wsey1f{background:#48bb78;animation:svelte-wsey1f-pulse 2s infinite}.status-indicator.stopped.svelte-wsey1f{background:#e53e3e}.queue-stats.svelte-wsey1f{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.9rem}.producer-activity.svelte-wsey1f,.consumer-activity.svelte-wsey1f{margin-bottom:1rem}.activity-text.svelte-wsey1f{color:#4a5568;font-size:.9rem;margin-bottom:.5rem}.activity-bar.svelte-wsey1f{background:#e2e8f0;border-radius:.5rem;height:6px;overflow:hidden}.progress.svelte-wsey1f{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;width:100%;animation:svelte-wsey1f-progress infinite ease-in-out}.message-preview.svelte-wsey1f{min-height:40px;display:flex;align-items:center;justify-content:center}.generating-message.svelte-wsey1f{background:#e6fffa;color:#276749;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;animation:svelte-wsey1f-fadeInUp .3s ease-out}.conveyor-belt.svelte-wsey1f{min-height:120px;max-height:16rem;width:100%;background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:.5rem;padding:1rem;margin-bottom:1rem;position:relative;overflow-y:auto;overflow-x:hidden}.belt-track.svelte-wsey1f{display:flex;flex-direction:column;gap:.75rem;min-height:80px;align-items:center}.message-envelope.svelte-wsey1f{min-width:80px;height:80px;border:2px solid;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:svelte-wsey1f-slideIn .5s ease-out;flex-shrink:0;position:relative}.message-envelope.svelte-wsey1f .message-icon:where(.svelte-wsey1f){font-size:1.2rem;margin-bottom:.25rem}.message-envelope.svelte-wsey1f .message-id:where(.svelte-wsey1f){font-size:.7rem;font-weight:600;color:#4a5568}.message-envelope.svelte-wsey1f .message-type:where(.svelte-wsey1f){font-size:.6rem;color:#718096;text-transform:capitalize}.empty-queue.svelte-wsey1f{display:flex;align-items:center;justify-content:center;height:80px;color:#a0aec0;font-style:italic}.queue-utilization.svelte-wsey1f{margin-top:1rem}.utilization-bar.svelte-wsey1f{background:#e2e8f0;border-radius:.5rem;height:8px;overflow:hidden;margin-bottom:.5rem}.utilization-fill.svelte-wsey1f{height:100%;transition:all .3s ease}.utilization-fill.normal.svelte-wsey1f{background:#48bb78}.utilization-fill.warning.svelte-wsey1f{background:#ed8936}.utilization-fill.critical.svelte-wsey1f{background:#e53e3e}.utilization-text.svelte-wsey1f{font-size:.8rem;color:#4a5568;text-align:center}.processed-messages.svelte-wsey1f{min-height:100px;max-height:12rem;overflow-y:auto}.processed-messages.svelte-wsey1f h4:where(.svelte-wsey1f){color:#2d3748;margin-bottom:.75rem;font-size:.9rem}.processed-message.svelte-wsey1f{background:#f0fff4;border-left:4px solid;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;display:flex;align-items:center;gap:.5rem;animation:svelte-wsey1f-fadeInLeft .3s ease-out}.processed-text.svelte-wsey1f{font-size:.8rem;color:#2d3748}.no-messages.svelte-wsey1f{color:#a0aec0;font-style:italic;text-align:center;padding:2rem 0}.flow-arrow.svelte-wsey1f{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;color:#cbd5e0;transition:all .3s ease;transform:rotate(90deg)}.flow-arrow.active.svelte-wsey1f{color:#667eea;animation:svelte-wsey1f-pulse 1s infinite}.arrow-line.svelte-wsey1f{width:40px;height:2px;background:currentColor}.arrow-head.svelte-wsey1f{font-size:1.5rem}.benefits-section.svelte-wsey1f,.scenarios-section.svelte-wsey1f{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.benefits-section.svelte-wsey1f h3:where(.svelte-wsey1f),.scenarios-section.svelte-wsey1f h3:where(.svelte-wsey1f){color:#2d3748;margin-bottom:1.5rem;text-align:center}.benefits-grid.svelte-wsey1f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.benefit-card.svelte-wsey1f{background:#f7fafc;border-radius:.5rem;padding:1.5rem;text-align:center}.benefit-icon.svelte-wsey1f{font-size:2rem;margin-bottom:.75rem}.benefit-title.svelte-wsey1f{font-weight:600;color:#2d3748;margin-bottom:.5rem}.benefit-description.svelte-wsey1f{font-size:.9rem;color:#4a5568}.scenario-buttons.svelte-wsey1f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.scenario-btn.svelte-wsey1f{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;padding:1rem;font-weight:600;cursor:pointer;transition:all .2s}.scenario-btn.svelte-wsey1f:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@keyframes svelte-wsey1f-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes svelte-wsey1f-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes svelte-wsey1f-slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-wsey1f-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-wsey1f-fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (min-width: 1024px){.message-flow.svelte-wsey1f{grid-template-columns:1fr auto 2fr auto 1fr;gap:1rem}.flow-arrow.svelte-wsey1f{flex-direction:column;transform:none}.arrow-line.svelte-wsey1f{width:2px;height:40px}}@media (max-width: 768px){.controls-section.svelte-wsey1f,.benefits-grid.svelte-wsey1f,.scenario-buttons.svelte-wsey1f{grid-template-columns:1fr}.belt-track.svelte-wsey1f{flex-direction:column;align-items:center}}.container[data-astro-cid-v6d33z4y]{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}