.diagram-wrapper{width:100%;overflow:hidden}.diagram-controls{gap:var(--space-2);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.diagram-controls button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-surface-3);background:var(--color-surface-1);color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-small);cursor:pointer;transition:all .2s}.diagram-controls button:hover{border-color:var(--color-surface-4);color:var(--color-text)}.diagram-controls button.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.diagram-canvas{-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}.diagram-canvas svg{width:100%;min-width:700px;height:auto;display:block}.diagram-canvas .node{transition:opacity .3s}.diagram-canvas .node:hover{filter:brightness(1.2)}.diagram-canvas svg .flowchart-link{transition:opacity .3s;stroke-width:2px!important}.diagram-dimmed{opacity:.12;transition:opacity .3s}.diagram-highlighted{opacity:1;transition:opacity .3s}.diagram-legend{gap:var(--space-4);padding:var(--space-4) 0;font-size:var(--text-small);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.diagram-legend-item{align-items:center;gap:var(--space-2);display:flex}.diagram-legend-dot{flex-shrink:0;width:10px;height:10px}.diagram-detail-overlay{z-index:40;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.diagram-detail-overlay.open{opacity:1;pointer-events:auto}.diagram-detail-panel{background:var(--color-surface-1);border-left:1px solid var(--color-surface-3);width:min(400px,90vw);height:100vh;padding:var(--space-8);z-index:50;transition:right .3s;position:fixed;top:0;right:-420px;overflow-y:auto}.diagram-detail-panel.open{right:0}.diagram-detail-panel h3{font-family:var(--font-display);font-size:var(--text-h3);color:var(--color-text);margin-bottom:var(--space-1)}.diagram-detail-subtitle{font-size:var(--text-small);color:var(--color-text-muted);margin-bottom:var(--space-6)}.diagram-detail-close{top:var(--space-4);right:var(--space-4);color:var(--color-text-muted);font-size:var(--text-h3);cursor:pointer;padding:var(--space-2);background:0 0;border:none;position:absolute}.diagram-detail-close:hover{color:var(--color-text)}.diagram-detail-panel p{font-size:var(--text-small);color:var(--color-text-muted);margin:var(--space-2) 0;white-space:pre-line;line-height:1.6}.diagram-detail-panel pre{background:var(--color-surface-0);border:1px solid var(--color-surface-3);padding:var(--space-4);font-size:var(--text-small);font-family:var(--font-mono);color:var(--color-text);white-space:pre;margin:var(--space-2) 0;overflow-x:auto}.diagram-detail-heading{color:var(--color-text-muted);margin-top:var(--space-6);font-size:var(--text-small);font-weight:500}.diagram-tag{font-size:var(--text-small);margin:2px;padding:2px 8px;font-weight:500;display:inline-block}.tag-interval{color:#c084fc;background:#a855f71f}.tag-upsert{color:#4ade80;background:#22c55e1f}.tag-once{color:#f472b6;background:#ec48991f}.tag-read{color:#22d3ee;background:#06b6d41f}.diagram-schema-table{border-collapse:collapse;width:100%;margin:var(--space-2) 0}.diagram-schema-table th{text-align:left;font-size:var(--text-small);color:var(--color-text-muted);border-bottom:1px solid var(--color-surface-3);padding:4px 8px}.diagram-schema-table td{font-size:var(--text-small);color:var(--color-text);font-family:var(--font-mono);padding:4px 8px}.diagram-schema-table tr:nth-child(2n) td{background:#13131366}@media (max-width:768px){.diagram-canvas:after{content:"Scroll →";top:var(--space-2);right:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted);background:var(--color-surface-1);opacity:.8;pointer-events:none;padding:2px 8px;position:absolute}}
/*# sourceMappingURL=2wnbsr8edh_so.css.map*/