/* ============================================================================
     33 号样式表 · v588 序列帧编辑窗第二轮（seqstyle588）
     ----------------------------------------------------------------------------
     全部是**尾部覆盖**：同权重选择器、本表后加载 ⇒ 压过 27 / 29 / 31 / 13 号表的同名规则。
     配色一律走主题变量（--accent / --accent-soft / --line / --sunken / --text / --text-2），
     不发明裸色（开关旋钮 / 滑块白底 = 全站 .rng 规范同款，不是新色）。
     ============================================================================ */

  /* ---- ① 两枚开关（自动抠图 / 连续）：checkbox 换装胶囊开关（旋钮白底 = .rng 滑块同款） ---- */
  .seqedit-chk586 input[type="checkbox"].seqedit-sw588{
    -webkit-appearance:none;appearance:none;flex:0 0 auto;margin:0;
    width:32px;height:18px;border-radius:999px;outline:none;cursor:pointer;
    background-color:var(--line-strong);
    background-image:radial-gradient(circle at 9px 9px,#fff 6px,transparent 7px);
    background-repeat:no-repeat;background-position:0 0;transition:background-color .15s;
  }
  .seqedit-chk586 input[type="checkbox"].seqedit-sw588:checked{
    background-color:var(--accent);background-position:14px 0;
  }

  /* ---- ② 吸管键 + 吸管模式下的画布光标 ---- */
  .seqedit-eyebtn588{flex:0 0 auto;align-self:flex-start}
  .seqedit-eyebtn588.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
  .seqedit-eye588{cursor:crosshair}

  /* ---- ④ 滑条统一：滑条本体由 JS 挂 .rng / .rng-num / .rng-bal-* 类（03 号表的规范样式
         自动生效）；这里只把编辑窗里的数字框对齐 .rng-num 的口径（27 号表把它压窄了） ---- */
  .seqedit-rng573 .rng-num{width:56px;text-align:center;font-weight:600;font-size:12px}
  /* 实体节点子链的滑条（全站唯一没换装的原生 accent-color 滑条）—— 一并统一到 .rng 口径 */
  .entcp-rng394{
    -webkit-appearance:none;appearance:none;height:16px;background:transparent;
    cursor:pointer;outline:none;accent-color:var(--accent);
  }
  .entcp-rng394::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line-strong)}
  .entcp-rng394::-webkit-slider-thumb{
    -webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;
    border-radius:50%;background:#fff;border:2px solid var(--accent);
    box-shadow:0 1px 3px rgba(15,23,42,.22);transition:transform .12s;
  }
  .entcp-rng394:hover::-webkit-slider-thumb{transform:scale(1.08)}
  .entcp-rng394:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}
  .entcp-rng394::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}
  .entcp-rng394::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--accent);border-radius:50%;background:#fff}

  /* ---- ⑤ 排版：背景六档收一行（绿不再掉行）+ 宽高一排（不再折两行） ---- */
  .seqedit-bgrow586{gap:4px;flex-wrap:nowrap}
  .seqedit-bgbtn586{padding:3px 7px;font-size:10.5px}
  .seqedit-whrow586{gap:4px;flex-wrap:nowrap}
  .seqedit-wh586{width:44px}

  /* ---- ⑤ 调色组与上方区域间距加大 ---- */
  .seqedit-left586 .seqedit-grp573 + .seqedit-grp573{margin-top:14px}

  /* ---- ⑥ 画布（红框）高度占满：高度顶满上区、宽度按素材比例跟（比例恒等不破）；
         pixelated = 缓冲被放大时保持像素风硬边（素材比画布大时照旧等比缩小） ---- */
  .seqedit-cv586{height:calc(100% - 16px);width:auto;image-rendering:pixelated}