.diagram-frame.svelte-1hqdrlv{width:100%}.diagram-controls.svelte-1hqdrlv{gap:.45rem;margin-bottom:.5rem;display:flex}.diagram-button.svelte-1hqdrlv{border:1px solid color-mix(in hsl, var(--line) 70%, transparent);background:color-mix(in hsl, var(--surface) 90%, transparent);color:var(--text);cursor:pointer;border-radius:8px;padding:.28rem .52rem;font-size:1.2rem;font-weight:700}.diagram-button.svelte-1hqdrlv:hover{border-color:color-mix(in hsl, var(--accent) 65%, transparent);color:var(--accent)}.diagram-viewport.svelte-1hqdrlv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:clamp(460px,68vh,820px);position:relative;overflow:hidden}.diagram-viewport.is-dragging.svelte-1hqdrlv{cursor:grabbing}.mermaid-diagram.svelte-1hqdrlv{will-change:transform;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.mermaid-diagram.svelte-1hqdrlv foreignObject,.mermaid-diagram.svelte-1hqdrlv .nodeLabel,.mermaid-diagram.svelte-1hqdrlv .edgeLabel,.mermaid-diagram.svelte-1hqdrlv .label{overflow:visible}