/* slides_stickers.css — v4 (with Search sticker) */
/* Shared sticker look */
.slides-sticker{position:absolute; z-index: 50; box-shadow: 0 8px 24px rgba(0,0,0,.16); border-radius: 10px;}
.slides-sticker.dragging{box-shadow: 0 14px 36px rgba(0,0,0,.28);}
.slides-sticker .sticker-body{background:#fff; border:1px solid rgba(0,0,0,.12); border-radius: 10px; overflow: visible;}
* { -webkit-tap-highlight-color: transparent; }
/* Drag handle + band */
.slides-sticker .sticker-head{
  position:absolute; right:8px; top:8px; z-index:9;
  padding:6px 10px; font: 12px/1.2 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#111; background: linear-gradient(135deg,#FFE082,#FFD54F); border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,.25);
  cursor: grab; touch-action: none; opacity:.95; transform: rotate(4deg);
  animation: slidesHintPulse 1.2s ease-in-out infinite alternate;
  user-select: none;
}
.slides-sticker .sticker-head.dragging{ cursor: grabbing; }
@keyframes slidesHintPulse { from{ opacity:.9; transform: rotate(4deg) scale(1);} to{ opacity:1; transform: rotate(4deg) scale(1.06);} }
.slides-sticker .drag-band{ position:absolute; inset:-10px; pointer-events:auto; z-index:8; border-radius: 12px; }
/* Slides sticker specifics (resizable) */
.slides-sticker .frame{ position:relative; width:440px; height:248px; overflow:hidden; border-radius: 8px; }
.slides-sticker iframe{ display:block; width:100%; height:100%; border:0; border-radius: 8px; background:#fff; }
.slides-sticker .overlay{ position:absolute; top:0; bottom:0; width:22%; pointer-events:none; display:flex; align-items:center; justify-content:center; opacity:.0; transition:opacity .15s ease; }
.slides-sticker .overlay.right{ right:0; } .slides-sticker .overlay.left{ left:0; }
.slides-sticker:hover .overlay{ opacity:.9; } @media (hover:none){ .slides-sticker .overlay{ opacity:.45; } }
.slides-sticker .badge{ background: rgba(255,255,255,.78); border:1px solid rgba(0,0,0,.15);
  border-radius: 999px; padding:8px 10px; font: 13px/1 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,.2); display:flex; align-items:center; gap:6px; }
.slides-sticker .top-reset{ position:absolute; left:0; right:0; top:0; height:28px; z-index:5;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.0));
  border-bottom: 1px dashed rgba(0,0,0,.15); display:flex; align-items:center; justify-content:center;
  font: 12px/1.2 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111; cursor:pointer; user-select:none; }
.slides-sticker .pills{ display:flex; gap:6px; justify-content:center; margin:8px 8px 10px; flex-wrap:wrap; }
.slides-sticker .pill{ padding:5px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.15);
  background:#fff; font: 12px/1 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.slides-sticker .controls{ display:flex; gap:8px; margin:4px 8px 10px; align-items:center; font:12px/1.2 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.slides-sticker .btn{ border:1px solid rgba(0,0,0,.2); border-radius:10px; padding:6px 10px; background:#fff; color:#111; }
.slides-sticker .resizer{ position:absolute; width:16px; height:16px; background:#fff; border:1px solid rgba(0,0,0,.25);
  border-radius:4px; box-shadow: 0 2px 4px rgba(0,0,0,.15); z-index:10; touch-action:none; }
.slides-sticker .resizer.nw{ left:-8px; top:-8px; cursor:nwse-resize; }
.slides-sticker .resizer.ne{ right:-8px; top:-8px; cursor:nesw-resize; }
.slides-sticker .resizer.sw{ left:-8px; bottom:-8px; cursor:nesw-resize; }
.slides-sticker .resizer.se{ right:-8px; bottom:-8px; cursor:nwse-resize; }
/* Search sticker */
.search-sticker{ position:absolute; z-index:60; box-shadow: 0 8px 24px rgba(0,0,0,.16); border-radius: 10px;
  background:#fff; border:1px solid rgba(0,0,0,.12); font: 13px/1.2 system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.search-sticker .head{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-bottom:1px solid rgba(0,0,0,.08); }
.search-sticker .dragger{ margin-left:auto; background:#ffd54f; border-radius:999px; padding:4px 8px; cursor:grab; touch-action:none; box-shadow:0 2px 6px rgba(0,0,0,.25); }
.search-sticker .dragger.dragging{ cursor:grabbing; }
.search-sticker .body{ padding:8px 10px 10px; min-width: 280px; }
.search-sticker .row{ display:flex; gap:6px; flex-wrap:wrap; }
.search-sticker input[type="search"]{ flex:1; padding:6px 8px; border:1px solid rgba(0,0,0,.2); border-radius:8px; }
.search-sticker button{ padding:6px 10px; border:1px solid rgba(0,0,0,.2); background:#fff; border-radius:8px; cursor:pointer; }
.search-sticker .meta{ margin-top:6px; color:#444; font-size:12px; display:flex; gap:8px; align-items:center; }
.search-sticker .options{ margin-top:6px; display:flex; gap:10px; align-items:center; }
.search-sticker label{ display:flex; align-items:center; gap:6px; font-size:12px; cursor:pointer; }
/* Highlights */
mark.sticker-hit{ background:#ffeb3b; color:#111; padding:0 .15em; border-radius:2px; }
mark.sticker-hit.active{ background:#ffc107; outline:2px solid rgba(0,0,0,.2); }