/* ========== Console Color Coding ========== */
    .console-line.error {
      color: #ef4444;
      font-weight: 500;
    }
    
    .console-line.error-detail {
      color: #f87171;
      opacity: 0.9;
    }
    
    .console-line.warning {
      color: #f59e0b;
      font-weight: 500;
    }
    
    .console-line.success {
      color: #10b981;
      font-weight: 500;
    }
    
    .console-line.info {
      color: #3b82f6;
    }
    
    .console-line.separator {
      color: var(--text-tertiary);
      opacity: 0.6;
    }
    
    
/* ========== Console Syntax Highlighting ========== */

/* Light theme (Ice) */
.light .syntax-number {
  color: #0369a1;
  font-weight: 500;
}

.light .syntax-boolean {
  color: #7c3aed;
  font-weight: 600;
}

.light .syntax-none {
  color: #dc2626;
  font-style: italic;
}

.light .syntax-string {
  color: #059669;
}

.light .syntax-bracket,
.light .syntax-brace,
.light .syntax-paren {
  color: #6b7280;
  font-weight: 600;
}

.light .syntax-key {
  color: #0284c7;
  font-weight: 500;
}

/* Dark theme (Lunar Sea) */
.dark .syntax-number {
  color: #38bdf8;
  font-weight: 500;
}

.dark .syntax-boolean {
  color: #a78bfa;
  font-weight: 600;
}

.dark .syntax-none {
  color: #f87171;
  font-style: italic;
}

.dark .syntax-string {
  color: #34d399;
}

.dark .syntax-bracket,
.dark .syntax-brace,
.dark .syntax-paren {
  color: #9ca3af;
  font-weight: 600;
}

.dark .syntax-key {
  color: #60a5fa;
  font-weight: 500;
}

/* Elegant theme (Mystic Queen) */
.elegant .syntax-number {
  color: #818cf8;
  font-weight: 500;
}

.elegant .syntax-boolean {
  color: #c084fc;
  font-weight: 600;
}

.elegant .syntax-none {
  color: #fb7185;
  font-style: italic;
}

.elegant .syntax-string {
  color: #6ee7b7;
}

.elegant .syntax-bracket,
.elegant .syntax-brace,
.elegant .syntax-paren {
  color: #a8a29e;
  font-weight: 600;
}

.elegant .syntax-key {
  color: #93c5fd;
  font-weight: 500;
}

/* Contrast theme */
.contrast .syntax-number {
  color: #fbbf24;
  font-weight: 700;
}

.contrast .syntax-boolean {
  color: #a78bfa;
  font-weight: 700;
}

.contrast .syntax-none {
  color: #f87171;
  font-style: italic;
  font-weight: 700;
}

.contrast .syntax-string {
  color: #34d399;
  font-weight: 600;
}

.contrast .syntax-bracket,
.contrast .syntax-brace,
.contrast .syntax-paren {
  color: #ffffff;
  font-weight: 700;
}

.contrast .syntax-key {
  color: #60a5fa;
  font-weight: 700;
}

/* Caravan theme (Camel) */
.caravan .syntax-number {
  color: #dc2626;
  font-weight: 500;
}

.caravan .syntax-boolean {
  color: #7c3aed;
  font-weight: 600;
}

.caravan .syntax-none {
  color: #ea580c;
  font-style: italic;
}

.caravan .syntax-string {
  color: #059669;
}

.caravan .syntax-bracket,
.caravan .syntax-brace,
.caravan .syntax-paren {
  color: #78716c;
  font-weight: 600;
}

.caravan .syntax-key {
  color: #0284c7;
  font-weight: 500;
}

/* Meadow theme (Mirage) */
.meadow .syntax-number {
  color: #0891b2;
  font-weight: 500;
}

.meadow .syntax-boolean {
  color: #7c3aed;
  font-weight: 600;
}

.meadow .syntax-none {
  color: #dc2626;
  font-style: italic;
}

.meadow .syntax-string {
  color: #16a34a;
}

.meadow .syntax-bracket,
.meadow .syntax-brace,
.meadow .syntax-paren {
  color: #6b7280;
  font-weight: 600;
}

.meadow .syntax-key {
  color: #0284c7;
  font-weight: 500;
}

        /* Evaluated expression styling (REPL-like output) */
    .console-line.expression {
      font-weight: 500;
      padding-left: 0.75rem;
      border-left: 3px solid;
    }
    
    /* Light theme (Ice) */
    .light .console-line.expression {
      color: #f97316;
      background: rgba(249, 115, 22, 0.08);
      border-left-color: #f97316;
    }
    
    /* Dark theme (Lunar Sea) */
    .dark .console-line.expression {
      color: #fb923c;
      background: rgba(251, 146, 60, 0.12);
      border-left-color: #fb923c;
    }
    
    /* Elegant theme (Mystic Queen) */
    .elegant .console-line.expression {
      color: #fbbf24;
      background: rgba(251, 191, 36, 0.15);
      border-left-color: #fbbf24;
    }
    
    /* Contrast theme */
    .contrast .console-line.expression {
      color: #fbbf24;
      background: rgba(251, 191, 36, 0.2);
      border-left-color: #fbbf24;
    }
    
    /* Caravan theme (Camel) */
    .caravan .console-line.expression {
      color: #dc2626;
      background: rgba(220, 38, 38, 0.08);
      border-left-color: #dc2626;
    }
    
    /* Meadow theme (Mirage) */
    .meadow .console-line.expression {
      color: #059669;
      background: rgba(5, 150, 105, 0.08);
      border-left-color: #059669;
    }