/* Cute Bubbles · nine-patch chat skins (dials 主题柜) */

.cute-bubble-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(72px,1fr));
  gap:8px;
  width:100%;
  margin-top:6px;
}
.cute-bubble-card{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--hairline,rgba(0,0,0,.08));
  background:rgba(255,255,255,.55);
  border-radius:12px;
  padding:6px 4px 4px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  min-height:68px;
  -webkit-tap-highlight-color:transparent;
  font:inherit;
  color:var(--text,#333);
}
.cute-bubble-card img{
  width:100%;
  height:36px;
  object-fit:contain;
  display:block;
  pointer-events:none;
}
.cute-bubble-card i{
  font-style:normal;
  font-size:10px;
  letter-spacing:.02em;
  color:var(--text-dim,#888);
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
}
.cute-bubble-card.none{
  justify-content:center;
}
.cute-bubble-card.none span{
  font-size:13px;
  color:var(--text-dim,#888);
}
.cute-bubble-card.on{
  border-color:var(--accent,#b57e86);
  box-shadow:0 0 0 1px var(--accent-soft,rgba(181,126,134,.35));
  background:rgba(255,255,255,.85);
}
.cute-bubble-credit{
  margin:4px 0 0;
  font-size:10px;
  color:var(--text-faint,#aaa);
  line-height:1.4;
}
.cute-bubble-credit a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* ── chat: human side ── */
html.cute-h #page-murmur .row.human .bubble:not(.att-only){
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  padding:var(--cute-h-pad-t) var(--cute-h-pad-r) var(--cute-h-pad-b) var(--cute-h-pad-l) !important;
  min-height:var(--cute-h-min-h);
  min-width:var(--cute-h-min-w);
  overflow:visible;
}
html.cute-h #page-murmur .row.human .bubble:not(.att-only)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-style:solid;
  border-color:transparent;
  border-width:var(--cute-h-cap-t) var(--cute-h-cap-r) var(--cute-h-cap-b) var(--cute-h-cap-l);
  border-image-source:var(--cute-h-img);
  border-image-slice:var(--cute-h-slice);
  border-image-width:var(--cute-h-cap-t) var(--cute-h-cap-r) var(--cute-h-cap-b) var(--cute-h-cap-l);
  border-image-repeat:stretch;
}
html.cute-h #page-murmur .row.human .bubble:not(.att-only) > *{
  position:relative;
  z-index:1;
}

/* ── chat: AI side (image mirrored) ── */
html.cute-a #page-murmur .row.ai .bubble:not(.att-only){
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  padding:var(--cute-a-pad-t) var(--cute-a-pad-r) var(--cute-a-pad-b) var(--cute-a-pad-l) !important;
  min-height:var(--cute-a-min-h);
  min-width:var(--cute-a-min-w);
  overflow:visible;
}
html.cute-a #page-murmur .row.ai .bubble:not(.att-only)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-style:solid;
  border-color:transparent;
  border-width:var(--cute-a-cap-t) var(--cute-a-cap-r) var(--cute-a-cap-b) var(--cute-a-cap-l);
  border-image-source:var(--cute-a-img);
  border-image-slice:var(--cute-a-slice);
  border-image-width:var(--cute-a-cap-t) var(--cute-a-cap-r) var(--cute-a-cap-b) var(--cute-a-cap-l);
  border-image-repeat:stretch;
  transform:scaleX(-1);
}
html.cute-a #page-murmur .row.ai .bubble:not(.att-only) > *{
  position:relative;
  z-index:1;
}

/* long-press clone should keep the skin look */
html.cute-h #page-murmur .msg-menu-clone.clone-human{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
html.cute-a #page-murmur .msg-menu-clone.clone-ai{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}