.whiteboard-figure{width:100%}
.whiteboard-demo{position:relative;aspect-ratio:640/420;overflow:hidden;border-radius:14px;background:linear-gradient(160deg,#fff 0%,#f8faf8 55%,#e8ece9 100%);box-shadow:inset 0 0 40px #444e481a}
.whiteboard-demo canvas,.whiteboard-demo-poster{display:block;width:100%;height:100%}
.whiteboard-demo canvas{position:absolute;inset:0}
.whiteboard-demo-hand{position:absolute;z-index:1;height:116%;width:auto;transform:translate(-30.5%,-2%) rotate(var(--hand-tilt,0deg));transform-origin:30.5% 2%;pointer-events:none;filter:drop-shadow(0 7px 6px #1e242038)}
.whiteboard-demo-hand img{display:block;width:auto;height:100%;max-width:none;border-radius:0}
.whiteboard-demo [hidden]{display:none}