/* Project naming is confined to smart montage, in both versions. */
#page-smart-montage .montage-project-tab-wrap {
  grid-template-columns: minmax(150px, auto) 58px;
}
#page-smart-montage .montage-project-tab-wrap:has(.montage-project-icon-action.danger) {
  grid-template-columns: minmax(150px, auto) 58px 28px;
}
#page-smart-montage .montage-project-rename-action {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 58px;
  font: inherit;
  font-size: 12px;
}
#page-smart-montage [data-montage-project-name] { cursor: text; }
#page-smart-montage .montage-project-name-dialog {
  width: min(420px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 26px;
  color: #eae6ee;
  color-scheme: dark;
  background: #111216;
  border: 1px solid #3d3446;
  border-radius: 14px;
  box-shadow: 0 24px 80px #0009;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
}
#page-smart-montage .montage-project-name-dialog:not([open]) { display: none; }
#page-smart-montage .montage-project-name-dialog::backdrop { background: #000a; }
#page-smart-montage .montage-project-name-dialog h2 { margin: 0; font-family: inherit; font-size: 20px; font-weight: 600; line-height: 1.5; }
#page-smart-montage .montage-name-intro { margin: 8px 0 24px; color: #aaa2b3; font-size: 13px; line-height: 1.7; }
#page-smart-montage .montage-project-name-dialog label { display: block; margin-bottom: 9px; font-size: 13px; color: #c9bfD3; }
#page-smart-montage #montage-project-name-input { width: 100%; min-height: 46px; background: #090a0d; color: #ede7f2; border: 1px solid #494052; border-radius: 8px; font: inherit; font-size: 15px; }
#page-smart-montage #montage-project-name-input:focus { outline: 2px solid #ad86d8; outline-offset: 2px; }
#page-smart-montage #montage-project-name-hint { margin: 10px 0 0; font-size: 12px; line-height: 1.7; color: #aaa0b6; }
#page-smart-montage #montage-project-name-error { margin-top: 8px; color: #efa5b7; font-size: 12px; }
#page-smart-montage .montage-name-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
#page-smart-montage .montage-name-actions .btn { min-height: 40px; padding: 8px 18px; }