/* =========================================================
   FF Prompt-Card – Frontend-Styles (deine CI)
   ========================================================= */
.ff-prompt-card{
	/* --- Stellschrauben --- */
	--ff-ink:#141414;
	--ff-paper:#ffffff;
	--ff-muted:#6b6b6b;
	--ff-line:rgba(20,20,20,.12);
	--ff-well:#f5f3f0;
	--ff-accent:#c0502e;      /* Terracotta */
	--ff-accent-ink:#a5401f;
	--ff-radius:10px;

	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	background:var(--ff-paper);
	border:1px solid var(--ff-line);
	border-radius:var(--ff-radius);
	overflow:hidden;
	font-family:"Heebo",system-ui,-apple-system,sans-serif;
	color:var(--ff-ink);
	margin:1.5rem 0;
}
.ff-prompt-card *{ box-sizing:border-box; }

/* Bild + Download */
.ff-pc__media{ position:relative; margin:0; line-height:0; background:var(--ff-well); }
.ff-pc__media img{ display:block; width:100%; height:auto; }
.ff-pc__download{
	position:absolute; top:12px; right:12px;
	width:38px; height:38px; display:grid; place-items:center;
	border:0; border-radius:8px; cursor:pointer;
	color:#fff; background:rgba(20,20,20,.55);
	backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
	transition:background .18s ease, transform .18s ease;
}
.ff-pc__download:hover{ background:var(--ff-accent); }
.ff-pc__download:active{ transform:scale(.94); }
.ff-pc__download svg{ width:18px; height:18px; }

/* Textteil */
.ff-pc__body{ padding:18px 18px 16px; display:flex; flex-direction:column; gap:12px; }
.ff-pc__label{
	margin:0; font-size:11px; font-weight:600; letter-spacing:.14em;
	text-transform:uppercase; color:var(--ff-muted);
}
.ff-pc__prompt{
	position:relative;
	background:var(--ff-well);
	border:1px solid var(--ff-line);
	border-radius:8px;
	padding:14px 16px;
	max-height:210px; overflow-y:auto;
	font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
	font-size:12.5px; line-height:1.65; color:#2a2a2a;
	white-space:pre-wrap; word-break:break-word;
	scrollbar-width:thin;
}
.ff-pc__prompt::-webkit-scrollbar{ width:8px; }
.ff-pc__prompt::-webkit-scrollbar-thumb{ background:rgba(20,20,20,.2); border-radius:8px; }

/* Copy-Button */
.ff-pc__actions{ display:flex; justify-content:flex-end; }
.ff-pc__copy{
	display:inline-flex; align-items:center; gap:8px;
	padding:9px 16px; border-radius:8px; cursor:pointer;
	font-family:inherit; font-size:13px; font-weight:600;
	color:var(--ff-ink); background:transparent;
	border:1px solid var(--ff-ink);
	transition:color .18s, background .18s, border-color .18s;
}
.ff-pc__copy svg{ width:15px; height:15px; }
.ff-pc__copy:hover{ color:var(--ff-accent); border-color:var(--ff-accent); }
.ff-pc__copy.is-copied{ color:#fff; background:var(--ff-accent); border-color:var(--ff-accent); }
.ff-pc__copy:focus-visible,
.ff-pc__download:focus-visible{ outline:2px solid var(--ff-accent); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
	.ff-prompt-card *{ transition:none !important; }
}

/* =========================================================
   Editor-Feinschliff (diese Klassen existieren nur im Editor)
   ========================================================= */
.ff-pc__edit-media{ position:absolute; top:12px; left:12px; z-index:2; }
.ff-pc__label-input .components-text-control__input{ font-weight:600; letter-spacing:.06em; }
.ff-pc__prompt-input textarea{
	font-family:ui-monospace,Menlo,Consolas,monospace;
	font-size:12.5px; line-height:1.6;
}
.ff-prompt-card .ff-pc__copy[aria-hidden="true"]{ opacity:.6; }