body{background:#0a0a0a}.diagram-page.svelte-9atkbx{min-height:100vh;background:#0a0a0a;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.diagram-header.svelte-9atkbx{max-width:1200px;margin:0 auto 2rem;color:#888}.diagram-header.svelte-9atkbx h1:where(.svelte-9atkbx){color:#f5f5f5;font-size:1.5rem;margin:1rem 0 .25rem}.diagram-header.svelte-9atkbx p:where(.svelte-9atkbx){color:#666;font-size:.9rem}.back-link.svelte-9atkbx{color:#ce422b;text-decoration:none;font-size:.9rem}.diagram-container.svelte-9atkbx{max-width:1200px;margin:0 auto;padding:2.5rem 3rem;background:#1a1a1a;border-radius:16px;border:1px solid #333;aspect-ratio:1200 / 630;display:flex;flex-direction:column;justify-content:space-between}.diagram-title.svelte-9atkbx{text-align:center;font-size:1.8rem;font-weight:700;color:#f5f5f5;letter-spacing:-.02em}.diagram-subtitle.svelte-9atkbx{text-align:center;font-size:.95rem;color:#f5f5f5;margin-bottom:1.5rem;font-family:SF Mono,monospace}.compile-flow.svelte-9atkbx{display:flex;align-items:center;gap:2rem;flex:1;min-height:0}.source-side.svelte-9atkbx{flex:0 0 28%;display:flex;flex-direction:column;gap:.75rem}.source-label.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.85rem;font-weight:600;color:#ff6b35;text-transform:uppercase;letter-spacing:.05em}.yaml-block.svelte-9atkbx{background:#111;border:1px solid #333;border-left:3px solid #FF6B35;border-radius:8px;padding:1rem;font-family:SF Mono,monospace;font-size:.75rem;line-height:1.6;color:#ccc}.yaml-key.svelte-9atkbx{color:#00d4d4}.yaml-indent.svelte-9atkbx{padding-left:1rem}.source-meta.svelte-9atkbx{font-size:.7rem;color:#f5f5f5;font-weight:700;font-family:SF Mono,monospace}.compile-arrow.svelte-9atkbx{flex:0 0 12%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.arrow-label.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.85rem;font-weight:600;color:#ce422b;background:#ce422b26;padding:.3rem .8rem;border-radius:4px;border:1px solid rgba(206,66,43,.3)}.arrow-body.svelte-9atkbx{display:flex;align-items:center;gap:0;width:100%}.arrow-line.svelte-9atkbx{flex:1;height:3px;background:linear-gradient(90deg,#ce422b,#ff6b35);border-radius:2px}.arrow-head.svelte-9atkbx{color:#ff6b35;font-size:1.2rem;margin-left:-2px}.arrow-detail.svelte-9atkbx{font-size:.65rem;color:#f5f5f5;font-family:SF Mono,monospace}.binary-side.svelte-9atkbx{flex:1;display:flex;flex-direction:column;gap:.75rem}.binary-label.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.85rem;font-weight:600;color:#ce422b;text-transform:uppercase;letter-spacing:.05em}.binary-stack.svelte-9atkbx{display:flex;flex-direction:column;gap:.4rem}.binary-layer.svelte-9atkbx{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-radius:6px;font-family:SF Mono,monospace}.layer-name.svelte-9atkbx{font-size:.8rem;font-weight:700;color:#f5f5f5}.layer-detail.svelte-9atkbx{font-size:.65rem;color:#f5f5f5}.header-layer.svelte-9atkbx{background:#ce422b;border:1px solid #e05535}.header-layer.svelte-9atkbx .layer-name:where(.svelte-9atkbx){color:#fff}.header-layer.svelte-9atkbx .layer-detail:where(.svelte-9atkbx){color:#fff;font-weight:700}.section-data-group.svelte-9atkbx{background:#111;border:1px solid #333;border-radius:6px;padding:.6rem}.section-data-label.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.65rem;color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.chunks-row.svelte-9atkbx{display:flex;gap:.5rem}.chunk.svelte-9atkbx{flex:1;padding:.5rem .75rem;border-radius:4px;text-align:center}.chunk-class.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.chunk-items.svelte-9atkbx{font-family:SF Mono,monospace;font-size:.6rem;line-height:1.5}.dna-chunk.svelte-9atkbx{background:#ce422b26;border:1px solid rgba(206,66,43,.3)}.dna-chunk.svelte-9atkbx .chunk-class:where(.svelte-9atkbx){color:#ce422b}.dna-chunk.svelte-9atkbx .chunk-items:where(.svelte-9atkbx){color:#e08070}.context-chunk.svelte-9atkbx{background:#00d4d41a;border:1px solid rgba(0,212,212,.25)}.context-chunk.svelte-9atkbx .chunk-class:where(.svelte-9atkbx){color:#00d4d4}.context-chunk.svelte-9atkbx .chunk-items:where(.svelte-9atkbx){color:#6dd}.pointer-chunk.svelte-9atkbx{background:#ff6b351a;border:1px solid rgba(255,107,53,.25)}.pointer-chunk.svelte-9atkbx .chunk-class:where(.svelte-9atkbx){color:#ff6b35}.pointer-chunk.svelte-9atkbx .chunk-items:where(.svelte-9atkbx){color:#f96}.string-table-layer.svelte-9atkbx,.section-table-layer.svelte-9atkbx{background:#222;border:1px solid #444}.bottom-bar.svelte-9atkbx{display:flex;justify-content:center;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #333;margin-top:.5rem}.bottom-item.svelte-9atkbx{display:flex;align-items:center;gap:.4rem}.bottom-label.svelte-9atkbx{font-size:.75rem;color:#f5f5f5;font-family:SF Mono,monospace}.bottom-arrow.svelte-9atkbx{color:#ce422b;font-size:.8rem}.bottom-value.svelte-9atkbx{font-size:.75rem;color:#f5f5f5;font-family:SF Mono,monospace;font-weight:600}.bottom-divider.svelte-9atkbx{color:#444;font-size:1rem}@media (max-width: 768px){.diagram-container.svelte-9atkbx{aspect-ratio:auto;padding:1.5rem}.compile-flow.svelte-9atkbx{flex-direction:column}.source-side.svelte-9atkbx{flex:none;width:100%}.compile-arrow.svelte-9atkbx{flex:none;transform:rotate(90deg)}.binary-side.svelte-9atkbx{width:100%}.chunks-row.svelte-9atkbx{flex-direction:column}}