/* ============================================================================
     v575 / v576 · 序列帧「已选帧数 / 播放帧率」两个控件（新模块 —— 独立文件，别往 26 号表里堆）
     ----------------------------------------------------------------------------
     用户令（2026-10-12 深夜，两段）：
       · 卡片内框删掉后「间距没跟着调」⇒ 卡片自己的内边距退役（.sheet-body 已经给了一圈）；
       · 帧数档位换成 全选 / 6 / 12 / 24，档位文字读「已选 x 帧」；
       · 播放帧率要**和生视频的那个一样 —— 按钮和点开之后的**：键上显示当前值，
         点开弹层里是滑杆 + 隐藏式数字框（无边框 / 小字 / 小高，点一下就能直接输入）。
     控件 DOM：面板那套写在 index.html（静态，与 #vgenDur255 / #durPop255 同一种写法），
     编辑窗那套由 106-seqctl575.js 现建；本表只管外观。
     配色一律走主题变量（--line / --text / --text-2 / --text-3 / --accent / --accent-soft /
     --sans），不发明裸色。
     ⚠️ 别在这份头注里照抄被闸门钉住的那两条属性串（26 号表里已有同款教训：
        注释里引用被钉子串，计数钉一样会撞）。
     ============================================================================ */

  /* ---------- ① 卡片自己的内边距退役：面板只剩最外面那一圈框，间距才对齐 ---------- */
  #cardFrames{padding:0}
  /* 帧图墙原带的 8 / 2px 外边距是给旧的内边距垫的，现在一起去掉（四周交给 .sheet-body 的 10 / 12px） */
  #cardFrames .frames-grid{margin:0}
  /* 功能一排与帧图墙之间留一档 */
  #cardFrames .seqbar571{margin-top:10px}

  /* ---------- ② 播放帧率 = 胶囊键 + 弹层（与生视频的「时长」键同款） ----------
     键本身复用站点那颗芯片样式（.sel.vgen-chip230，与 #vgenDur255 逐项同款：无框无底、悬停主题色），
     这里只把它的默认外边距归零 —— .sel 自带 margin-left:auto，那是给「一行一个参数」版式用的 */
  #cardFrames .seqfps-chip576{margin-left:0}
  /* 弹层比站点那颗时长弹层多一条：**层级要压过「进入编辑」窗**（.seqedit-mask571 是 120） */
  .seqfps-pop576{z-index:130}
  /* 弹层里的数字框：隐藏式 —— 平时就是一段数字，点一下直接输入（无边框 / 小字 / 小高） */
  .seqfps-num575{
    width:26px;min-width:0;height:16px;padding:0;margin:0;
    border:none;background:transparent;box-shadow:none;
    font:600 11px/16px var(--sans);color:var(--text);text-align:right;
    font-variant-numeric:tabular-nums;border-radius:4px;
  }
  .seqfps-num575:hover{color:var(--accent)}
  .seqfps-num575:focus{outline:none;background:var(--accent-soft);color:var(--accent)}
  /* 数字框自带的上下箭头收起来（高度才压得住） */
  .seqfps-num575::-webkit-outer-spin-button,
  .seqfps-num575::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .seqfps-num575[type=number]{-moz-appearance:textfield;appearance:textfield}

  /* 退成取值载体的下拉 / 关着的弹层：留在 DOM 里给老链读写，界面上一律不露面
     （真 DOM 里 [hidden] 会被作者样式的 display 压掉 ⇒ 这里显式钉一条） */
  #cardFrames .seqchip571 #playFpsSel[hidden],
  #cardFrames .seqbar571 #playFpsSel[hidden],
  #cardFrames .seqfps-pop576[hidden],
  .seqedit-func573 #seqEditFps573[hidden],
  .seqedit-func573 .seqfps-pop576[hidden]{display:none}

  /* ---------- ③ v591：编辑窗那套播放帧率弹层 —— 排版钉死（对齐主面板静态版：
     一行放下不折行；数字框回到隐藏式（无边框 / 透明底 / 26px）；宽度与主面板同款 340px。
     编辑窗那套是 JS 现建的 DOM，真机上吃过多层上下文样式 ⇒ 这里按类名整组钉住，
     不管中间被谁压过都以这份为准） ---------- */
  .seqfps-pop576{width:340px;min-width:0;max-width:calc(100vw - 24px)}
  .seqfps-pop576 .dur-row255{flex-wrap:nowrap}
  .seqfps-pop576 .dur-row255 .rng{flex:0 0 auto;width:128px}
  .seqfps-pop576 .dur-val255{flex:0 0 auto;white-space:nowrap}
  .seqfps-pop576 .dur-val255 .seqfps-num575{
    width:26px;min-width:0;height:16px;padding:0;margin:0;
    border:none;background:transparent;box-shadow:none;
  }
  .seqfps-pop576 .dur-val255 em{white-space:nowrap}