/* ============================================================================
     31 号样式表 · v586 序列帧编辑窗大改版（seqstyle586）
     ----------------------------------------------------------------------------
     全部是**尾部覆盖**：同权重选择器、本表后加载 ⇒ 压过 27 / 29 号表的同名规则。
     配色一律走主题变量（--accent / --accent-soft / --line / --sunken / --panel /
     --text / --text-2），不发明裸色。
     ============================================================================ */

  /* ---- ② 窗整体变小（原 inset:12px = 几乎占满）+ 居中 ---- */
  .seqedit-win571{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);
    width:min(92vw,960px);height:min(88vh,660px)}

  /* ---- ④ 三板块：body 从纵排改横排（左参数栏 | 右侧上下） ---- */
  .seqedit-body571{flex-direction:row}
  .seqedit-right586{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
  .seqedit-right586 .seqedit-stage573{flex:1;min-height:0}
  .seqedit-right586 .seqedit-foot573{flex:0 0 30%;max-height:46%}

  /* ---- ① 左栏（像素处理参数 + 调色） ---- */
  .seqedit-left586{flex:0 0 258px;min-width:0;overflow:auto;border-right:1px solid var(--line);
    background:var(--sunken);padding:10px;display:flex;flex-direction:column;gap:10px}
  .seqedit-left586 .seqedit-grp573{display:flex;flex-direction:column;gap:6px}
  .seqedit-left586 .seqedit-gtitle573{font:600 11.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-left586 .seqedit-rngs573{grid-template-columns:1fr}
  .seqedit-chks586{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
  .seqedit-chk586{display:flex;align-items:center;gap:6px;margin:0;cursor:pointer;
    font:400 11.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-chk586 input{accent-color:var(--accent);margin:0}
  .seqedit-chk586 input[type="checkbox"]{width:26px;height:15px;appearance:auto}

  /* 背景六档 */
  .seqedit-bgrow586{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
  .seqedit-bgrow586 em,.seqedit-whrow586 em{font-style:normal;flex:0 0 auto;
    font:400 11.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-bgbtn586{border:1px solid var(--line);background:transparent;color:var(--text-2);
    font:400 11px/1 var(--sans);padding:4px 9px;border-radius:999px;cursor:pointer}
  .seqedit-bgbtn586:hover{border-color:var(--accent);color:var(--accent)}
  .seqedit-bgbtn586.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

  /* 宽高比例 */
  .seqedit-whrow586{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
  .seqedit-whrow586 span{font:400 11.5px/1 var(--sans);color:var(--text-2)}
  .seqedit-wh586{width:56px;flex:0 0 auto}
  .seqedit-lock586{border:1px solid var(--line);background:transparent;color:var(--text-2);
    font:600 10.5px/1 var(--sans);padding:4px 7px;border-radius:6px;cursor:pointer}
  .seqedit-lock586.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

  /* 尺寸滑条 + 原尺寸 */
  .seqedit-szrow586{display:flex;align-items:center;gap:8px}
  .seqedit-szrow586 input[type="range"]{flex:1;min-width:0}
  .seqedit-szval586{flex:0 0 auto;font:600 12px/1 var(--sans);color:var(--text)}

  /* ---- ⑤ 画布：素材尺寸 1:1 显示（比例恒等；超大素材等比缩到容器内） ---- */
  .seqedit-cvbox586{display:flex;align-items:center;justify-content:center;
    background:var(--sunken)}
  .seqedit-cv586{display:block;width:auto;height:auto;max-width:calc(100% - 16px);
    max-height:calc(100% - 16px);border:1px solid var(--line);background:var(--sunken)}

  /* ---- ⑦ 功能行：控制键 + 打包下载压行尾 ---- */
  .seqedit-func573 .seqedit-btns573{margin-left:auto}
  .seqedit-ctl586{flex:0 0 auto}
  .seqedit-ctl586.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
  .seqstl-chip586{flex:0 0 auto}

  /* 本模块的胶囊弹层（层级压过编辑窗 120，与 106 / 107 同档） */
  .seqstl-pop586{z-index:130;width:300px;max-width:calc(100vw - 24px)}
  .seqstl-pop586[hidden]{display:none}
  .seqstl-pop586 .sel{width:100%}

  /* v580 的「调色 / 像素」胶囊退役（JS 里已摘 DOM —— 这里兜底防回归） */
  .seqlay-chip580{display:none!important}