/* ============================================================================
     v573 头注
     ----------------------------------------------------------------------------
     用户令（2026-10-12）：① 窗口 = 整页大小基础上四边各留一点点边距 + 圆角边框；
       ② 上 =「序列帧编辑画布」（XY 轴 + 原点坐标，**可隐藏**，单位为像素）；
       ③ 下 ≈ 1/4 高 = 功能区 + 所有序列帧图片。
     DOM 由 104（壳）+ 105（内容）建；本表只管外观。
     配色一律走主题变量（--card / --sunken / --line / --line-strong / --text / --text-2 /
     --text-3 / --accent / --accent-soft / --sans / --shadow），不发明裸色；
     遮罩底色沿用站内既有 0,0,0,.45 那一档（07-layers.css:211 同款），不另挑色。
     ============================================================================ */

  /* ---------- 遮罩 + 窗（四边各留一点边距 + 圆角边框） ---------- */
  .seqedit-mask571{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.45)}
  .seqedit-mask571[hidden]{display:none}
  .seqedit-win571{position:absolute;inset:12px;display:flex;flex-direction:column;
    border:1px solid var(--line-strong);border-radius:14px;background:var(--card);
    box-shadow:var(--shadow);overflow:hidden}
  .seqedit-head571{display:flex;align-items:center;gap:8px;padding:9px 12px;
    border-bottom:1px solid var(--line)}
  .seqedit-head571 b{flex:1;min-width:0;font:600 13px/1 var(--sans);color:var(--text)}
  .seqedit-x571{flex:0 0 auto;width:26px;height:26px;padding:0;border-radius:8px;
    border:1px solid var(--line);background:var(--card);color:var(--text-2);
    font:12px/1 var(--sans);cursor:pointer}
  .seqedit-x571:hover{border-color:var(--accent);color:var(--accent)}
  .seqedit-body571{flex:1;min-height:0;display:flex;flex-direction:column}

  /* ---------- 上区：序列帧编辑画布 ---------- */
  .seqedit-stage573{flex:1;min-height:0;display:flex;flex-direction:column}
  .seqedit-sbar573{display:flex;align-items:center;gap:8px;padding:8px 12px;
    border-bottom:1px solid var(--line)}
  .seqedit-stitle573{flex:1;min-width:0;font:600 12.5px/1 var(--sans);color:var(--text)}
  .seqedit-cvbox573{position:relative;flex:1;min-height:0;background:var(--sunken)}
  /* touch-action:none —— 画布上的拖动（移动已放置的帧 / 从帧图墙拖过来）在触屏 / 触控笔下不被浏览器抢去滚动 */
  .seqedit-cv573{display:block;width:100%;height:100%;touch-action:none}

  /* ---------- 下区（约占 1/4 高）：功能区 + 所有序列帧图片 ---------- */
  .seqedit-foot573{flex:0 0 25%;min-height:132px;display:flex;border-top:1px solid var(--line)}
  /* v573 下半段：功能区多了「调色 / 像素」两组 ⇒ 加宽 + 超高自己滚（下区仍是 1/4 高） */
  .seqedit-func573{flex:0 0 auto;width:430px;display:flex;flex-direction:column;gap:8px;
    padding:10px 12px;border-right:1px solid var(--line);overflow:auto}
  .seqedit-ftitle573{font:600 12.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-row573{display:flex;align-items:center;gap:6px}
  .seqedit-row573 i{flex:0 0 auto;width:60px;font-style:normal;font-size:12px;color:var(--text-2)}
  .seqedit-row573 .sel{margin-left:0;flex:1;min-width:0}
  .seqedit-btns573{display:flex;flex-wrap:wrap;gap:6px}
  .seqedit-note573{font-size:11.5px;line-height:1.5;color:var(--text-3)}
  /* 帧图墙本体复用站内 .frames-grid / .frame-cell（帧池全列，配色跟主题）——
     原带的 max-height:266px / margin 是给面板里那块定的，这里按窗的下区高度走，覆盖掉 */
  .seqedit-grid573{flex:1;min-width:0;margin:0;max-height:none;overflow:auto;
    padding:10px 12px;align-content:start}
  /* 正在播的那一帧：与「已选中」(`.on` 的描边) 区分开，只用一层浅底 */
  .seqedit-grid573 .frame-cell.now573{background:var(--accent-soft)}

  /* ---------- v573 下半段：画布摆放（读数 / 落点） ---------- */
  .seqedit-est573{flex:0 0 auto;font-size:11.5px;color:var(--text-3)}

  /* ---------- v573 下半段：功能区两组参数（调色 / 像素） ---------- */
  .seqedit-grp573{display:flex;flex-direction:column;gap:5px;min-width:0}
  .seqedit-gtitle573{display:flex;align-items:center;gap:6px;
    font:600 11.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-gtitle573::after{content:'';flex:1;height:1px;background:var(--line)}
  .seqedit-rngs573{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;min-width:0}
  .seqedit-rng573{display:flex;align-items:center;gap:6px;min-width:0}
  .seqedit-rng573 em{flex:0 0 auto;width:50px;font-style:normal;font-size:11.5px;color:var(--text-2)}
  .seqedit-rng573 input[type="range"]{flex:1;min-width:0;height:16px;margin:0;accent-color:var(--accent)}
  .seqedit-rng573 .seqedit-num573{flex:0 0 auto;width:46px;padding:2px 4px;border-radius:6px;
    border:1px solid var(--line);background:var(--card);color:var(--text);
    font:11.5px/1.4 var(--sans);text-align:right}
  .seqedit-chks573{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .seqedit-chks573 label{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-2)}
  .seqedit-chks573 input[type="checkbox"]{margin:0;accent-color:var(--accent)}