/* ================= v643：两面帧墙的正方形 / 间距 / 选中态 + 左栏与功能行排版 + 全站滚动条统一 =================
   工单 W643-02 ~ W643-12（用户 2026-10-15 晚）。

   ★ 一条贯穿全表的口径：**「显示为正方形」≠「把图裁成正方形」**
     （用户原话：「保持它是正方形……但是不是把图片截成正方形，不要截掉它的图片」）
     实现 = 格子 `aspect-ratio:1/1` + canvas `object-fit:contain`（**完整显示、等比缩放、留白**），
             **绝不用 object-fit:cover / overflow:hidden 去裁**。

   ② 删左墙那行提示（JS 侧 171 已摘；这里兜底隐藏一层，双保险）
   ③ 两墙格子都固定为**正方形**（左墙原来随容器宽变宽、高不变 ⇒ 看着不是方）
   ④⑤ 左右/上下间距收窄（左墙 gap 8→5，右墙 46 号表是 nowrap + 无 gap ⇒ 补 5）
   ⑥⑦⑧ **去掉「选中放大」效果**（v634 给两墙都加了 `scale(1.04/1.06)`）
   ⑨⑩ 容差条左端与开关行左对齐 + 尺寸区横线往上移且上下等距
   ⑪⑫ 三键（上一帧/播放/下一帧）**相邻成组且整组居中**；定位点与打包下载**紧邻**（留一点标准间隙）
        + 分隔线与上下间距对称

   ⚠️ 本表是唯一新增文件：02 / 16 / 27 / 31 / 33 / 35 / 45 / 46 / 47 / 48 / 49 / 51 / 52 **一字未动**。 */

/* ============================================================================
   ★ D 组：全站滚动条统一成 AI 对话框那套（`16-ai-float400.css:126` 同款）
     —— 默认**完全隐形**、占位为零；需要提示时用 hover 亮一下细条。
   ============================================================================ */
.seqedit-win571 *::-webkit-scrollbar{width:8px;height:8px}
.seqedit-win571 *::-webkit-scrollbar-track{background:transparent}
.seqedit-win571 *::-webkit-scrollbar-thumb{
  background:transparent;border-radius:4px;
  transition:background .15s;
}
.seqedit-win571 *:hover::-webkit-scrollbar-thumb{background:var(--line-strong)}
.seqedit-win571 *::-webkit-scrollbar-thumb:hover{background:var(--text-3)}
.seqedit-win571 *{scrollbar-width:thin;scrollbar-color:transparent transparent}
.seqedit-win571 *:hover{scrollbar-color:var(--line-strong) transparent}
/* ★ 帧图墙那两面：彻底不占位（v639 已定；这里保持一致，别让滚动条把图片挤偏） */
.seqedit-allgrid633,
.seqedit-grid573{
  scrollbar-width:none!important;-ms-overflow-style:none!important;
}
.seqedit-allgrid633::-webkit-scrollbar,
.seqedit-grid573::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* ============================================================================
   ② 左墙提示行：兜底隐藏（JS 已摘，这里防它被重建）
   ============================================================================ */
.seqedit-alltip633{display:none!important}

/* ============================================================================
   ③⑦⑧ 两墙格子：**显示为正方形**（不裁图）+ 去掉选中放大 + 收窄间距
   ============================================================================ */
.seqedit-allgrid633{
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;                        /* ⑧ 原 8px ⇒ 收窄 */
}
/* ★ 正方形：格子自己撑成正方形，canvas 用 contain **完整显示**（不裁） */
.seqedit-allgrid633 .frame-cell{
  aspect-ratio:1/1!important;
  width:auto!important;min-width:0!important;
  height:auto!important;
  overflow:hidden;                          /* 只是裁掉 canvas 的溢出部分，不裁图本身 */
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;
}
.seqedit-allgrid633 .frame-cell canvas{
  width:100%!important;height:100%!important;
  object-fit:contain!important;              /* ★ contain = 完整显示、等比、留白（绝不用 cover） */
  display:block;
}
/* ⑦⑧ 去掉选中放大（v634 给的 scale 1.04 / 双层描边）—— 只留描边，不缩放 */
.seqedit-allgrid633 .frame-cell.on{
  transform:none!important;
  box-shadow:0 0 0 2px var(--accent-soft)!important;
}

/* 右墙（已选帧）：收窄间距 + 正方形 + 去掉放大 */
.seqedit-grid573{
  gap:5px!important;                        /* ★ 原表没写 gap（v630 改成 flex 时漏了） */
  align-items:flex-start!important;
}
.seqedit-grid573 .frame-cell{
  aspect-ratio:1/1!important;
  width:72px!important;height:72px!important;    /* ★ 宽高都钉死 ⇒ 一定是正方形 */
  overflow:hidden;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;
}
.seqedit-grid573 .frame-cell canvas{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  display:block;
}
/* ⑦⑧ 去掉放大；★ 当前帧（.now633）保留**蓝框**（v635 立的标识，只去 scale 不去框） */
.seqedit-grid573 .frame-cell.on,
.seqedit-grid573 .frame-cell.now633{transform:none!important}
.seqedit-grid573 .frame-cell.now633{
  box-shadow:0 0 0 1px rgba(0,0,0,.18)!important;   /* 只留一层薄投影做分离 */
}

/* ============================================================================
   ⑨⑩ 左栏：容差条左端对齐开关行 · 尺寸区横线上移 + 上下等距
   ============================================================================ */
/* ⑨ 容差行标签不吃余量 ⇒ 左边界与开关行一致（`52-seqleft640.css` 已做，这里只补外距） */
.seqedit-left586 .seqedit-rng573{padding-left:0!important}
/* ⑩ 横线往上挪、且离上下**等距**：上留白 padding-top、下留白用 margin-bottom 配平 */
.seqedit-left586 .seqedit-whrow586{
  margin-top:14px!important;               /* ★ 原 22 ⇒ 上移 */
  padding-top:14px!important;              /* ★ 横线上方留白（下移到 14，与下方对齐） */
  margin-bottom:2px!important;
}
.seqedit-left586 .seqedit-whrow586::before{top:6px;height:1px;background:var(--line)}

/* ============================================================================
   ⑪⑫ 功能行：三键成组居中 · 定位点与打包下载紧邻 · 分隔线上下等距
   ============================================================================ */
.seqedit-btns573{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:0!important;                          /* ★ 间隙统一交给各簇自己控 */
}
/* ★ 三键成组（相邻、组内小间隙）、整组在红框内左右居中 */
.seqedit-ctl586{
  display:inline-flex!important;align-items:center!important;
  gap:4px!important;                       /* 三键之间的正常间隙 */
  margin:0 auto!important;                 /* 整组居中 */
}
/* ★ 定位点 + 打包下载 = 右端一簇，两颗**紧邻**（留 4px 间隙，不是完全贴住） */
.seqedit-btns573 #seqEditAnchorBtn639,
.seqedit-btns573 [title*="定位点"]{margin-left:0!important}
.seqedit-btns573 #seqEditZipBtn639,
.seqedit-btns573 [title*="打包下载"]{margin-left:4px!important;margin-right:0!important}
/* 吸管键与已选帧数/帧率那几颗别被 margin-left:auto 顶飞 */
.seqedit-btns573 .seqedit-eyebtn588{margin-left:0!important}
.seqedit-btns573 #seqEditCntChip586,
.seqedit-btns573 #seqEditFpsChip586{margin-left:0!important}
/* ⑫ 右下帧图墙的上边距 = 功能行与图之间的间隙 ⇒ 与图下方的间隙一致
      （图下方没有别的内容，用内距补一个视觉等距） */
.seqedit-grid573{padding-top:6px!important;padding-bottom:6px!important}