/* Actual controls for the illustrated layers, with comfortable touch targets. */
.build-diagram .diagram-label{z-index:2;min-height:44px;padding:9px 11px;gap:8px;border:1px solid #7da4e540;border-radius:4px;background:#09182bea;color:#a9c2e3;font-size:12px;text-align:left;cursor:pointer;touch-action:manipulation;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
.build-diagram .diagram-label:before{width:16px;flex:none}
.build-diagram .diagram-label[aria-pressed=true]{border-color:#9bcaff99;background:#102c50;color:#e4f1ff;box-shadow:0 0 18px #4088ef25}
.build-diagram .diagram-label:hover{border-color:#a9ceff;color:#fff;background:#143359}
.build-diagram .diagram-label:focus-visible{outline:2px solid #b5d7ff;outline-offset:3px}
.build-layer[data-layer]{cursor:pointer;touch-action:manipulation}
.build-diagram .design-label{right:1%}
.build-diagram .structure-label{right:1%}
.build-diagram .source-label{left:3%}
@media(max-width:560px){.build-diagram .diagram-label{font-size:11px;padding:9px 10px;gap:6px}.build-diagram .diagram-label:before{width:12px}.build-diagram .design-label,.build-diagram .structure-label{right:3%}.build-diagram .source-label{left:3%}}
@media(prefers-reduced-motion:reduce){.build-diagram .diagram-label{transition:none}}
.motion-paused .build-diagram .diagram-label{transition:none}