.sheet-handle {
  position: relative;
  z-index: 2;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
/* Extend only the handle's target, without moving the title or buttons. */
.sheet-handle::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -11px;
  width: min(160px, 45vw);
  height: 32px;
  transform: translateX(-50%);
}
.sheet.sheet-drag-engaged[open], .sheet-modal[open] > .sheet.sheet-drag-engaged { animation: none; }
.sheet.sheet-drag-moving { will-change: transform; }
.sheet-drag-moving .sheet-handle { cursor: grabbing; }
@media (prefers-reduced-motion: reduce) {
  .sheet.sheet-drag-moving { transition: none; }
}