/* ============================================================
   模型页作曲器 1:1 对齐参考站（惠众AI）
   - 右侧工具列：4 按钮（回车模式 / 全屏编辑 / 清空 / 用户手册）常驻
   - 左侧工具列：仅 1 个「资产库」按钮（layers 图标）常驻、贴底
   - 不影响智能体页（.agent-mode）与窄屏
   ============================================================ */
@media (min-width: 861px) {
  /* 右侧工具列：贴输入框右侧，上 20px 到下 0，纵向排列，常驻可见 */
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side-right {
    position: absolute;
    top: 20px;
    bottom: 0;
    right: -52px;
    left: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 左侧工具列：贴输入框左下角，仅资产库按钮，常驻可见 */
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side-left {
    position: absolute;
    top: auto;
    bottom: 0;
    left: -52px;
    right: auto;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 左侧仅保留资产库按钮，隐藏角色 / 编辑 / 扫码 */
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side-left #cpRoleBtn,
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side-left #cpEditBtn,
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side-left #cpScanBtn {
    display: none !important;
  }

  /* 左右工具按钮尺寸对齐参考站（31px 圆形） */
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side .cp-tool {
    width: 34px;
    height: 34px;
    background: rgb(28, 30, 34);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  .ws-v2 .ws-composer.cp-v2:not(.agent-mode) .cp-side .cp-tool svg {
    width: 16px;
    height: 16px;
  }
}

/* 窄屏保持隐藏（参考站移动端同样不显示悬浮工具列） */
@media (max-width: 860px) {
  .ws-v2 .ws-composer.cp-v2 .cp-side { display: none !important; }
}
