.visualizer-container.svelte-1drausf{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title.svelte-1drausf{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem;font-weight:700}.strategy-selection.svelte-1drausf{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.strategy-btn.svelte-1drausf{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.strategy-btn.svelte-1drausf:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.strategy-btn.active.svelte-1drausf{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff)}.strategy-btn.svelte-1drausf:disabled{opacity:.5;cursor:not-allowed;transform:none}.strategy-name.svelte-1drausf{font-weight:600;color:#2d3748;margin-bottom:.25rem}.strategy-desc.svelte-1drausf{font-size:.9rem;color:#718096}.controls.svelte-1drausf{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.action-btn.svelte-1drausf{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.read-btn.svelte-1drausf{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.write-btn.svelte-1drausf{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.clear-btn.svelte-1drausf{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.action-btn.svelte-1drausf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn.svelte-1drausf:disabled{opacity:.6;cursor:not-allowed;transform:none}.current-request.svelte-1drausf{background:linear-gradient(135deg,#f0f4ff,#e6f0ff);border:2px solid #667eea;border-radius:.75rem;padding:1rem;margin-bottom:2rem;text-align:center}.current-request.svelte-1drausf h3:where(.svelte-1drausf){margin-bottom:.75rem;color:#2d3748}.request-details.svelte-1drausf{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap}.request-type.svelte-1drausf{padding:.25rem .75rem;border-radius:1rem;font-weight:600;font-size:.8rem}.request-type.read.svelte-1drausf{background:#c6f6d5;color:#276749}.request-type.write.svelte-1drausf{background:#fed7c7;color:#9c4221}.request-key.svelte-1drausf{font-family:Monaco,Consolas,monospace;background:#f7fafc;padding:.25rem .5rem;border-radius:.25rem;color:#2d3748}.request-data.svelte-1drausf{font-size:.9rem;color:#4a5568}.architecture.svelte-1drausf{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:center;margin-bottom:2rem;min-height:300px}.component.svelte-1drausf{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;transition:all .3s ease;min-height:250px}.component.active.svelte-1drausf{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);transform:scale(1.02);box-shadow:0 8px 25px #667eea33}.component.receiving.svelte-1drausf{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#e6fffa)}.component-header.svelte-1drausf{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.component-icon.svelte-1drausf{font-size:1.5rem}.component-name.svelte-1drausf{font-weight:600;color:#2d3748}.cache-status.svelte-1drausf{margin-left:auto}.hit.svelte-1drausf{background:#c6f6d5;color:#276749;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.miss.svelte-1drausf{background:#fed7c7;color:#9c4221;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.component-content.svelte-1drausf{min-height:120px}.waiting.svelte-1drausf,.empty.svelte-1drausf{color:#a0aec0;font-style:italic;text-align:center;padding:2rem 0}.result.svelte-1drausf{text-align:center}.result-source.svelte-1drausf{font-size:.8rem;color:#718096;margin-bottom:.5rem}.result-data.svelte-1drausf{font-weight:600;color:#2d3748}.cache-entry.svelte-1drausf{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;position:relative}.cache-entry.dirty.svelte-1drausf{background:#fffaf0;border-color:#ed8936}.cache-key.svelte-1drausf{font-family:Monaco,Consolas,monospace;font-size:.8rem;color:#667eea;margin-bottom:.25rem}.cache-value.svelte-1drausf{font-size:.9rem;color:#2d3748}.dirty-indicator.svelte-1drausf{position:absolute;top:.25rem;right:.25rem;background:#ed8936;color:#fff;font-size:.6rem;padding:.125rem .25rem;border-radius:.125rem;font-weight:600}.db-stats.svelte-1drausf{font-size:.9rem;color:#4a5568;margin-bottom:1rem}.activity.svelte-1drausf{background:#e6fffa;color:#276749;padding:.5rem;border-radius:.25rem;font-size:.9rem;text-align:center;animation:svelte-1drausf-pulse 1.5s infinite}.arrow-container.svelte-1drausf{display:flex;flex-direction:column;gap:.5rem;align-items:center}.arrow-container.vertical.svelte-1drausf{margin:1rem 0}.arrow.svelte-1drausf{font-size:1.5rem;color:#cbd5e0;transition:all .3s ease}.arrow.active.svelte-1drausf{color:#667eea;animation:svelte-1drausf-pulse 1s infinite;transform:scale(1.2)}.strategy-explanation.svelte-1drausf{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;text-align:center}.strategy-explanation.svelte-1drausf h3:where(.svelte-1drausf){color:#2d3748;margin-bottom:.75rem}.strategy-explanation.svelte-1drausf p:where(.svelte-1drausf){color:#4a5568;line-height:1.6}@keyframes svelte-1drausf-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1024px){.architecture.svelte-1drausf{grid-template-columns:1fr;gap:1rem}.arrow-container.svelte-1drausf:not(.vertical){display:none}.arrow-container.vertical.svelte-1drausf{flex-direction:row}}@media (max-width: 768px){.strategy-selection.svelte-1drausf{grid-template-columns:1fr}.controls.svelte-1drausf{flex-direction:column;align-items:center}.request-details.svelte-1drausf{flex-direction:column;gap:.5rem}}.container[data-astro-cid-k25n4mva]{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}