/* ================= v630：编辑窗帧图墙 —— 只留选中帧、一行、左右滑动（像剪映时间轴） =================
   工单 W630-02（用户 2026-10-15 下午第二条）：「右边下面区域的只显示为选中帧，选中帧只有一行，
   数量太多的话左右滑动，类似于剪映的时间轴」。

   配合 JS：`157-seqgrid630.js` 包 `seqEditGrid573`，把 DOM **按 `p.pick` 的顺序重排**、
   并给未选中的格子打 `.off630`（本表隐藏它们）—— 于是「墙上有什么 / 什么顺序」完全跟着
   选中帧走，下一步做拖动排序时改的就是同一个 `p.pick` 数组。 */
.seqedit-grid573{
  display:flex!important;
  flex-wrap:nowrap!important;          /* ★ 一行，不换行 */
  overflow-x:auto!important;          /* ★ 放不下就左右滑 */
  overflow-y:hidden!important;
  align-items:flex-start!important;
  gap:8px;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
/* ★ 未选中的帧不占位（墙 = 只显示选中帧）；被 105 打的 .off 保留不动，只加一层别名 */
.seqedit-grid573 .frame-cell.off630{ display:none!important; }

/* ★ v631.1 修「格子变小」：v630 把 .seqedit-grid573 从 grid 改成 flex，而 .frame-cell 本身
   **没有宽度**（原来靠 grid 的 `minmax(56px,1fr)` 撑着）⇒ `canvas{width:100%}` 参照一个
   未定义宽度 ⇒ 缩成很窄 ⇒ **高度跟着塌下去**（用户报「变成单行了，但高度显示变小」）。
   ⇒ flex 下必须显式给格子定宽 + 不许压缩（flex-shrink 默认 1 会把 24 格挤扁）。 */
.seqedit-grid573 .frame-cell{
  flex:0 0 auto!important;      /* 不许被压扁 */
  width:72px;                  /* 固定宽；高度按 canvas 自身比例自动出 */
}