const puppeteer = require('puppeteer');
const html = `
Cinematic Motion Graphics
`;
(async () => {
const browser = await puppeteer.launch({ headless: 'new', args: ['--no-sandbox', '--disable-gpu'] });
const page = await browser.newPage();
await page.setViewport({ width: 1920, height: 1080 });
await page.setContent(html);
// Wait 1 second to let it draw
await new Promise(r => setTimeout(r, 1000));
const w = await page.evaluate(() => window.innerWidth);
const h = await page.evaluate(() => window.innerHeight);
const cw = await page.evaluate(() => document.getElementById('c').width);
console.log('Viewport:', w, h, 'Canvas:', cw);
await page.screenshot({ path: 'test_html.jpg' });
await browser.close();
})();