>>27
「24px 未満には設定しないこと」と書いたのは、閉じるボタンが 24px だからです。
試してみたところ、16px でもいけますが、もうそれ以下にするにはさすがに工夫が必要ですね。
デモ:
https://raw.githubusercontent.com/Merci-chao/userChrome.js/refs/heads/main/screenshots/16pxtab.png

========

:root {
--tab-overflow-clip-margin: 0px !important;  /* タブ間の水平間隔 */
--tab-inline-padding: 0px !important; /* タブの左右の余白 */
--tab-block-margin: 0px !important; /* タブ間の垂直間隔 */
--tab-min-height: 16px !important; /* タブのコンテンツの高さ:コンパクト-29px、通常-36px、タッチ-41px;24px 未満には設定しないこと */
}

.tab-close-button {
padding-block: 0 !important;
max-height: var(--tab-min-height) !important;
object-fit: contain;
}

.tab-label-container {
max-height: var(--tab-min-height) !important;
}

.tab-content[pinned] {
padding-inline: 3px !important; /* ピン留めされたタブの左右余白 */
}