背景・文字・アクセントの3色と、角丸・余白・影を選ぶだけで、YouTube LiveまたはTwitchのポップアウトチャット向けCSSを作るオフラインツールです。 【利用場面】 - 配信画面に合うコメント欄を自分で作りたい - CSSは難しいが、色や丸みは自分で選びたい - OBSへ貼る前に見た目と読みやすさを確認したい 【主な機能】 - YouTube Live / Twitchの固定セレクター切替 - 背景、文字、アクセント色の設定 - 角丸、内側余白、影の調整 - 本文・アクセントと背景のコントラスト目安 - 生成CSSのコピー、CSSファイル保存 - 設定のローカル保存と初期化 【導入3ステップ】 1. ZIPを展開し、OS用起動ファイルを開きます。 2. 配信サービスを選び、色・角丸・余白・影を調整します。 3. 生成CSSをコピーし、対象のOBSブラウザソースへ貼り付けます。 【対応条件】 ※ 実機確認状況（2026-08-05）: ローカルUIと生成CSSの自動テストまで完了しています。現行YouTube Live / Twitchの実DOM、Windows 10/11での起動は未確認です。 - OBS Studioのブラウザソース - YouTube LiveまたはTwitchのポップアウトチャットURL - Windows（PowerShell）またはmacOS（Ruby） 【保存・通信】 入力設定は同じブラウザのローカルストレージだけに保存します。生成時の外部アカウント、外部API、商品独自の外部送信はありません。 【制限】 任意セレクターや任意CSSは入力できません。配信サービスやOBSのDOM仕様変更により表示が崩れる場合があります。コントラスト判定は読みやすさの目安で、映像全体での見え方を保証しません。 【内容物】 CSS作成画面、プレビュー、Windows/macOS起動ファイル、manual.html、CHANGELOG.md、TERMS.txtを同梱します。 【サポート・お問い合わせ】 問い合わせ時はOS、対象サービス、OBSバージョン、再現手順を添えてください。任意サイト用セレクター作成、OBS設定代行、購入者が編集したCSSは対象外です。