.Canvas-text-inline-media {
    display: block;
    width: 100%;
}

.Canvas-text-inline-media-content {
    display: inline;
}

.Canvas-text-inline-media-content p {
    margin: 0;
}

.Canvas-text-inline-media img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    transition: all 0.3s ease;
    max-width: 100%;
}

/* Animation Classes */
.Canvas-inline-media-anim-fade {
    opacity: 0;
    animation: CanvasInlineFadeIn 0.8s ease forwards;
}

.Canvas-inline-media-anim-scale {
    opacity: 0;
    transform: scale(0.8);
    animation: CanvasInlineScaleUp 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.Canvas-inline-media-anim-reveal {
    clip-path: circle(0% at 50% 50%);
    animation: CanvasInlineReveal 0.8s ease forwards;
}

@keyframes CanvasInlineFadeIn {
    to { opacity: 1; }
}

@keyframes CanvasInlineScaleUp {
    to { opacity: 1; transform: scale(1); }
}

@keyframes CanvasInlineReveal {
    to { clip-path: circle(100% at 50% 50%); }
}
