#apiBoard.is-board { position: fixed; inset: 0; z-index: 10000; width: 100%; height: 100dvh; box-sizing: border-box; margin: 0; padding: 16px; background: var(--paper); overflow: hidden; }
#apiBoard.is-board .board-toolbar { justify-content: space-between; }
#apiBoard.is-board .board-content { margin-inline: auto; }
#apiBoard.is-board .stage:not(.hidden) { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); grid-template-areas: "canvas caption" "canvas notes" "bar bar"; }
#apiBoard.is-board .canvas { grid-area: canvas; min-width: 0; overflow: visible; }
#apiBoard.is-board .canvas svg { width: 100%; min-width: 0; height: auto; }
#apiBoard.is-board .cap { grid-area: caption; }
#apiBoard.is-board .notes { grid-area: notes; min-width: 0; }
#apiBoard.is-board .bar { grid-area: bar; }
#apiBoard.is-board .diagram-scroll-hint { display: none; }
@media(max-width: 760px) {
  #apiBoard.is-board .stage:not(.hidden) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "canvas" "caption" "notes" "bar"; }
}