.framework-map-container.svelte-pbeyuo{max-width:1200px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header.svelte-pbeyuo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.header.svelte-pbeyuo h1:where(.svelte-pbeyuo){margin:0 0 .5rem;font-size:2.5em;font-weight:300}.header.svelte-pbeyuo p:where(.svelte-pbeyuo){margin:0;font-size:1.2em;opacity:.9}.legend.svelte-pbeyuo{display:flex;justify-content:center;gap:1.5rem;margin:2rem;flex-wrap:wrap}.legend-item.svelte-pbeyuo{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#333}.legend-color.svelte-pbeyuo{width:16px;height:16px;border-radius:50%;flex-shrink:0}.svg-container.svelte-pbeyuo{padding:1rem 2rem}.connection-line.svelte-pbeyuo{transition:opacity .3s ease,stroke-width .3s ease}.framework-node.svelte-pbeyuo{cursor:pointer;transition:all .25s ease}.framework-node.selected.svelte-pbeyuo{stroke:#333;stroke-width:3}.framework-text.svelte-pbeyuo{font-size:11px;font-weight:600;text-anchor:middle;dominant-baseline:central;fill:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.framework-label.svelte-pbeyuo{font-size:12px;font-weight:500;text-anchor:middle;fill:#555;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flow-indicator.svelte-pbeyuo{font-size:10px;fill:#666;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.info-panel.svelte-pbeyuo{margin:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;position:relative}.info-panel.svelte-pbeyuo h3:where(.svelte-pbeyuo){margin:0 0 1rem;color:#333}.connection-info.svelte-pbeyuo{margin-top:1.5rem;padding:1.5rem;background:#e3f2fd;border-radius:6px;border-left:3px solid #2196f3;position:relative}.connection-info.svelte-pbeyuo h4:where(.svelte-pbeyuo){margin:0 0 1rem;color:#1976d2;font-size:1.1rem}.connection-info.svelte-pbeyuo p:where(.svelte-pbeyuo){margin:.5rem 0;line-height:1.5}.close-btn.svelte-pbeyuo{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:.25rem;border-radius:3px;transition:all .2s ease}.close-btn.svelte-pbeyuo:hover{background:#0000001a;color:#333}.integration-examples.svelte-pbeyuo{margin:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.example-card.svelte-pbeyuo{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;border-left:4px solid #4caf50}.example-card.svelte-pbeyuo h4:where(.svelte-pbeyuo){margin:0 0 1rem;color:#2e7d32;font-size:1rem}.example-card.svelte-pbeyuo p:where(.svelte-pbeyuo){margin:0;line-height:1.5;color:#555;font-size:.9rem}@media (max-width: 768px){.framework-map-container.svelte-pbeyuo{margin:1rem}.header.svelte-pbeyuo{padding:1.5rem}.header.svelte-pbeyuo h1:where(.svelte-pbeyuo){font-size:2rem}.legend.svelte-pbeyuo{gap:1rem;margin:1rem}.legend-item.svelte-pbeyuo{font-size:.8rem}.svg-container.svelte-pbeyuo{padding:.5rem 1rem}.info-panel.svelte-pbeyuo,.integration-examples.svelte-pbeyuo{margin:1rem}.integration-examples.svelte-pbeyuo{grid-template-columns:1fr;gap:1rem}}