/* 体験デモと同じ操作バー。縮小した動画に重ねず上部を確保する。 */
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #eef1fb; }
body { position: fixed; inset: 0; overflow: clip; }
#deck { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; border: 0; transform-origin: 0 0; }
/* 全画面の出入りはデモ画面と分けた操作バーに置く。常時表示・縮小しない。 */
.ws-tools {
  position: fixed; top: 0; right: 0; left: 0; z-index: 1100;
  box-sizing: border-box; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: flex-end; gap: 8px;
  padding: max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));
  background: #e9ecf8; font-family: "Noto Sans JP", sans-serif;
}
.ws-tools [hidden] { display: none !important; }
.ws-tools button {
  flex-shrink: 0; min-height: 44px; padding: 8px 16px; border-radius: 999px;
  border: 1px solid rgba(20, 26, 58, .2); background: rgba(255, 255, 255, .95);
  color: #141a3a; font-family: inherit; font-size: 13px; font-weight: 700;
  cursor: pointer; box-shadow: 0 4px 12px rgba(20, 26, 58, .12);
}
.ws-tools button:hover { background: #fff; }
.ws-tools button:focus-visible { outline: 3px solid #00199e; outline-offset: 2px; }
.ws-tools .ws-fullscreen-exit { background: #141a3a; color: #fff; }
.ws-tools .ws-fullscreen-exit:hover { background: #00199e; }
.ws-fullscreen-note { font-size: 12px; line-height: 1.5; color: #343b60; }