/* yd-x-compose v6: card stays, editor box is a fixed 160px window */
.sp-mask, .sq-mask {
  position: fixed !important;
  inset: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 80 !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
  box-sizing: border-box !important;
}
.sp-modal, .sq-modal {
  width: 100% !important;
  max-width: 560px !important;
  height: auto !important;
  max-height: 90vh !important;
  min-height: 0 !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  padding: 14px 18px 16px !important;
}
.sp-modal-body, .sq-modal-body {
  display: contents !important;
}
.sq-up {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  margin: 8px 0 4px !important;
}
.sq-ed-scroll {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}
.sq-ed, .sp-mb, .sq-body,
[contenteditable].sq-ed,
[contenteditable].sp-mb {
  height: auto !important;
  min-height: 160px !important;
  max-height: none !important;
  overflow: visible !important;
  flex: none !important;
}
.sp-modal-head, .sq-modal-head,
.sp-modal-top, .sq-modal-top,
.sp-catrow, .sq-catrow,
.sp-mt, input.sq-title,
.sp-modal-foot, .sq-modal-foot,
.sp-mf, .sp-tip, .sq-comp-foot, .sq-tip,
.sq-up-row, .sq-up-hint, .sq-up-phi, .sq-up-tools {
  flex-shrink: 0 !important;
}