/* 触屏设备：放大可点区域、用 active 替代 hover、常显悬停才出现的控件 */

html.kreata-touch {
  touch-action: pan-x pan-y;
}

html.kreata-touch input.kreata-touch-field,
html.kreata-touch textarea.kreata-touch-field,
html.kreata-touch select.kreata-touch-field,
html.kreata-touch input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([disabled]),
html.kreata-touch textarea:not([disabled]),
html.kreata-touch select:not([disabled]) {
  font-size: 16px;
  -webkit-user-select: text;
  user-select: text;
  touch-action: manipulation;
  pointer-events: auto !important;
  cursor: text;
  -webkit-touch-callout: default;
}

html.kreata-touch select,
html.kreata-touch select.kreata-touch-field {
  cursor: pointer;
}

html.kreata-touch input[type="checkbox"],
html.kreata-touch input[type="radio"] {
  touch-action: manipulation;
  min-width: 22px;
  min-height: 22px;
  pointer-events: auto !important;
}

html.kreata-touch .creation-modal.show input:not([type="hidden"]),
html.kreata-touch .creation-modal.show textarea,
html.kreata-touch .creation-modal.show select,
html.kreata-touch .modal.show input:not([type="hidden"]),
html.kreata-touch .modal.show textarea,
html.kreata-touch .modal.show select {
  pointer-events: auto !important;
  touch-action: manipulation;
}

html.kreata-pad .create-chat-input-area,
html.kreata-pad .composer-options,
html.kreata-pad .creation-modal-panel,
html.kreata-pad .modal-content {
  position: relative;
  z-index: 2;
}

html.kreata-pad .create-input,
html.kreata-pad .composer-select,
html.kreata-pad .ipf-edit-input,
html.kreata-pad .publish-ip-item-input,
html.kreata-pad .login-modal input,
html.kreata-pad .register-form input,
html.kreata-pad .register-form textarea,
html.kreata-pad .settings-form input,
html.kreata-pad .sms-code-row input {
  min-height: 44px;
  font-size: 16px;
}

html.kreata-pad textarea.create-input,
html.kreata-pad .ipf-edit-input,
html.kreata-pad textarea {
  min-height: 88px;
}

html.kreata-pad .composer-select {
  min-height: 44px;
  padding: 10px 32px 10px 12px;
  font-size: 15px;
}

html.kreata-touch body {
  -webkit-overflow-scrolling: touch;
}

html.kreata-touch .kreata-touch-target,
html.kreata-touch button,
html.kreata-touch a,
html.kreata-touch .mobile-tab,
html.kreata-touch .nav-item,
html.kreata-touch .category-card,
html.kreata-touch .media-card,
html.kreata-touch .create-session-item,
html.kreata-touch .section-tab,
html.kreata-touch .filter-chip,
html.kreata-touch .btn-shop-action,
html.kreata-touch .composer-attach-btn,
html.kreata-touch .composer-send-btn {
  touch-action: manipulation;
}

html.kreata-touch .kreata-touch-pressed {
  transform: scale(0.98);
  transition: transform 0.08s ease;
}

@media (hover: none), (pointer: coarse) {
  html.kreata-touch .ai-msg .msg-actions,
  html.kreata-touch .ai-msg:hover .msg-actions {
    opacity: 1;
  }

  html.kreata-touch .result-img-wrap .img-download-btn,
  html.kreata-touch .result-img-wrap .img-quote-btn,
  html.kreata-touch .result-img-wrap:hover .img-download-btn,
  html.kreata-touch .result-img-wrap:hover .img-quote-btn,
  html.kreata-touch .result-video-wrap .video-quote-btn,
  html.kreata-touch .result-video-wrap:hover .video-quote-btn,
  html.kreata-touch .user-img-wrap .img-quote-btn,
  html.kreata-touch .user-img-wrap:hover .img-quote-btn {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }

  html.kreata-touch .user-img-wrap .img-quote-btn {
    transform: translateY(0) translateX(0);
  }

  html.kreata-touch .ip-main-image.ip-cover-editable .ip-cover-change {
    opacity: 1;
  }

  html.kreata-touch .feature-card:hover {
    transform: none;
    box-shadow: 0 10px 24px rgba(95, 75, 219, 0.12);
  }

  html.kreata-touch .feature-card:active,
  html.kreata-touch .category-card:active,
  html.kreata-touch .media-card:active,
  html.kreata-touch .featured-ip-card:active {
    transform: scale(0.98);
  }

  html.kreata-touch .mobile-tab,
  html.kreata-touch .btn-login,
  html.kreata-touch .btn-register,
  html.kreata-touch .nav-quest-btn,
  html.kreata-touch .nav-notify-btn,
  html.kreata-touch .btn-session-rename,
  html.kreata-touch .btn-session-delete,
  html.kreata-touch .media-card-edit,
  html.kreata-touch .media-card-delete,
  html.kreata-touch .media-card-share,
  html.kreata-touch .section-tab,
  html.kreata-touch .filter-chip {
    min-height: 44px;
    min-width: 44px;
  }

  html.kreata-touch .create-send-btn,
  html.kreata-touch .btn-upload-file,
  html.kreata-touch .composer-send-btn,
  html.kreata-touch .composer-attach-btn {
    min-height: 56px;
    min-width: 52px;
  }
  html.kreata-touch .create-send-btn {
    min-width: 56px;
  }

  html.kreata-touch .create-session-item {
    min-height: 52px;
    padding: 12px 14px;
  }

  html.kreata-touch .mobile-tab.create-tab i {
    width: 52px;
    height: 52px;
    font-size: 1.2rem;
  }
}