.svg-widget { margin-block: .65rem; min-width: 0; }
.svg-thumbnail { display: block; width: 100%; max-width: 40rem; height: 16rem; padding: .5rem; border: 1px solid var(--border, #555); background: #202124; color: #eee; cursor: zoom-in; }
.svg-thumbnail svg, .svg-expanded svg { display: block; max-width: 100%; max-height: 100%; pointer-events: none; }
.svg-expanded { width: min(76vw, 70rem); height: min(70vh, 50rem); min-height: 15rem; background: #202124; color: #eee; }
.svg-source { margin-block: .4rem; }
.svg-source pre { max-height: 24rem; overflow: auto; }
@media (max-width: 600px) { .svg-expanded { width: 100%; height: 65vh; } }