/* Stickers — drawer embeds into express pane; do NOT set .composer position */
#page-murmur .stk-btn.active{ color: var(--accent, #9b7dd4); }

#page-murmur .stk-drawer{
  position: absolute;
  left: 12px; right: 12px; bottom: calc(100% + 8px);
  z-index: 40;
  display: flex;
  flex-direction: column;
  max-height: min(48vh, 360px);
  border-radius: 22px;
  overflow: hidden;
  background: var(--bubble-ai-bg, rgba(248,249,252,.72));
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
  border: 1px solid rgba(255,255,255,.5);
  box-shadow: 0 18px 50px rgba(83,60,105,.18), inset 0 1px 0 rgba(255,255,255,.55);
}
#page-murmur .stk-drawer[hidden]{ display: none !important; }

#page-murmur .stk-head{
  display: flex; align-items: center; gap: 8px;
  padding: 10px 10px 4px;
  flex: 0 0 auto;
}
#page-murmur .stk-tabs{
  display: flex; gap: 6px; flex: 1; overflow-x: auto;
  scrollbar-width: none;
}
#page-murmur .stk-tabs::-webkit-scrollbar{ display: none; }
#page-murmur .stk-tab{
  flex: 0 0 auto; border: 0; background: transparent;
  padding: 6px 12px; border-radius: 999px;
  font-size: 13px; color: var(--text-dim, #7a8796); font-family: inherit;
}
#page-murmur .stk-tab.active{
  background: var(--accent, #9b7dd4); color: #fff; font-weight: 650;
}
#page-murmur .stk-upload-btn{
  flex: 0 0 auto; border: 0; background: var(--accent, #9b7dd4); color: #fff;
  width: 30px; height: 30px; border-radius: 50%; font-size: 18px; line-height: 1;
}
#page-murmur .stk-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(68px, 1fr));
  grid-auto-rows: 68px;
  gap: 8px; overflow-y: auto;
  padding: 6px 10px 14px;
  flex: 1; min-height: 0;
}
#page-murmur .stk-cell{
  border: 0; padding: 0; margin: 0; background: transparent;
  border-radius: 10px; overflow: hidden;
}
#page-murmur .stk-cell:active{ transform: scale(.94); }
#page-murmur .stk-cell img{
  width: 68px; height: 68px; object-fit: contain; display: block; pointer-events: none;
}
#page-murmur .stk-empty{
  grid-column: 1 / -1; margin: 18px 8px; text-align: center;
  font-size: 13px; color: var(--text-dim, #7a8796);
}
#page-murmur .stk-form{
  display: flex; flex-direction: column; gap: 8px;
  padding: 4px 10px 12px; overflow-y: auto; flex: 1; min-height: 0;
}
#page-murmur .stk-form[hidden]{ display: none !important; }
#page-murmur .stk-form-title{ font-size: 13px; font-weight: 650; padding: 2px 2px 0; }
#page-murmur .stk-preview{ display: flex; justify-content: center; padding: 6px 0; }
#page-murmur .stk-preview[hidden]{ display: none !important; }
#page-murmur .stk-preview img{ width: 88px; height: 88px; object-fit: contain; }
#page-murmur .stk-form .stk-pick{
  border: 0; background: rgba(0,0,0,.05); border-radius: 10px;
  padding: 10px; font-size: 13px; font-family: inherit; text-align: left;
}
#page-murmur .stk-form input,
#page-murmur .stk-form textarea,
#page-murmur .stk-form select{
  width: 100%; border: 1px solid var(--field-line, rgba(120,142,165,.18));
  border-radius: 10px; padding: 8px 10px; font-size: 14px;
  background: rgba(255,255,255,.85); box-sizing: border-box; font-family: inherit;
}
#page-murmur .stk-form textarea{ min-height: 64px; resize: vertical; }
#page-murmur .stk-desc-row{
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
#page-murmur .stk-desc-hint{ font-size: 12px; color: var(--text-dim, #7a8796); }
#page-murmur .stk-redo-desc{
  border: 0; background: rgba(0,0,0,.05); border-radius: 8px;
  padding: 4px 10px; font-size: 12px; font-family: inherit;
}
#page-murmur .stk-redo-desc:disabled{ opacity: .4; }
#page-murmur .stk-form-actions{ display: flex; gap: 8px; justify-content: flex-end; }
#page-murmur .stk-form-actions button{
  border: 0; border-radius: 10px; padding: 8px 14px; font-size: 13px; font-family: inherit;
}
#page-murmur .stk-form-actions .stk-cancel{ background: transparent; color: var(--text-dim); }
#page-murmur .stk-form-actions .stk-delete{ margin-right: auto; background: transparent; color: #c45b6a; }
#page-murmur .stk-form-actions .stk-delete[hidden]{ display: none !important; }
#page-murmur .stk-form-actions .stk-save{ background: var(--accent, #9b7dd4); color: #fff; }
#page-murmur .stk-form-actions .stk-save:disabled{ opacity: .4; }

#page-murmur .stk-pending{
  order: -1; flex: 0 0 100%; width: 100%;
  display: flex; align-items: center; gap: 8px; padding: 6px 8px;
  background: rgba(255,255,255,.55);
  border: 1px solid var(--field-line, rgba(120,142,165,.18));
  border-radius: 12px; box-sizing: border-box;
}
#page-murmur .stk-pending[hidden]{ display: none !important; }
#page-murmur .stk-pending img{ width: 44px; height: 44px; object-fit: contain; }
#page-murmur .stk-pending .stk-pending-meta{ flex: 1; min-width: 0; font-size: 12px; color: var(--text-dim); }
#page-murmur .stk-pending .stk-pending-name{
  display: block; color: var(--text); font-size: 13px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#page-murmur .stk-pending-x{
  border: 0; background: transparent; width: 28px; height: 28px; font-size: 18px; color: var(--text-dim);
}

#page-murmur .row.sticker-row{
  padding: 2px var(--side-pad, 16px); margin-top: 8px; min-height: 72px; align-items: flex-end;
}
#page-murmur .row.sticker-row .stk-msg{
  width: 72px; height: 72px; object-fit: contain; background: transparent; border: 0; display: block; flex: none;
}
#page-murmur .row.human.sticker-row{ justify-content: flex-end; }
#page-murmur .row.ai.sticker-row{ justify-content: flex-start; }