グラフィックチャート（テーマ設定）
1. 抽出
bin/monteur charte capture1.png capture2.png [video.mp4] ["https://youtube.com/watch?v=…"] --name editingos
→ ui/themes/editingos.json（支配的なパレット、提案されるカラーロール）+ キャプチャ画像を ui/themes/editingos/ 内に保存。YouTube動画の場合、インターフェースが表示されるタイムスタンプが重要：ユーザーがタイムスタンプを指定した場合は、まず ffmpeg -ss 03:12 -t 20 -i video.mp4 extrait.mp4 で切り出します。
2. 微調整（Readでキャプチャを確認しながら作業）
ui/themes/<name>.json 内：
colors：bg（背景）、surface/surface2（パネル）、text、muted、accent（ボタン、選択）、accent2（二次的な状態）。テキストと背景のコントラスト比は 4.5:1 以上を維持。fonts.display/fonts.body：最も近いフォント（必要に応じてOFLライセンスフォントをassets/fonts/にインストール；Studioはシステム/インストール済みフォントを使用します）。radius（角のピクセル数）、layout_notes：観察されたレイアウト（サイドバー、タイムライン、フォーマットカード、インスペクターパネルなど）。 もしレイアウトがui/index.htmlのデフォルトと大きく異なる場合は、すべての関数と/api/*呼び出しを保持したまま、CSSグリッドを先頭に配置してレイアウトを調整します。
3. 有効化
スタジオ右上の「チャート」セレクター、または ui/settings.json → {"theme": "editingos"} で切り替え。
また、動画スタイルも同期：ユーザーが統一されたアイデンティティを望む場合、styles/*.json の accent を subtitles.highlight、motion.accent に反映します。
デフォルトチャート：nocturne
ユーザーのリファレンス動画からフレームごとに抽出：背景 #070A12（ネイビー）、パネル #0E1320、アクセントイエロー #FFD935（ナビゲーションドット、プライマリボタン）、グリーン #4ADE80（再生準備完了）、レッド #FF5A6E（期限切れ）；ページタイトルは Instrument Serif イタリック、本文は Montserrat、ラベルと数字は Space Mono で大文字・スペーシングを適用。動画スタイル styles/nocturne.json がその派生です（字幕とカードは黄色）。
ルール
既存のグラフィックチャート（色、タイポグラフィ、ユーザビリティ）からインスピレーションを得ますが、他社のロゴやブランド名をインターフェース内にコピーすることはしません。