.sr-diagram{margin:1.6rem 0;border:1px solid var(--color-red-a3);border-radius:1rem;overflow:hidden;background:var(--grey-1)}.sr-diagram-toolbar{display:flex;gap:.4rem;align-items:center;padding:.6rem .75rem;border-bottom:1px solid var(--grey-3);background:var(--color-red-a1);color:var(--text-color);font-size:.76rem}.sr-diagram-toolbar .sr-diagram-label{color:var(--primary-color);font-size:.63rem;letter-spacing:.12em;margin-right:.3rem}.sr-diagram-toolbar .sr-diagram-hint{color:var(--grey-6);font-size:.7rem;margin-right:auto}.sr-diagram-toolbar button{color:var(--text-color);background:var(--grey-1);border:1px solid var(--color-red-a3);min-width:2rem;min-height:2rem;border-radius:.5rem;cursor:pointer}.sr-diagram-toolbar button:disabled{opacity:.35}.sr-diagram-toolbar button:focus-visible{outline:2px solid var(--primary-color)}.sr-diagram-toolbar output{width:2.8rem;text-align:center;font-variant-numeric:tabular-nums}.sr-diagram .sr-diagram-viewport,.sr-diagram-dialog .sr-diagram-viewport{position:relative;display:flex;justify-content:center;align-items:center;height:clamp(15rem,45vh,29rem);padding:0!important;margin:0!important;border:0;overflow:hidden!important;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;background:radial-gradient(var(--color-red-a3) .6px,transparent .8px) 0 0/16px 16px}.sr-diagram .sr-diagram-viewport[data-zoomed=true],.sr-diagram-dialog .sr-diagram-viewport[data-zoomed=true]{touch-action:none}.sr-diagram .sr-diagram-viewport.is-dragging,.sr-diagram-dialog .sr-diagram-viewport.is-dragging{cursor:grabbing}.sr-diagram .sr-diagram-viewport:focus-visible,.sr-diagram-dialog .sr-diagram-viewport:focus-visible{outline:2px solid var(--primary-color);outline-offset:-3px}.sr-diagram-transform{flex:none;transform-origin:center;line-height:0;will-change:transform}.sr-diagram-transform svg{display:block}.sr-diagram-dialog{width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem)}.sr-diagram-dialog .sr-dialog__body{padding:0}.sr-diagram-dialog .sr-diagram-viewport{height:calc(100dvh - 10rem)}@media (max-width:600px){.sr-diagram-hint{display:none}.sr-diagram-label{margin-right:auto!important}.sr-diagram-toolbar{gap:.25rem;padding:.5rem}}