[data-controller="diagram"]:fullscreen {
  background: #fff;
  display: flex;
}

html.dark [data-controller="diagram"]:fullscreen {
  background: #171717;
}

[data-controller="diagram"]:fullscreen [data-diagram-target="viewport"] {
  width: 100%;
  height: 100%;
}

[data-diagram-target="canvas"] svg {
  max-width: none;
  -webkit-user-drag: none;
}

[data-diagram-target="viewport"] {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
[data-controller="diagram"].is-panning [data-diagram-target="viewport"] {
  cursor: grabbing;
}

@keyframes terminal-blink { 0%, 49% { opacity: 1 } 50%, 100% { opacity: 0 } }
.terminal-cursor[data-blinking="true"] { animation: terminal-blink 1s step-end infinite; }
@media (prefers-reduced-motion: reduce) {
  .terminal-cursor[data-blinking="true"] { animation: none; }
}