.prompt-accordion-wrapper{
  width: 95%;
  max-width: 980px;
  margin: 1rem auto 1.2rem auto;
}

.prompt-acc-btn{
  font-weight: 700;
}

.prompt-acc-body{
  background: rgba(0,0,0,0.10);
}

.prompt-sub{
  color:#cfcfcf;
  margin:0 0 .9rem 0;
  font-size: .95rem;
}

.prompt-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: .9rem;
}

.prompt-pill {
  display: flex;
  gap: .9rem;
  align-items:center;
  padding: .7rem .8rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.15);
  background: #0b0e12;
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.prompt-pill:hover {
  border-color: rgba(255,255,255,0.3);
}

.prompt-avatar {
  width: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  flex: 0 0 64px !important;
  border: 2px solid rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.06) !important;
}

.prompt-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.prompt-pill-title { font-weight: 800; line-height: 1.15;}
.prompt-pill-desc { color: #cfcfcf; font-size: .9rem; margin-top: .15rem; }


.prompt-card:hover{
  border-color: rgba(255,255,255,0.3);
}

.prompt-thumb{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  background: rgba(255,255,255,0.06);
  font-size: 20px;
}

.prompt-name{ font-weight: 700; }
.prompt-desc{ color:#cfcfcf; font-size:.9rem; }

.prompt-note{ margin-top:.8rem; color:#cfcfcf; font-size:.9rem; }

/* Modal */
.prompt-modal{
  background:#13232c;
  color:white;
  border:1px solid rgba(255,255,255,0.2);
}
.prompt-modal-header{
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.prompt-modal-footer{
  border-top: 1px solid rgba(255,255,255,0.2);
}
.prompt-modal-sub{
  color:#ccc;
  margin-bottom:.6rem;
}
.prompt-modal-text{
  width:100%;
  min-height:180px;
  background:#0b0e12;
  color:#fff;
  border:1px solid rgba(255,255,255,0.2);
  border-radius:10px;
  padding:.8rem;
  font-family: monospace;
}
.prompt-copied{
  margin-top:.6rem;
  color:#7CFC98;
}

@media (min-width: 900px){
  .prompt-grid{ grid-template-columns: 1fr 1fr; }
  .prompt-avatar{ width: 72px; height: 72px; flex-basis: 72px; }
}

/* ============================= */
/* AVANT / APRES DANS LA MODAL   */
/* ============================= */

.prompt-modal .prompt-example-compare{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap; /* mobile = colonne */
  margin-bottom: 12px;
}

.prompt-modal .prompt-example-compare .prompt-before,
.prompt-modal .prompt-example-compare .prompt-after{
  width: 260px;        /* largeur contrôlée */
  max-width: 42vw;     /* empêche d'exploser sur petits écrans */
  text-align: center;
}

.prompt-modal .prompt-example-compare img{
  width: 100% !important;
  height: auto !important;
  max-height: 260px !important; /* LIMITE PRINCIPALE */
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.2);
  background: #000;
}
/* Bulle fixe à gauche */
.prompt-bubble-btn{
  position: fixed;
  left: 14px;
  top: 80px;
  z-index: 9999;

  display:flex;
  align-items:center;
  gap:.6rem;

  padding: .7rem .9rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(11,14,18,0.92);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

.prompt-bubble-btn:hover{
  border-color: rgba(255,255,255,0.35);
}

.prompt-bubble-text{
  font-weight: 700;
  white-space: nowrap;
}

/* Sur mobile: bulle plus discrète (icône seule) */
@media (max-width: 520px){
  .prompt-bubble-text{ display:none; }
  .prompt-bubble-btn{ left: 10px; padding: .7rem; }
}

/* Offcanvas style MugSpawn */
.prompt-offcanvas{
  background:#0b0e12;
  color:#fff;
  width: 360px;
  border-right: 1px solid rgba(255,255,255,0.12);
}
.prompt-offcanvas .offcanvas-header{
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
@media (max-width: 520px){
  .prompt-bubble-btn{
    top: 72px;
    left: 10px;
    padding: .7rem;
  }
}