.diagram-page.svelte-1tk8t5k{min-height:100vh;background:#0a0a0a;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-1tk8t5k{max-width:900px;margin:0 auto 2rem}.back-link.svelte-1tk8t5k{color:#ff6b35;text-decoration:none;font-size:.9rem}.back-link.svelte-1tk8t5k:hover{text-decoration:underline}h1.svelte-1tk8t5k{font-size:2rem;margin:1rem 0 .5rem;color:#f5f5f5}.diagram-header.svelte-1tk8t5k p:where(.svelte-1tk8t5k){color:#888;margin:0}.diagram-container.svelte-1tk8t5k{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:0 auto;padding:2rem;background:#1a1a1a;border-radius:16px;border:1px solid #333}.diagram-column.svelte-1tk8t5k{display:flex;flex-direction:column}.diagram-title.svelte-1tk8t5k{text-align:center;font-size:1.3rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:3px solid}.problem-title.svelte-1tk8t5k{color:#f87171;border-color:#f87171}.solution-title.svelte-1tk8t5k{color:#00d4d4;border-color:#00d4d4}.diagram-content.svelte-1tk8t5k{flex:1;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.problem-bg.svelte-1tk8t5k{background:#1f1315;border:2px solid #7f1d1d}.solution-bg.svelte-1tk8t5k{background:#0d1f1f;border:2px solid #115e59}.session-box.svelte-1tk8t5k{background:#2a2a2a;padding:1rem 1.5rem;border-radius:8px;border:1px solid #444;text-align:center;width:100%;max-width:180px}.session-box.connected.svelte-1tk8t5k{border-left:4px solid #00D4D4}.session-label.svelte-1tk8t5k{font-weight:700;font-size:1rem;color:#f5f5f5}.session-status.svelte-1tk8t5k{font-size:.85rem;margin-top:.25rem;font-weight:500}.session-status.success.svelte-1tk8t5k{color:#4ade80}.session-status.failure.svelte-1tk8t5k{color:#f87171}.arrow-down.svelte-1tk8t5k{color:#f87171;font-size:1.5rem;font-weight:700}.connector-line.svelte-1tk8t5k{width:3px;height:16px;background:#00d4d4;border-radius:2px}.mcpaas-box.svelte-1tk8t5k{background:#ff6b35;color:#fff;padding:1rem 2rem;border-radius:8px;text-align:center}.mcpaas-label.svelte-1tk8t5k{font-weight:700;font-family:SF Mono,monospace;font-size:1.2rem}.mcpaas-sublabel.svelte-1tk8t5k{font-size:.8rem;color:#fffc}.diagram-footer.svelte-1tk8t5k{margin-top:auto;padding:1rem 1.5rem;border-radius:8px;text-align:center;width:100%}.problem-footer.svelte-1tk8t5k{background:#7f1d1d;color:#fecaca}.problem-footer.svelte-1tk8t5k span:where(.svelte-1tk8t5k){display:block;font-size:.9rem;margin-top:.25rem;color:#fca5a5}.solution-footer.svelte-1tk8t5k{background:#00d4d4;color:#0a0a0a}.badge-row.svelte-1tk8t5k{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.badge.svelte-1tk8t5k{background:#0a0a0a;color:#00d4d4;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}@media (max-width: 768px){.diagram-container.svelte-1tk8t5k{grid-template-columns:1fr}}