/* ================================================================
   v133 — 카드 관리자 수정
   1) 이미지 셔틀(가로/세로 크기·위치) 조정이 미리보기에 반영되지 않던
      문제 수정: .card-art-img / .unit-art-img / .manager-preview img
      가 --img-x/--img-y/--img-scale-x/--img-scale-y 값을 실제로
      쓰도록(object-position + transform) 하는 규칙이 누락되어 있었다.
      (배틀필드 유닛(.battlefield-layout .unit-art-img)과 기타이미지
      미리보기(.other-preview-art)에는 있었지만, 카드 매니저 미리보기를
      포함한 일반 카드 이미지에는 없었음)
   2) "카드 이름" 입력창 폭을 줄이고 바로 옆에 "수정 저장" 버튼 배치
   ================================================================ */

/* ---- 1) 이미지 셔틀 미리보기 반영 ---- */
.card-art-img,
.unit-art-img,
.manager-preview img{
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
  transform:scale(var(--img-scale-x,var(--img-scale,1)),var(--img-scale-y,var(--img-scale,1)))!important;
  transform-origin:var(--img-x,50%) var(--img-y,50%)!important;
  transition:transform .12s ease,object-position .12s ease;
}
/* 자동 폴더 매칭 이미지(auto-folder-art)도 동일하게 셔틀 값을 반영 */
.card-art-img.auto-folder-art,
.unit-art-img.auto-folder-art{
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
  transform:scale(var(--img-scale-x,var(--img-scale,1)),var(--img-scale-y,var(--img-scale,1)))!important;
  transform-origin:var(--img-x,50%) var(--img-y,50%)!important;
}

/* ---- 2) 카드 이름 + 수정 저장 버튼 한 줄 배치 ---- */
.manager-name-save-field .manager-name-save-inline{
  display:flex;
  align-items:center;
  gap:8px;
}
.manager-name-save-inline #mgrName{
  flex:1 1 auto;
  min-width:0;
  max-width:220px;
}
.manager-name-save-inline #managerSaveBtn{
  flex:0 0 auto;
  white-space:nowrap;
  padding:8px 16px;
}
@media (max-width:520px){
  .manager-name-save-inline{
    flex-wrap:wrap;
  }
  .manager-name-save-inline #mgrName{
    max-width:none;
    flex:1 1 140px;
  }
}