.mermaid-rendered{position:relative;background:var(--crumb-surface);border:1px solid var(--crumb-border);border-radius:.625rem;padding:1.25rem;margin:1.25rem 0;overflow-x:auto;text-align:center}.mermaid-rendered svg{max-width:100%;height:auto;display:inline-block}.mermaid-expand-btn{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;background:var(--crumb-surface-raised, #1c1c24);border:1px solid var(--crumb-border);border-radius:.375rem;color:var(--sl-color-gray-3);cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease;z-index:1}.mermaid-rendered:hover .mermaid-expand-btn,.mermaid-expand-btn:focus-visible{opacity:1}.mermaid-expand-btn:hover{color:var(--sl-color-white);border-color:var(--crumb-oxide, #e85d3e)}.mermaid-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:stretch;justify-content:stretch}.mermaid-modal[hidden]{display:none}.mermaid-modal-backdrop{position:absolute;inset:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mermaid-modal-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;z-index:1}.mermaid-modal-toolbar{display:flex;align-items:center;justify-content:space-between;height:3rem;padding:0 1rem;background:var(--crumb-surface-raised, #1c1c24);border-bottom:1px solid var(--crumb-border);flex-shrink:0;gap:.5rem}.mermaid-toolbar-zoom{display:flex;align-items:center;gap:.375rem}.mermaid-zoom-label{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--sl-color-gray-2);min-width:3rem;text-align:center}.mermaid-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.875rem;height:1.875rem;padding:0 .5rem;background:var(--crumb-surface, #141419);border:1px solid var(--crumb-border);border-radius:.375rem;color:var(--sl-color-gray-2);font-size:1rem;line-height:1;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease;white-space:nowrap}.mermaid-toolbar-btn:hover{color:var(--sl-color-white);border-color:var(--crumb-oxide, #e85d3e);background:color-mix(in srgb,var(--crumb-oxide, #e85d3e) 10%,var(--crumb-surface, #141419))}.mermaid-btn-text{font-size:.75rem;font-weight:500;letter-spacing:.02em}.mermaid-close-btn{font-size:.875rem;margin-left:auto}.mermaid-modal-canvas{flex:1;overflow:hidden;position:relative;cursor:grab;user-select:none;-webkit-user-select:none}.mermaid-modal-canvas:active{cursor:grabbing}.mermaid-canvas-inner{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;line-height:0}.mermaid-canvas-inner svg{display:block;max-width:none}.crumb-node-single>rect,.crumb-node-single>polygon,.crumb-node-single>circle,.crumb-node-single>ellipse,.crumb-node-single>path{fill:var(--crumb-surface-raised)!important;stroke:var(--crumb-border)!important}.crumb-node-multi>rect,.crumb-node-multi>polygon,.crumb-node-multi>circle,.crumb-node-multi>ellipse,.crumb-node-multi>path{fill:color-mix(in srgb,var(--crumb-signal) 8%,var(--crumb-surface-raised))!important;stroke:color-mix(in srgb,var(--crumb-signal) 30%,var(--crumb-border))!important}.mermaid-error{background:color-mix(in srgb,var(--crumb-danger) 8%,var(--crumb-surface));border-color:color-mix(in srgb,var(--crumb-danger) 35%,var(--crumb-border));text-align:left}.mermaid-error-title{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--crumb-danger)}.mermaid-error-source{margin:0 0 .5rem;padding:.75rem;background:var(--crumb-void);border:1px solid var(--crumb-border);border-radius:.375rem;font-size:.75rem;color:var(--sl-color-gray-2);overflow-x:auto}.mermaid-error-detail{margin:0;font-size:.75rem;color:var(--sl-color-gray-3)}:global(.mermaid-block svg .packetBlock),:global(.expressive-code svg .packetBlock){fill:var(--crumb-surface-raised)!important;stroke:var(--crumb-border)!important}:global(.mermaid-block svg .packetLabel),:global(.expressive-code svg .packetLabel){fill:var(--sl-color-white)!important;font-family:var(--crumb-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)!important}:global(.mermaid-block svg .packetTitle),:global(.expressive-code svg .packetTitle){fill:var(--crumb-oxide)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.08em!important}:global(.mermaid-block svg .packetByte),:global(.expressive-code svg .packetByte){fill:var(--sl-color-gray-3)!important;font-family:var(--crumb-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)!important}:global(.mermaid-block svg .row-rect-odd),:global(.expressive-code svg .row-rect-odd){fill:var(--crumb-surface)!important;stroke:var(--crumb-border)!important}:global(.mermaid-block svg .row-rect-even),:global(.expressive-code svg .row-rect-even){fill:var(--crumb-surface-raised)!important;stroke:var(--crumb-border)!important}:global(.mermaid-block svg .entityBox),:global(.expressive-code svg .entityBox){fill:var(--crumb-surface-raised)!important;stroke:var(--crumb-border)!important}:global(.mermaid-block svg .attribute-type),:global(.mermaid-block svg .attribute-name),:global(.mermaid-block svg .attribute-keys),:global(.mermaid-block svg .attribute-comment),:global(.expressive-code svg .attribute-type),:global(.expressive-code svg .attribute-name),:global(.expressive-code svg .attribute-keys),:global(.expressive-code svg .attribute-comment){fill:var(--sl-color-white)!important}