cat > branding/custom.css <<'EOF'
button[aria-label="Code kopieren"],
button[aria-label="Download code"] {
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
}
button[aria-label="Code kopieren"] svg,
button[aria-label="Download code"] svg {
  width: 16px;
  height: 16px;
}
button[aria-label="Code kopieren"]::after {
  content: "  Code kopieren";
  font-size: 0.75rem;
  line-height: 1rem;
}
button[aria-label="Download code"]::after {
  content: "  Code downloaden";
  font-size: 0.75rem;
  line-height: 1rem;
}
EOF

button[aria-label="Code kopieren"][data-copied]::after {
  content: "Code kopiert ✓";
}
button[aria-label="Code kopieren"][data-copied] {
  color: #16a34a;
}

@keyframes lc-fade-down {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.result-streaming.markdown > *,
.result-streaming .markdown > * {
  animation: lc-fade-down 0.35s ease-out both;
}
@media (prefers-reduced-motion: reduce) {
  .result-streaming.markdown > *,
  .result-streaming .markdown > * { animation: none; }
}