/* =========================================================
   PREVIEW DO PROMPT FINAL
   ========================================================= */

.preview-wrap{
  background:rgba(0,0,0,.45);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  overflow:hidden;
  margin-top:8px;
}

.preview-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 18px;
  background:linear-gradient(180deg, rgba(117,239,255,.06), rgba(117,239,255,.02));
  border-bottom:1px solid var(--border);
}
.preview-head .ph-title{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--cyan);
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:8px;
}
.preview-head .ph-title::before{
  content:'';
  width:10px;height:10px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 8px var(--success);
}
.preview-head .ph-meta{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--muted);
  display:flex;
  gap:14px;
}
.preview-head .ph-meta span{display:flex;align-items:center;gap:4px}
.preview-head .ph-meta b{color:var(--white);font-weight:600}

.preview-body{
  padding:24px;
  max-height:560px;
  overflow-y:auto;
  font-family:'JetBrains Mono',monospace;
  font-size:12.5px;
  line-height:1.8;
  color:#d8d2ec;
  white-space:pre-wrap;
  word-wrap:break-word;
}

/* Highlights no preview */
.preview-body .ph-media{
  background:var(--cyan-glow);
  color:var(--cyan);
  padding:2px 6px;
  border-radius:4px;
  font-weight:600;
}
.preview-body .ph-locked{color:var(--muted-2)}
.preview-body .ph-step{
  color:var(--cyan);
  font-weight:600;
}
.preview-body .ph-section{
  color:var(--purple);
  font-weight:700;
}
.preview-body .ph-warning{
  color:var(--warning);
  font-weight:600;
}

.preview-actions{
  display:flex;
  gap:10px;
  margin-top:18px;
  flex-wrap:wrap;
}