/* ================================================
   Basic page styling
   ================================================ */
body { 
    font-family: system-ui, -apple-system, sans-serif; 
    margin: 0; 
    padding: 2rem; 
    background: #1e1e1e; 
    color: #eee; 
    max-width: 900px; 
    margin: 0 auto; 
}

/* ================================================
   Monaco Editor container styling
   ================================================ */
#editor { 
    height: 250px;           /* CHANGED: Reduced from 400px to 250px to bring output up */
    border: 1px solid #444; 
}

/* ================================================
   Output box styling
   ================================================ */
#output { 
    background: #111;               
    padding: 10px;                  /* Reduced padding slightly */
    white-space: pre-wrap;          
    font-family: 'Consolas', monospace;         
    border: 1px solid #333;         
    min-height: 40px;               
    margin-top: 10px;               /* CHANGED: Reduced from 20px to 10px */
    color: #0f0;                    
}

/* ================================================
   Run button styling
   ================================================ */
button { 
    padding: 8px 20px;              /* Slightly smaller button */
    font-weight: bold; 
    margin-top: 10px;               /* CHANGED: Reduced space above button */
    cursor: pointer; 
    background: #007acc;            
    border: none; 
    color: white;                   
    font-size: 14px;
    border-radius: 2px;
}

button:hover { 
    background: #005f9e;            
}