Fix ASCII art alignment, readonly input opacity, api key visibility

Use white-space:pre-wrap on description view div so newlines and multiple
spaces are preserved natively — no <br> replacement, ASCII art aligns
correctly since body is already monospace (JetBrains Mono).

Override opacity:1 on readonly API key input so generated keys are fully
readable instead of being faded to 0.45 by base.css [readonly] rule.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

assets/css/ticket.css

@@ -278,6 +278,10 @@ kbd {
   padding: 0.5rem 0.25rem;
   line-height: 1.75;
   color: var(--text-primary);
+  /* pre-wrap preserves newlines and multiple spaces so ASCII art aligns correctly.
+     font-mono is inherited from body, so box-drawing characters line up. */
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 .ticket-description-view p {
   color: var(--text-secondary);

assets/js/ticket.js

@@ -89,8 +89,9 @@ function renderDescriptionView() {
     if (!raw.trim()) {
         viewDiv.innerHTML = '<p class="lt-text-muted lt-text-sm"><em>No description provided.</em></p>';
     } else {
-        // Ticket descriptions are plain text — preserve line breaks, never run markdown.
-        viewDiv.innerHTML = lt.escHtml(raw).replace(/\n/g, '<br>');
+        // Ticket descriptions are plain text. CSS white-space:pre-wrap handles
+        // line breaks and multiple spaces (ASCII art) — no <br> replacement needed.
+        viewDiv.innerHTML = lt.escHtml(raw);
     }
 }