<pre class="bg-gradient-to-b from-slate-900 to-slate-950 text-slate-300 rounded-xl p-4 text-[11px] font-mono max-h-96 overflow-auto whitespace-pre-wrap leading-relaxed scroll-smooth border border-slate-800/50" id="log-output">{{if .}}{{.}}{{else}}<span class="text-slate-500 italic flex items-center gap-2"><svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>Waiting for logs...</span>{{end}}</pre>
<script>
(function() {
    var el = document.getElementById('log-output');
    if (el && el.scrollHeight - el.scrollTop - el.clientHeight < 100) {
        el.scrollTop = el.scrollHeight;
    }
})();
</script>