body{background:#0a0a0a}.diagram-page.svelte-1f1s1rq{min-height:100vh;background:#0a0a0a;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-1f1s1rq{max-width:1200px;margin:0 auto 2rem}.back-link.svelte-1f1s1rq{color:#ff6b35;text-decoration:none;font-size:.9rem}.diagram-header.svelte-1f1s1rq h1:where(.svelte-1f1s1rq){font-size:2rem;margin:1rem 0 .5rem;color:#f5f5f5}.diagram-header.svelte-1f1s1rq p:where(.svelte-1f1s1rq){color:#666;font-size:14px;font-family:SF Mono,monospace}.diagram-container.svelte-1f1s1rq{max-width:1200px;margin:0 auto;padding:48px;background:#111;border-radius:20px;border:1px solid #222}.columns.svelte-1f1s1rq{display:grid;grid-template-columns:1fr 1fr;gap:32px}.column.svelte-1f1s1rq{border-radius:16px;padding:28px}.column-before.svelte-1f1s1rq{background:#1a1a1a;border:2px solid #dc2626}.column-after.svelte-1f1s1rq{background:#1a1a1a;border:2px solid #00D4D4}.column-header.svelte-1f1s1rq{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.column-label.svelte-1f1s1rq{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:4px}.label-before.svelte-1f1s1rq{background:#dc262633;color:#f87171}.label-after.svelte-1f1s1rq{background:#00d4d426;color:#00d4d4}.context-badge.svelte-1f1s1rq{font-family:SF Mono,monospace;font-size:24px;font-weight:800}.badge-low.svelte-1f1s1rq{color:#f87171}.badge-full.svelte-1f1s1rq{color:#00d4d4}.file-block.svelte-1f1s1rq{border-radius:10px;padding:16px 20px;margin-bottom:16px}.file-header.svelte-1f1s1rq{display:flex;align-items:center;gap:8px;margin-bottom:10px}.file-icon.svelte-1f1s1rq{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.icon-md-old.svelte-1f1s1rq{background:#d97706;color:#000}.icon-faf.svelte-1f1s1rq{background:#ff6b35;color:#fff}.icon-md-new.svelte-1f1s1rq{background:#00d4d4;color:#000}.file-name.svelte-1f1s1rq{font-family:SF Mono,monospace;font-size:14px;font-weight:600}.name-old.svelte-1f1s1rq{color:#fbbf24}.name-faf.svelte-1f1s1rq{color:#ff6b35}.name-md-new.svelte-1f1s1rq{color:#00d4d4}.file-lines.svelte-1f1s1rq{font-family:SF Mono,monospace;font-size:11px;color:#666;margin-left:auto}.file-desc.svelte-1f1s1rq{font-size:12px;color:#999;line-height:1.5}.file-md-bloated.svelte-1f1s1rq{background:#252525;border:1px solid #444}.file-faf.svelte-1f1s1rq{background:#1a2a1a;border:1px solid #2d5a2d}.file-md-lean.svelte-1f1s1rq{background:#1a2525;border:1px solid #2d4a4a}.ai-section.svelte-1f1s1rq{margin-top:20px;padding-top:16px;border-top:1px solid #333}.ai-label.svelte-1f1s1rq{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:12px}.ai-task.svelte-1f1s1rq{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;margin-bottom:6px;font-size:13px}.ai-task-icon.svelte-1f1s1rq{font-size:14px;flex-shrink:0;width:20px;text-align:center}.task-bad.svelte-1f1s1rq{background:#dc262614;color:#f87171}.task-good.svelte-1f1s1rq{background:#00d4d414;color:#00d4d4}.portable-row.svelte-1f1s1rq{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.portable-badge.svelte-1f1s1rq{font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;font-family:SF Mono,monospace}.badge-locked.svelte-1f1s1rq{background:#dc262626;color:#f87171;border:1px solid rgba(220,38,38,.3)}.badge-open.svelte-1f1s1rq{background:#00d4d41a;color:#00d4d4;border:1px solid rgba(0,212,212,.2)}.cost-bar.svelte-1f1s1rq{margin-top:20px;padding:16px 20px;border-radius:10px;text-align:center}.cost-before.svelte-1f1s1rq{background:#dc26261a;border:1px solid rgba(220,38,38,.3)}.cost-after.svelte-1f1s1rq{background:#00d4d41a;border:1px solid rgba(0,212,212,.3)}.cost-label.svelte-1f1s1rq{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:4px}.cost-value.svelte-1f1s1rq{font-family:SF Mono,monospace;font-size:18px;font-weight:700}.cost-red.svelte-1f1s1rq{color:#f87171}.cost-green.svelte-1f1s1rq{color:#00d4d4}.cost-detail.svelte-1f1s1rq{font-size:11px;color:#666;margin-top:4px}.tagline.svelte-1f1s1rq{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #222}.tagline-main.svelte-1f1s1rq{font-size:16px;color:#ff6b35;font-weight:600;margin-bottom:6px}.tagline-sub.svelte-1f1s1rq{font-size:12px;color:#555;font-family:SF Mono,monospace}@media (max-width: 768px){.columns.svelte-1f1s1rq{grid-template-columns:1fr}.diagram-container.svelte-1f1s1rq{padding:24px}.diagram-page.svelte-1f1s1rq{padding:1rem}.context-badge.svelte-1f1s1rq{font-size:18px}}