<div class="result-card" style="border: 1px solid rgba(248,113,113,0.25);">
    <h2 style="color: var(--error);">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>
        Generation Failed
    </h2>
    <p style="margin-top: 1rem;">{{ error }}</p>
    <div class="result-actions">
        <a href="/create" class="btn btn-primary">Try Again</a>
        <a href="/" class="btn btn-ghost">← Dashboard</a>
    </div>
</div>
