.sticker-peel {
  --peel-crease: #d6cfc6;
  --peel-highlight: #fffefb;
  --peel-paper: #f3efe9;
  --peel-tip: #e4ded6;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.sticker-peel img { -webkit-user-drag: none; }
.sticker-peel[data-peeling] { z-index: 2; }
.sticker-flap {
  position: absolute;
  display: none;
  pointer-events: none;
  filter: drop-shadow(0 min(5px, calc(.5px + var(--peel-depth, 0) * .05px)) min(9px, calc(1px + var(--peel-depth, 0) * .1px)) rgb(44 28 24 / 22%));
}
.sticker-peel[data-peeling] .sticker-flap { display: block; }
.sticker-flap-face {
  position: absolute;
  inset: 0;
  transform-origin: 0 0;
  -webkit-mask: var(--peel-matte, linear-gradient(transparent, transparent)) 0 0 / 100% 100% no-repeat;
  mask: var(--peel-matte, linear-gradient(transparent, transparent)) 0 0 / 100% 100% no-repeat;
}
@media (prefers-reduced-motion: no-preference) {
  .sticker-peel { cursor: grab; touch-action: pan-y pinch-zoom; }
  .sticker-peel[data-dragging] { cursor: grabbing; }
}