/* 比例选择补充样式：独立于超长的 Agent 样式模块。 */

#agent-aspect-modal .agent-aspect-modal-card {
  max-height: min(80dvh, 640px);
}

.agent-aspect-modal-hint {
  margin: 0 0 14px;
  line-height: 1.6;
}

#agent-aspect-size {
  margin: 14px 0 0;
  color: var(--text);
  font-weight: 600;
  line-height: 1.55;
}

@media (max-width: 520px) {
  #agent-aspect-modal.page-modal {
    padding: 12px;
  }

  #agent-aspect-modal .agent-aspect-modal-card {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 16px;
  }

  #agent-aspect-modal .agent-modal-actions-top .btn-primary,
  #agent-aspect-modal .agent-modal-actions-top .btn-secondary {
    flex: 1 1 100%;
    width: 100%;
  }

  #agent-aspect-modal .page-modal-title {
    font-size: 17px;
    line-height: 1.35;
  }
}