.code-editor {
      flex: 1;
      min-width: 0; /* Prevent flex item from expanding */
      font-family: 'JetBrains Mono', monospace;
      font-size: 0.9rem;
      line-height: 1.6;
      background: var(--code-bg);
      color: var(--text-primary);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      margin-right:5px;
    }
    
    .CodeMirror {
      height: 100%;
      font-family: 'JetBrains Mono', monospace !important;
      background: var(--code-bg) !important;
      color: var(--text-primary) !important;
    }
    
    .CodeMirror-scroll {
      overflow-y: auto !important;
      overflow-x: auto !important;
    }
    
    .CodeMirror-gutters {
      background: var(--bg-secondary) !important;
      border-right: 1px solid var(--border) !important;
    }
    
    .CodeMirror-linenumber {
      color: var(--text-secondary) !important;
    }
    
    .CodeMirror-cursor {
      border-left: 2px solid var(--accent) !important;
    }
    
    .CodeMirror-selected {
      background: var(--accent) !important;
      opacity: 0.2;
    }
    
    .CodeMirror-line::selection,
    .CodeMirror-line > span::selection,
    .CodeMirror-line > span > span::selection {
      background: var(--accent);
      opacity: 0.3;
    }
    
/* Ice — light greys, cold clarity, shared blue accent */

/* Keywords: clear glacial blue (structural, calm) */
.editor-container.light .cm-keyword {
  color: #3B82F6;
  font-weight: 600;
}

.editor-container.light .cm-header {
  color: black;
  font-weight: 600;
}

/* def / function names: cold violet-grey (distinct, not decorative) */
.editor-container.light .cm-def {
  color: #6B5FC7;
  font-weight: 600;
}

/* Variables: near-black graphite (maximum readability) */
.editor-container.light .cm-variable {
  color: #1F2933;
}

/* Secondary vars / properties: steel blue */
.editor-container.light .cm-variable-2 {
  color: #2563EB;
  font-weight: 500;
}

/* Strings: frozen teal (cool, not friendly-warm) */
.editor-container.light .cm-string {
  color: #0F9FB5;
}

/* Numbers: restrained cold red (alert, not alarmist) */
.editor-container.light .cm-number {
  color: #C2415C;
  font-weight: 500;
}

/* Comments: pale slate (clearly recessive) */
.editor-container.light .cm-comment {
  color: #8A94A6;
  font-style: italic;
}

/* Operators: neutral steel grey (connective tissue) */
.editor-container.light .cm-operator {
  color: #6B7280;
}

/* Builtins: deep ice-blue (authoritative but calm) */
.editor-container.light .cm-builtin {
  color: #1D4ED8;
  font-weight: 600;
}

/* Lunar Sea — dark blue base, accent #3b82f6 (moonlight) */

/* Keywords: moon-blue (in the accent family, but softened) */
.editor-container.dark .cm-keyword {
  color: #7FB3FF;
  font-weight: 650;
}

.editor-container.dark .cm-header {
  color: #5E92F2;
  font-weight: 600;
}

/* def / function names: bioluminescent cyan */
.editor-container.dark .cm-def {
  color: #5EEAD4;
  font-weight: 600;
}

/* Variables: starlight white-blue (not pure white) */
.editor-container.dark .cm-variable {
  color: #DCE7F3;
}

/* Secondary vars / properties: sea-glass green */
.editor-container.dark .cm-variable-2 {
  color: #7FE3B2;
  font-weight: 500;
}

/* Strings: warm lantern amber (gives temperature contrast vs blues) */
.editor-container.dark .cm-string {
  color: #FBBF8A;
  font-weight: 500;
}

/* Numbers: coral-rose (distinct from strings + keywords) */
.editor-container.dark .cm-number {
  color: #FCA5A5;
  font-weight: 500;
}

/* Comments: submerged slate (recessive, readable) */
.editor-container.dark .cm-comment {
  color: #6B7A90;
  font-style: italic;
  opacity: 0.92;
}

/* Operators: misty steel (structural, not attention-grabby) */
.editor-container.dark .cm-operator {
  color: #9AAAC2;
}

/* Builtins: lunar ivory (special, but calm) */
.editor-container.dark .cm-builtin {
  color: #E7EEF8;
  font-weight: 650;
}

    
/* Mystic Queen (kept as .elegant for compatibility)
   Base assumption: dark slate grey background, accent #8b7dd8 */

/* Keywords: crown-purple, a touch brighter than accent for immediate scan */
.editor-container.elegant .cm-keyword {
  color: #B7A6FF;
  font-weight: 650;
}

.editor-container.elegant .cm-header {
  color: #D1C7FF;
  font-weight: 600;
}

/* def / function names: icy “moonlight” cyan (stands apart from keywords) */
.editor-container.elegant .cm-def {
  color: #7FE7FF;
  font-weight: 600;
}

/* Variables: soft parchment-silver (neutral, readable) */
.editor-container.elegant .cm-variable {
  color: #D8E0EE;
}

/* Secondary vars / property-ish: sea-glass green (distinct from def + string) */
.editor-container.elegant .cm-variable-2 {
  color: #68F0C8;
  font-weight: 500;
}

/* Strings: warm amber (clear semantic separation from everything cool-toned) */
.editor-container.elegant .cm-string {
  color: #FFC48A;
}

/* Numbers: rose/coral (pops without screaming) */
.editor-container.elegant .cm-number {
  color: #FF7FA6;
  font-weight: 500;
}

/* Comments: pushed back into smoky slate, still readable */
.editor-container.elegant .cm-comment {
  color: #6F7C92;
  font-style: italic;
  opacity: 0.92;
}

/* Operators: pale lilac (lighter than keywords so it “connects” without competing) */
.editor-container.elegant .cm-operator {
  color: #D3C8FF;
}

/* Builtins: holy-gold/ivory (distinct role, very “ritual”) */
.editor-container.elegant .cm-builtin {
  color: #FFE6A6;
  font-weight: 600;
}

    
    .editor-container.contrast .cm-keyword { color: #00ff00; font-weight: 700; }
    .editor-container.contrast .cm-def { color: #00ffff; font-weight: 700; }
    .editor-container.contrast .cm-variable { color: #ffffff; font-weight: 600; }
    .editor-container.contrast .cm-variable-2 { color: #ffff00; font-weight: 600; }
    .editor-container.contrast .cm-string { color: #ff6b6b; font-weight: 600; }
    .editor-container.contrast .cm-number { color: #ffa500; font-weight: 600; }
    .editor-container.contrast .cm-comment { color: #808080; font-style: italic; font-weight: 600; }
    .editor-container.contrast .cm-operator { color: #00ff00; font-weight: 700; }
    .editor-container.contrast .cm-builtin { color: #ff00ff; font-weight: 700; }
    
 /* Camel / Caravan — light beige base, accent #B8856A
   Mood: parchment, brass, sepia ink, oasis-glass */

/* Keywords: baked clay (warm, structural) */
.editor-container.caravan .cm-keyword {
  color: #B06A4F;
  font-weight: 650;
}

.editor-container.caravan .cm-header {
  color: #F2AA5E;
  font-weight: 600;
}

/* def / function names: oasis teal (clean separation from warm keywords) */
.editor-container.caravan .cm-def {
  color: #2F8F9A;
  font-weight: 650;
}

/* Variables: near-ink (readability first) */
.editor-container.caravan .cm-variable {
  color: #2C2B2A;
}

/* Secondary vars / properties: sea-glass green (distinct from def) */
.editor-container.caravan .cm-variable-2 {
  color: #4FBF9F;
  font-weight: 500;
}

/* Strings: aged brass / honey (warm but not orange) */
.editor-container.caravan .cm-string {
  color: #8A6B3D;
  font-weight: 500;
}

/* Numbers: your accent (sandy terracotta) */
.editor-container.caravan .cm-number {
  color: #B8856A;
  font-weight: 600;
}

/* Comments: faded pencil on paper */
.editor-container.caravan .cm-comment {
  color: #9B8F89;
  font-style: italic;
  opacity: 0.95;
}

/* Operators: soft terracotta (present, but not louder than keywords) */
.editor-container.caravan .cm-operator {
  color: #C08A72;
}

/* Builtins: deeper teal (authoritative, “oasis”) */
.editor-container.caravan .cm-builtin {
  color: #2B7D86;
  font-weight: 650;
}

    
/* Mirage — light lilac base, heat-haze separation */

/* Keywords: mirage lilac (structural, slightly unreal) */
.editor-container.meadow .cm-keyword {
  color: #2E2B4F;
  font-weight: 650;
}

.editor-container.meadow .cm-header {
  color: #000;
  font-weight: 600;
}

/* def / function names: cool mirage blue (sky-reflection) */
.editor-container.meadow .cm-def {
  color: #6FAED9;
  font-weight: 600;
}

/* Variables: soft graphite (anchoring reality) */
.editor-container.meadow .cm-variable {
  color: #7D7499;
}

/* Secondary vars / properties: pale teal-glass */
.editor-container.meadow .cm-variable-2 {
  color: #7FCFC6;
  font-weight: 500;
}

/* Strings: warm apricot-sand (heat source) */
.editor-container.meadow .cm-string {
  color: #B56994;
  font-weight: 500;
}

/* Numbers: rose quartz (distinct, refracted) */
.editor-container.meadow .cm-number {
  color: #CF8A72;
  font-weight: 500;
}

/* Comments: evaporated lavender-grey */
.editor-container.meadow .cm-comment {
  color: #9C9AB2;
  font-style: italic;
  opacity: 0.92;
}

/* Operators: pale lilac-silver (connective shimmer) */
.editor-container.meadow .cm-operator {
  color: #B8AFE6;
}

/* Builtins: sun-bleached ivory-gold */
.editor-container.meadow .cm-builtin {
  color: #69B4B5;
  font-weight: 600;
}

    
    
    .CodeMirror-scroll::-webkit-scrollbar,
    .console-output::-webkit-scrollbar,
    .plot-content::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
    
    .CodeMirror-scroll::-webkit-scrollbar-track,
    .console-output::-webkit-scrollbar-track,
    .plot-content::-webkit-scrollbar-track {
      background: var(--code-bg);
      border-radius: 5px;
    }
    
    .CodeMirror-scroll::-webkit-scrollbar-thumb,
    .console-output::-webkit-scrollbar-thumb,
    .plot-content::-webkit-scrollbar-thumb {
      background: var(--border);
      border-radius: 5px;
      border: 2px solid var(--bg-tertiary);
    }
    
    .CodeMirror-scroll::-webkit-scrollbar-thumb:hover,
    .console-output::-webkit-scrollbar-thumb:hover,
    .plot-content::-webkit-scrollbar-thumb:hover {
      background: var(--accent);
      border-color: var(--bg-secondary);
    }
    
    .console-output {
      overflow-y: scroll !important;
    }
    
    .CodeMirror-scroll {
      overflow-y: scroll !important;
      overflow-x: auto !important;
    }
   
   
       .CodeMirror-hint-active {
      background: var(--accent) !important;
      color: white !important;
    }
    
    .hint-type {
      font-size: 0.75rem;
      padding: 0.125rem 0.375rem;
      border-radius: 0.25rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    
    .hint-keyword {
      background: #8b5cf6;
      color: white;
    }
    
    .hint-function {
      background: #3b82f6;
      color: white;
    }
    
    .hint-class {
      background: #10b981;
      color: white;
    }
    
    .hint-variable {
      background: #f59e0b;
      color: white;
    }
    
    .hint-module {
      background: #ef4444;
      color: white;
    }
    
    .CodeMirror-hints::-webkit-scrollbar {
      width: 8px;
    }
    
    .CodeMirror-hints::-webkit-scrollbar-track {
      background: var(--code-bg);;
      border-radius: 4px;
    }
    
    .CodeMirror-hints::-webkit-scrollbar-thumb {
      background: var(--border);
      border-radius: 4px;
    }
    
    .CodeMirror-hints::-webkit-scrollbar-thumb:hover {
      background: var(--accent);
    }
    
    /* Contrast Mode - Enhanced Borders */
    .editor-container.contrast .CodeMirror-gutters {
      border-right: 2px solid #ffffff !important;
    }
    
    .editor-container.contrast .panel-header {
      border-bottom: 2px solid #ffffff;
    }
    
    .editor-container.contrast .toolbar {
      border-bottom: 2px solid #ffffff;
    }
    
    .editor-container.contrast .resize-handle,
    .editor-container.contrast .resize-handle-horizontal {
      background: #ffffff;
    }
    
    .editor-container.contrast .resize-handle:hover,
    .editor-container.contrast .resize-handle-horizontal:hover {
      background: #00ff00;
    }
    
    .editor-container.contrast .btn {
      border: 2px solid #ffffff;
      font-weight: 700;
    }
    
    .editor-container.contrast .btn-primary {
      border: 2px solid #00ff00;
    }
    
    
    /* ========================================
   BEAUTIFUL THEME-AWARE SCROLLBARS
   ======================================== */

/* ========== WEBKIT BROWSERS (Chrome, Safari, Edge) ========== */

/* Light Theme (Ice) */
.light ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.light ::-webkit-scrollbar-track {
  background: var(--code-bg) !important;
  border-radius: 6px;
}

.light ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #cbd5e1 0%, #94a3b8 100%);
  border-radius: 6px;
  border: 0px solid rgba(226, 232, 240, 0.5);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.light ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #94a3b8 0%, #64748b 100%);
  border-color: rgba(203, 213, 225, 0.8);
}

.light ::-webkit-scrollbar-thumb:active {
  background: #64748b;
}

.light ::-webkit-scrollbar-corner {
  background: rgba(226, 232, 240, 0.5);
}

/* Dark Theme (Lunar Sea) */
.dark ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.dark ::-webkit-scrollbar-track {
  background: var(--code-bg) !important;
  border-radius: 6px;
}

.dark ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #475569 0%, #334155 100%);
  border-radius: 6px;
  border: 0px solid rgba(30, 41, 59, 0.5);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #64748b 0%, #475569 100%);
  border-color: rgba(51, 65, 85, 0.8);
}

.dark ::-webkit-scrollbar-thumb:active {
  background: #64748b;
}

.dark ::-webkit-scrollbar-corner {
  background: rgba(30, 41, 59, 0.5);
}

/* Elegant Theme (Mystic Queen) */
.elegant ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.elegant ::-webkit-scrollbar-track {
  background: var(--code-bg) !important;
  border-radius: 6px;
}

.elegant ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #a393e6 0%, #a393e6 100%);
  border-radius: 6px;
  border: 0px solid rgba(30, 27, 75, 0.5);
  transition: background 0.15s ease, border-color 0.15s ease;
  /* Removed box-shadow for better performance */
}

.elegant ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #a393e6 0%, #a393e6 100%);
  border-color: rgba(79, 70, 229, 0.8);
  /* Removed box-shadow for better performance */
}

.elegant ::-webkit-scrollbar-thumb:active {
  background: #a393e6;
}

.elegant ::-webkit-scrollbar-corner {
  background: var(--code-bg);
}

/* Contrast Theme */
.contrast ::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.contrast ::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 0;
  border: 1px solid #fbbf24;
}

.contrast ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
  border-radius: 0;
  border: 2px solid #1a1a1a;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.contrast ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fcd34d 0%, #fbbf24 100%);
  border-color: #0a0a0a;
}

.contrast ::-webkit-scrollbar-thumb:active {
  background: #fcd34d;
}

.contrast ::-webkit-scrollbar-corner {
  background: #1a1a1a;
  border: 1px solid #fbbf24;
}

/* Caravan Theme (Camel) */
.caravan ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.caravan ::-webkit-scrollbar-track {
  background: var(--code-bg);;
  border-radius: 6px;
}

.caravan ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #C17B5C 0%, #C17B5C 100%);
  border-radius: 6px;
  border: 0px solid rgba(254, 243, 199, 0.5);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.caravan ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
  border-color: rgba(251, 191, 36, 0.8);
}

.caravan ::-webkit-scrollbar-thumb:active {
  background: #fbbf24;
}

.caravan ::-webkit-scrollbar-corner {
  background: rgba(254, 243, 199, 0.5);
}

/* Meadow Theme (Mirage) */
.meadow ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.meadow ::-webkit-scrollbar-track {
  background: var(--code-bg) !important;
  border-radius: 6px;
}

.meadow ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,#9D90E8 0%, #9D90E8 100%);
  border-radius: 6px;
  border: 0px solid rgba(236, 253, 245, 0.5);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.meadow ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #9D90E8 0%, #9D90E8 100%);
  border-color: #9D90E8;
}

.meadow ::-webkit-scrollbar-thumb:active {
  background: #9D90E8;
}

.meadow ::-webkit-scrollbar-corner {
  background: rgba(236, 253, 245, 0.5);
}

/* ========== FIREFOX ========== */

/* Light Theme */
.light * {
  scrollbar-width: thin;
  scrollbar-color: #94a3b8 var(--code-bg);
}

/* Dark Theme */
.dark * {
  scrollbar-width: thin;
  scrollbar-color: #475569 var(--code-bg);
}

/* Elegant Theme */
.elegant * {
  scrollbar-width: thin;
  scrollbar-color: #8b7dd8 var(--code-bg);
}

/* Contrast Theme */
.contrast * {
  scrollbar-width: auto;
  scrollbar-color: #fbbf24 #1a1a1a;
}

/* Caravan Theme */
.caravan * {
  scrollbar-width: thin;
  scrollbar-color: #f59e0b var(--code-bg);
}

/* Meadow Theme */
.meadow * {
  scrollbar-width: thin;
  scrollbar-color: #9D90E8 rgba(236, 253, 245, 0.5);
}

/* ========== SPECIFIC AREA ENHANCEMENTS ========== */

/* Make console scrollbar slightly thinner for more space */
.console-output::-webkit-scrollbar {
  width: 10px;
}

/* CodeMirror scrollbars */
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: transparent !important;
}

/* Modal scrollbars - slightly narrower */
.modal-content::-webkit-scrollbar {
  width: 10px;
}

/* Command palette results - thin scrollbar */
.command-results::-webkit-scrollbar,
.toolbar-search-results::-webkit-scrollbar {
  width: 8px;
}

.command-results::-webkit-scrollbar-thumb,
.toolbar-search-results::-webkit-scrollbar-thumb {
  border-width: 1px;
}

/* Variable list - ensure smooth scrolling */
.variables-list::-webkit-scrollbar {
  width: 10px;
}

/* Data tables - horizontal scrolling */
.dataframe-table::-webkit-scrollbar {
  height: 10px;
}

/* ========== SMOOTH SCROLLING BEHAVIOR ========== */
/* REMOVED: scroll-behavior: smooth causes lag with keyboard navigation */
/* Users can still scroll smoothly with mouse/trackpad */
/* Keyboard scrolling (arrow keys) will now be instant and responsive */

/* ========== OPTIMIZED TRANSITIONS ========== */
/* Use GPU-accelerated properties only for better performance */
::-webkit-scrollbar-thumb {
  transition: background 0.15s ease, border-color 0.15s ease;
  /* Removed box-shadow transition as it can cause lag on some systems */
}

/* ========== ACCESSIBILITY - Ensure scrollbars are visible on focus ========== */
*:focus-visible {
  outline-offset: 2px;
}

/* For keyboard navigation, make scrollbar more prominent */
*:focus::-webkit-scrollbar-thumb {
  opacity: 1;
}

    /* 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;
    }
    
    
    /* ========================================
   CODE BLOCK HIGHLIGHTING - Notebook Editor
   ======================================== */

/* Base styling for code block lines */
.CodeMirror-line.code-block-line {
  font-family: 'JetBrains Mono', monospace;
  padding-left: 0.5rem;
  border-left: 3px solid;
}

.CodeMirror-line.code-block-start,
.CodeMirror-line.code-block-end {
  font-weight: 600;
  font-style: italic;
  opacity: 0.7;
}

/* Light theme (Ice) */
.light .CodeMirror-line.code-block-line {
  background: rgba(59, 130, 246, 0.4);
  border-left-color: #3b82f6;
}

.light .CodeMirror-line.code-block-start,
.light .CodeMirror-line.code-block-end {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
}

/* Dark theme (Lunar Sea) */
.dark .CodeMirror-line.code-block-line {
  background: rgba(96, 165, 250, 0.08);
  border-left-color: #60a5fa;
}

.dark .CodeMirror-line.code-block-start,
.dark .CodeMirror-line.code-block-end {
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.12);
}

/* Elegant theme (Mystic Queen) */
.elegant .CodeMirror-line.code-block-line {
  background: rgba(209, 199, 255, 0.08);
  border-left-color: #a855f7;
}

.elegant .CodeMirror-line.code-block-start,
.elegant .CodeMirror-line.code-block-end {
  color: #a855f7;
  background: rgba(209, 199, 255, 0.12);
}

/* Contrast theme */
.contrast .CodeMirror-line.code-block-line {
  background: rgba(34, 211, 238, 0.15);
  border-left-color: #22d3ee;
}

.contrast .CodeMirror-line.code-block-start,
.contrast .CodeMirror-line.code-block-end {
  color: #22d3ee;
  background: rgba(34, 211, 238, 0.25);
}

/* Caravan theme (Camel) */
.caravan .CodeMirror-line.code-block-line {
  background: rgba(234, 88, 12, 0.06);
  border-left-color: #ea580c;
}

.caravan .CodeMirror-line.code-block-start,
.caravan .CodeMirror-line.code-block-end {
  color: #ea580c;
  background: rgba(234, 88, 12, 0.1);
}

/* Meadow theme (Mirage) */
.meadow .CodeMirror-line.code-block-line {
  background: rgba(16, 185, 129, 0.06);
  border-left-color: #10b981;
}

.meadow .CodeMirror-line.code-block-start,
.meadow .CodeMirror-line.code-block-end {
  color: #10b981;
  background: rgba(16, 185, 129, 0.1);
}