public/bluebey-studio: ポーズ追加・シーンタブ新設・タブのアイコン化

- ポーズ例に「きおつけ」を追加し、おじぎ／ふかくおじぎを両手下げに、
  くびかしげは左足を接地させたままにするよう補正、「てをふる」の動き
  を追加、全身の移動スライダーの範囲を拡大
- 「表情」タブを「顔」に改名し、「背景」「舞台」「セリフ」「画面・光」
  「画面の情報」をまとめた「シーン」タブを新設
- 各タブをアイコンのみの表示にし、タブらしい見た目に変更（名前はツール
  チップと読み上げラベルに）
- 起動時の注意書きと /bluebey/ ページの禁止事項を「イメージを損なう
  ような利用（たとえば、攻撃的・差別的・性的・過激な利用、誹謗中傷
  など）」に変更
- これまでの未コミット分（背景の追加とWebP化、眼鏡・サングラス、ほっぺ
  ・頭の模様、缶詰、看板、集中線、輪郭線のズーム追従、スマホ対応、
  共有など）を反映
- タッチ用の操作案内の <p> の閉じ位置を修正

1 files changed, 11 insertions, 0 deletions

diff --git a/public/bluebey-studio/src/main.js b/public/bluebey-studio/src/main.js
index a9d27f8..9c0b98d 100644
--- a/public/bluebey-studio/src/main.js
+++ b/public/bluebey-studio/src/main.js
@@ -2076,6 +2076,17 @@ async function init() {
     resizeViewport();
   }
 
+  // The panel is a side column on a wide screen and a bottom sheet on a small
+  // one, where it starts closed so the 3D view fills the screen (see the
+  // small-screen rules in src/style.css). When the window is resized across that
+  // breakpoint, match the layout the other side expects instead of leaving the
+  // panel stuck in the previous state.
+  const narrowScreenLayout = window.matchMedia('(max-width: 768px), (max-height: 500px) and (pointer: coarse)');
+  narrowScreenLayout.addEventListener('change', (event) => {
+    document.body.classList.toggle('panel-hidden', event.matches);
+    resizeViewport();
+  });
+
   function installKeys() {
     window.addEventListener('keydown', (event) => {
       // Undo/redo are the only shortcuts that need a modifier, so they are dealt