/* v397：原来的「游戏预览小窗」整套样式（fixed 左下半透明窗体 + 标题栏 + 沙盒 iframe + 空态）已下线 ——
     左下角那颗键改成浮出「开发预览」的左栏（同一份 DOM 换个地方摆），样式在 styles/14-ai-float397.css。 */
  /* 迭代 54：多选大框右下角的「打包下载」—— 迭代 67 起一律打包成 ZIP 下载。
     transform:translate(-100%,0) = 按钮右缘贴着大框右缘、整体吊在框外右下角。 */
  .multi-dl{
    position:absolute;z-index:30;transform:translate(-100%,0);
    font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;
    padding:6px 12px;border-radius:9px;border:1px solid var(--accent);
    background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0d12;
    transition:.15s;
  }
  .multi-dl:hover{filter:brightness(1.06)}
  .multi-dl[hidden]{display:none}
  .zoom-val{
    font:inherit;font-size:11.5px;color:var(--text-2);font-variant-numeric:tabular-nums;
    min-width:42px;text-align:center;cursor:pointer;user-select:none;
    border:1px solid transparent;border-radius:7px;background:transparent;padding:3px 2px;transition:.15s;
  }
  .zoom-val:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
  /* v133：缩放拖动条（点百分比在上方弹出；v167 起对数刻度 1%–4000%） */
  .zoom-pop{
    position:absolute;left:14px;bottom:52px;z-index:47;
    display:flex;align-items:center;gap:6px;padding:4px 8px;
    background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);
    opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .16s ease;
  }
  .zoom-pop[hidden]{display:none}
  /* v134：关闭时渐隐 —— 先挂 .fade-out134 淡出（160ms），动画走完 JS 再补 hidden */
  .zoom-pop.fade-out134{opacity:0;transform:translateY(5px);pointer-events:none}
  /* v134：拖动条宽高都收小一圈 —— 轨道 / 滑块自己画（系统默认滑块太大，光缩 height 没用） */
  .zoom-rng{
    -webkit-appearance:none;appearance:none;flex:0 0 auto;
    width:104px;height:14px;background:transparent;cursor:pointer;outline:none;
  }
  .zoom-rng::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line-strong)}
  .zoom-rng::-webkit-slider-thumb{
    -webkit-appearance:none;appearance:none;width:11px;height:11px;margin-top:-3.5px;
    border-radius:50%;background:#fff;border:2px solid var(--accent);
    box-shadow:0 1px 3px rgba(15,23,42,.22);
  }
  .zoom-rng:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft)}
  .zoom-rng::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}
  .zoom-rng::-moz-range-thumb{width:9px;height:9px;border:2px solid var(--accent);border-radius:50%;background:#fff}

  /* 拖文件到全屏画布上的提示层 */
  .drop-veil{
    position:absolute;inset:14px;z-index:45;border-radius:18px;
    border:2px dashed var(--accent);background:rgba(238,240,255,.9);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    color:var(--accent);pointer-events:none;
  }
  .drop-veil strong{font-size:18px;font-weight:700}
  .drop-veil span{font-size:12.5px;opacity:.85}
  .drop-veil[hidden]{display:none}

  /* ---------- 迭代 21：图片和功能区中间那个小操作框整个删掉了 ----------
     它原本挂在结果节点和功能面板之间，像素模式显示「输出 W×H · 大小 · PNG」，
     切割模式显示「识别到 N 个 + 全选/全不选/反选 + 打包下载 ZIP」，
     等于在图片和功能面板之间又多出一层窗口。现在两拨内容都并进功能面板：
       · 输出信息      → 「输出尺寸」卡最后一行（v385 起这一行整条删掉了）
       · 勾选 / 打包 ZIP → 面板底部「切片预览」那一栏（#sliceDock） */
  .canvas-wrap.space-pan{cursor:grab}
  .canvas-wrap.space-pan.panning{cursor:grabbing}

  .pill{
    font-size:11px;padding:3px 9px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-weight:600;
  }
  /* 迭代 69：画面正中间的提示（替代底部黑条的「为什么点不动」类说明） */
  .stage-hint{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    background:#1a1d26;color:#fff;font-size:13px;padding:10px 18px;border-radius:10px;
    pointer-events:none;z-index:40;max-width:72%;text-align:center;line-height:1.5;
  }
  .stage-hint[hidden]{display:none}
  /* ---------- v71：顶栏中置「当前工作流 / 地图绘制」 ---------- */
  .seg{
    position:absolute;left:50%;top:0;transform:translateX(-50%);
    pointer-events:auto;display:flex;align-items:center;gap:4px;padding:6px;
    height:42px;box-sizing:border-box;border-radius:14px;
    background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid var(--line);box-shadow:var(--shadow);
  }
  .seg button{
    font:inherit;font-size:12.5px;font-weight:600;border:none;background:transparent;
    padding:7px 16px;border-radius:9px;color:var(--text-2);cursor:pointer;transition:.15s;line-height:1;
  }
  .seg button:hover{color:var(--accent)}