/* Record commands share one type size, including icon-only commands when the rail overflows. */
.studio-shell.jc-studio .cg-group :is(.zr-footer .zr-button, .jc-record-actions > button, .jc-record-actions > a),
.studio-shell.jc-studio .cg-group .jc-record .zr-menu-list :is(.zr-button, .zr-icon),
.studio-shell.jc-studio .cg-group .zr-tool-overflow > summary span {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.studio-shell.jm-studio.jc-studio .cg-group :is(.zr-footer, .jc-record-actions) :is(button, a, summary) > svg,
.studio-shell.jm-studio.jc-studio .cg-group .zr-overlay .zr-menu-list :is(.zr-button, .zr-icon) > svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
}

.studio-shell.jc-studio .cg-group .zr-overlay :is(.zr-top, .zr-tools) :is(.zr-icon, summary) > svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
}

.studio-shell.jc-studio .cg-group .zr-footer > .zr-menu > summary {
  width: 33px;
  padding-inline: 0;
  anchor-name: --record-more;
}

/* Keep the menu inside its card even when the copy action moves the trigger to a new line. */
.studio-shell.jc-studio .cg-group .zr-footer {
  position: relative;
  anchor-scope: --record-more;
}
.studio-shell.jc-studio .cg-group .zr-footer > .zr-menu { position: static; }
.studio-shell.jc-studio .cg-group .zr-footer > .zr-menu > .zr-menu-list {
  box-sizing: border-box;
  width: min(160px, 100%);
  min-width: 0;
  left: 0;
}
@supports (anchor-scope: --record-more) and (left: anchor(--record-more left)) {
  .studio-shell.jc-studio .cg-group .zr-footer > .zr-menu > .zr-menu-list {
    left: clamp(0px, anchor(--record-more left), max(0px, 100% - 160px));
    bottom: calc(anchor(--record-more top) + 7px);
  }
}

.studio-shell.jc-studio .cg-group :is(.zr-footer, .jc-record-actions) > button[aria-label="复制提示词"] {
  width: auto;
  padding-inline: 8px;
  white-space: nowrap;
}

body:has(.studio-shell.jc-studio) .zr-tooltip {
  padding: 4px 9px;
  font-size: 12px;
  line-height: 18px;
}

@media (pointer: coarse) {
  .studio-shell.jc-studio .cg-group .jc-record .zr-menu-list :is(.zr-button, .zr-icon) { min-height: 44px; }
  .studio-shell.jc-studio .cg-group .zr-footer > .zr-menu > summary {
    width: 44px;
  }
}
