.animation-container{margin:1.5rem 0}.animation-canvas-wrapper{position:relative;background:var(--code-bg,#f5f5f5);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.animation-canvas-wrapper canvas{display:block;max-width:100%}.animation-canvas-wrapper svg{display:block;max-width:100%;height:100%}.animation-noscript{padding:2rem;text-align:center;color:var(--secondary);font-style:italic}.animation-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--secondary);font-size:.875rem}.dark .animation-canvas-wrapper{background:var(--code-bg,#1e1e1e)}