.diagram-page.svelte-ubx84t{min-height:100vh;background:#f8f9fa;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-ubx84t{max-width:1200px;margin:0 auto 2rem}.back-link.svelte-ubx84t{color:#ff6b35;text-decoration:none;font-size:.9rem;font-weight:500}.back-link.svelte-ubx84t:hover{text-decoration:underline}h1.svelte-ubx84t{font-size:2rem;margin:1rem 0 .5rem;color:#1a1a1a}.diagram-header.svelte-ubx84t p:where(.svelte-ubx84t){color:#666;font-size:1rem}.diagram-container.svelte-ubx84t{max-width:1200px;margin:0 auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.flow-horizontal.svelte-ubx84t{display:flex;align-items:center;gap:1rem;overflow-x:auto;padding:1rem 0 2rem}.flow-step.svelte-ubx84t{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number.svelte-ubx84t{width:32px;height:32px;background:#ff6b35;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.step-box.svelte-ubx84t{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;width:160px;text-align:center;transition:transform .2s,box-shadow .2s}.step-box.svelte-ubx84t:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rust-box.svelte-ubx84t{background:linear-gradient(135deg,#ce422b,#f97316);color:#fff;border-color:#ce422b}.zig-box.svelte-ubx84t{background:linear-gradient(135deg,#f7a41d,#fbbf24);color:#1a1a1a;border-color:#f7a41d}.action-box.svelte-ubx84t{border-color:#ff6b35;border-width:3px}.step-icon.svelte-ubx84t{font-size:2rem;margin-bottom:.5rem}.step-title.svelte-ubx84t{font-weight:600;font-size:.95rem;margin-bottom:.5rem}.step-desc.svelte-ubx84t{font-size:.8rem;color:#666;line-height:1.4;margin-bottom:.75rem}.rust-box.svelte-ubx84t .step-desc:where(.svelte-ubx84t),.rust-box.svelte-ubx84t .step-title:where(.svelte-ubx84t){color:#fff}.step-tech.svelte-ubx84t{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#888;font-family:SF Mono,monospace}.tech-badge.svelte-ubx84t{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.7rem}.rust-badge.svelte-ubx84t{background:#fff3;color:#fff}.zig-badge.svelte-ubx84t{background:#0000001a;color:#1a1a1a}.speed-badge.svelte-ubx84t{background:#4ade80;color:#fff}.flow-arrow.svelte-ubx84t{font-size:1.5rem;color:#ff6b35;font-weight:700;flex-shrink:0}.tech-summary.svelte-ubx84t{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.summary-card.svelte-ubx84t{background:#f8f9fa;border-radius:12px;padding:1.5rem}.summary-card.svelte-ubx84t h3:where(.svelte-ubx84t){font-size:1.1rem;margin:0 0 1rem;color:#1a1a1a}.summary-grid.svelte-ubx84t{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-item.svelte-ubx84t{background:#fff;padding:.75rem;border-radius:8px}.summary-label.svelte-ubx84t{font-size:.75rem;color:#666;margin-bottom:.25rem}.summary-value.svelte-ubx84t{font-weight:600;color:#1a1a1a;font-family:SF Mono,monospace;font-size:.9rem}.benefit-list.svelte-ubx84t{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.benefit-list.svelte-ubx84t li:where(.svelte-ubx84t){font-size:.9rem;color:#1a1a1a;line-height:1.6}.metrics-row.svelte-ubx84t{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.metric-card.svelte-ubx84t{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center}.rust-metric.svelte-ubx84t{border-color:#ce422b;background:linear-gradient(135deg,#ce422b0d,#f973160d)}.zig-metric.svelte-ubx84t{border-color:#f7a41d;background:linear-gradient(135deg,#f7a41d0d,#fbbf240d)}.total-metric.svelte-ubx84t{border-color:#ff6b35;border-width:3px}.metric-label.svelte-ubx84t{font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.metric-value.svelte-ubx84t{font-size:2rem;font-weight:700;color:#ff6b35;font-family:SF Mono,monospace;margin-bottom:.5rem}.rust-metric.svelte-ubx84t .metric-value:where(.svelte-ubx84t){color:#ce422b}.zig-metric.svelte-ubx84t .metric-value:where(.svelte-ubx84t){color:#f7a41d}.metric-desc.svelte-ubx84t{font-size:.8rem;color:#888}@media (max-width: 1024px){.flow-horizontal.svelte-ubx84t{flex-wrap:wrap;justify-content:center}.flow-arrow.svelte-ubx84t{display:none}.tech-summary.svelte-ubx84t,.metrics-row.svelte-ubx84t{grid-template-columns:1fr}}@media (max-width: 640px){.diagram-page.svelte-ubx84t,.diagram-container.svelte-ubx84t{padding:1rem}h1.svelte-ubx84t{font-size:1.5rem}.summary-grid.svelte-ubx84t{grid-template-columns:1fr}}